@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Italiana&display=swap');
:root{--ink:#30271e;--paper:#efe9df;--muted:#a89a88;--line:rgba(72,55,34,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:6px}button{cursor:pointer}img{display:block;width:100%}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:'Italiana',Georgia,serif;font-weight:400}h2{font-size:clamp(42px,5vw,78px);line-height:1.04}em{font-family:Georgia,serif;font-weight:400}p{line-height:1.65}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.6;margin-bottom:22px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:50;background:white;padding:10px}.hero{height:100svh;min-height:720px;max-height:1100px;background:#171a19;color:#f3ece0;position:relative;isolation:isolate;overflow:hidden}.hero-nav{position:absolute;z-index:3;top:0;left:0;width:100%;padding:30px 4vw;display:flex;align-items:start;justify-content:space-between}.wordmark{font-family:Georgia,serif;font-size:23px;letter-spacing:-1px}.wordmark span{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:2px;margin-top:9px}.hero-nav>div{display:flex;gap:30px;font-size:11px;padding-top:9px}.hero-nav>div a:last-child{padding-bottom:9px;border-bottom:1px solid #a2957f}.hero-heading{position:absolute;z-index:2;left:7vw;top:18%;pointer-events:none}.hero-heading h1{font-size:clamp(62px,7.5vw,118px);line-height:.96;letter-spacing:-3px}.hero-heading h1 em{font-size:.84em}.hero-heading .eyebrow{color:#cfc3ad}.hero-art{position:absolute;inset:20% 0 0;z-index:0}.hero-art img{height:100%;object-fit:contain;object-position:center 65%;mix-blend-mode:lighten}.hero-foot{position:absolute;bottom:30px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:end;z-index:3;font-size:10px;letter-spacing:1.4px}.hero-foot p span{display:block;font-size:11px;letter-spacing:.2px;color:#cabfac;margin-top:6px}.hero-foot>a{display:flex;align-items:center;gap:30px}.hero-foot>a span{font-size:25px}.archive,.work{padding:90px 7vw}.archive-heading{display:grid;grid-template-columns:1fr 2fr 1.4fr;align-items:start;gap:25px;margin-bottom:45px}.archive-heading h2{font-size:55px}.archive-heading>p:last-child{font-size:13px;padding-top:4px}.archive-images{display:grid;grid-template-columns:1.8fr 1fr;gap:8vw;align-items:center}.archive-main img{max-height:620px;object-fit:contain;object-position:left center}.archive-main figcaption{font-size:9px;letter-spacing:1.6px;margin-top:14px}.archive-note{border-top:1px solid var(--line);padding-top:25px}.large-number{font-family:Georgia,serif;font-size:22px;color:#8d7d67}.archive-note p{font-family:Georgia,serif;font-size:32px;line-height:1.4;margin:35px 0}.text-link{font-size:12px;display:inline-block;border-bottom:1px solid;padding:10px 0}.work{border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:45px}.section-heading>p{font-size:13px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.project{border:0;background:transparent;padding:0;text-align:left;color:inherit}.project-photo{height:250px;overflow:hidden;background:#e1d8cc}.project-photo img{height:100%;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.035)}.project-caption{display:flex;gap:10px;align-items:start;margin-top:18px}.project-caption h3{font-size:15px;font-weight:400;flex:1}.project-caption>span{font-size:10px;padding-top:3px}.studio{padding:70px 7vw 100px;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.studio>img{height:520px;object-fit:cover}.studio h2{font-size:clamp(40px,4.4vw,68px);margin-bottom:30px}.studio p:not(.eyebrow){max-width:420px;margin-bottom:15px}.contact{padding:80px 7vw;background:#30291f;color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact h2{margin-bottom:28px}.contact-copy>p:not(.eyebrow){font-size:13px;max-width:320px;margin-bottom:12px}.contact form{padding-top:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:11px;letter-spacing:.5px;margin-bottom:24px}input,textarea{width:100%;border:0;border-bottom:1px solid #847664;background:transparent;color:var(--paper);border-radius:0;padding:13px 0;resize:vertical}textarea::placeholder{color:#b7aa96;font-size:12px}.preview-note,#form-status{font-size:11px;color:#cabca8}.send{margin-top:20px;border:0;border-bottom:1px solid #b7aa96;background:transparent;color:var(--paper);width:100%;padding:16px 0;text-align:left;display:flex;justify-content:space-between}footer{padding:28px 7vw;display:flex;justify-content:space-between;align-items:center;font-size:11px}footer .brand{font-family:Georgia,serif;font-size:22px}dialog{border:0;padding:0;background:var(--paper);color:var(--ink);max-width:900px;width:90vw;max-height:90vh}dialog::backdrop{background:#000b}dialog>img{max-height:55vh;object-fit:contain;background:#ddd5c8}.close{position:absolute;right:12px;top:12px;border:0;border-radius:50%;width:38px;height:38px;background:var(--paper);font-size:24px}.dialog-copy{padding:30px}.dialog-copy h2{font-size:40px;margin-bottom:16px}.project-inquire{background:transparent;border:0;border-bottom:1px solid;padding:14px 0;margin-top:15px} @media(max-width:800px){.hero{min-height:650px;max-height:900px}.hero-nav{padding:24px}.hero-nav>div a:not(:last-child){display:none}.hero-nav>div{font-size:10px}.wordmark{font-size:20px}.hero-heading{top:19%;left:7vw}.hero-heading h1{font-size:70px}.hero-art{inset:33% -12% 10%}.hero-foot{left:7vw;right:7vw}.archive,.work{padding:55px 7vw}.archive-heading{display:block}.archive-heading h2{margin-bottom:20px}.archive-images{grid-template-columns:1fr;gap:30px}.archive-note{display:none}.section-heading{display:block}.section-heading>p{margin-top:25px}.project-grid{grid-template-columns:1fr 1fr;gap:26px 15px}.project-photo{height:220px}.studio{grid-template-columns:1fr;gap:35px;padding:35px 7vw 60px}.studio>img{height:400px}.contact{grid-template-columns:1fr;gap:20px;padding:55px 7vw}.hero-foot p span{max-width:180px}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-photo img{transition:none}}
.experience{height:235svh;background:#171a19;color:#f4ecde;position:relative}.experience-stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;isolation:isolate}.experience-nav{position:absolute;inset:28px 4vw auto;display:flex;justify-content:space-between;align-items:start;z-index:8}.experience-nav>a:first-child{font:23px Georgia,serif}.experience-nav span{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:9px}.experience-nav>a:last-child{font-size:11px;border-bottom:1px solid #958b79;padding-bottom:9px}.experience-title{position:absolute;top:16%;left:6vw;z-index:4;pointer-events:none}.experience-title h1{font-size:clamp(64px,8vw,118px);line-height:.95;letter-spacing:-3px}.experience-title em{font-size:.85em}.explorer{position:absolute;inset:10% 0 17%;overflow:hidden;cursor:grab;touch-action:pan-y}.explorer:active{cursor:grabbing}.explorer-image{width:100%;height:100%;object-fit:contain;transform-origin:center;will-change:transform;pointer-events:none;user-select:none}.detail-mark{position:absolute;left:50%;top:50%;font-size:30px;font-weight:400;opacity:0;pointer-events:none}.experience-caption{position:absolute;left:6vw;bottom:155px;z-index:5;pointer-events:none;text-shadow:0 2px 15px #000}.experience-caption>span{font-size:9px;letter-spacing:2px;color:#ccbfa8}.experience-caption h2{font-size:29px;margin:10px 0}.experience-caption p{font-size:12px;color:#d8cbb6}.experience-controls{position:absolute;bottom:24px;left:6vw;right:6vw;z-index:8;display:grid;grid-template-columns:1fr 260px;gap:14px 35px;align-items:center}.view-buttons{display:flex;gap:22px}.view-buttons button{border:0;border-bottom:1px solid transparent;background:transparent;color:#c4bba9;padding:12px 0;font-size:11px}.view-buttons button[aria-pressed=true]{color:#fff;border-color:#e8d8b9}.scrubber{display:flex;gap:15px;align-items:center;margin:0;color:#d8cbb6}.scrubber input{padding:0;accent-color:#c6ae86;cursor:ew-resize}.experience-hint{font-size:8px;letter-spacing:1.8px;color:#b1a895}.skip-experience{font-size:10px;text-align:right}.experience-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff15}.experience-progress i{display:block;height:100%;background:#d2b98e;transform-origin:left;transform:scaleX(0)}.archive-overlay{position:absolute;inset:100px 6vw 155px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:7vw;opacity:0;transform:translateY(100%);z-index:6;pointer-events:none;background:#171a19}.archive-overlay img{height:100%;min-height:0;object-fit:contain}.archive-overlay h2{font-size:clamp(35px,4.5vw,68px);margin-bottom:25px}.archive-overlay p:not(.eyebrow){font-size:13px;color:#cabca9}.archive{display:none}@media(max-width:800px){.experience{height:200svh}.experience-title{top:18%}.experience-title h1{font-size:65px}.explorer{inset:27% -10% 22%}.experience-nav{inset:24px 6vw auto}.experience-nav>a:first-child{font-size:20px}.experience-controls{grid-template-columns:1fr;gap:5px;bottom:18px}.view-buttons{justify-content:space-between;gap:10px}.experience-hint{display:none}.scrubber{padding:6px 0}.skip-experience{position:absolute;right:0;top:-22px}.experience-caption{bottom:170px}.experience-caption h2{font-size:23px}.archive-overlay{inset:110px 7vw 165px;grid-template-columns:1fr;gap:15px}.archive-overlay img{max-height:36svh}.archive-overlay h2{font-size:35px;margin-bottom:10px}.archive-overlay .eyebrow{margin-bottom:10px}.archive-overlay p:not(.eyebrow){display:none}}@media(prefers-reduced-motion:reduce){.experience{height:auto}.experience-stage{position:relative}.experience-title{opacity:1!important}}

.prong-photo{position:relative;overflow:hidden;aspect-ratio:945/687;width:100%;margin:0}.archive-overlay .prong-photo img{position:absolute;width:100%;height:auto;max-height:none;top:-91.7%;left:0;object-fit:initial}

.explorer{inset:0;cursor:default}.bench-video{width:100%;height:100%;object-fit:cover;display:block}.experience-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0006,transparent 30%,transparent 65%,#000b);z-index:1}.experience-title,.experience-caption{z-index:4}.experience-controls{grid-template-columns:1fr auto 220px}.play-film{background:transparent;color:#f4ecde;border:1px solid #a1947b;padding:10px 16px;font-size:11px}.experience-hint{grid-column:1/3}.archive-overlay{z-index:6}.experience-title h1{text-shadow:0 2px 35px #0007}@media(max-width:800px){.experience-controls{grid-template-columns:1fr auto;gap:10px}.view-buttons{grid-column:1/-1}.scrubber{grid-column:1}.play-film{grid-column:2;grid-row:2}.skip-experience{top:-24px}.bench-video{object-fit:contain;background:#171a19}.experience-title{top:15%}.experience-title h1{font-size:55px}.experience-hint{display:none}}

/* Full viewport cinematic header, including mobile. */
.experience-stage{height:100svh;min-height:0;width:100%;background:#100c08}.explorer{inset:0}.bench-video{width:100%;height:100%;object-fit:cover;object-position:center;background:#100c08}
@media(max-width:800px){.experience-stage{height:100svh;min-height:0}.explorer{inset:0}.bench-video{object-fit:cover;background:#100c08}}

/* Quiet editorial layout: let the photographs lead. */
.experience-controls{grid-template-columns:auto minmax(140px,240px) 1fr;gap:22px}.experience-hint{grid-column:auto;text-transform:none;letter-spacing:.3px;font-size:11px}.skip-experience{grid-column:3;grid-row:1;justify-self:end}.experience-hint{display:none}.play-film{border:0;border-bottom:1px solid #a1947b;padding:10px 0}.experience-title h1{font-size:clamp(48px,6.5vw,96px);letter-spacing:-2px}.work{padding:75px 6vw 65px;border:0}.section-heading{align-items:center;margin-bottom:38px}.section-heading h2{font-size:clamp(38px,4.5vw,64px)}.section-heading>p{color:#746958;font-size:13px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 28px}.project-photo{height:auto;aspect-ratio:4/3;background:#e5ded3}.project-caption{margin-top:14px;align-items:center}.project-caption h3{font-size:16px}.project-caption>span{font-size:18px}.studio{border-top:1px solid var(--line);margin:0 6vw;padding:65px 0;grid-template-columns:.8fr 1fr;gap:10vw}.studio>img{height:430px}.studio h2{font-size:56px}.studio p:empty{display:none}.studio p:not(.eyebrow){font-size:16px;line-height:1.8}.contact{padding:70px 6vw;background:#241d16;gap:8vw}.contact h2{font-size:clamp(42px,5vw,70px)}.dialog-copy .eyebrow{display:none}footer{padding:26px 6vw}footer p{color:#746958}
@media(max-width:800px){.experience-controls{grid-template-columns:auto 1fr;gap:20px}.play-film{grid-column:1;grid-row:1}.scrubber{grid-column:2;grid-row:1}.skip-experience{position:static;grid-column:1/-1;grid-row:2;justify-self:end}.experience-title h1{font-size:48px}.work{padding:45px 6vw}.section-heading>p{margin-top:14px}.project-grid{gap:28px 15px}.project-photo{aspect-ratio:3/4}.project-caption h3{font-size:14px}.studio{padding:45px 0;grid-template-columns:1fr;gap:28px}.studio>img{height:380px}.studio h2{font-size:44px}.contact{padding:45px 6vw}.contact h2{font-size:46px}}
@media(max-width:480px){.project-grid{grid-template-columns:1fr}.project-photo{aspect-ratio:4/3}}

.experience-controls{grid-template-columns:minmax(140px,240px) 1fr}.scrubber{grid-column:1;grid-row:1}.skip-experience{grid-column:2;grid-row:1}@media(max-width:800px){.experience-controls{grid-template-columns:minmax(120px,1fr) auto}.scrubber{grid-column:1;grid-row:1}.skip-experience{grid-column:2;grid-row:1}}

/* Gallery slides over the held final frame as the next screen arrives. */
.experience{height:335svh;margin-bottom:-100svh}.experience-stage{position:sticky;top:0}.work{position:relative;z-index:10;background:var(--paper);min-height:100svh;padding-top:65px;box-shadow:0 -24px 70px #0002}.experience-controls{transition:opacity .2s}.work .section-heading{margin-bottom:40px}
@media(max-width:800px){.experience{height:335svh;margin-bottom:-100svh}.work{padding-top:42px}}
@media(prefers-reduced-motion:reduce){.experience{height:auto;margin-bottom:0}.experience-stage{position:relative}.work{box-shadow:none}}

.bench-video{transform-origin:50% 50%;will-change:transform;transition:transform 180ms linear}@media(prefers-reduced-motion:reduce){.bench-video{transition:none;transform:none!important}}

.work{padding:28px;background:#f5f2ec}.project-grid{gap:22px}.project-photo{aspect-ratio:1;background:#f5f2ec}.project-photo img{object-fit:contain}.project:hover img{transform:scale(1.015)}#project-description:empty{display:none}@media(max-width:800px){.work{padding:14px}.project-grid{gap:14px}.project-photo{aspect-ratio:1}}

/* Compact three-column product gallery. */
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(max-width:480px){.project-grid{grid-template-columns:1fr;gap:14px}}

/* Gallery and commission section continue the cinematic stage. */
body{background:#100d09}.work{background:#100d09;color:#efe6d7;padding:clamp(36px,6vw,96px) 4vw 7vw;box-shadow:0 -35px 70px #100d0970}.project-grid{column-gap:clamp(18px,2.5vw,40px);row-gap:clamp(32px,5vw,80px)}.project{position:relative;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .65s ease;outline-offset:8px}.project-photo{border-radius:2px;box-shadow:0 12px 32px #0003;transition:box-shadow .45s,transform .55s cubic-bezier(.2,.7,.2,1)}.project:hover .project-photo,.project:focus-visible .project-photo{transform:translateY(-7px);box-shadow:0 24px 48px #0007}.project:hover img{transform:none}.reveal-pending{opacity:0;transform:translateY(36px)}.contact{position:relative;background:linear-gradient(#100d09,#1b1510);padding:clamp(64px,9vw,140px) 6vw;border-top:1px solid #d8b98a25}.contact-copy{transition:opacity .8s,transform .8s}.contact h2{font-size:clamp(44px,5.5vw,84px)}input,textarea{transition:border-color .25s}input:focus,textarea:focus{border-color:#f1d5ac}.send{transition:color .25s}.send span{transition:transform .25s}.send:hover span{transform:translate(4px,-4px)}footer{background:#1b1510;color:#e4d6c3;border-top:1px solid #d8b98a20}footer p{color:#aa9780}dialog{background:#19130e;color:#efe6d7;box-shadow:0 30px 120px #0008}dialog[open]{animation:gallery-open .3s ease-out}.project-inquire{color:inherit}.close{background:#19130e;color:#efe6d7}dialog::backdrop{background:#090705dc;backdrop-filter:blur(8px)}@keyframes gallery-open{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.project,.project-photo,.contact-copy,.send span{transition:none}.reveal-pending{opacity:1;transform:none}dialog[open]{animation:none}.project:hover .project-photo{transform:none}}

/* User-approved dark product photography. */
.project-photo,dialog>img{background:#100c08}.work{background:#100c08}

/* Quiet, tactile commission action in the project viewer. */
.project-inquire{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 24px;margin-top:24px;border:1px solid #bca78a70;border-radius:2px;background:#e5d9c7;color:#251e17;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:400;letter-spacing:0;line-height:1.4;transition:background .2s,border-color .2s}.project-inquire:hover{background:#f0e7da;border-color:#f0e7da}.project-inquire:focus-visible{outline:2px solid #e5d9c7;outline-offset:5px}@media(max-width:480px){.project-inquire{width:100%}}@media(prefers-reduced-motion:reduce){.project-inquire{transition:none}}

.variation-picker{display:flex;gap:10px;padding:18px 30px 0;overflow-x:auto}.variation-picker[hidden]{display:none}.variation-picker button{flex:0 0 68px;width:68px;height:68px;padding:3px;border:1px solid transparent;background:transparent;border-radius:2px}.variation-picker button[aria-pressed=true]{border-color:#d4bd99}.variation-picker img{width:100%;height:100%;object-fit:contain}.variation-picker button:focus-visible{outline:2px solid #d4bd99;outline-offset:2px}

.experience-nav>a:first-child{opacity:0;visibility:hidden}

.featured-title{font-size:clamp(34px,4vw,58px);line-height:1.1;color:#efe6d7;margin:0 0 clamp(28px,4vw,52px);letter-spacing:-.5px}

.gallery-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:36px}.featured-title{font-size:clamp(25px,2.2vw,34px);letter-spacing:0;margin:0;line-height:1.2}.gallery-filters{display:flex;gap:24px;flex-wrap:wrap}.gallery-filters button{background:none;border:0;border-bottom:1px solid transparent;padding:7px 0;color:#a69680;font:12px 'DM Sans',sans-serif;letter-spacing:.2px}.gallery-filters button[aria-pressed=true]{color:#f0e4d2;border-color:#bca78a}.gallery-filters button:hover{color:#f0e4d2}.project[hidden]{display:none}@media(max-width:600px){.gallery-heading{gap:16px;margin-bottom:28px}.gallery-filters{gap:18px}}

.featured-title{font-family:Georgia,serif;font-size:clamp(25px,2.2vw,34px);font-weight:400;letter-spacing:-.5px;line-height:1.2}

/* Compact desktop gallery: three columns, room for two rows. */
@media(min-width:901px){
 .work{padding-top:36px}
 .gallery-heading{margin-bottom:24px}
 .project-grid{width:90%;max-width:calc(150svh - 210px);margin-inline:auto;column-gap:24px;row-gap:24px}
}

/* Native mobile scrolling and font-independent navigation icons. */
.ui-arrow{display:inline-block;width:16px;height:16px;vertical-align:middle;flex-shrink:0}
@media(max-width:800px){
 html{scroll-behavior:auto}
 .experience{height:260svh;margin-bottom:0}
 .experience-stage{height:100svh}
 .bench-video{transition:none;pointer-events:none}
 .experience-controls{bottom:max(18px,env(safe-area-inset-bottom));gap:16px}
 .scrubber input{min-height:44px;touch-action:pan-y}
 .skip-experience{display:inline-flex;align-items:center;gap:8px;min-height:44px}
 .work{box-shadow:none}
 .project,.project-photo,.contact-copy{transition:none}
 .reveal-pending{opacity:1;transform:none}
 .project:hover .project-photo{transform:none}
 input,textarea{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.experience{height:auto;margin-bottom:0}}

/* Fit the complete wide bench at the end of the mobile pullback. */
@media(max-width:800px){.bench-video{object-fit:contain;transform-origin:50% 50%;background:#100c08}}

/* Portrait framing retains the wide reveal without empty black bars. */
@media(max-width:800px){
 .scrubber,.experience-progress{display:none}
 .experience-controls{display:flex;justify-content:flex-end}
 .explorer:before{content:"";position:absolute;inset:-40px;background:linear-gradient(#100c0866,#100c0866),url("assets/bench-header-1080-poster.jpg") center/cover;filter:blur(30px);transform:scale(1.08);z-index:-1}
 .explorer{isolation:isolate}
 .bench-video{background:transparent}
 .experience-stage:after{background:linear-gradient(180deg,#0005,transparent 28%,transparent 85%,#100c0822)}
}

/* Mobile reveal contracts into a clean wide frame; gallery follows directly. */
@media(max-width:800px){
 .explorer:before{display:none}
 .bench-video{object-fit:cover;background:#100c08}
 .experience-stage{background:#100c08}
 .experience-controls{display:none}
 .experience-stage:after{background:linear-gradient(180deg,#100c0844,transparent 35%);}
}

@media(max-width:800px){.work{padding-top:20px}.gallery-heading{margin-bottom:18px;gap:10px}}

/* Stable document geometry: native mobile scrolling, no resize or margin animation. */
@media(max-width:800px){
 html,body{overflow-anchor:none}
 .experience{height:100svh;margin:0}
 .experience-stage{position:relative;height:100svh;overflow:hidden}
 .explorer{inset:0}
 .bench-video{object-fit:contain;object-position:50% 35%;transform-origin:50% 35%;transform:scale(1);will-change:transform}
 .work{margin-top:0}
 .experience-stage:after{background:linear-gradient(#100c0844,transparent 35%)}
}

.mobile-commission{display:none}
@media(max-width:800px){
 .experience-nav>a:last-child{visibility:hidden}
 .mobile-commission{display:inline-flex;align-items:center;gap:7px;position:fixed;right:16px;top:max(16px,env(safe-area-inset-top));z-index:100;background:#100c08ed;color:#efe6d7;border:1px solid #bca78a66;padding:12px 14px;font-size:11px;min-height:44px}
 .project,.project-photo,.project-photo img{animation:none!important;transition:none!important;transform:none!important}
}

.close{appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:0;box-shadow:none;color:#efe6d7;-webkit-tap-highlight-color:transparent;outline:none}.close:focus-visible{outline:1px solid #bca78a;outline-offset:2px}

/* Warm sepia palette, coordinated with the golden-wood film. */
:root{--ink:#f4e7d5;--paper:#68513e;--muted:#e0cbb2;--line:rgba(244,231,213,.28)}
body,.work{background:#68513e;color:var(--ink)}
.featured-title{color:var(--ink)}
.gallery-filters button{color:#e0cbb2}
.gallery-filters button[aria-pressed=true],.gallery-filters button:hover{color:#fff2df;border-color:#e0cbb2}
.contact{background:#5e4837;color:#f4e7d5;border-top:1px solid #95785d}
footer{background:#554131;color:#f4e7d5;border-top:1px solid #95785d}
footer p,.preview-note,#form-status{color:#e0cbb2}
input,textarea,.send{color:#f4e7d5;border-color:#bd9e7e}
textarea::placeholder{color:#e0cbb2}
dialog{background:#68513e;color:#f4e7d5;border-color:#95785d}
.project-inquire{background:#ead7bc;color:#382d23;border-color:#ead7bc}
.variation-picker button[aria-pressed=true]{border-color:#ead7bc}
.experience-stage:after{background:linear-gradient(180deg,#21180e33,transparent 30%,transparent 75%,#21180e33)}
@media(max-width:800px){
 .experience,.experience-stage,.bench-video{background:#68513e}
 .experience,.experience-nav,.experience-title{color:#f4e7d5}
 .experience-stage:after{background:none}
 .mobile-commission{background:#68513eef;color:#f4e7d5;border-color:#bd9e7e}
}
.close{background:#ead7bc;color:#382d23;border:1px solid #95785d;border-radius:50%}