:root{
  --porcelain:#fbfaf6;
  --putty:#ddd2c3;
  --copper:#b76f4d;
  --blue:#173d58;
  --carbon:#26292a;
  --pistachio:#d9e4bf;
  --yellow:#f0d64d;
  --steel:#c8cdd0;
  --ink:#202426;
  --muted:#6e7475;
  --line:rgba(32,36,38,.15);
  --white:#fff;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--porcelain);
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.55;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{display:block;width:100%;height:auto}
a{color:inherit}
.container{width:min(calc(100% - 34px),var(--max));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:1rem;z-index:9999;background:var(--carbon);color:#fff;padding:.8rem 1rem}
.skip-link:focus{left:1rem}
.section{padding:94px 0}
.label{
  display:inline-flex;align-items:center;gap:10px;
  font-family:"Courier New",monospace;
  font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--copper);font-weight:700
}
.label::before{content:"";width:26px;height:1px;background:currentColor}
.code{
  font-family:"Courier New",monospace;
  font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)
}
h1,h2,h3{margin:0;font-family:Arial,Helvetica,sans-serif;font-weight:900;line-height:.92;letter-spacing:-.055em}
h1{font-size:clamp(4.5rem,9.4vw,9rem)}
h2{font-size:clamp(3rem,5.8vw,5.5rem)}
h3{font-size:clamp(1.4rem,2vw,2rem)}
p{margin:0}
.lede{font-size:clamp(1.04rem,1.6vw,1.2rem);max-width:700px;color:var(--muted)}
.cta{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 17px;
  background:var(--blue);color:#fff;border:1px solid var(--blue);
  text-decoration:none;font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase
}
.cta::after{content:"→"}
.cta:hover{background:var(--copper);border-color:var(--copper)}

.site-header{
  position:sticky;top:0;z-index:100;background:rgba(251,250,246,.96);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--carbon)
}
.utility-header{
  min-height:76px;
  display:grid;grid-template-columns:160px 1fr auto;gap:24px;align-items:center
}
.brand-spine{
  display:grid;text-decoration:none;text-transform:uppercase;
  border-right:1px solid var(--line);padding-right:18px
}
.brand-spine strong{font-size:1.05rem;letter-spacing:-.045em}
.brand-spine small{
  margin-top:1px;font-family:"Courier New",monospace;font-size:.58rem;letter-spacing:.13em;color:var(--copper)
}
.catalogue-nav{display:flex;gap:2px;flex-wrap:wrap}
.catalogue-nav a{
  text-decoration:none;padding:8px 9px;font-size:.68rem;font-weight:900;
  text-transform:uppercase;letter-spacing:.08em
}
.catalogue-nav a::before{
  content:attr(data-code);
  font-family:"Courier New",monospace;font-size:.57rem;color:var(--copper);margin-right:5px
}
.catalogue-nav a:hover,.catalogue-nav a:focus-visible{background:var(--putty);outline:none}
.location-tag{
  font-family:"Courier New",monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)
}

.catalogue-shell{display:grid;grid-template-columns:48px 1fr}
.catalogue-spine{
  border-right:1px solid var(--carbon);
  background:var(--blue);color:#fff
}
.catalogue-spine span{
  writing-mode:vertical-rl;transform:rotate(180deg);
  position:sticky;top:100px;margin:24px auto;
  font-family:"Courier New",monospace;font-size:.59rem;letter-spacing:.14em;text-transform:uppercase
}

.hero{padding:34px 0 72px}
.hero-spread{
  min-height:720px;
  display:grid;
  grid-template-columns:1.05fr .48fr .85fr;
  grid-template-rows:1fr 165px;
  border-top:1px solid var(--carbon);
  border-left:1px solid var(--carbon)
}
.hero-cell{border-right:1px solid var(--carbon);border-bottom:1px solid var(--carbon);position:relative;overflow:hidden}
.hero-copy{
  grid-row:1/3;
  padding:42px 34px;
  display:flex;flex-direction:column;justify-content:space-between;
  background:var(--porcelain)
}
.hero-title span{display:block}
.hero-title .copper{color:var(--copper)}
.hero-copy .lede{margin-top:22px;max-width:580px}
.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:52px}
.hero-ref{
  border-top:1px solid var(--line);
  padding-top:9px
}
.hero-ref strong{display:block;font-size:3.5rem;line-height:.8;color:var(--blue)}
.swatch-cell{
  background:var(--copper);padding:18px;display:flex;flex-direction:column;justify-content:space-between;color:#fff
}
.swatch-chip{
  width:70%;aspect-ratio:1;background:linear-gradient(135deg,#d69a7c,#9a4c32);
  border:1px solid rgba(255,255,255,.45)
}
.product-hero{padding:0;background:var(--putty)}
.product-hero img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.03)}
.product-hero::after{
  content:"CF / OPENING STILL LIFE";
  position:absolute;left:10px;bottom:10px;background:var(--porcelain);
  border:1px solid var(--carbon);padding:7px 8px;
  font-family:"Courier New",monospace;font-size:.58rem;letter-spacing:.08em
}
.spec-strip{
  grid-column:2/4;padding:16px;background:var(--pistachio);
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px
}
.spec-bit{border-left:1px solid var(--carbon);padding-left:10px}
.spec-bit strong{display:block;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}
.spec-bit span{font-family:"Courier New",monospace;font-size:.61rem;color:var(--muted)}

.supply-index{background:var(--white)}
.index-table{
  margin-top:34px;border-top:1px solid var(--carbon)
}
.index-row{
  display:grid;grid-template-columns:110px 1fr 160px;
  gap:24px;align-items:center;
  padding:20px 0;border-bottom:1px solid var(--carbon)
}
.index-row .num{font-size:2.3rem;font-weight:900;color:var(--copper)}
.index-row p{color:var(--muted)}
.index-row .tag{
  justify-self:end;
  font-family:"Courier New",monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;
  background:var(--putty);padding:7px 8px
}

.current-selection{background:var(--putty)}
.selection-grid{
  display:grid;grid-template-columns:1.1fr .9fr .75fr;
  grid-template-rows:280px 240px 260px;
  gap:12px;margin-top:34px
}
.product{
  border:1px solid var(--carbon);background:var(--porcelain);
  position:relative;overflow:hidden
}
.product.large{grid-row:1/3}
.product.wide{grid-column:2/4}
.product img{width:100%;height:100%;object-fit:cover}
.product-info{
  position:absolute;left:10px;right:10px;bottom:10px;
  background:rgba(251,250,246,.94);border:1px solid var(--carbon);padding:10px
}
.product-info .code{color:var(--copper)}
.product-info p{font-size:.84rem;color:var(--muted);margin-top:4px}

.material-library{background:var(--blue);color:#fff}
.material-grid{
  margin-top:34px;display:grid;grid-template-columns:1.05fr .8fr .8fr .9fr;
  gap:10px
}
.material{
  min-height:250px;border:1px solid rgba(255,255,255,.28);
  padding:16px;display:flex;flex-direction:column;justify-content:space-between
}
.material:nth-child(1){grid-row:span 2;min-height:520px}
.material:nth-child(3){background:rgba(255,255,255,.06)}
.material:nth-child(5){grid-column:2/4;background:rgba(255,255,255,.05)}
.swatch{
  height:130px;border:1px solid rgba(255,255,255,.25);margin-bottom:18px
}
.material:nth-child(1) .swatch{height:290px;background:linear-gradient(135deg,#aeb5ba,#eef0f2,#858c91)}
.material:nth-child(2) .swatch{background:repeating-linear-gradient(45deg,#afa58f 0 5px,#d8cfbc 5px 10px)}
.material:nth-child(3) .swatch{background:linear-gradient(135deg,#bd905e,#e6c89f)}
.material:nth-child(4) .swatch{background:linear-gradient(135deg,#d7d7ce,#9ea18e)}
.material:nth-child(5) .swatch{background:linear-gradient(135deg,#868989,#4b4e4f)}
.material:nth-child(6) .swatch{background:linear-gradient(135deg,#f3f0e9,#c8b993)}
.material:nth-child(7) .swatch{background:linear-gradient(135deg,#a7725c,#d1b39d)}
.material .code{color:var(--yellow)}
.material p{margin-top:6px;color:rgba(255,255,255,.68);font-size:.86rem}

.built{background:var(--porcelain)}
.built-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.built-copy .lede{margin-top:18px}
.built-photo{
  min-height:580px;border:1px solid var(--carbon);position:relative;overflow:hidden
}
.built-photo img{width:100%;height:100%;object-fit:cover}
.built-photo::after{
  content:"MATERIAL / USE / CONTEXT";
  position:absolute;right:12px;top:12px;background:var(--yellow);border:1px solid var(--carbon);
  padding:7px 8px;font-family:"Courier New",monospace;font-size:.6rem
}
.values-list{margin-top:34px;border-top:1px solid var(--carbon)}
.value-line{padding:18px 0;border-bottom:1px solid var(--carbon)}
.value-line strong{font-size:clamp(2.2rem,4.6vw,4.6rem);letter-spacing:-.05em;line-height:.95}
.value-line p{margin-top:6px;color:var(--muted);max-width:520px}

.supply-table{background:var(--pistachio)}
.spec-table{margin-top:34px;border:1px solid var(--carbon);background:var(--porcelain)}
.spec-head,.spec-row{
  display:grid;grid-template-columns:1fr 1.3fr .9fr .9fr
}
.spec-head{
  background:var(--carbon);color:#fff;
  font-family:"Courier New",monospace;font-size:.61rem;text-transform:uppercase;letter-spacing:.08em
}
.spec-head div,.spec-row div{padding:12px 14px;border-right:1px solid var(--carbon)}
.spec-head div:last-child,.spec-row div:last-child{border-right:0}
.spec-row{border-top:1px solid var(--carbon)}
.spec-row div{color:var(--muted)}
.spec-row div:first-child{color:var(--ink);font-weight:900}

.working-goods{background:var(--white)}
.goods-grid{
  display:grid;grid-template-columns:1.15fr .75fr .85fr;grid-template-rows:260px 230px 260px;
  gap:12px;margin-top:34px
}
.goods-grid figure{margin:0;position:relative;overflow:hidden;border:1px solid var(--line)}
.goods-grid img{width:100%;height:100%;object-fit:cover}
.g1{grid-row:1/3}.g2{grid-column:2/4}.g5{grid-column:1/3}
.goods-grid figure::after{
  content:"";position:absolute;left:10px;bottom:10px;width:14px;height:14px;border-radius:50%;background:var(--copper);border:1px solid var(--carbon)
}

.selection-principles{background:var(--carbon);color:#fff}
.manifesto{border-top:1px solid rgba(255,255,255,.28);margin-top:34px}
.manifesto-line{
  padding:22px 0;border-bottom:1px solid rgba(255,255,255,.22);
  display:grid;grid-template-columns:110px 1fr 320px;gap:24px;align-items:center
}
.manifesto-line .num{font-family:"Courier New",monospace;color:var(--yellow)}
.manifesto-line strong{font-size:clamp(2.3rem,5vw,5rem);line-height:.9;letter-spacing:-.055em}
.manifesto-line p{color:rgba(255,255,255,.62)}

.notes{background:var(--porcelain)}
.note-grid{
  display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px;margin-top:34px
}
.note{
  min-height:250px;border:1px solid var(--carbon);padding:20px;
  display:flex;flex-direction:column;justify-content:space-between;background:var(--white)
}
.note:first-child{background:var(--pistachio)}
.note:nth-child(2){background:var(--putty)}
.note:nth-child(3){background:#f2eee5}
.note p{color:var(--muted);margin-top:8px}

.stockroom{background:var(--copper);color:#fff}
.stockroom-grid{
  display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:end
}
.stockroom-code{
  font-size:clamp(5rem,12vw,11rem);line-height:.78;letter-spacing:-.075em;font-weight:900
}
.manifest-label{
  min-height:320px;border:1px solid rgba(255,255,255,.6);background:rgba(38,41,42,.18);
  padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative
}
.manifest-label::before{
  content:"";position:absolute;inset:12px;border:1px dashed rgba(255,255,255,.35);pointer-events:none
}
.manifest-label .code{color:rgba(255,255,255,.7)}
.manifest-label address{font-style:normal;font-size:1.08rem}
.stock-dot{width:54px;height:54px;border-radius:50%;background:var(--yellow);border:1px solid var(--carbon)}

.site-footer{background:var(--carbon);color:#fff;padding:48px 0 20px}
.shipping-label{
  display:grid;grid-template-columns:1.35fr .65fr;gap:46px;border-top:1px solid rgba(255,255,255,.24);padding-top:20px
}
.footer-brand{
  font-size:clamp(4rem,8vw,7.8rem);line-height:.78;letter-spacing:-.07em;font-weight:900;text-transform:uppercase
}
.footer-brand small{
  display:block;font-family:"Courier New",monospace;font-size:.13em;letter-spacing:.13em;color:var(--copper);margin-top:18px
}
.footer-spec{
  display:grid;grid-template-columns:1fr 1fr;border-left:1px solid rgba(255,255,255,.22)
}
.footer-spec div{
  padding:11px 13px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)
}
.footer-spec a{text-decoration:none}
.footer-spec .code{display:block;color:var(--copper);font-size:.58rem;margin-bottom:3px}
.footer-bottom{
  margin-top:26px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  font-family:"Courier New",monospace;font-size:.64rem;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.5)
}

.legal-hero{padding:80px 0 44px;background:var(--putty);border-bottom:1px solid var(--carbon)}
.legal-hero h1{font-size:clamp(3.8rem,7vw,7rem)}
.legal-hero .lede{margin-top:18px}
.legal-layout{
  display:grid;grid-template-columns:250px minmax(0,820px);gap:72px;padding:64px 0 100px
}
.legal-nav{position:sticky;top:102px;align-self:start;display:grid}
.legal-nav a{
  padding:9px 0;border-bottom:1px solid var(--line);text-decoration:none;
  font-family:"Courier New",monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)
}
.legal-nav a:hover{color:var(--copper)}
.legal-copy{display:grid;gap:34px}
.legal-copy section{scroll-margin-top:102px}
.legal-copy h2{font-size:clamp(2rem,3.5vw,3rem)}
.legal-copy p,.legal-copy li{color:var(--muted)}
.legal-copy ul{padding-left:1.2rem}
.legal-copy address{font-style:normal;color:var(--muted)}
.legal-note{margin-top:14px;padding:16px 18px;background:var(--pistachio);border-left:4px solid var(--copper)}

@media(max-width:1050px){
  .utility-header{grid-template-columns:160px 1fr}.location-tag{display:none}
  .hero-spread{grid-template-columns:1fr .42fr .85fr}
  .material-grid{grid-template-columns:1fr 1fr}.material:nth-child(1){grid-row:auto;min-height:300px}.material:nth-child(5){grid-column:auto}
}
@media(max-width:860px){
  .catalogue-shell{grid-template-columns:1fr}.catalogue-spine{display:none}
  .utility-header{grid-template-columns:1fr}.brand-spine{border-right:0;text-align:center;padding:8px 0 0}.catalogue-nav{justify-content:center;padding-bottom:8px}
  .hero-spread{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .hero-copy{grid-column:1/3;grid-row:auto}.swatch-cell{min-height:280px}.product-hero{min-height:420px}.spec-strip{grid-column:1/3}
  .selection-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 240px 240px}.product.large{grid-row:auto}.product.wide{grid-column:1/3}
  .built-grid,.stockroom-grid{grid-template-columns:1fr}
  .spec-head,.spec-row{grid-template-columns:1fr 1fr}.spec-head div:nth-child(3),.spec-head div:nth-child(4){display:none}.spec-row div:nth-child(3),.spec-row div:nth-child(4){border-top:1px solid var(--line)}
  .goods-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 230px 230px}.g1{grid-row:auto}.g2,.g5{grid-column:1/3}
  .manifesto-line{grid-template-columns:80px 1fr}.manifesto-line p{grid-column:2}
  .note-grid{grid-template-columns:1fr}
  .shipping-label{grid-template-columns:1fr}.footer-spec{border-left:0;border-top:1px solid rgba(255,255,255,.22)}
  .legal-layout{grid-template-columns:1fr;gap:30px}.legal-nav{position:static;grid-template-columns:repeat(2,1fr);gap:0 18px}
}
@media(max-width:620px){
  .section{padding:72px 0}h1{font-size:clamp(4rem,18vw,6.4rem)}.catalogue-nav a{font-size:.62rem;padding:7px}
  .hero-copy{grid-column:1;padding:26px 22px}.hero-spread{grid-template-columns:1fr}.swatch-cell,.product-hero,.spec-strip{grid-column:1}.hero-bottom{flex-direction:column;align-items:flex-start}.spec-strip{grid-template-columns:1fr}
  .index-row{grid-template-columns:70px 1fr}.index-row .tag{grid-column:2;justify-self:start}
  .selection-grid{grid-template-columns:1fr;grid-template-rows:repeat(6,240px)}.product.wide{grid-column:auto}
  .material-grid{grid-template-columns:1fr}
  .spec-head{display:none}.spec-row{grid-template-columns:1fr}.spec-row div{border-right:0;border-top:1px solid var(--line)}.spec-row div:first-child{border-top:0}
  .goods-grid{grid-template-columns:1fr;grid-template-rows:repeat(5,240px)}.g2,.g5{grid-column:auto}
  .manifesto-line{grid-template-columns:1fr}.manifesto-line p{grid-column:auto}
  .stockroom-code{font-size:clamp(5rem,20vw,7rem)}
  .footer-brand{font-size:clamp(4rem,18vw,6.5rem)}.footer-spec{grid-template-columns:1fr}
  .legal-nav{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}