.gallery-controls{display:flex;justify-content:center;gap:8px;padding:35px 5vw;background:#211a16;position:sticky;top:88px;z-index:9;overflow:auto}
.gallery-controls button{-webkit-appearance:none;appearance:none;border:1px solid #ffffff80;background:#211a16;color:#fff;-webkit-text-fill-color:#fff;padding:9px 18px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;opacity:1}
.gallery-controls button.active{background:#fff;color:#211a16;-webkit-text-fill-color:#211a16;border-color:#fff}
.full-gallery{padding:14px;background:#211a16;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:290px;gap:14px}
.result{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--one),var(--two));color:white}
.result.tall{grid-row:span 2}.result-mark{position:absolute;right:-10px;top:40%;font:180px var(--serif);color:#ffffff11}
.result footer{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#0009);padding:45px 20px 18px;display:flex;justify-content:space-between}
.result footer span{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.result footer small{opacity:.65}.result.hidden{display:none}
.walnut{--one:#6a503e;--two:#2b1f17}.cocoa{--one:#876950;--two:#463326}.espresso{--one:#4b382b;--two:#17110d}.taupe{--one:#8a7c70;--two:#494038}.sage{--one:#657067;--two:#293029}.coffee{--one:#74543d;--two:#38271c}.sand{--one:#a9947e;--two:#5b4b3c}.deep{--one:#4b3a2d;--two:#211711}
.gallery-instructions{padding:80px 7vw;max-width:850px}
.gallery-instructions h2,.gallery-cta h2,.name-story h2,.about-next h2{font:clamp(42px,5vw,70px)/1 var(--serif);margin:20px 0}
.gallery-cta{padding:80px 7vw;background:#e5dfd8;display:flex;justify-content:space-between;align-items:center;gap:30px}
.about-hero{min-height:750px;display:grid;grid-template-columns:1fr 1fr}
.about-hero>div:first-child{padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center}
.about-hero h1{font:clamp(75px,10vw,150px)/.78 var(--serif);margin:30px 0}.about-hero h1 em{color:var(--clay)}
.about-photo{position:relative;background:linear-gradient(150deg,#5f655f,#242923);overflow:hidden;color:white;display:grid;place-items:center}
.about-photo b{font:350px var(--serif);color:#ffffff10}.about-photo span{position:absolute;bottom:30px;font-size:9px;letter-spacing:.25em}
.story-section{padding:120px 12vw;display:grid;grid-template-columns:.5fr 1.5fr;gap:6vw}.story-section>div{max-width:760px}.story-section p{font-size:18px}.story-section .story-lead{font:34px/1.4 var(--serif)}
.name-story{display:grid;grid-template-columns:1fr 1fr;background:#211a16;color:white;min-height:620px}.name-mark{display:grid;place-items:center;font:400px var(--serif);color:#ffffff0e;background:radial-gradient(circle,#6b4f3b,#211a16 68%)}
.name-art{margin:0;min-height:620px;overflow:hidden;background:#17110e}.name-art img{display:block;width:100%;height:100%;min-height:620px;object-fit:cover;object-position:center 42%;filter:saturate(.8) contrast(1.04)}
.name-story>div:last-child{padding:8vw;display:flex;flex-direction:column;justify-content:center}.name-story p{max-width:540px}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#c8beb5}.values article{padding:55px 30px;background:var(--paper);min-height:310px}.values span{font-size:10px}.values h3{font:30px var(--serif)}
.about-next{padding:100px 7vw;display:flex;justify-content:space-between;gap:8vw}.about-next>div:first-child{max-width:700px}.about-next>div:last-child{display:flex;flex-direction:column;justify-content:center;gap:20px}.about-next a{text-decoration:underline}
.about-photo{width:min(78%,560px);height:auto;aspect-ratio:3/4;justify-self:center;align-self:center;box-shadow:0 24px 60px #251a1430}
.full-gallery:has(.live-result){grid-auto-rows:auto;align-items:start}.live-result{position:relative;overflow:hidden;background:#16110e;aspect-ratio:4/5}.live-result.original-ratio{aspect-ratio:auto}.live-result.original-ratio>img{height:auto}.live-result>img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center}.live-result footer{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#1f1712dd);color:#fff;padding:55px 20px 20px;z-index:2}
.full-gallery[aria-busy="true"]{min-height:420px}.gallery-empty{grid-column:1/-1;background:#f4f1ee;color:#211a16;padding:80px 7vw}.gallery-empty h2{font:clamp(38px,5vw,68px)/1.05 var(--serif);margin:18px 0}.gallery-empty p{max-width:620px}.gallery-empty a{text-decoration:underline}.gallery-controls button[hidden]{display:none}
@media(max-width:900px){.gallery-controls{top:70px;justify-content:flex-start}.full-gallery{grid-template-columns:repeat(2,1fr)}.about-hero,.name-story{grid-template-columns:1fr}.name-art,.name-art img{min-height:500px}.about-photo{width:min(86%,560px);min-height:0;margin:55px auto 75px}.story-section{grid-template-columns:1fr}.values{grid-template-columns:1fr 1fr}.about-next{flex-direction:column}}
@media(max-width:560px){.full-gallery{grid-template-columns:1fr}.result.tall{grid-row:auto}.gallery-cta{align-items:flex-start;flex-direction:column}.values{grid-template-columns:1fr}.about-next{padding:70px 7vw}.live-result footer{padding:48px 16px 16px}.gallery-controls button{font-size:11px;white-space:nowrap}}