/* Copy and artwork occupy separate grid cells at every viewport width. */
.company-hero.art-hero,.community-hero.art-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:24px 36px;min-height:0;height:auto;max-height:none;padding:150px 7% 28px;background:#0a0d12;overflow:hidden}
.art-hero .company-hero-content,.art-hero .community-hero-content{grid-column:1;grid-row:1;min-width:0;max-width:none;width:100%;position:relative;z-index:1;padding:18px 0}
.art-hero .page-art{grid-column:2;grid-row:1;position:relative;inset:auto;z-index:0;width:100%;height:auto;aspect-ratio:1.12;max-height:560px;min-width:0;margin:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 96%,transparent)}
.art-hero .page-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:83% center;animation:subpage-art-in 1.5s ease-out both}
.art-hero .page-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a0d12,transparent 16%,transparent 91%,#0a0d12);pointer-events:none}
.art-hero .page-art-shade{display:none}
.company-hero.art-hero h1,.community-hero.art-hero h1{font-size:clamp(44px,4.7vw,88px);line-height:1.07;letter-spacing:-.055em;margin:24px 0 0;overflow-wrap:normal}
.company-hero.art-hero h1 em,.community-hero.art-hero h1 em{color:#e7e4dd}
.art-hero .eyebrow{font-size:11px;line-height:1.6;letter-spacing:1.4px;color:#b0a18b;margin:0}
.company-hero.art-hero .company-hero-bottom{display:block;padding:24px 0 0}
.company-hero.art-hero .company-hero-bottom p,.community-hero.art-hero p{font-size:16px;line-height:1.7;color:#949ca8;max-width:440px;margin:0}
.community-hero.art-hero p{margin-top:24px}
.art-hero p br{display:none}
.company-hero.art-hero .company-hero-bottom .action{margin-top:25px}
.community-hero.art-hero .community-down{margin-top:25px;padding-bottom:9px;border-bottom:1px solid #eac48f33}
.company-hero.art-hero .company-hero-rule{grid-column:1/-1;grid-row:2;position:relative;margin:10px 0 0;padding:23px 0;border-top:1px solid #ffffff13;gap:20px;flex-wrap:wrap}
.community-hero.art-hero{padding-bottom:55px}
.company-hero.art-hero+.company-intro{padding-top:70px}
.community-hero.art-hero+.social-section{padding-top:25px}
@keyframes subpage-art-in{from{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.company-hero.art-hero,.community-hero.art-hero{padding-top:165px;gap:30px 60px}.art-hero .page-art{max-height:620px}.company-hero.art-hero h1,.community-hero.art-hero h1{font-size:clamp(80px,4.7vw,104px)}}
@media(min-width:761px) and (max-width:1100px){.company-hero.art-hero,.community-hero.art-hero{padding:130px 6% 24px;gap:24px}.company-hero.art-hero h1,.community-hero.art-hero h1{font-size:clamp(36px,4.9vw,54px)}.art-hero .page-art{aspect-ratio:1;max-height:420px}.company-hero.art-hero .company-hero-bottom p,.community-hero.art-hero p{font-size:15px}.art-hero .eyebrow{font-size:10px;letter-spacing:1px}.community-hero.art-hero{padding-bottom:45px}}
@media(max-width:760px){.company-hero.art-hero,.community-hero.art-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:20px;padding:120px 6% 18px}.art-hero .company-hero-content,.art-hero .community-hero-content{grid-column:1;grid-row:1;padding:0}.art-hero .page-art{grid-column:1;grid-row:2;aspect-ratio:1.4;width:100%;max-width:490px;max-height:315px;justify-self:center;margin:0;height:auto;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 97%,transparent)}.art-hero .page-art img{object-position:83% center}.company-hero.art-hero h1,.community-hero.art-hero h1{font-size:clamp(36px,8.9vw,62px);line-height:1.08;margin-top:20px;letter-spacing:-.05em}.art-hero .eyebrow{font-size:10px;letter-spacing:1.2px}.company-hero.art-hero .company-hero-bottom{padding-top:20px}.company-hero.art-hero .company-hero-bottom p,.community-hero.art-hero p{font-size:15px;line-height:1.7;max-width:440px}.community-hero.art-hero p{margin-top:20px}.company-hero.art-hero .company-hero-bottom .action,.community-hero.art-hero .community-down{margin-top:22px}.company-hero.art-hero .company-hero-rule{grid-column:1;grid-row:3;margin:0;padding:19px 0;font-size:8px;line-height:1.7;gap:12px}.company-hero.art-hero+.company-intro{padding-top:45px}.community-hero.art-hero+.social-section{padding-top:20px}}
@media(max-width:380px){.company-hero.art-hero,.community-hero.art-hero{padding-top:112px;gap:18px}.company-hero.art-hero h1,.community-hero.art-hero h1{font-size:clamp(32px,9.5vw,36px)}.art-hero .page-art{aspect-ratio:1.5;max-height:220px}.art-hero .eyebrow{font-size:9px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.art-hero .page-art img{animation:none}}

/* Complete, centered sculptures with quiet edges and no cropped logo geometry. */
.art-hero .page-art{mask-image:none;-webkit-mask-image:none;aspect-ratio:1.12;max-height:560px;overflow:visible}
.art-hero .page-art img{object-fit:contain;object-position:center;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none}
.art-hero .page-art:after{display:none}
.company-hero.art-hero{padding-bottom:55px}
@media(min-width:1700px){.art-hero .page-art{max-height:620px}}
@media(min-width:761px) and (max-width:1100px){.art-hero .page-art{aspect-ratio:1;max-height:420px}}
@media(max-width:760px){.art-hero .page-art{aspect-ratio:1.2;max-height:340px;max-width:430px}.art-hero .page-art img{object-position:center}.company-hero.art-hero{padding-bottom:18px}}
@media(max-width:380px){.art-hero .page-art{max-height:260px}}

/* Responsive audit 2026-09: hero eyebrow stays legible on phones. */
@media(max-width:760px){.art-hero .eyebrow{font-size:11px;letter-spacing:1.2px}}

/* 404 page */
.notfound{min-height:calc(100svh - 120px);max-width:1280px;margin:auto;padding:190px 6% 110px}
.notfound .eyebrow{color:#c3ad8c;margin-bottom:28px}
.notfound h1{font-size:clamp(56px,8vw,120px);line-height:1.02;letter-spacing:-.06em;font-weight:450}
.notfound h1 em{color:var(--gold)}
.notfound-lead{font-size:18px;line-height:1.7;color:#9aa3af;max-width:520px;margin-top:28px}
.notfound-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:56px}
.notfound-links a{position:relative;display:flex;flex-direction:column;gap:8px;min-height:120px;padding:22px 48px 22px 22px;border:1px solid #ffffff15;border-radius:12px;background:linear-gradient(115deg,#141920,#0c0f14);transition:border-color .2s,transform .2s}
.notfound-links a:hover{border-color:#eac48f66;transform:translateY(-2px)}
.notfound-links span{font-size:19px;color:#f1efe9}
.notfound-links small{font-size:13px;line-height:1.5;color:#8f99a6}
.notfound-links i{position:absolute;top:20px;right:20px;font-style:normal;color:var(--gold)}
@media(max-width:1000px){.notfound-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.notfound{padding:130px 6% 70px}.notfound-lead{font-size:16px}.notfound-links{grid-template-columns:1fr;margin-top:40px}.notfound-links a{min-height:0}}
@media(prefers-reduced-motion:reduce){.notfound-links a{transition:none}}