.hero{z-index:1;min-height:calc(100svh - var(--header-h));align-items:center;padding-block:clamp(1.5rem,4vh,3rem) clamp(3rem,6vh,4rem);display:flex;position:relative}.hero__in{text-align:center;flex-direction:column;align-items:center;display:flex}.hero__eyebrow{margin-bottom:clamp(1rem,3vh,2rem)}.hero__stage{--shell:clamp(190px, 23vw, 320px);width:100%;min-height:calc(var(--shell) * 1.3 + 1rem);place-items:center;display:grid;position:relative}.hero__h1{z-index:2;grid-template-columns:1fr var(--shell) 1fr;width:100%;font-size:var(--step-4);align-items:center;gap:clamp(1.2rem,3.5vw,4rem);display:grid;position:relative}.hero__a{text-align:right;grid-column:1}.hero__b{text-align:left;grid-column:3}.hero__b em{color:var(--brand)}.hero__shell{z-index:1;width:var(--shell);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__fig{white-space:nowrap;color:var(--ink);letter-spacing:.08em;font-size:.78rem;position:absolute;top:calc(100% + .6rem);left:50%;transform:translate(-50%)}.hero__foot{justify-items:center;gap:1.4rem;margin-top:clamp(2.6rem,6vh,4rem);display:grid}.hero__sub{max-width:36rem;color:var(--ink-soft);margin:0}.hero .btn-row{justify-content:center}.hero__ruler{pointer-events:none;flex-direction:column;justify-content:space-between;width:14px;padding-block:8vh;display:flex;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.hero__ruler span{background:var(--line-strong);width:14px;height:1px;display:block}.hero__ruler span:nth-child(odd){width:8px;margin-left:3px}@media (prefers-reduced-motion:no-preference){.hero__a{animation:fromMid 1.1s var(--ease-settle) both .15s;--dx:24px}.hero__b{animation:fromMid 1.1s var(--ease-settle) both .3s;--dx:-24px}.hero__shell .backlit{animation:rise 1.4s var(--ease-settle) both}}@keyframes fromMid{0%{transform:translateX(var(--dx))}to{transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}@media (max-width:899px){.hero{min-height:auto}.hero__stage{--shell:min(44vw, 200px);min-height:0}.hero__h1{grid-template-columns:1fr;grid-template-rows:auto var(--shell) auto;gap:1.4rem;font-size:clamp(2.1rem,8.4vw,3rem)}.hero__a,.hero__b{text-align:center;grid-column:1}.hero__a{grid-row:1}.hero__b{grid-row:3}.hero__shell{top:50%}.hero__fig{display:none}.hero__foot{margin-top:2rem}.hero__ruler{display:none}.hero__shell{aspect-ratio:200/260;width:auto;height:var(--shell)}.hero__shell .backlit{height:100%}.hero__shell .backlit svg{width:auto;height:100%;margin-inline:auto}}.qa__list{margin-top:var(--space-5)}.qa__row{border-top:1px solid var(--line);padding-block:clamp(2rem,4vw,3.2rem);position:relative}.qa__row:last-child{border-bottom:1px solid var(--line)}.qa__q{font-size:var(--step-3);color:var(--brand-deep);font-style:italic;font-weight:200}.qa__a p{color:var(--ink)}.qa__node{border:1px solid var(--brand);background:var(--porcelain);width:30px;height:30px;font-family:var(--font-mono);color:var(--brand);border-radius:50%;place-items:center;font-size:.78rem;display:grid;position:absolute;top:clamp(2rem,4vw,3.2rem);left:50%;transform:translate(-50%,.4rem)}@media (max-width:899px){.qa__node{display:none}}.life__num{font-family:var(--font-display);letter-spacing:-.04em;color:var(--brand-deep);margin:0;font-size:clamp(5rem,3rem + 10vw,11.5rem);font-weight:200;line-height:.85}.life__num span{color:var(--dentine)}.life__unit{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-soft);margin-top:1rem;font-size:.86rem}.principal{overflow:hidden}.principal__quote{margin:0}.principal__quote p{font-family:var(--font-display);font-weight:300;font-size:var(--step-4);margin-bottom:1rem;line-height:1.05}.principal__quote em{color:var(--brand)}.principal__quote footer{color:var(--ink-soft)}.principal__plate{border-radius:var(--radius-shell);z-index:-1;opacity:.55;background:linear-gradient(#e8d3b8,#f6f2ea 60%,#dce8ec);place-items:center;width:120px;height:156px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 40px #14232c1a,inset 0 0 0 1px #14232c14}.principal__plate span{font-family:var(--font-display);color:var(--brand-deep);font-size:2.6rem;font-style:italic;font-weight:200}@media (max-width:899px){.principal__plate{display:none}}.roof .btn{margin-top:.4rem}