:root{--gold:#f0ce83;--deep:#071b17;--green:#0c3027;--paper:#f6f1e6}
.home-hero.spectacle{display:grid;grid-template-columns:46% 54%;min-height:710px;background:radial-gradient(ellipse at 78% 35%,#245d47 0, #0c3027 35%,#071b17 70%);overflow:hidden}.spectacle .hero-copy{padding:64px 0 45px 12%;pointer-events:auto}.spectacle h1{font-size:clamp(64px,7vw,112px);width:100%;line-height:.94;letter-spacing:-.045em}.spectacle h1 em{white-space:normal;background:linear-gradient(110deg,#f9edc8,#d4a959,#fff1c5);background-size:200%;background-clip:text;color:transparent;animation:gold-light 7s ease-in-out infinite}.spectacle .hero-description{font-size:18px;max-width:410px}.spectacle .button{font-size:16px;padding:20px 30px;box-shadow:0 10px 45px #d5b87730}.sculpture-stage{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.stage-watermark{position:absolute;inset:14% 5% auto;font:900 clamp(85px,13vw,210px)/.82 var(--sans);letter-spacing:-.085em;color:#ffffff07;z-index:-1;pointer-events:none}.sculpture-stage model-viewer{width:100%;height:560px;--poster-color:transparent;cursor:grab;background:transparent}.sculpture-stage model-viewer img{height:100%;object-fit:contain;filter:drop-shadow(0 24px 30px #0007)}.stage-caption{display:flex;align-items:center;justify-content:center;gap:18px;padding:0 25px;color:#c7d5c9;font-size:12px;flex-wrap:wrap}.stage-caption button{color:#ecd49c;border:0;border-bottom:1px solid #688474;background:none;font-size:12px;cursor:pointer;padding:8px 0}.orbit-help{text-align:center;color:#91ab9c;font-size:12px;margin:10px 0 24px}.manifesto{background:var(--gold);color:#11271c;padding:17px 0;overflow:hidden;transform:rotate(-1.5deg) scale(1.02);position:relative;z-index:2}.manifesto>div{font:700 clamp(22px,3vw,42px)/1 var(--sans);letter-spacing:-.04em;white-space:nowrap;width:max-content;animation:marquee 28s linear infinite}.playground{background:#09241e;color:var(--paper);padding:80px 5.5%}.play-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px 50px;align-items:end;margin-bottom:40px}.play-heading .eyebrow{grid-column:1/-1;color:var(--gold);margin:0}.play-heading h2{font-size:clamp(50px,6vw,88px)}.play-heading h2 em{color:var(--gold)}.play-heading>p:last-child{max-width:390px;color:#b3c6b9;justify-self:end;font-size:17px}.customizer{display:grid;grid-template-columns:1.3fr 1fr;min-height:490px;background:#113c30}.sign-stage{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:26px;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#326749,#123a2d 65%);perspective:1000px}.stage-note,.concept-disclaimer{position:relative;z-index:2;font-size:12px;letter-spacing:.12em;color:#b2c4b3}.concept-disclaimer{letter-spacing:0;color:#9fbca7}.sign-art{padding:12px;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .6s cubic-bezier(.2,.7,.2,1);color:#e8c58a}.sign-art img{width:65%;height:230px;margin:auto;object-fit:contain;filter:drop-shadow(0 15px 14px #0008)}#sign-name{font:400 clamp(28px,3.5vw,58px)/1.12 var(--serif);letter-spacing:.08em;overflow-wrap:anywhere;text-shadow:0 2px #674622,0 4px #503217,0 8px 20px #0009;transition:color .6s}#sign-subtitle{display:block;font-size:11px;letter-spacing:.25em;margin-top:17px}.sign-stage[data-finish=ivory] .sign-art{color:#fff4dc}.sign-stage[data-finish=ivory] img{filter:grayscale(.85) brightness(1.55) drop-shadow(0 15px 14px #0008)}.sign-stage[data-finish=copper] .sign-art{color:#efa480}.sign-stage[data-finish=copper] img{filter:sepia(.4) saturate(1.6) drop-shadow(0 15px 14px #0008)}.custom-controls{padding:38px;display:flex;flex-direction:column;gap:20px}.custom-controls label,.custom-controls legend{font-size:14px;color:#d3e0d5}.custom-controls input{width:100%;background:#09291f;border:0;border-bottom:1px solid #9baf94;padding:16px;color:white;font:24px var(--serif);border-radius:0}.custom-controls fieldset{padding:0;border:0;min-width:0}.custom-controls legend{margin-bottom:12px}.finish-options,.type-options{display:flex;gap:8px;flex-wrap:wrap}.custom-controls button:not(.button){padding:10px 16px;background:transparent;border:1px solid #5a7a66;color:#d5e1d5;cursor:pointer;font-size:14px}.custom-controls button[aria-pressed=true]{background:var(--gold);color:#102b20;border-color:var(--gold)}.custom-controls .button{margin-top:10px}.custom-controls>p{font-size:13px;color:#afc3b3}.category-strip{background:#071b17}.selected-work{background:var(--paper)}.studio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.studio-card:nth-child(2){margin-top:0}.studio-card:nth-child(3){display:block;grid-column:auto}.studio-card figure,.studio-card:nth-child(3) figure{aspect-ratio:1.1;background:radial-gradient(ellipse at 50% 35%,#3a6850,#102f25 80%);clip-path:none}.studio-card img{object-fit:contain!important;padding:22px;height:100%;filter:drop-shadow(0 14px 12px #0005)}.studio-card:nth-child(3)>div{max-width:none}.studio-card h3{font-size:30px;min-height:66px}.studio-card>div{padding-top:22px}.studio-card figcaption{font-size:11px;background:transparent}.gallery-open{background:radial-gradient(ellipse at 50% 35%,#376247,#0c2921 80%)!important}.gallery-open>img{padding:28px;object-fit:contain!important}.gallery-open img[src$="cutout.png"]{filter:drop-shadow(0 20px 15px #0005)}.compact-process h2{font-size:clamp(58px,7vw,110px)}.process-action .button{font-size:17px;padding:22px 35px}.reveal{filter:none;clip-path:none;transform:translateY(50px)}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes gold-light{50%{background-position:100%}}
@media(max-width:900px){.home-hero.spectacle{grid-template-columns:1fr 1fr;min-height:610px}.spectacle h1{font-size:65px}.spectacle .hero-copy{padding:45px 0 35px 10%}.sculpture-stage model-viewer{height:450px}.customizer{grid-template-columns:1fr 1fr}.custom-controls{padding:25px}.studio-card h3{font-size:26px}.studio-card img{padding:12px}}
@media(max-width:760px){.home-hero.spectacle{display:flex}.spectacle .hero-copy{padding:36px 6% 12px}.spectacle h1{font-size:clamp(62px,13vw,90px);margin:15px 0 22px}.spectacle .hero-description{font-size:16px}.spectacle .hero-foot{display:none}.spectacle .quiet-link{margin-top:16px}.sculpture-stage{width:100%}.sculpture-stage model-viewer{height:360px}.stage-watermark{font-size:130px;inset:15% 10% auto}.stage-caption{gap:12px;font-size:11px}.orbit-help{margin-bottom:20px}.playground{padding:55px 6%}.play-heading{grid-template-columns:1fr;gap:15px}.play-heading h2{font-size:52px}.play-heading>p:last-child{justify-self:start;font-size:16px}.customizer{grid-template-columns:1fr}.sign-stage{min-height:380px;padding:20px}.sign-art img{height:210px}.sign-art #sign-name{font-size:40px}.custom-controls{padding:28px 20px}.studio-grid{grid-template-columns:1fr;gap:32px}.studio-card figure,.studio-card:nth-child(3) figure{aspect-ratio:1.3}.studio-card h3{min-height:0;font-size:32px}.studio-card img{padding:20px}.selected-work .section-heading h2{font-size:53px}}
@media(prefers-reduced-motion:reduce){.manifesto>div,.spectacle h1 em{animation:none}.sign-art{transform:none!important}}

/* Wood studies: the swatches and concept preview share one palette. */
.wood-swatch{display:inline-block;width:25px;height:25px;flex:none;border-radius:50%;border:1px solid #ffffff55;box-shadow:inset 0 0 0 1px #0002;vertical-align:middle;margin-right:9px;background-size:25px 25px,100% 100%}
.camera-views{display:flex;justify-content:center;gap:6px;margin:16px auto 0;padding:4px;background:#ffffff12;border:1px solid #ffffff27;width:max-content;max-width:calc(100% - 30px)}
.camera-views button{border:0;background:transparent;color:#d6e2d9;min-width:73px;padding:7px 11px;font:600 12px var(--sans);cursor:pointer;transition:background .25s,color .25s}
.camera-views button[aria-pressed=true]{background:#e9d2a2;color:#193426}
.camera-views button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.wood-swatch.walnut{background-image:repeating-linear-gradient(7deg,transparent 0 3px,#190e0950 4px 5px,transparent 6px 11px),linear-gradient(120deg,#9a6340,#482917)}
.wood-swatch.oak{background-image:repeating-linear-gradient(5deg,transparent 0 3px,#80583644 4px 5px,transparent 6px 12px),linear-gradient(120deg,#ead7ae,#b69265)}
.wood-swatch.teak{background-image:repeating-linear-gradient(8deg,transparent 0 3px,#51321750 4px 5px,transparent 6px 10px),linear-gradient(120deg,#cc995e,#85512b)}
.finish-options button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;white-space:nowrap}
.sign-stage[data-wood=walnut]{background:radial-gradient(ellipse at 50% 32%,#64432b,#2c1d16 66%,#17130f)}
.sign-stage[data-wood=oak]{background:radial-gradient(ellipse at 50% 32%,#d9c49d,#987855 70%,#493b2c)}
.sign-stage[data-wood=teak]{background:radial-gradient(ellipse at 50% 32%,#bd874c,#694026 70%,#281c15)}
.sign-stage[data-wood] .sign-art{color:#eccb96}
.sign-stage[data-wood=oak] .sign-art{color:#f4e9cf}
.sign-stage[data-wood=teak] .sign-art{color:#e3ae72}
.sign-stage[data-wood] .sign-art img{filter:sepia(.45) saturate(.85) drop-shadow(0 15px 14px #0008)}
.sign-stage[data-wood=oak] .sign-art img{filter:sepia(.25) saturate(.55) brightness(1.28) drop-shadow(0 15px 14px #0007)}
.sign-stage[data-wood=teak] .sign-art img{filter:sepia(.52) saturate(1.1) drop-shadow(0 15px 14px #0008)}
.sign-stage[data-wood] #sign-name{text-shadow:0 2px #3b2615,0 4px #23170f,0 9px 18px #0009}
.sign-stage[data-wood=oak] .stage-note,.sign-stage[data-wood=oak] .concept-disclaimer{color:#f9eed8}
@media(max-width:760px){.finish-options button{flex:1;padding:8px!important}.wood-swatch{width:20px;height:20px;margin-right:6px}}

.wood-swatch.redoak{background-image:repeating-linear-gradient(6deg,transparent 0 3px,#6a352044 4px 5px,transparent 6px 11px),linear-gradient(120deg,#d39a78,#8c5238)}
.wood-swatch.beech{background-image:repeating-linear-gradient(4deg,transparent 0 3px,#a0785044 4px 5px,transparent 6px 13px),linear-gradient(120deg,#f0d7b4,#c49a6c)}
.model-woods{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px auto 0;max-width:calc(100% - 20px)}
.model-woods button{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;background:transparent;border:1px solid #5a7a66;color:#d5e1d5;font:500 13px var(--sans);cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.model-woods button:hover{border-color:#e9d2a2}
.model-woods button[aria-pressed=true]{background:#e9d2a2;color:#193426;border-color:#e9d2a2}
.model-woods button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.model-woods .wood-swatch{width:20px;height:20px;margin-right:8px}
@media(max-width:760px){.model-woods{gap:6px}.model-woods button{flex:1 1 30%;justify-content:center;padding:8px;font-size:12px}.model-woods .wood-swatch{width:16px;height:16px;margin-right:6px}}
#hero-model{touch-action:pan-y;cursor:grab}#hero-model:active{cursor:grabbing}
