/* An architectural cover: one wide title, a central scene and an orbiting invitation. */
.hero-refined{isolation:isolate;display:block;min-height:850px;height:100svh;max-height:1200px;padding:0;overflow-anchor:none}
.hero-refined .hero-scene>img{object-position:64% 45%;filter:saturate(.76) brightness(.98)}
.hero-refined .hero-shade{background:linear-gradient(0deg,#071c19fa 0%,#071c19b0 16%,transparent 62%),linear-gradient(90deg,#061b16b8,transparent 55%),linear-gradient(180deg,#05161080,transparent 25%)}
.hero-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at var(--hero-light-x,68%) var(--hero-light-y,35%),#d4dfb527,transparent 46%);mix-blend-mode:screen}
.hero-refined .hero-grid{opacity:.4;background-size:280px 280px}.hero-lightscape{position:absolute;inset:0;width:100%;height:100%;fill:none;pointer-events:none}.hero-contour{stroke:#cfdfb81f;stroke-width:.65}.hero-flow{stroke:url(#hero-light-color);stroke-width:1.5;stroke-dasharray:200 1500;stroke-dashoffset:1700;filter:drop-shadow(0 0 6px #d7e6bd55);animation:hero-light-travel 15s linear infinite}.hero-flow-two{animation-duration:21s;animation-delay:-8s;opacity:.65}
.hero-edition{position:absolute;top:139px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#c5d1bf;font-size:11px;letter-spacing:1.6px;z-index:2}.hero-edition>span:first-child{display:flex;align-items:center;gap:12px}.hero-edition i{width:5px;height:5px;border-radius:50%;background:#d9e7b3;box-shadow:0 0 0 5px #e1edbc12}.hero-edition>span:last-child{letter-spacing:.3px;font-size:13px}
.hero-cover-caption{position:absolute;left:5%;top:32%;z-index:2;max-width:240px;border-left:1px solid #d0dfb94d;padding-left:20px}.hero-cover-caption>span{font-size:21px;line-height:1.65;font-weight:450;letter-spacing:-.6px;color:#e2e8d9}.hero-cover-caption p{font-size:13px;line-height:1.9;color:#a8bbab;margin-top:22px}
.hero-focus{position:absolute;left:37%;top:24%;width:40%;height:29%;border:1px solid #dbe6c128;border-bottom:0;border-right:0;z-index:1;pointer-events:none}.hero-focus:before,.hero-focus:after{content:'';position:absolute;background:#e1eac5}.hero-focus:before{width:23px;height:1px;left:-1px;top:-1px}.hero-focus:after{width:1px;height:23px;left:-1px;top:-1px}.hero-focus>span:not(.hero-focus-corner){position:absolute;top:-21px;left:0;font-size:8px;letter-spacing:2px;color:#c0d0ba}.hero-focus>i{position:absolute;right:-9px;bottom:20px;font-style:normal;font-size:30px;line-height:1;font-weight:200;color:#dfebbb}.hero-focus>small{position:absolute;right:0;bottom:0;font-size:11px;color:#cbd8c2}.hero-focus-corner{position:absolute;right:0;top:0;width:9px;height:9px;border:1px solid #e1eac5;transform:translate(50%,-50%);border-radius:50%;box-shadow:0 0 18px #dcebb48c}
.hero-project-orb{position:absolute;right:6%;top:37%;width:158px;aspect-ratio:1;border:1px solid #d5e3b856;border-radius:50%;z-index:3;background:linear-gradient(120deg,#e2edc61a,#0c2c2545);backdrop-filter:blur(9px);box-shadow:inset 0 0 35px #e8f3d00a;transition:background .4s,box-shadow .4s}.hero-project-orb>svg{position:absolute;inset:0;width:100%;height:100%;fill:#c8d8b3;font:7px PlusSans,sans-serif;letter-spacing:2.1px;animation:hero-orbit-type 36s linear infinite}.hero-project-orb>span{position:absolute;inset:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:12px;line-height:1.7;color:#e1e9d2}.hero-project-orb b{font-size:32px;font-weight:300;line-height:1.1;margin-top:7px;transition:transform .4s}.hero-project-orb:hover{background:#cee4b32b;box-shadow:0 0 60px #d9eabc1c}.hero-project-orb:hover b{transform:translate(3px,-3px)}
.hero-cover-title{position:absolute;left:5%;right:5%;bottom:156px;z-index:2}.hero-title-index{display:block;text-align:right;letter-spacing:3px;font-size:9px;color:#a7bda7;margin-bottom:20px}.hero-refined h1{display:flex;justify-content:space-between;gap:30px;align-items:baseline;font-size:clamp(64px,9.1vw,174px);letter-spacing:-.08em;line-height:1.12;font-weight:350;white-space:nowrap;max-width:none}.hero-refined h1>span{font-weight:300;color:#edf0e6}.hero-refined h1>strong{font-weight:650;color:#d5e3b6;letter-spacing:-.075em;position:relative}.hero-refined h1 em{position:absolute;right:-.42em;top:-.27em;font-size:.33em;font-weight:250;font-style:normal;color:#e8f1d2}.hero-cover-title h1{animation:cover-title-in 1.3s .15s both cubic-bezier(.18,.7,.2,1)}
.hero-refined .hero-bottom{position:absolute;bottom:40px;left:5%;right:5%;padding-top:18px;border-top:1px solid #c5d3b13d;gap:30px;z-index:3}.hero-work-invite{display:flex;align-items:center;gap:17px;font-size:11px;color:#9fb69f}.hero-work-invite>img{width:82px;height:47px;object-fit:cover;object-position:center;filter:saturate(.6);border:1px solid #d1dfb630}.hero-work-invite strong{display:block;font-size:13px;font-weight:450;color:#e3e9d8;margin-top:6px}.hero-refined .scroll-cue{font-size:8px;gap:20px;letter-spacing:1.5px}.hero-refined .scroll-cue>i{width:35px;height:35px;border-radius:50%;border:1px solid #bbcea14a;display:grid;place-items:center;font-size:20px;animation:none}.hero-refined .visual-caption{bottom:10px;font-size:8px;color:#8da38c}.hero-refined .intro-replay,.hero-refined .motion-toggle{font-size:10px}.hero-refined .motion-toggle{background:#10291e55;border-color:#c1d1ae30}
@keyframes hero-light-travel{to{stroke-dashoffset:-1700}}@keyframes hero-orbit-type{to{transform:rotate(360deg)}}@keyframes cover-title-in{from{opacity:0;transform:translateY(35px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:1000px){.hero-refined{min-height:800px}.hero-cover-caption{top:28%}.hero-cover-caption>span{font-size:18px}.hero-focus{left:36%;width:37%}.hero-project-orb{width:135px;right:5%;top:41%}.hero-project-orb>span{inset:22px;font-size:11px}.hero-refined h1{font-size:9.1vw;gap:16px}.hero-work-invite>img{width:65px;height:43px}.hero-refined .hero-bottom{gap:18px}.hero-refined .scroll-cue{font-size:7px;gap:12px}}
@media(max-width:700px){.hero-refined{min-height:820px;max-height:none}.hero-edition{top:114px;font-size:9px;letter-spacing:1px}.hero-edition>span:last-child{display:none}.hero-cover-caption{top:180px;left:6%;max-width:200px;padding-left:15px}.hero-cover-caption>span{font-size:18px}.hero-cover-caption p{font-size:12px;line-height:1.8;margin-top:15px}.hero-focus{left:53%;width:40%;height:27%;top:21%}.hero-focus>span:not(.hero-focus-corner){font-size:5px;letter-spacing:1px}.hero-focus>small{display:none}.hero-project-orb{width:124px;top:39%;right:8%}.hero-project-orb>span{font-size:11px}.hero-cover-title{bottom:204px;left:6%;right:6%}.hero-title-index{text-align:left;font-size:7px;letter-spacing:2px;margin-bottom:18px}.hero-refined h1{display:block;font-size:clamp(45px,10.8vw,75px);line-height:1.18;letter-spacing:-.07em}.hero-refined h1>span{display:block;font-size:.8em;margin-bottom:5px}.hero-refined h1>strong{display:block;width:max-content}.hero-refined h1 em{right:-.5em;top:-.08em}.hero-refined .hero-bottom{left:6%;right:6%;bottom:88px;padding-top:17px;flex-wrap:wrap;gap:18px}.hero-work-invite{gap:12px}.hero-work-invite>img{width:62px;height:41px}.hero-work-invite>span{font-size:10px}.hero-work-invite strong{font-size:12px;margin-top:4px}.hero-refined .scroll-cue{margin-left:auto}.hero-refined .scroll-cue>span{display:none}.hero-refined .hero-playback{width:100%;justify-content:flex-end;gap:12px}.hero-refined .motion-toggle,.hero-refined .intro-replay{font-size:9px;padding:6px 9px}.hero-refined .visual-caption{bottom:67px;font-size:7px}.hero-refined .hero-scene>img{object-position:64% center}.hero-refined .hero-shade{background:linear-gradient(0deg,#071c19fa,#071c1960 40%,#071c1922 75%),linear-gradient(90deg,#061b16c9,transparent 90%)}
}
@media(prefers-reduced-motion:reduce){.hero-flow,.hero-project-orb>svg,.hero-cover-title h1{animation:none}.hero-project-orb,.hero-project-orb b{transition:none}}
body.motion-paused .hero-project-orb>svg{animation-play-state:paused}