/* Home Closure R1 — Home-specific content closure. Shared header/footer authority lives in f50-shell-home-lock.css. */
/* Inline semantic accent for subsidiary hero hinges. */
.f50-home-lock .estate-hero-headline .f50-hinge-inline{display:inline!important;color:var(--f50-gold)}

/* Public Estate visual-standard refinement — approved Home + Work propagation. */
/* Coordinate/eyebrow removed while preserving a deliberate top-stage before the headline. */
.f50-home-lock .estate-hero--no-coordinate .estate-hero-headline{margin-top:34px!important}

/* Work chronology: editorial temporal marker embedded in prose.
   It is a folio, not a button or badge; its purpose is skim-level temporal orientation. */
.f50-home-lock .estate-day-marker{display:inline-flex;align-items:baseline;gap:4px;vertical-align:.09em;margin:0 .46em 0 0;padding:3px 6px 3px 6px;border:1px solid rgba(74,78,72,.19);border-radius:5px;background:rgba(198,164,93,.065);color:#73766f;font:680 9.5px/1 var(--pe-sans);letter-spacing:.095em;text-transform:uppercase;white-space:nowrap}
.f50-home-lock .estate-day-marker strong{font:760 10px/1 var(--pe-sans);letter-spacing:.045em;color:#9b762f;font-variant-numeric:tabular-nums}

/* Canonical dark editor: brightest admitted Developers syntax palette. */
:root{
  --estate-syntax-keyword:#d9a7ff;
  --estate-syntax-function:#89e4a7;
  --estate-syntax-property:#75d7ff;
  --estate-syntax-string:#ffd166;
  --estate-syntax-variable:#eef3ef;
  --estate-syntax-number:#ff9d7a;
  --estate-syntax-comment:#8c9991;
}
.f50-home-lock .vw-code-window{background:#0d1110!important;color:#e8eeea!important;border-color:#323834!important}
.f50-home-lock .vw-code-window__bar{background:#171b19;color:#a2aca5;border-bottom-color:#2d342f}
.f50-home-lock .vw-code-window pre{color:#e8eeea;text-shadow:0 0 18px rgba(245,243,236,.025)}

@media(max-width:900px){
  .f50-home-lock .estate-day-marker{padding:3px 5px;font-size:9px;margin-right:.38em}
  .f50-home-lock .estate-day-marker strong{font-size:9.5px}
  .f50-home-lock .estate-hero--no-coordinate .estate-hero-headline{margin-top:28px!important}
}


/* Public Estate visual standard V3 — conversion, motion, headline discipline, chronology. */
:root{
  --estate-action-signal:#ffd95a;
  --estate-action-signal-hover:#ffe47a;
  --estate-action-ink:#11150f;
  --estate-action-shadow:rgba(255,199,55,.18);
}

/* Signal Gold is scarce and action-only: Mineral is material; mustard is semantic emphasis. */


.f50-home-lock .pe-button{
  border-radius:7px;
  transition:transform 190ms cubic-bezier(.2,.72,.2,1),box-shadow 190ms ease,border-color 190ms ease,background-color 190ms ease,color 190ms ease;
}
.f50-home-lock .pe-button::after{
  content:"→";
  display:inline-block;
  margin-left:10px;
  font-size:1.05em;
  line-height:1;
  transform:translateX(0);
  transition:transform 190ms cubic-bezier(.2,.72,.2,1);
}
.f50-home-lock .pe-button:hover,
.f50-home-lock .pe-button:focus-visible{transform:translateY(-1px)}
.f50-home-lock .pe-button:hover::after,
.f50-home-lock .pe-button:focus-visible::after{transform:translateX(3px)}
.f50-home-lock .pe-button:active{transform:translateY(0) scale(.99)}
.f50-home-lock .pe-button--primary{
  background:var(--estate-action-signal)!important;
  border-color:var(--estate-action-signal)!important;
  color:var(--estate-action-ink)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 10px 24px var(--estate-action-shadow);
}
.f50-home-lock .pe-button--primary:hover,
.f50-home-lock .pe-button--primary:focus-visible{
  background:var(--estate-action-signal-hover)!important;
  border-color:var(--estate-action-signal-hover)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.64) inset,0 14px 32px rgba(255,199,55,.24);
}
.f50-home-lock .pe-button:not(.pe-button--primary){
  background:rgba(255,255,255,.025);
  border-color:rgba(31,39,33,.34);
  box-shadow:0 1px 0 rgba(255,255,255,.42) inset,0 7px 20px rgba(31,39,33,.055);
}
.f50-home-lock .pe-button:not(.pe-button--primary):hover,
.f50-home-lock .pe-button:not(.pe-button--primary):focus-visible{
  background:rgba(255,255,255,.16);
  border-color:rgba(31,39,33,.52);
  box-shadow:0 1px 0 rgba(255,255,255,.56) inset,0 10px 26px rgba(31,39,33,.08);
}

/* Work chronology: strong enough to skim, quiet enough to remain editorial typography. */
.f50-home-lock .estate-day-marker{
  gap:4px;
  vertical-align:.08em;
  margin-right:.5em;
  padding:4px 7px 4px 7px;
  border:1px solid rgba(63,69,64,.24);
  border-radius:4px;
  background:#f0eee7;
  color:#666b65;
  font:720 11.5px/1 var(--pe-sans);
  letter-spacing:.085em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.66);
}
.f50-home-lock .estate-day-marker strong{
  font:800 13.5px/1 var(--pe-sans);
  letter-spacing:.025em;
  color:#a57822;
  font-variant-numeric:tabular-nums;
}

/* Protected documentary pixels. Elevation belongs to the admitted page frame, never to product pixels.
   This hard boundary prevents unrelated visual-standard changes from creating rectangular shadows,
   masks, clipping, or synthetic bezels around transparent/device screenshots. */
.f50-home-lock :is(.vw-figure,.vh-figure) .estate-product-picture>img{
  box-shadow:none!important;
  filter:none!important;
  border-radius:0!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
}
/* Controlled material depth remains available only to true editor/code surfaces. */
.f50-home-lock .vw-code-window,
.f50-home-lock .vh-code{
  box-shadow:0 1px 0 rgba(255,255,255,.58) inset,0 12px 38px rgba(25,32,27,.07),0 2px 6px rgba(25,32,27,.05);
}

@media(max-width:900px){
  .f50-home-lock .estate-day-marker{padding:4px 6px;font-size:10.5px;margin-right:.42em}
  .f50-home-lock .estate-day-marker strong{font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){
  .f50-home-lock .pe-button,
  .f50-home-lock .pe-button::after,
  .f50-home-lock .f50-primary-nav .pe-nav__ask{transition:none!important;transform:none!important}
}

/* Public Beta hero secondary-copy constitution — 2026-10-05.
   One shared scale/measure/spacing token across admitted Public Beta heroes. */
.f50-home-lock .estate-hero--r5 .estate-hero__lede,
.f50-home-lock .estate-hero--r5 .vh-hero__inner>p:last-child,
.f50-home-lock .estate-hero--r5 .vw-hero__inner>p:last-child{
  max-width:860px!important;
  margin-top:30px!important;
  font-size:clamp(18px,1.55vw,21px)!important;
  line-height:1.56!important;
  letter-spacing:-.006em!important;
}
@media(max-width:760px){
  .f50-home-lock .estate-hero--r5 .estate-hero__lede,
  .f50-home-lock .estate-hero--r5 .vh-hero__inner>p:last-child,
  .f50-home-lock .estate-hero--r5 .vw-hero__inner>p:last-child{
    max-width:35ch!important;
    margin-top:26px!important;
    font-size:17px!important;
    line-height:1.58!important;
    letter-spacing:-.006em!important;
  }
}

/* Public Beta hero content-safe constitution — 2026-10-05.
   The canonical hero height is a minimum visual frame, never a clipping constraint.
   Headline/lede reflow may increase block height at intermediate widths, but may not
   consume the lower breathing reserve. Preserve top registration and grow only as needed. */
.f50-home-lock .estate-hero--r5.estate-hero--circumpunct{
  height:auto!important;
  min-height:var(--estate-hero-height)!important;
  max-height:none!important;
}
.f50-home-lock .estate-hero--r5.estate-hero--circumpunct>.pe-rail{
  height:auto!important;
  min-height:var(--estate-hero-height)!important;
  padding-top:var(--estate-hero-content-top)!important;
  padding-bottom:clamp(24px,calc(240px - 15vw),84px)!important;
}


/* Nov 13 consolidated typography: Home hero sentence remains intact at 320–430 CSS px.
   A proportional second-line font avoids an isolated “institution”; desktop unchanged. */
@media (max-width:430px){
  .f50-home-lock .vh-hero .estate-hero-headline > .f50-hinge {
    font-size:clamp(35px,11.05vw,46px)!important;
    line-height:1.1;
    text-wrap:balance;
  }
}