:root{
  --ivory:#F7F4EF; --paper:#FCFBF8; --ink:#1A1C1A; --ink-2:#3a3d3a; --mute:#6c6e69; --line:#DEDAD2;
  --terra:#B5562F; --linen:#F4EEE4;
  --serif:'Cormorant Garamond', Georgia, serif; --sans:'Inter', system-ui, sans-serif;
  --w:1280px; --pad:clamp(22px,5vw,72px); --sec:clamp(96px,13vw,200px);
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none !important}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.75;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:1px solid var(--terra);outline-offset:4px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;z-index:99}.skip:focus{left:8px}
.w{max-width:var(--w);margin:0 auto;padding:0 var(--pad)}
h1,h2,.statement,blockquote p{font-family:var(--serif);font-weight:300;letter-spacing:-.005em}
em{font-style:italic}
.kicker{font-size:11px;letter-spacing:.32em;text-transform:uppercase;font-weight:400;color:rgba(255,255,255,.85);margin-bottom:28px}
.kicker.dark{color:var(--mute)}
.amp{color:var(--terra-lt,#D98A63)}
.h2{font-size:clamp(34px,4.2vw,58px);line-height:1.08;max-width:16ch}
.muted{color:var(--mute);max-width:44ch}
.line-link{display:inline-block;font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:400;text-decoration:none;padding-bottom:8px;border-bottom:1px solid currentColor;transition:opacity .25s,letter-spacing .35s}
.line-link:hover{letter-spacing:.3em}
.line-link.light{color:#fff}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .35s,border-color .35s;border-bottom:1px solid transparent}
.nav-in{display:flex;justify-content:space-between;align-items:center;height:76px;padding:0 var(--pad);max-width:1600px;margin:0 auto}
.brand{position:relative;display:block;height:40px}
.brand .logo{height:40px;width:auto;transition:opacity .35s}
.logo-d{position:absolute;top:0;left:0;opacity:0}
.links{display:flex;gap:40px;list-style:none;align-items:center}
.links a{font-size:11px;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;color:#fff;font-weight:400;transition:color .35s}
.links a:hover{opacity:.7}
.enq{border:1px solid currentColor;padding:10px 18px}
.nav.solid{background:rgba(252,251,248,.94);backdrop-filter:blur(10px);border-color:var(--line)}
.nav.solid .links a{color:var(--ink)}
.nav.solid .logo-l{opacity:0}.nav.solid .logo-d{opacity:1}
.burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:7px}
.burger span{width:26px;height:1px;background:#fff;transition:transform .25s,background .35s}
.nav.solid .burger span,.nav.open .burger span{background:var(--ink)}
.burger[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}

/* hero */
.hero{position:relative;height:100vh;min-height:620px;color:#fff;overflow:hidden}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:settle 2.4s ease-out forwards}
@keyframes settle{to{transform:scale(1)}}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,16,15,.55) 0%,rgba(15,16,15,.1) 22%,rgba(15,16,15,.1) 45%,rgba(15,16,15,.7) 100%)}
.hero-copy{text-shadow:0 1px 18px rgba(0,0,0,.35);position:absolute;left:var(--pad);bottom:clamp(64px,11vh,120px);max-width:900px}
.hero h1{font-size:clamp(46px,7.4vw,118px);line-height:.98;margin-bottom:40px}
.hero h1 em{font-weight:300}
.hero-meta{position:absolute;right:var(--pad);bottom:clamp(64px,11vh,120px);font-size:11px;letter-spacing:.28em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);opacity:.85}

/* intro */
.intro{padding:var(--sec) 0}
.statement{font-size:clamp(30px,3.8vw,54px);line-height:1.2;max-width:22ch;margin:0 auto;text-align:center}
.statement em{color:var(--terra)}
.intro-sub{max-width:52ch;margin:36px auto 0;text-align:center;color:var(--mute)}
.index{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(72px,9vw,128px);border-top:1px solid var(--ink)}
.index li{padding:28px 24px 0 0}
.index li+li{padding-left:24px;border-left:1px solid var(--line)}
.index span{font-size:11px;letter-spacing:.2em;color:var(--mute)}
.index h2{font-size:clamp(26px,2.4vw,34px);line-height:1.1;margin:18px 0 6px}
.index p{font-size:14px;color:var(--mute)}

/* address */
.address{display:grid;grid-template-columns:1fr 1fr;background:var(--ivory)}
.address-img{min-height:100%}
.address-img img{width:100%;height:100%;object-fit:cover;max-height:1000px}
.address-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(56px,8vw,140px) var(--pad)}
.clients{list-style:none;margin-bottom:40px}
.clients li{font-family:var(--serif);font-size:clamp(28px,3vw,44px);line-height:1.15;padding:16px 0;border-bottom:1px solid var(--line)}
.clients li:first-child{border-top:1px solid var(--line)}

/* chapters */
.chapters{padding:var(--sec) 0 0}
.chapter{margin-bottom:var(--sec)}
.ch-media{padding:0 var(--pad);max-width:1600px;margin:0 auto}
.ch-media img{width:100%;aspect-ratio:21/9;object-fit:cover}
.ch-pair{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(12px,1.6vw,24px)}
.ch-pair img{aspect-ratio:auto;height:clamp(320px,38vw,620px)}
.ch-text{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,120px);padding-top:clamp(40px,5vw,72px)}
.ch-n{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--terra);display:block;margin-bottom:14px}
.ch-head h2{font-size:clamp(36px,4.2vw,60px);line-height:1.04;margin-bottom:20px}
.tag{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--mute)}
.ch-body>p{color:var(--ink-2);margin-bottom:32px;max-width:50ch}
.fine{list-style:none;border-top:1px solid var(--line)}
.fine li{font-size:14px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--ink-2)}
.origins{display:flex;align-items:center;gap:20px;margin-bottom:32px;font-family:var(--serif);font-size:clamp(24px,2.4vw,32px);font-style:italic}
.origins i{width:5px;height:5px;background:var(--terra);transform:rotate(45deg)}

/* heritage */
.heritage{position:relative;height:clamp(520px,90vh,900px);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.heritage-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.heritage-shade{position:absolute;inset:0;background:rgba(18,19,18,.38)}
.heritage blockquote{position:relative;padding:0 var(--pad);max-width:1000px}
.heritage blockquote p{font-size:clamp(36px,5.4vw,80px);line-height:1.08;font-style:italic;margin-bottom:28px}
.heritage cite{font-style:normal;font-size:11px;letter-spacing:.28em;text-transform:uppercase}

/* collection */
.collection{padding:var(--sec) 0}
.col-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:clamp(48px,6vw,88px)}
.tabs{display:flex;gap:32px}
.tab{background:none;border:0;font-family:var(--sans);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--mute);padding:0 0 8px;cursor:pointer;border-bottom:1px solid transparent;font-weight:400}
.tab[aria-selected="true"]{color:var(--ink);border-color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,48px) clamp(16px,2vw,32px)}
.grid figure{transition:opacity .3s}
.grid img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;padding:8%;mix-blend-mode:multiply;transition:transform .6s ease}
.grid figure:hover img{transform:scale(1.03)}
.grid figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:16px;border-top:1px solid var(--line);margin-top:4px}
.grid b{font-family:var(--serif);font-weight:400;font-size:22px}
.grid span{font-size:12px;color:var(--mute);letter-spacing:.04em;text-align:right}
.col-note{margin-top:clamp(48px,6vw,80px);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;color:var(--mute);font-size:14px;border-top:1px solid var(--line);padding-top:28px}
.col-note .line-link{color:var(--ink)}

/* method */
.method{padding:var(--sec) 0;background:var(--ivory)}
.steps{list-style:none;margin-top:clamp(48px,6vw,88px);border-top:1px solid var(--ink)}
.steps li{display:grid;grid-template-columns:80px 1fr 1.2fr;gap:24px;align-items:baseline;padding:26px 0;border-bottom:1px solid var(--line)}
.steps span{font-size:11px;letter-spacing:.2em;color:var(--mute)}
.steps b{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.4vw,32px);line-height:1.1}
.steps p{color:var(--mute);font-size:15px}

/* enquire */
.enquire{padding:var(--sec) 0}
.enq-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,140px);align-items:start}
.enq-in .muted{margin-top:28px}
form{display:grid;gap:34px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:34px}
form label{display:grid;gap:8px}
form label>span,legend{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--mute);font-weight:400}
form input:not([type=checkbox]),form select,form textarea{font:inherit;font-weight:300;font-size:17px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 0 10px;width:100%;transition:border-color .25s;-webkit-appearance:none;appearance:none}
form select{background-image:linear-gradient(45deg,transparent 50%,var(--mute) 50%),linear-gradient(135deg,var(--mute) 50%,transparent 50%);background-position:calc(100% - 10px) 55%,calc(100% - 5px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:24px}
form textarea{resize:vertical}
form input:focus,form select:focus,form textarea:focus{outline:none;border-color:var(--ink)}
form [aria-invalid="true"]{border-color:#a3321a}
fieldset{border:0}
legend{margin-bottom:16px}
.opts{display:flex;flex-wrap:wrap;gap:10px}
.opts label{display:block;cursor:pointer}
.opts input{position:absolute;opacity:0;width:1px;height:1px}
.opts span{display:inline-block;font-size:13px;border:1px solid var(--line);padding:9px 16px;transition:all .2s;color:var(--ink-2)}
.opts input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.opts input:focus-visible+span{outline:1px solid var(--terra);outline-offset:3px}
.submit{justify-self:start;background:var(--ink);color:#fff;border:1px solid var(--ink);font-family:var(--sans);font-size:11px;letter-spacing:.28em;text-transform:uppercase;padding:18px 44px;cursor:pointer;transition:background .25s,color .25s}
.submit:hover{background:transparent;color:var(--ink)}
.form-msg{font-size:14px;color:var(--mute);min-height:1.2em}
.form-msg.err{color:#a3321a}

/* footer */
.foot{background:var(--ink);color:#bdbab3;padding:64px 0}
.foot-in{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.foot img{height:30px;width:auto}
.foot p{font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.foot .small{color:#8a8983;letter-spacing:.08em;text-transform:none}

/* reveal */
@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(24px);transition:opacity 1.1s ease,transform 1.1s ease}
  .rv.in{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){.hero-bg{animation:none;transform:none}}

@media (max-width:1000px){
  .index{grid-template-columns:1fr 1fr}
  .index li:nth-child(3){padding-left:0;border-left:0}
  .index li:nth-child(n+3){margin-top:28px;border-top:1px solid var(--line)}
  .grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:860px){
  .burger{display:flex}
  .links{position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);padding:8px var(--pad) 28px;border-bottom:1px solid var(--line);display:none}
  .links.open{display:flex}
  .links a{color:var(--ink) !important;display:block;padding:16px 0;border-bottom:1px solid var(--line)}
  .enq{border:0;padding:16px 0}
  .nav.open{background:var(--paper)}
  .nav.open .logo-l{opacity:0}.nav.open .logo-d{opacity:1}
  .address,.ch-text,.enq-in{grid-template-columns:1fr}
  .address-img img{aspect-ratio:4/5;max-height:80vh}
  .ch-media img{aspect-ratio:4/3}
  .ch-pair{grid-template-columns:1fr}
  .ch-pair img{height:auto;aspect-ratio:4/3}
  .ch-pair img:last-child{display:none}
  .hero-meta{display:none}
  .steps li{grid-template-columns:48px 1fr;row-gap:6px}
  .steps p{grid-column:2}
}
@media (max-width:560px){
  .index{grid-template-columns:1fr}
  .index li,.index li+li{padding:24px 0;border-left:0;margin-top:0;border-top:1px solid var(--line)}
  .index li:first-child{border-top:0}
  .grid{grid-template-columns:1fr 1fr}
  .grid figcaption{flex-direction:column;gap:2px}
  .grid span{text-align:left}
  .grid b{font-size:20px}
  .f2{grid-template-columns:1fr}
  .submit{justify-self:stretch}
  .hero h1{font-size:44px}
  .origins{gap:12px}
}

.hero .kicker{font-size:12px;color:#fff;font-weight:500}
.hero-meta{display:none}

/* --- Trade collection: showcase, not shop --- */
.col-sub{margin-top:18px;max-width:52ch;font-size:15px}
.grid figure{cursor:default}
.grid figcaption{flex-direction:column;align-items:flex-start;gap:4px}
.grid b{font-size:21px;line-height:1.2}
.grid span{text-align:left;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.grid img{-webkit-user-drag:none;user-select:none}
.col-note span{max-width:62ch}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.foot a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.submit[disabled]{opacity:.55;cursor:wait}

/* --- Staged scenes (replaces product cut-outs) --- */
.scenes{columns:3;column-gap:clamp(14px,1.8vw,28px)}
.scenes figure{break-inside:avoid;margin:0 0 clamp(14px,1.8vw,28px);position:relative;overflow:hidden;background:var(--ivory)}
.scenes img{width:100%;height:auto;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);-webkit-user-drag:none;user-select:none}
.scenes figure:hover img{transform:scale(1.025)}
.scenes figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 18px 14px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:linear-gradient(to top,rgba(20,20,18,.55),rgba(20,20,18,0));pointer-events:none}
.tabs{flex-wrap:wrap;row-gap:12px}
@media (max-width:1000px){.scenes{columns:2}}
@media (max-width:560px){.scenes{columns:1}.tabs{gap:20px}}

/* --- Hero sub-line --- */
.hero-sub{max-width:46ch;margin:18px 0 26px;font-size:clamp(15px,1.25vw,18px);line-height:1.6;color:rgba(255,255,255,.88)}

/* --- Proof / difference --- */
.proof{padding:0 0 var(--sec)}
.proof .h2{margin-bottom:clamp(40px,5vw,72px)}
.diff{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}
.diff>div{padding:28px 24px 32px 0}
.diff>div+div{padding-left:24px;border-left:1px solid var(--line)}
.diff b{display:block;font-family:var(--serif);font-weight:400;font-size:24px;margin-bottom:10px}
.diff p{font-size:14px;color:var(--mute)}
.diff .us{background:var(--ink);color:var(--linen);padding-left:24px!important;border-left:0!important}
.diff .us p{color:#cfcac0}
.diff .us b{color:#fff}
.facts{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:clamp(48px,6vw,88px)}
.facts strong{display:block;font-family:var(--serif);font-weight:300;font-size:clamp(34px,3.6vw,52px);line-height:1;color:var(--terra);margin-bottom:12px}
.facts span{font-size:13px;color:var(--ink-2);display:block;max-width:24ch}
@media (max-width:860px){.diff,.facts{grid-template-columns:1fr 1fr}.diff>div:nth-child(3){padding-left:0;border-left:0}.diff>div{border-top:1px solid var(--line)}}
@media (max-width:560px){.diff,.facts{grid-template-columns:1fr}.diff>div{padding-left:0!important;border-left:0!important}.diff .us{padding:24px!important}}

/* --- Footer with ArtMoves mark --- */
.foot-in{align-items:flex-end}
.foot-l{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.foot-am{display:flex;flex-direction:column;align-items:flex-end;gap:12px;text-decoration:none!important;color:#bdbab3}
.am-by{font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.am-logo{display:flex;align-items:center;gap:10px;color:#fafaf7}
.am-logo svg{width:40px;height:auto;display:block}
.am-word{font-family:var(--sans);font-weight:800;font-size:22px;letter-spacing:-.03em;line-height:1}
.am-word b{font-weight:900}
.foot-am:hover .am-logo{opacity:.85}
.foot-legal{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}
@media (max-width:560px){.foot-am{align-items:flex-start}}

/* --- Larger header logo --- */
.nav-in{height:96px}
.brand,.brand .logo{height:62px}
@media (max-width:860px){.nav-in{height:80px}.brand,.brand .logo{height:50px}.links{top:80px}}