:root{
  --greige:#EDE7E7; --greige-2:#E6DED9; --ink:#4B4A4A; --near:#1A1817;
  --terra:#D9542E; --green:#5F8266; --muted:#8a827c; --line:#d5cdc7;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--greige);color:var(--ink);font-family:'Space Mono',monospace;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3,.anton{font-family:'Anton',sans-serif;font-weight:400;color:var(--near);text-transform:uppercase;line-height:.98;letter-spacing:.5px}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.narrow{max-width:820px;margin:0 auto;padding:0 28px}
.acc-t{color:var(--terra)} .acc-g{color:var(--green)}
.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--green);margin-bottom:10px}
.arrow{height:2px;background:var(--terra);position:relative;flex:1}
.arrow::after{content:"";position:absolute;right:0;top:-4px;width:10px;height:10px;border-top:2px solid var(--terra);border-right:2px solid var(--terra);transform:rotate(45deg)}
.btn{display:inline-block;border:1.5px solid var(--near);color:var(--near);padding:11px 22px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;transition:all .2s;background:transparent;cursor:pointer}
.btn:hover{background:var(--near);color:var(--greige)}
.btn-t{border-color:var(--terra);color:var(--terra)}
.btn-t:hover{background:var(--terra);color:var(--greige)}

/* NAV */
nav{position:sticky;top:0;z-index:50;background:rgba(237,231,231,.88);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:70px}
.brand img{height:34px}
.nav-links{display:flex;gap:26px;font-size:13px;letter-spacing:1px;text-transform:uppercase}
.nav-links a{color:var(--ink);transition:color .2s}
.nav-links a:hover,.nav-links a.on{color:var(--terra)}
.nav-cta{font-size:11px;padding:9px 16px}

/* PAGE HERO */
.phero{padding:64px 0 40px;border-bottom:1px solid var(--line)}
.phero .eyebrow-row{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.phero h1{font-size:clamp(40px,6.5vw,84px)}
.phero p.lead{margin-top:22px;font-style:italic;font-size:18px;max-width:640px}

/* BAND / QUOTE */
.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:56px 0;text-align:center}
.band p{max-width:760px;margin:0 auto;font-size:19px;font-style:italic}
blockquote{font-style:italic;font-size:18px;color:var(--near);border-left:3px solid var(--terra);padding:6px 0 6px 24px;margin:26px 0;max-width:620px}

section{padding:70px 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;gap:20px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(28px,4vw,48px)}

/* CONCEPT / MISSION */
.mission{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:40px 0}
.mission .m{background:var(--greige-2);padding:26px 22px;border-top:2px solid var(--terra)}
.mission .m .n{font-family:'Anton';font-size:30px;color:var(--terra);line-height:1}
.mission .m h3{font-size:18px;margin:14px 0 8px}
.mission .m p{font-size:13px;color:var(--ink)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.two.rev>div:first-child{order:2}
.two img{width:100%;box-shadow:0 20px 40px rgba(26,24,23,.2)}
.manifesto{background:var(--near);color:var(--greige);padding:70px 0;text-align:center}
.manifesto p{max-width:720px;margin:0 auto;font-size:clamp(20px,2.6vw,30px);font-family:'Anton';text-transform:uppercase;line-height:1.15;letter-spacing:.5px}
.manifesto .sub{font-family:'Space Mono';text-transform:none;font-size:15px;font-style:italic;color:#cfc7c1;margin-top:20px}

/* BIO ARTICLE */
.chapter{padding:54px 0;border-bottom:1px solid var(--line)}
.chapter .date{font-size:13px;letter-spacing:2px;color:var(--green);text-transform:uppercase;margin-bottom:10px}
.chapter h2{font-size:clamp(26px,3.6vw,42px);margin-bottom:20px}
.chapter .body{max-width:680px;font-size:16px}
.chapter .body p{margin-bottom:16px}
.illus{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:32px}
.illus img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#e9e1dc;border:8px solid var(--greige-2)}
.illus.tall img{aspect-ratio:auto}

/* WORKS GALLERY */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card{background:var(--greige-2);padding:16px;display:block}
.card .imgbox{aspect-ratio:4/5;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#e9e1dc}
.card .imgbox img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.card:hover .imgbox img{transform:scale(1.04)}
.cartel{padding:16px 4px 6px;font-size:12px;line-height:1.6}
.cartel .t{font-style:italic;color:var(--near);font-weight:700}
.cartel .m{color:var(--muted)}
.card .price{margin-top:8px;font-size:12px;color:var(--terra)}

/* WORK ROW (oeuvres detailed) */
.work{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center;padding:56px 0;border-bottom:1px solid var(--line)}
.work.rev .art{order:2}
.work .art img{width:100%;box-shadow:0 24px 48px rgba(26,24,23,.25)}
.work .info .cart{font-family:'Space Mono';font-style:italic;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;line-height:1.8}
.work .info h2{font-size:clamp(26px,3.4vw,40px);margin-bottom:8px}
.work .info .desc{margin:18px 0 24px;max-width:520px}
.work .info .cta{display:flex;gap:12px;flex-wrap:wrap}
.tag{display:inline-block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--green);border:1px solid var(--line);padding:4px 10px;margin-bottom:14px}

/* SHOP */
.shopgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.prod{background:var(--greige-2);padding:16px;text-align:left}
.prod .imgbox{aspect-ratio:1/1;overflow:hidden;background:#e9e1dc}
.prod .imgbox img{width:100%;height:100%;object-fit:cover}
.prod h3{font-size:16px;margin:14px 0 4px}
.prod .p{color:var(--muted);font-size:13px;margin-bottom:6px}
.prod .price-big{font-family:'Anton';font-size:26px;color:var(--terra);line-height:1;margin-bottom:14px}
.prod select.fmt{width:100%;margin:2px 0 12px;padding:9px 10px;font-family:inherit;font-size:12px;color:var(--ink);background:var(--greige);border:1px solid var(--line);cursor:pointer;letter-spacing:.3px}
.prod select.fmt:focus{outline:none;border-color:var(--terra)}
.prod .buy{width:100%;text-align:center;border:1.5px solid var(--near);padding:10px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:transparent;transition:all .2s;font-family:inherit}
.prod .buy:hover{background:var(--near);color:var(--greige)}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 50px}
.cat{padding:28px 24px;background:var(--greige-2);border-top:2px solid var(--green)}
.cat h3{font-size:20px;margin-bottom:8px}.cat p{font-size:13px}

/* NEWSLETTER */
.news{text-align:center;background:var(--near);color:var(--greige);padding:76px 0}
.news h2{color:var(--greige);font-size:clamp(26px,4vw,44px);margin-bottom:16px}
.news p{max-width:520px;margin:0 auto 28px;color:#cfc7c1;font-style:italic}
.news form{display:flex;max-width:460px;margin:0 auto;border:1.5px solid #6b6560}
.news input{flex:1;background:transparent;border:none;color:var(--greige);padding:15px 18px;font-family:inherit;font-size:14px;outline:none}
.news input::placeholder{color:#9a938d}
.news button{background:var(--terra);color:#fff;border:none;padding:0 26px;font-family:'Anton';text-transform:uppercase;letter-spacing:1px;cursor:pointer;font-size:15px}

/* FOOTER */
footer{padding:56px 0 36px;border-top:1px solid var(--line)}
.foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start}
.foot img{height:44px;margin-bottom:14px}
.foot .col h4{font-family:'Anton';text-transform:uppercase;font-size:14px;letter-spacing:1px;color:var(--near);margin-bottom:14px}
.foot .col a,.foot .col p{display:block;font-size:13px;color:var(--ink);margin-bottom:8px}
.foot .col a:hover{color:var(--terra)}
.copy{margin-top:36px;font-size:12px;color:var(--muted);text-align:center}

@media(max-width:860px){
  .nav-links{display:none}
  .mission{grid-template-columns:1fr 1fr}
  .two,.work,.work.rev .art{grid-template-columns:1fr!important}
  .two.rev>div:first-child,.work.rev .art{order:0}
  .work .art{margin-bottom:20px}
  .grid3,.shopgrid,.cats{grid-template-columns:1fr 1fr;gap:16px}
}
@media(max-width:520px){.grid3,.shopgrid,.cats,.mission{grid-template-columns:1fr}}