/* Hero typography and live wire terrain. */
#home.hero{overflow:hidden;background:#080909}
#home .hero-title{position:relative;z-index:2;pointer-events:none}
#home .hero-title h1{color:#fff;mask-image:linear-gradient(to bottom,#000 12%,rgba(0,0,0,.85) 42%,rgba(0,0,0,.2) 100%);-webkit-mask-image:linear-gradient(to bottom,#000 12%,rgba(0,0,0,.85) 42%,rgba(0,0,0,.2) 100%)}
#home .hero-title h1 span{color:inherit}
#home .subtitle{color:#b9c7c1}
#home .hero-mesh{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
#home .scroll-cue{z-index:3;color:#c0ccc6;border-color:#58645f;text-shadow:0 2px 12px #000}
#home::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(#080909 0%,transparent 40%,transparent 85%,#080909 100%)}
#home .hero-title{--hero-size:clamp(38px,min(10.5vw,16svh),150px);padding-bottom:5vh;mask-image:linear-gradient(#000 5%,rgba(0,0,0,.82) 40%,rgba(0,0,0,.18) 90%);-webkit-mask-image:linear-gradient(#000 5%,rgba(0,0,0,.82) 40%,rgba(0,0,0,.18) 90%)}
#home .hero-title h1{font-size:var(--hero-size);margin:0;mask-image:none;-webkit-mask-image:none}
#home .subtitle{font-family:Georgia,'Times New Roman',serif;font-size:var(--hero-size);font-weight:400;line-height:1.02;letter-spacing:-.055em;color:#fff;margin-top:8px}
#home.hero{width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding-inline:max(5vw,calc((100vw - 1296px)/2));background:var(--bg);overflow:hidden}
#home .hero-mesh{mask-image:linear-gradient(transparent 16%,#000 48%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(transparent 16%,#000 48%,#000 82%,transparent 100%)}
#home::after{background:linear-gradient(var(--bg),transparent 40%,transparent 80%,var(--bg))}
#home .scroll-cue{left:max(5vw,calc((100vw - 1296px)/2))}
#home .hero-title{width:100%;--hero-size:clamp(38px,min(10.5vw,16svh),150px)}
#home .subtitle{font-family:'Palatino Linotype','Book Antiqua',Palatino,serif;font-style:italic;letter-spacing:-.065em}
#home .hero-word{display:block;white-space:nowrap;transform-origin:20% 50%}
#home .glass-letter{display:inline-block;color:transparent;background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,50%),#fff 0%,#e0ffff 14%,#a7c9ff 28%,#e5bbff 42%,#ffdbd8 55%,#dbfff3 68%,#fff 90%);background-clip:text;-webkit-background-clip:text;transform-origin:center;will-change:transform;filter:saturate(var(--glass-color,0));text-shadow:var(--glass-shadow,none)}
@media(prefers-reduced-motion:reduce){#home .glass-letter{will-change:auto}}
#home .hero-title .glass-letter{color:transparent}
#home.hero{width:var(--viewport-width,100%);margin-left:calc(50% - var(--viewport-width,100%)/2)}
#home .hero-title{user-select:none;-webkit-user-select:none}
/* Allow italic overhang, refraction and the spring overshoot to paint in full. */
#home .hero-title{--hero-size:clamp(30px,min(10.5vw,calc((100svh - var(--nav-height) - 110px)/3.6)),150px);padding:26px 24px 36px;margin-inline:-24px;width:calc(100% + 48px);overflow:visible}
#home .hero-title h1{line-height:1.04;overflow:visible}
#home .hero-word{overflow:visible}
#home .hero-title .glass-letter{padding:.18em .12em;margin:-.18em -.12em;line-height:1.2;vertical-align:baseline}
#home .subtitle{line-height:1.2;margin-top:4px;overflow:visible}
@media(max-width:650px){#home .hero-title{padding-inline:16px;margin-inline:-16px;width:calc(100% + 32px)}}
