:root{--hub-paper:#f3efe7;--hub-ink:#1e2a26;--hub-muted:#647069;--hub-line:#d6cec1;--hub-clay:#a85d41;--hub-deep:#25382f}
.scene-hub-page{background:var(--hub-paper);color:var(--hub-ink)}
.hub-main{overflow:hidden}
.hub-hero{width:min(1380px,calc(100% - 48px));min-height:680px;margin:28px auto 0;display:grid;grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr);overflow:hidden;border-radius:10px;background:#e2d8ca}
.hub-hero-copy{padding:clamp(44px,4.5vw,72px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hub-hero-copy h1{max-width:620px;margin:12px 0 24px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.6rem,3.4vw,4.3rem);font-weight:500;line-height:1.06;letter-spacing:-.04em}
.hub-hero-copy>p:not(.eyebrow){max-width:580px;margin:0;color:var(--hub-muted);font-size:1.05rem;line-height:1.72}
.hub-hero-image{min-height:680px;overflow:hidden}
.hub-hero-image img{width:100%;height:100%;object-fit:cover}
.hub-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.shop-hub-page .hub-hero{min-height:620px;grid-template-columns:minmax(460px,1fr) minmax(0,1fr)}
.shop-hub-page .hub-hero-copy{padding:clamp(40px,4vw,64px)}
.shop-hub-page .hub-hero-copy h1{max-width:650px;font-size:clamp(2.5rem,3.1vw,4rem);line-height:1.08}
.shop-hub-page .hub-hero-image{min-height:620px}
.hub-contact-rail{width:min(1260px,calc(100% - 48px));margin:34px auto 0;padding:28px 0 38px;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.7fr);gap:46px;align-items:end;border-bottom:1px solid var(--hub-line)}
.hub-contact-intro h2{max-width:460px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.65rem,2.5vw,2.45rem);font-weight:500;line-height:1.05;letter-spacing:-.02em}
.hub-contact-intro>p:last-child{max-width:500px;margin:12px 0 0;color:var(--hub-muted);font-size:.86rem;line-height:1.55}
.hub-contact-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--hub-line);border-bottom:1px solid var(--hub-line)}
.contact-channel{min-width:0;padding:19px 16px;text-decoration:none;border-left:1px solid var(--hub-line);transition:background .18s ease,color .18s ease}
.contact-channel:first-child{border-left:0}
.contact-channel span,.contact-channel strong,.contact-channel small{display:block;overflow-wrap:anywhere}
.contact-channel span{color:var(--hub-muted);font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.contact-channel strong{margin-top:5px;font-family:Georgia,"Times New Roman",serif;font-size:1.15rem;font-weight:500}
.contact-channel small{margin-top:5px;color:var(--hub-muted);font-size:.68rem}
.contact-channel:hover,.contact-channel:focus-visible{background:#fffdf9;color:var(--hub-clay)}
.contact-channel.direct{background:var(--hub-deep);color:#fff}
.contact-channel.direct span,.contact-channel.direct small{color:#cddbd4}
.contact-channel.direct:hover,.contact-channel.direct:focus-visible{background:#315044;color:#fff}
.hub-proof{width:min(1260px,calc(100% - 48px));margin:0 auto;padding:54px 0 72px;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.hub-proof div{padding:0 30px;border-left:1px solid var(--hub-line)}
.hub-proof div:first-child{padding-left:0;border-left:0}
.hub-proof strong,.hub-proof span{display:block}.hub-proof strong{font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;font-weight:500}.hub-proof span{margin-top:7px;color:var(--hub-muted);font-size:.82rem;line-height:1.55}
.hub-heading{width:min(1260px,calc(100% - 48px));margin:0 auto;padding:78px 0 40px;display:grid;grid-template-columns:1fr .8fr;gap:64px;align-items:end;border-top:1px solid var(--hub-line)}
.hub-heading h2{max-width:760px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,5vw,5rem);font-weight:500;line-height:.98;letter-spacing:-.03em}
.hub-heading p{margin:0;color:var(--hub-muted);line-height:1.75}
.scene-showcase{width:min(1380px,calc(100% - 48px));margin:0 auto 100px;display:grid;gap:24px}
.scene-feature{min-height:520px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);overflow:hidden;border:1px solid var(--hub-line);border-radius:10px;background:#fffdf9}
.scene-feature:nth-child(even){grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr)}
.scene-feature:nth-child(even) .scene-feature-image{order:2}
.scene-feature-image{min-height:520px;display:block;overflow:hidden}
.scene-feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.scene-feature:hover .scene-feature-image img{transform:scale(1.015)}
.scene-feature-copy{padding:clamp(38px,5vw,74px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.scene-feature-copy .scene-index{font-family:Georgia,"Times New Roman",serif;font-size:3rem;color:#c8b9a5;line-height:1}
.scene-feature-copy h3{max-width:540px;margin:16px 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,3.2vw,3.3rem);font-weight:500;line-height:1}
.scene-feature-copy>p{max-width:520px;margin:0 0 24px;color:var(--hub-muted);line-height:1.7}
.scene-feature-copy ul{margin:0 0 26px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:7px}
.scene-feature-copy li{padding:7px 10px;border:1px solid var(--hub-line);border-radius:999px;color:#4e5b55;font-size:.72rem}
.scene-feature-copy a{color:var(--hub-deep)}
.touchpoint-manifesto{padding:92px max(24px,calc((100vw - 1260px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;background:var(--hub-deep);color:white}
.touchpoint-manifesto h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.8rem,5vw,5.2rem);font-weight:500;line-height:.96}
.touchpoint-manifesto p{color:#d2dfd9;line-height:1.75}
.touchpoint-list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.35)}
.touchpoint-list li{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.22);display:grid;grid-template-columns:34px 1fr;gap:12px}
.touchpoint-list span:first-child{color:#dfab8e}
.hub-cta{padding:90px max(24px,calc((100vw - 1260px)/2));display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end;background:#ded2c2}
.hub-cta h2{max-width:900px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,5vw,5rem);font-weight:500;line-height:.98}
.hub-cta p{max-width:680px;color:#536159}
@media(max-width:980px){.hub-hero,.shop-hub-page .hub-hero{grid-template-columns:1fr;min-height:0}.hub-hero-image,.shop-hub-page .hub-hero-image{min-height:520px}.hub-contact-rail{grid-template-columns:1fr;gap:26px}.hub-contact-links{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-channel:nth-child(3){border-left:0;border-top:1px solid var(--hub-line)}.contact-channel:nth-child(4){border-top:1px solid var(--hub-line)}.hub-proof{grid-template-columns:1fr}.hub-proof div,.hub-proof div:first-child{padding:20px 0;border-left:0;border-top:1px solid var(--hub-line)}.hub-heading,.touchpoint-manifesto{grid-template-columns:1fr;gap:32px}.scene-feature,.scene-feature:nth-child(even){grid-template-columns:1fr}.scene-feature:nth-child(even) .scene-feature-image{order:0}.scene-feature-image{min-height:480px}.hub-cta{grid-template-columns:1fr;align-items:start}}
@media(max-width:680px){.hub-hero{width:calc(100% - 24px);margin-top:12px}.hub-hero-copy,.shop-hub-page .hub-hero-copy{padding:40px 20px}.hub-hero-copy h1,.shop-hub-page .hub-hero-copy h1{font-size:clamp(2.65rem,13vw,3.2rem)}.hub-hero-image,.shop-hub-page .hub-hero-image{min-height:0;aspect-ratio:16/11}.hub-actions,.hub-actions .button{width:100%}.hub-contact-rail{width:calc(100% - 28px);margin-top:24px;padding-bottom:30px}.hub-contact-links{grid-template-columns:1fr}.contact-channel,.contact-channel:nth-child(n){border-left:0;border-top:1px solid var(--hub-line)}.contact-channel:first-child{border-top:0}.hub-proof,.hub-heading,.scene-showcase{width:calc(100% - 28px)}.hub-heading{padding-top:54px}.scene-showcase{margin-bottom:60px;gap:16px}.scene-feature,.scene-feature-image{min-height:0}.scene-feature-image{aspect-ratio:16/11}.scene-feature-copy{padding:32px 20px}.touchpoint-manifesto,.hub-cta{padding:58px 16px}.hub-cta .button{width:100%}}
