.hm-asset-story{--asset-ink:#f6f2e9;--asset-night:#0d0f0c;--asset-mint:#b8d8cf;--asset-gold:#a9843c;position:relative;height:390vh;isolation:isolate;background:var(--asset-night);color:var(--asset-ink)}
.hm-asset-sticky{position:sticky;top:0;height:100vh;min-height:650px;overflow:hidden;background:radial-gradient(circle at 69% 46%,rgba(184,216,207,.075),transparent 31%),radial-gradient(circle at 84% 78%,rgba(169,132,60,.075),transparent 36%),linear-gradient(145deg,#11140f,#0b0d0a 72%)}
.hm-asset-sticky:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.22;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.77' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}
.hm-asset-sticky:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(7,9,7,.76),rgba(7,9,7,.16) 43%,transparent 72%),linear-gradient(0deg,rgba(6,8,6,.7),transparent 34%,transparent 82%,rgba(6,8,6,.32))}
.hm-asset-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.hm-asset-signature{position:absolute;z-index:8;left:clamp(22px,4.8vw,72px);right:clamp(22px,4.8vw,72px);top:calc(var(--asset-nav-height,0px) + 22px);display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12);color:var(--asset-ink)}
.hm-asset-signature span{font:400 clamp(30px,2.8vw,44px)/.95 'Cormorant Garamond',Georgia,serif;letter-spacing:-.038em;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.hm-asset-signature small{font:500 7.5px/1 'DM Sans',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:rgba(184,216,207,.72);white-space:nowrap}
.hm-asset-copy{position:absolute;z-index:7;left:clamp(22px,4.8vw,72px);bottom:clamp(72px,10vh,106px);width:min(49vw,700px);height:clamp(320px,46vh,410px)}
.hm-asset-panel{position:absolute;inset:0;width:100%;opacity:0;transition:opacity .48s ease;pointer-events:none}
.hm-asset-panel.is-active{opacity:1}
.hm-asset-kicker{position:absolute;left:0;top:0;display:flex;align-items:center;gap:11px;font-size:8.5px;font-weight:500;letter-spacing:.23em;text-transform:uppercase;color:var(--asset-mint)}
.hm-asset-kicker:before{content:"";width:30px;height:1px;background:var(--asset-mint)}
.hm-asset-panel h2{position:absolute;left:0;top:34px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:clamp(38px,4.6vw,68px);line-height:.95;letter-spacing:-.038em;max-width:14.5ch;margin:0;text-wrap:balance;color:var(--asset-ink)}
.hm-asset-panel h2 em{font-weight:300;color:var(--asset-gold)}
.hm-asset-proof{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:10px;margin:0;font-size:9px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:rgba(246,242,233,.62)}
.hm-asset-proof:before{content:"";width:24px;height:1px;background:linear-gradient(90deg,var(--asset-gold),transparent)}
.hm-asset-labels{position:absolute;inset:0;z-index:6;pointer-events:none;transition:opacity .2s linear}
.hm-asset-label{position:absolute;left:0;top:0;opacity:0;white-space:nowrap;padding:6px 9px 6px 12px;border-left:1px solid rgba(184,216,207,.62);background:linear-gradient(90deg,rgba(10,13,10,.78),rgba(10,13,10,0));font:400 7.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#d8eee7;text-shadow:0 2px 14px #000;transition:opacity .3s ease}
.hm-asset-rail{position:absolute;z-index:8;right:clamp(22px,4.8vw,72px);bottom:28px;display:grid;grid-template-columns:repeat(3,34px);gap:8px}
.hm-asset-tick{position:relative;padding-top:9px;text-align:center;font:400 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(255,255,255,.32);transition:color .35s ease}
.hm-asset-tick:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.15)}
.hm-asset-tick:after{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:linear-gradient(90deg,var(--asset-mint),var(--asset-gold));transition:width .55s cubic-bezier(.16,1,.3,1)}
.hm-asset-tick.is-active{color:#fff}.hm-asset-tick.is-active:after{width:100%}
.hm-asset-hint{position:absolute;z-index:7;right:clamp(22px,4.8vw,72px);top:50%;display:flex;align-items:center;gap:9px;transform:rotate(90deg) translateX(50%);transform-origin:right center;font-size:7px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.5);transition:opacity .45s ease}
.hm-asset-hint:after{content:"";width:42px;height:1px;background:linear-gradient(90deg,var(--asset-gold),transparent)}
.hm-asset-story[data-asset-stage]:not([data-asset-stage="0"]) .hm-asset-hint{opacity:0}
@media(max-width:760px){
  section.hm-asset-story{height:360vh;padding:0!important}
  .hm-asset-sticky{min-height:600px}
  .hm-asset-signature{top:calc(var(--asset-nav-height,0px) + 14px);align-items:center;padding-bottom:11px}
  .hm-asset-signature span{font-size:25px;letter-spacing:-.03em}
  .hm-asset-signature small{font-size:5.5px;letter-spacing:.14em}
  .hm-asset-copy{left:20px;right:20px;bottom:62px;width:auto;height:310px}
  .hm-asset-panel h2{top:30px;font-size:clamp(34px,9.6vw,43px);line-height:.96;max-width:12ch}
  .hm-asset-proof{font-size:6.5px;letter-spacing:.1em;max-width:44ch}
  .hm-asset-label{font-size:5.5px;padding:4px 6px}
  .hm-asset-rail{right:20px;bottom:17px;grid-template-columns:repeat(3,25px);gap:6px}
  .hm-asset-hint{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hm-asset-story{height:100vh}
  .hm-asset-panel{display:none}
  .hm-asset-panel:last-child{display:block;opacity:1;transform:none}
  .hm-asset-labels,.hm-asset-hint{display:none}
}