/* One continuous document; hero framing follows the original SOUND CRAFT draft. */
:root{--bg:#171815;--header-height:92px}
html{scroll-padding-top:var(--header-height)}
.site-header{position:sticky;top:0;background:#171815f5;backdrop-filter:blur(15px)}
.desktop-nav a[aria-current="location"]::after{width:100%}
.page{animation:none}
.site-section{display:flow-root;border-top:1px solid var(--line)}
.site-section:focus,.cover:focus{outline:none}
.page-head{padding-top:90px;padding-bottom:55px}
.page-head-row h2{font-size:clamp(58px,7.3vw,116px)}
.page-head-row>p{max-width:330px}
.project-summary{top:calc(var(--header-height) + 24px)}
.builder-layout{padding-bottom:95px}
.summary-book{display:inline-flex}
.gallery-grid{content-visibility:auto;contain-intrinsic-size:auto 1250px}
body.has-project-bar .site-footer{padding-bottom:20px}
.cover{position:relative;isolation:isolate;overflow:hidden;height:clamp(760px,calc(100svh - 49px),920px);min-height:760px;background:#171815}
.cover-image{position:absolute;right:0;top:-36px;width:auto;height:auto;max-width:82%;max-height:calc(100% + 36px);object-fit:contain;object-position:right top;z-index:-3;mask-image:linear-gradient(90deg,transparent,#000 14%),linear-gradient(0deg,transparent,#000 9%);mask-composite:intersect}
.cover-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#171815 0%,#171815ed 17%,#17181566 40%,transparent 65%),linear-gradient(0deg,#17181580 0%,transparent 20%,transparent 88%,#17181566 100%)}
.cover-content{position:relative;padding:60px var(--pad) 110px;max-width:1300px}
.cover-eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:40px;font-size:11px;font-weight:600;letter-spacing:.16em}
.cover-eyebrow small{font-size:8px;color:var(--muted);font-weight:400;padding-left:18px;margin-left:11px;border-left:1px solid #ffffff50;letter-spacing:.06em}
.cover h1{font-size:clamp(80px,9.4vw,151px);line-height:1.06;letter-spacing:-.04em;max-width:1050px}
.hero-title-accent{color:var(--accent)}
.cover-bottom{display:flex;align-items:center;gap:50px;margin-top:32px}
.cover-bottom p{font-size:13px;line-height:1.7}
.cover-bottom p small{display:block;color:var(--muted);font-size:10px;margin-top:8px}
.cover-bottom .button{min-height:66px;min-width:245px;font-size:12px;padding:20px 26px}
.cover-coordinate{position:absolute;left:var(--pad);bottom:42px;font-size:8px;letter-spacing:.08em;line-height:1.9;color:var(--muted)}
.cover-explore{position:absolute;right:var(--pad);bottom:42px;display:flex;align-items:center;gap:15px;font-size:9px;line-height:1.5}
.cover-explore small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.cover-explore>.circle-arrow{width:38px;height:38px;font-size:22px}
.cover-explore>span:last-child{margin-left:22px;font-size:18px}
#mobile-project{visibility:hidden;opacity:0;transform:translateY(100%);transition:transform .3s,opacity .2s,visibility .3s;pointer-events:none}
.toast{bottom:26px}
@media(min-width:901px) and (max-width:1200px){.site-header{gap:20px}.header-project .status-dot{display:none}.header-project{padding:0 10px}.desktop-nav{gap:15px}.desktop-nav a{font-size:10px}}
@media(min-width:801px) and (max-width:1100px){.cover{height:760px}.cover-image{top:-24px;width:86%;max-width:86%;height:calc(100% + 24px);max-height:none;object-fit:cover}.cover h1{font-size:8.7vw}.cover-eyebrow small{display:none}}
@media(max-width:900px){:root{--header-height:76px}.site-header{gap:18px}.project-summary{top:0}.page-head{padding-top:65px}.builder-layout{padding-bottom:80px}body.has-project-bar:not(.menu-open):not(.modal-open) #mobile-project{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}body.has-project-bar .toast{bottom:98px}.header-project>span:not(.status-dot){display:none}.header-project{min-width:44px;justify-content:center}.header-project .status-dot{display:none}.mobile-menu{inset:var(--header-height) 0 0}.cover-eyebrow small{display:none}}
@media(min-width:541px) and (max-width:800px){.cover{height:920px;min-height:920px}.cover-image{top:235px;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain;mask-image:linear-gradient(0deg,transparent,#000 10%)}.cover-shade{background:linear-gradient(180deg,#171815 0%,#171815 200px,transparent 310px,transparent 660px,#171815 870px)}.cover-content{padding-top:50px}.cover h1{font-size:13vw;line-height:1.08}.cover-bottom{margin-top:330px;gap:30px}.cover-bottom p{max-width:250px}.cover-bottom .button{min-width:200px}}
@media(max-width:600px){.site-header{padding-left:16px;padding-right:12px;gap:10px}.menu-toggle{flex-shrink:0}.page-head{padding:55px var(--pad) 35px}.page-head-row h2{font-size:clamp(45px,12.8vw,76px);line-height:1.13}.builder-page .page-head h2{font-size:clamp(45px,12.8vw,76px)}.page-head-row>p{margin-top:22px}.summary-book{display:inline-flex}.gallery-grid{content-visibility:visible}.cover-bottom .button{min-height:54px;min-width:210px;padding:16px 23px;font-size:11px}.builder-layout{padding-bottom:75px}}
@media(max-width:540px){:root{--header-height:72px}.site-header{height:72px}.cover{height:calc(100svh - 72px);min-height:740px;max-height:850px}.cover-image{top:180px;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain;mask-image:linear-gradient(0deg,transparent,#000 10%)}.cover-shade{background:linear-gradient(to bottom,#171815 0px,#171815 150px,transparent 208px,transparent 440px,#171815 580px,#171815 100%)}.cover-content{padding:37px var(--pad) 110px}.cover-eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:32px;gap:7px}.cover h1{font-size:14.7vw;line-height:1.13;letter-spacing:-.045em;white-space:nowrap}.cover-bottom{flex-direction:column;align-items:flex-start;gap:20px;margin-top:300px}.cover-bottom p{font-size:12px}.cover-coordinate{bottom:28px;font-size:7px;max-width:125px}.cover-explore{bottom:27px;gap:9px;font-size:8px}.cover-explore small{font-size:7px}.cover-explore>.circle-arrow{width:30px;height:30px;font-size:18px}.cover-explore>span:last-child{margin-left:3px;font-size:14px}}
@media(min-width:431px) and (max-width:540px){.cover{min-height:830px}.cover-bottom{margin-top:330px}}
@media(max-width:359px){.cover{min-height:700px}.cover-image{top:172px}.cover-bottom{margin-top:270px}.header-project{font-size:8px;padding:0 6px}.cover-coordinate{max-width:95px;font-size:6px}.cover-explore{font-size:7px;gap:7px}.cover-explore small{font-size:6px}.cover-explore>.circle-arrow{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#mobile-project{transition:none}}