:root{--ink:#080808;--paper:#f3f0e9;--muted:#aaa59d;--line:rgba(255,255,255,.16);--accent:#c7a56a;--accent-bright:#ddc18d;--signature-pink:#d91c72;--pad:clamp(1.25rem,4vw,4.5rem)}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.site-header{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1.6rem var(--pad);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.9rem}
.brand-main{font-size:1.5rem;font-weight:600;letter-spacing:-.08em}
.brand-sub{border-left:1px solid currentColor;padding-left:.9rem;font:500 .66rem/1.25 DM Mono,monospace;letter-spacing:.13em;max-width:8rem}
.site-header nav{display:flex;align-items:center;gap:2rem;font:400 .74rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}
.site-header nav a{transition:color .2s}
.site-header nav a:hover{color:var(--accent-bright)}
.nav-cta{padding:.7rem 1rem;border:1px solid rgba(255,255,255,.55)}
.menu-button{display:none;color:#fff;background:transparent;border:0;font:500 .74rem DM Mono,monospace}
.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:9rem var(--pad) 5rem;isolation:isolate}
.hero-media,.hero-shade{position:absolute;inset:0;z-index:-2}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(6,5,6,.96) 0%,rgba(6,5,6,.72) 37%,rgba(6,5,6,.08) 72%),linear-gradient(0deg,rgba(6,5,6,.7),transparent 45%)}
.hero-content{width:min(51rem,72vw)}
.eyebrow,.section-label{display:flex;gap:1.5rem;color:#cbc5c8;font:400 .69rem DM Mono,monospace;letter-spacing:.16em;text-transform:uppercase}
.eyebrow span+span:before{content:"/";margin-right:1.5rem;color:var(--accent)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(3.4rem,7.4vw,8.5rem);line-height:.88;letter-spacing:-.065em;font-weight:500;margin:1.6rem 0 2rem}
h1 em{font-style:normal;color:var(--accent-bright)}
.hero-copy{font-size:clamp(1rem,1.35vw,1.3rem);max-width:36rem;color:#d3ced0}
.hero-actions{display:flex;align-items:center;gap:2.1rem;margin-top:2.2rem}
.button{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font:500 .72rem DM Mono,monospace;min-height:3.25rem;padding:0 1.5rem}
.primary{background:var(--accent);color:#0a0907;transition:background .2s,transform .2s}
.primary:hover{background:var(--accent-bright);transform:translateY(-2px)}
.text-link{display:inline-flex;gap:.75rem;align-items:center;padding-bottom:.35rem;border-bottom:1px solid currentColor;font:400 .72rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}
.text-link span{color:var(--accent-bright)}
.hero-index{position:absolute;right:var(--pad);bottom:5rem;display:flex;align-items:center;gap:.75rem;font:400 .65rem DM Mono,monospace}
.hero-index i{display:block;width:4rem;height:1px;background:rgba(255,255,255,.5)}
.concept-note{position:absolute;right:var(--pad);bottom:1.25rem;font:400 .58rem DM Mono,monospace;letter-spacing:.08em;color:rgba(255,255,255,.55)}
.statement{background:var(--paper);color:#0b090a;padding:8rem var(--pad);display:grid;grid-template-columns:.8fr 2fr;gap:3rem}
.statement-copy{max-width:58rem}
.kicker{color:#8a6938;font:500 .76rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em}
.statement h2,.materials h2,.process h2,.maker h2,.commission h2{font-size:clamp(2.8rem,5.7vw,6.7rem);line-height:.92;letter-spacing:-.055em;font-weight:400;margin:0 0 2rem}
.statement-copy>p:last-child{max-width:43rem;font-size:1.15rem;color:#504a4d}
.statement .section-label{color:#6c6669}
.object-specs{grid-column:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:3rem;border-top:1px solid #cfc9cc}
.object-specs div{padding:1.3rem 1rem 0 0;border-right:1px solid #cfc9cc}
.object-specs span,.object-specs strong{display:block}
.object-specs span{font:400 .65rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;color:#766e72}
.object-specs strong{margin-top:.5rem;font-size:1rem;font-weight:500}
.materials{padding:8rem var(--pad);display:grid;grid-template-columns:1fr 1.25fr;gap:8vw;background:#0a0809}
.materials-intro{position:sticky;top:3rem;align-self:start}
.materials h2{margin-top:2.5rem}
.material-list{border-top:1px solid var(--line)}
.material-list article{display:grid;grid-template-columns:5rem 1fr;gap:1rem;padding:2.2rem 0;border-bottom:1px solid var(--line)}
.material-number{color:var(--accent);font:400 .7rem DM Mono,monospace}
.material-list h3{font-size:1.75rem;font-weight:400;margin-bottom:.55rem}
.material-list p{color:var(--muted);max-width:35rem;margin-bottom:0}
.process{background:var(--paper);color:#0b090a;padding:8rem var(--pad)}
.process .section-label{color:#6c6669}
.process-heading{display:grid;grid-template-columns:.6fr 1.4fr .65fr;gap:3rem;align-items:end}
.process-heading h2{margin:0}
.process-heading>p{color:#615b5e}
.process-grid{list-style:none;padding:0;margin:6rem 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cfc9cc}
.process-grid li{padding:1.5rem 2rem 0 0;border-right:1px solid #cfc9cc;min-height:17rem}
.process-grid li+li{padding-left:1.5rem}
.process-grid span{font:400 .68rem DM Mono,monospace;color:#8a6938}
.process-grid h3{font-size:1.5rem;font-weight:500;margin-top:3rem}
.process-grid p{font-size:.92rem;color:#615b5e}
.maker{position:relative;min-height:42rem;padding:8rem var(--pad);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:end;background:radial-gradient(circle at 24% 50%,#302718,transparent 40%),#080808}
.maker-mark{font-size:clamp(8rem,24vw,26rem);font-weight:600;letter-spacing:-.12em;line-height:.7;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.18);transform:translateX(-4vw)}
.maker-mark span{font-size:.05em;vertical-align:top;color:var(--signature-pink);-webkit-text-stroke:0}
.maker-copy{max-width:46rem}
.maker-copy>p{font-size:1.12rem;color:#b7b0b4;max-width:40rem;margin-bottom:2.25rem}
.maker .section-label{margin-bottom:2.5rem}
.commission{padding:8rem var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:#e7e1d7;color:#0a0908}
.commission .section-label{color:#716653}
.commission-intro>p{max-width:35rem}
.availability{margin-top:3rem;font:500 .7rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:.7rem}
.availability i{width:.5rem;height:.5rem;background:#9a783f;border-radius:50%;box-shadow:0 0 0 .3rem rgba(154,120,63,.18)}
form{padding-top:1rem}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
label{display:block;font:500 .65rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem}
input,textarea,select{display:block;width:100%;margin-top:.4rem;padding:.8rem 0;border:0;border-bottom:1px solid rgba(10,9,8,.42);border-radius:0;background:transparent;color:#0a0908;font:400 1rem Manrope,sans-serif;outline:none}
textarea{resize:vertical}
input:focus,textarea:focus,select:focus{border-color:#8a6938}
.commission .primary{background:#090608;color:#fff;margin-top:.8rem}
.commission .primary:hover{background:#26101a}
.form-note{font:400 .62rem DM Mono,monospace;margin-top:1rem;opacity:.68}
footer{padding:3rem var(--pad);display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;align-items:center;border-top:1px solid var(--line);font-size:.74rem;color:#aaa3a7}
.footer-links{display:flex;gap:1.5rem}
.footer-links a:hover{color:var(--accent-bright)}
.copyright{text-align:right;margin:0}
.footer-brand{display:none}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:900px){.site-header nav{position:absolute;top:100%;left:0;right:0;background:#080607;display:none;flex-direction:column;align-items:stretch;padding:1.25rem var(--pad) 1.75rem;border-bottom:1px solid var(--line)}
.site-header nav.open{display:flex}
.menu-button{display:block}
.hero{padding-bottom:4rem}
.hero-content{width:100%}
.hero-media img{object-position:61% center}
.hero-shade{background:linear-gradient(90deg,rgba(6,5,6,.93) 0%,rgba(6,5,6,.61) 55%,rgba(6,5,6,.22)),linear-gradient(0deg,rgba(6,5,6,.86),transparent 55%)}
.hero-copy{max-width:29rem}
.hero-index{display:none}
.statement,.materials,.maker,.commission{grid-template-columns:1fr}
.statement{padding-top:6rem}
.statement-copy,.object-specs{grid-column:auto}
.object-specs{grid-template-columns:1fr 1fr}
.materials{gap:3rem}
.materials-intro{position:static}
.process-heading{grid-template-columns:1fr}
.process-grid{grid-template-columns:1fr 1fr}
.maker{min-height:auto}
.maker-mark{position:absolute;opacity:.5;top:8rem}
.maker-copy{position:relative}
.commission{gap:4rem}
footer{grid-template-columns:1fr auto}
.footer-brand{display:flex}
footer>p:first-of-type{display:none}
}

@media(max-width:560px){:root{--pad:1.2rem}
.site-header{padding-top:1.2rem;padding-bottom:1.2rem}
.brand-main{font-size:1.25rem}
.hero{min-height:48rem;padding-bottom:3.5rem}
.hero-media img{object-position:66% center}
.hero-shade{background:linear-gradient(90deg,rgba(6,5,6,.95),rgba(6,5,6,.45)),linear-gradient(0deg,rgba(6,5,6,.96) 4%,transparent 65%)}
.eyebrow span:last-child{display:none}
h1{font-size:clamp(3.35rem,15vw,5rem);max-width:23rem}
.hero-copy{font-size:1rem;max-width:20rem}
.hero-actions{align-items:flex-start;flex-direction:column;gap:1.2rem}
.concept-note{left:var(--pad);right:auto;bottom:.75rem}
.statement,.materials,.process,.maker,.commission{padding-top:5rem;padding-bottom:5rem}
.statement h2,.materials h2,.process h2,.maker h2,.commission h2{font-size:clamp(2.7rem,13vw,4.2rem)}
.object-specs{grid-template-columns:1fr 1fr}
.object-specs div{min-height:6rem}
.process-grid{grid-template-columns:1fr}
.process-grid li{min-height:auto;padding:1.5rem 0 2rem!important;border-right:0;border-bottom:1px solid #cfc9cc}
.process-grid h3{margin-top:1.5rem}
.maker-mark{font-size:12rem;top:7rem}
.field-row{grid-template-columns:1fr}
footer{grid-template-columns:1fr}
.copyright{text-align:left}
.footer-links{grid-row:2}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.reveal{opacity:1;transform:none;transition:none}
}

.reference-upload{border:1px dashed rgba(10,9,8,.45);padding:1.25rem;margin:1.5rem 0;min-width:0}
.reference-upload label{font-size:.875rem;margin-bottom:.7rem}
.reference-upload p{font-size:1rem;line-height:1.5;margin:.5rem 0}
.reference-upload input{font-size:.875rem;border:0;padding:.6rem 0;max-width:100%}
.reference-upload input::file-selector-button{background:#0a0908;color:#fff;border:0;padding:.75rem 1rem;margin-right:.8rem;cursor:pointer;font:inherit}
#reference-limits,#reference-status{font-size:.875rem}
#reference-status{overflow-wrap:anywhere}
#reference-status:empty,#submission-status:empty{display:none}
#submission-status{font-size:1rem;line-height:1.5;margin-top:1rem}
.email-fallback{font-size:1rem;text-decoration:underline;text-underline-offset:4px}
.submit:disabled{opacity:.65;cursor:wait}
.reference-upload input:focus-visible,.email-fallback:focus-visible{outline:2px solid #8a6938;outline-offset:4px}
.form-note{font-size:.875rem;line-height:1.5}