@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&family=Marcellus&family=Noto+Kufi+Arabic:wght@400;600&display=swap');

:root{--ink:#171614;--paper:#f1ede5;--stone:#c8c0b4;--clay:#918274;--line:rgba(23,22,20,.18);--pad:clamp(20px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.announcement{height:31px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font-size:.68rem;letter-spacing:.2em}.announcement span{margin:0 1rem;color:var(--clay)}
.site-header{height:80px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:20;border-bottom:1px solid var(--line)}.brand{font-family:Marcellus,Georgia,serif;font-size:1.32rem;font-weight:400;letter-spacing:.035em}.brand span{font-weight:400}.site-header nav{display:flex;gap:2.3rem;text-transform:uppercase;font-size:.73rem;letter-spacing:.13em}.site-header nav a{position:relative}.site-header nav a:after{content:"";height:1px;position:absolute;left:0;right:100%;bottom:-5px;background:currentColor;transition:right .25s}.site-header nav a:hover:after{right:0}.menu-button{display:none;background:none;border:0;padding:8px}.menu-button span:not(.sr-only){display:block;width:22px;height:1px;background:var(--ink);margin:5px}
.hero{height:calc(100svh - 111px);min-height:630px;position:relative;overflow:hidden;background:#918579}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,13,12,.54) 0%,rgba(14,13,12,.12) 50%,rgba(14,13,12,0) 76%)}.hero-copy{position:absolute;left:var(--pad);top:50%;transform:translateY(-50%);color:white}.eyebrow,.section-label{font-size:.68rem;font-weight:600;letter-spacing:.22em;margin:0 0 1.8rem}.hero h1{font:700 clamp(3.9rem,8.5vw,9.5rem)/.78 Manrope,sans-serif;letter-spacing:-.075em;text-transform:uppercase;margin:0}.hero h1 em{font-family:Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-.07em}.hero-intro{line-height:1.55;margin:2.3rem 0 1.8rem}.text-link{display:inline-flex;align-items:center;gap:3rem;text-transform:uppercase;font-size:.73rem;letter-spacing:.15em;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:8px}.hero-mark{position:absolute;right:var(--pad);bottom:1.5rem;color:#fff;font-size:.65rem;letter-spacing:.2em}
.statement{padding:clamp(90px,13vw,190px) var(--pad)}.statement h2{font:500 clamp(3rem,7.5vw,8.6rem)/.94 Manrope,sans-serif;letter-spacing:-.065em;margin:0;max-width:1200px}.statement h2 span{font-family:Georgia,serif;font-style:italic;font-weight:400}.statement-body{margin:4rem 0 0 auto;width:min(650px,55%);display:grid;grid-template-columns:1fr 1fr;gap:3rem;line-height:1.65}.statement-body p{margin:0}.statement-body .arabic{font-family:"Noto Kufi Arabic",sans-serif;font-size:1.55rem;font-weight:400;align-self:end}
.impact{padding:clamp(80px,10vw,150px) var(--pad);background:#b8aa98;border-top:1px solid rgba(23,22,20,.14)}.impact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end}.impact h2{font:500 clamp(3rem,6.5vw,7.5rem)/.9 Manrope,sans-serif;letter-spacing:-.065em;margin:0}.impact h2 em{font-family:Georgia,serif;font-weight:400}.impact-copy{font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.55}.impact-copy p{margin:0}.impact-copy p+p{margin-top:1.3rem;font-size:.9rem;opacity:.68}
.collection{background:var(--ink);color:var(--paper);padding:clamp(80px,10vw,140px) var(--pad)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:4rem}.section-head h2{font:600 clamp(2.8rem,5vw,6rem)/.95 Manrope,sans-serif;letter-spacing:-.06em;margin:0}.section-head>p{line-height:1.5;color:#aaa49b}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-card{aspect-ratio:3/4;position:relative;overflow:hidden;color:var(--ink)}.product-card.stone{background:#bbb4aa}.product-card.ink{background:#32312e;color:var(--paper)}.product-card.clay{background:#8b7e72}.garment{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);filter:drop-shadow(0 22px 20px rgba(0,0,0,.18))}.hoodie{width:58%;height:50%;background:#ded9cf;clip-path:polygon(31% 8%,40% 0,60% 0,69% 8%,93% 22%,83% 46%,72% 37%,78% 100%,22% 100%,28% 37%,17% 46%,7% 22%)}.hoodie i{position:absolute;left:37%;top:2%;width:26%;height:25%;background:#c7c0b5;border-radius:50% 50% 35% 35%}.tee{width:65%;height:48%;background:#151515;clip-path:polygon(30% 3%,42% 0,58% 0,70% 3%,100% 20%,83% 47%,71% 38%,76% 100%,24% 100%,29% 38%,17% 47%,0 20%)}.tee i{position:absolute;left:42%;top:-1%;width:16%;height:8%;border-radius:0 0 50% 50%;background:#32312e}.pants{width:47%;height:57%;background:#beb6ac;clip-path:polygon(14% 0,86% 0,100% 100%,58% 100%,50% 35%,42% 100%,0 100%)}.pants i{position:absolute;left:10%;right:10%;top:5%;height:2px;background:#968b7e}.product-info{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:22px}.product-info h3{font:600 1.1rem Manrope,sans-serif;margin:0 0 5px}.product-info p{font-size:.72rem;margin:0;opacity:.7}.product-info>span{font-size:.68rem;letter-spacing:.15em}.product-card:hover .garment{transform:translate(-50%,-53%) scale(1.025);transition:.4s ease}
.manifesto{padding:clamp(100px,14vw,210px) var(--pad);background:#d6cfc5}.manifesto blockquote{font:700 clamp(3.2rem,8.8vw,10rem)/.85 Manrope,sans-serif;letter-spacing:-.075em;margin:0}.manifesto blockquote span{font-family:Georgia,serif;font-style:italic;font-weight:400}.manifesto-note{text-align:right;margin:3rem 0 0;text-transform:uppercase;font-size:.7rem;letter-spacing:.15em}
.notify{padding:clamp(90px,10vw,150px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.notify h2{font:600 clamp(2.7rem,5vw,5rem)/1 Manrope,sans-serif;letter-spacing:-.06em;margin:0 0 1.5rem}.notify-copy>p:last-child{color:#6e6962}.signup label{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.9rem}.input-row{border-bottom:1px solid var(--ink);display:flex}.input-row input{border:0;background:transparent;padding:1rem 0;outline:0;flex:1;font-size:1.1rem;min-width:0}.input-row button{border:0;background:none;font-size:1.6rem;padding:0 0 0 1rem;cursor:pointer}.form-status{min-height:20px;font-size:.78rem;margin:12px 0 0}
footer{background:var(--ink);color:var(--paper);padding:45px var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:end}.footer-brand{font-size:2rem}footer p{font-size:.64rem;letter-spacing:.16em;margin:0}footer p:last-child{text-align:right}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.site-header{height:65px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:65px;left:0;right:0;background:var(--paper);padding:30px var(--pad);flex-direction:column;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.hero{height:calc(100svh - 96px);min-height:590px}.hero>img{object-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(14,13,12,.6),rgba(14,13,12,.04))}.hero h1{font-size:clamp(3.4rem,18vw,5.7rem)}.hero-intro{font-size:.9rem}.statement-body{width:100%;grid-template-columns:1fr;margin-top:3rem}.impact-grid{grid-template-columns:1fr;gap:3rem}.product-grid{grid-template-columns:1fr;gap:18px}.product-card{aspect-ratio:4/5}.section-head{display:block}.section-head>p{margin-top:2rem}.notify{grid-template-columns:1fr}.manifesto blockquote{font-size:clamp(3rem,14vw,5rem)}footer{grid-template-columns:1fr;gap:2rem}footer p:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}