/* Homepage-only art direction; explicit colors avoid inherited light/dark ambiguity. */
body[data-page=home]{--home-ink:#050505;--home-white:#f4f4f2;--home-copy:#d2d2d2;--home-accent:#ff435c}
body[data-page=home] .brand-opening{display:block;min-height:0;max-height:none;padding:64px 5.5% 0;background:#050505;overflow:hidden}
body[data-page=home] .brand-opening .hero-copy{padding:0;max-width:none;container-type:inline-size;transform:translateY(calc(var(--hero-progress)*-24px))}
body[data-page=home] .brand-opening h1{font-size:clamp(70px,13.7cqw,190px);line-height:.87;letter-spacing:-.065em;color:#f4f4f2;margin:32px 0 42px;overflow-wrap:normal}
body[data-page=home] .brand-opening h1 br:first-of-type{display:none}
body[data-page=home] .brand-opening h1 em{display:inline;color:#f4f4f2;-webkit-text-stroke:0;white-space:nowrap;font-style:normal}
body[data-page=home] .brand-opening h1 em::after{content:'';display:inline-block;width:.11em;height:.11em;background:#ff1635;margin-left:.04em}
body[data-page=home] .brand-opening .eyebrow{color:#ff435c;letter-spacing:.16em}
.opening-bottom{display:flex;justify-content:space-between;gap:32px;align-items:end;padding-bottom:38px}.opening-bottom p{font-size:18px;line-height:1.6;color:#d2d2d2;margin:0}.opening-bottom .actions{margin:0;flex-shrink:0}.opening-bottom .button{background:#f4f4f2;color:#050505;border-color:#f4f4f2}.opening-bottom .button:hover{background:#ff435c;border-color:#ff435c;color:#050505}
.opening-register{border-top:1px solid #555;display:flex;justify-content:space-between;gap:16px;padding:20px 0;font:12px/1.5 monospace;color:#c2c2c2}.brand-opening::after{display:none}
.community-opening{padding:60px 5.5% 80px;background:#111;border-top:2px solid #ff1635}.community-opening .section-head{align-items:end;gap:32px}.community-opening .section-head>p{max-width:310px;font-size:16px;line-height:1.65;color:#d2d2d2}.community-opening h2{font-size:clamp(34px,5vw,70px);color:#f4f4f2}.community-photos{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}.community-opening .community-photo{height:480px;min-height:0;max-height:none;position:relative;overflow:hidden;transform:none}.community-opening .community-photo-1{margin-top:65px;height:415px}.community-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 57%;transition:transform .6s}.community-photo-1 img{object-position:50% 68%}.community-photo:hover img{transform:scale(1.035)}.community-credit{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;padding:16px;background:#050505e8;color:#fff;font:12px/1.5 monospace}.community-credit>span{color:#ddd}
body[data-page=home] .founding-feature{background:#111;color:#f4f4f2;border-block:1px solid #555}
body[data-page=home] .founding-copy{background:#111;color:#f4f4f2}
body[data-page=home] .founding-copy h2,body[data-page=home] .founding-copy h2 em{color:#f4f4f2;-webkit-text-stroke:0}
body[data-page=home] .founding-copy p{color:#d2d2d2}
body[data-page=home] .founding-copy .eyebrow{color:#ff435c}
body[data-page=home] .founding-copy .button{background:#f4f4f2;color:#050505;border:1px solid #f4f4f2;font-weight:700;min-height:48px}
body[data-page=home] .founding-copy .button:hover{background:#ff435c;border-color:#ff435c}
body[data-page=home] .founding-copy::after{color:#b8b8b8;border-color:#666}
body[data-page=home] .founding-visual img{object-position:50% 62%;filter:none;opacity:1}
body[data-page=home] .section p{color:#c9c9c9}body[data-page=home] .section .eyebrow{color:#ff435c}body[data-page=home] .section .button.outline{color:#f4f4f2;border-color:#888}body[data-page=home] .text-link{color:#f4f4f2;border-color:#888}body[data-page=home] .section-head{border-color:#555}
@media(max-width:700px){body[data-page=home] .brand-opening{padding:36px 5.5% 0}body[data-page=home] .brand-opening h1{font-size:16cqw;line-height:.94;margin:32px 0}body[data-page=home] .brand-opening h1 br:first-of-type{display:initial}.opening-bottom{display:block;padding-bottom:30px}.opening-bottom p{font-size:16px}.opening-bottom .actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px}.opening-bottom .button{width:100%;justify-content:space-between}.opening-register{font-size:11px;flex-wrap:wrap;gap:10px}.opening-register span:nth-child(2){display:none}.community-opening{padding:42px 5.5% 48px}.community-opening .section-head{display:block;margin-bottom:22px}.community-opening h2{font-size:clamp(30px,8.7vw,50px);line-height:1}.community-opening .section-head>p{margin-top:20px}.community-photos{gap:12px;grid-template-columns:1fr 1fr}.community-opening .community-photo{height:300px}.community-opening .community-photo-1{height:260px;margin-top:40px}.community-credit{padding:10px 6px;font-size:11px;overflow-wrap:anywhere}.community-credit>span{display:none}.community-photo img{object-position:50% 55%}.community-photo-1 img{object-position:50% 67%}body[data-page=home] .founding-copy h2{font-size:clamp(36px,10.5vw,65px)}body[data-page=home] .founding-visual{aspect-ratio:4/3}body[data-page=home] .founding-copy{padding:36px 6%}body[data-page=home] .founding-copy .button{width:100%}}
@media(prefers-reduced-motion:reduce){body[data-page=home] .brand-opening .hero-copy,.community-photo img{transform:none!important;transition:none!important}}

body[data-page=home] .brand-opening h1 em::after{display:none}.community-opening .community-photo::after{display:none}.community-credit{z-index:2}.community-photo img{object-position:50% 58%}
@media(max-width:700px){.community-photos{grid-template-columns:minmax(0,1fr);gap:20px}.community-opening .community-photo{height:auto;aspect-ratio:4/3;margin-top:0}.community-opening .community-photo-1{width:85%;margin-left:auto;aspect-ratio:4/3}.community-photo-1 img{object-position:50% 54%}}

/* Real community photography, composed in the page rather than flattened artwork. */
body[data-page=home] .brand-opening{position:relative;isolation:isolate}
body[data-page=home] .brand-opening.has-collage{min-height:650px;display:flex;flex-direction:column;justify-content:space-between}
.opening-collage{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#111}
.opening-collage-grid{position:absolute;inset:-15% -9% -15% 15%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;transform:skewX(-12deg) translateY(calc(var(--hero-progress,0)*-20px));}
.opening-collage-tile{min-width:0;overflow:hidden;background:#111;border:1px solid #ffffff26}
.opening-collage-tile img{width:125%;max-width:none;height:100%;margin-left:-12.5%;object-fit:cover;object-position:50% 60%;transform:skewX(12deg) scale(1.06)}
.opening-collage-tile:nth-child(2n) img{object-position:50% 65%}
.opening-collage::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.92),rgba(5,5,5,.58) 43%,rgba(5,5,5,.12) 100%),linear-gradient(0deg,#050505 0%,rgba(5,5,5,.45) 22%,rgba(5,5,5,.12) 70%,rgba(5,5,5,.3))}
body[data-page=home] .has-collage .hero-copy{position:relative;z-index:1}
body[data-page=home] .has-collage h1{text-shadow:0 3px 24px #0009}
.has-collage .opening-bottom p{color:#f4f4f2;text-shadow:0 2px 8px #000}
.has-collage .opening-register{position:relative;z-index:1;border-color:#ffffff55}
@media(max-width:700px){body[data-page=home] .brand-opening.has-collage{min-height:680px;min-height:min(780px,calc(100svh - 70px));padding-top:48px}.opening-collage-grid{inset:-4% -42% -4% -32%;gap:8px;transform:skewX(-12deg)}.opening-collage::after{background:linear-gradient(90deg,#050505a8,#05050552),linear-gradient(0deg,#050505 0%,#050505cc 27%,#05050535 65%,#05050566)}.has-collage .opening-bottom{padding-top:36px}.has-collage .opening-register{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.opening-collage-grid{transform:skewX(-12deg)}}
