:root{--ink:#111714;--sand:#e9e5dc;--lime:#c9ff38;--olive:#66705b;--line:rgba(17,23,20,.18);--sans:Arial,Helvetica,sans-serif;--serif:Georgia,serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--sans)}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}.skip{position:fixed;top:-60px;left:15px;z-index:300;background:white;padding:12px}.skip:focus{top:15px}.ticker{height:30px;overflow:hidden;background:var(--lime);font-size:9px;font-weight:700;letter-spacing:.12em;white-space:nowrap}.ticker div{width:max-content;padding:10px 0;animation:ticker 22s linear infinite}header{height:76px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:80;background:rgba(233,229,220,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.logo{font-weight:900;font-size:18px;letter-spacing:-.04em}.logo span{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:8px;border:1px solid;border-radius:50%;font-size:11px}nav{display:flex;gap:35px;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.08em}.tools{justify-self:end;display:flex;gap:8px}.tools button{border:0;background:none;padding:9px;font-size:11px;font-weight:700}.cart-open b{display:inline-grid;place-items:center;width:23px;height:23px;margin-left:7px;border-radius:50%;background:var(--ink);color:white}.menu{display:none}.hero{min-height:calc(100vh - 106px);position:relative;display:flex;align-items:center;overflow:hidden;background:#39413b;color:white}.hero-bg{position:absolute;inset:0;background:url('./hero.jpg') center/cover;animation:zoom 1.4s both}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,18,15,.77),rgba(10,18,15,.06) 70%)}.hero-copy{position:relative;z-index:2;width:680px;margin-left:7vw;animation:rise .9s .2s both}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.hero h1,h2{font-weight:700;letter-spacing:-.065em;line-height:.92}.hero h1{font-size:clamp(70px,9vw,140px);margin:24px 0}.hero h1 em,h2 em{font-family:var(--serif);font-weight:400;color:var(--lime)}.hero-copy>p:not(.eyebrow){max-width:460px;line-height:1.6;color:#d2d6d3}.cta{display:inline-flex;gap:45px;margin-top:25px;padding:18px 20px;background:var(--lime);color:var(--ink);font-size:10px;font-weight:800;letter-spacing:.08em;transition:.25s}.cta:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0005}.hero aside{position:absolute;z-index:2;right:4vw;top:5vw;display:flex;gap:15px;font-size:9px;line-height:1.5}.hero aside b{color:var(--lime)}.scroll{position:absolute;z-index:2;right:4vw;bottom:35px;font-size:8px;letter-spacing:.18em}.scroll i{display:inline-block;width:60px;height:1px;margin-left:12px;background:white;vertical-align:middle}.manifest{padding:130px 7vw;display:grid;grid-template-columns:1.2fr 1fr;gap:10vw}.manifest h2,.shop h2,.story h2,.newsletter h2{font-size:clamp(48px,6vw,86px);margin:20px 0}.manifest h2 em,.shop h2 em,.newsletter h2 em{color:var(--olive)}.manifest-copy>p{font-size:18px;line-height:1.6;margin-bottom:45px}.manifest-copy div{padding:18px 0;border-top:1px solid var(--line);font-size:12px;text-transform:uppercase}.manifest-copy span{display:inline-block;width:60px;color:#737b75}.sets{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1px;background:var(--ink)}.set{position:relative;overflow:hidden;min-height:590px;padding:35px;color:white;display:flex;flex-direction:column;justify-content:flex-end}.set-img{position:absolute;inset:0;background-image:url('./products-a.jpg');background-size:500% 300%;transition:.7s}.set:hover .set-img{transform:scale(1.06)}.set:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#101612e8)}.set.one .set-img,.one{background-position:0 50%}.set.two .set-img,.two{background-position:50% 0}.set.three .set-img,.three{background-image:url('./products-b.jpg');background-position:100% 0}.set span,.set h3,.set i{position:relative;z-index:2}.set span{font-size:9px;letter-spacing:.14em}.set h3{font-size:34px;letter-spacing:-.05em;margin:12px 0}.set i{font-style:normal;font-size:10px;color:var(--lime)}.shop{padding:120px 4vw}.shop-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.shop-head strong{font-size:12px}.shop-head strong span{font-size:35px}.controls{display:grid;grid-template-columns:1fr 220px 160px;gap:20px;align-items:center;padding:16px 0;border-block:1px solid var(--line);margin-bottom:35px}.filters{display:flex;gap:5px}.filters button{border:1px solid transparent;background:none;border-radius:30px;padding:9px 13px;font-size:9px;text-transform:uppercase}.filters button.active{background:var(--ink);color:white}.controls label{border-bottom:1px solid;padding:7px}.controls input{width:170px;border:0;outline:0;background:none;font-size:10px}.controls select{border:0;background:none;font-size:10px}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:40px 10px}.card{min-width:0;animation:card .5s both}.visual{position:relative;aspect-ratio:.9;overflow:hidden;background:#dedbd4}.photo,.thumb,.modal-photo{background-size:500% 300%;background-position:var(--x) var(--y)}.photo{position:absolute;inset:0;transition:.5s}.card:hover .photo{transform:scale(1.05)}.badge{position:absolute;top:10px;left:10px;z-index:2;background:var(--lime);padding:7px;font-size:7px;font-weight:800;letter-spacing:.1em}.quick{position:absolute;z-index:2;inset:auto 10px 10px;height:38px;border:0;background:var(--ink);color:white;font-size:9px;transform:translateY(55px);transition:.25s}.visual:hover .quick{transform:none}.info{padding:13px 2px}.info small{font-size:8px;color:#777f79;text-transform:uppercase;letter-spacing:.1em}.info h3{margin:6px 0;font-size:14px}.info p{display:flex;justify-content:space-between;margin:0;font-size:11px}.add{border:0;border-bottom:1px solid;background:none;padding:4px 0;font-size:9px;font-weight:700}.empty{text-align:center;padding:80px;font-family:var(--serif);font-size:25px}.empty button{border:0;background:none;text-decoration:underline}.story{min-height:800px;position:relative;color:white;display:flex;align-items:flex-end;padding:8vw 7vw;overflow:hidden}.story-bg{position:absolute;inset:0;background:linear-gradient(#0001,#000b),url('./hero.jpg') center/cover;transform:scaleX(-1)}.story-copy{position:relative;max-width:900px}.story h2 em{color:var(--lime)}.story-copy>p:not(.eyebrow){max-width:540px;line-height:1.7;color:#d5d9d6}.story a{display:inline-block;margin-top:25px;border-bottom:1px solid var(--lime);padding-bottom:5px;font-size:10px}.newsletter{padding:120px 7vw;background:var(--lime);display:grid;grid-template-columns:1fr 1fr;align-items:end}.newsletter h2{margin-bottom:0}.newsletter form{display:flex;border-bottom:2px solid;padding-bottom:8px}.newsletter input{flex:1;border:0;background:none;outline:0}.newsletter button{border:0;background:none;font-weight:800}footer{padding:80px 5vw 25px;background:var(--ink);color:white;display:grid;grid-template-columns:1.5fr .6fr .6fr 1fr;gap:50px}footer div{display:flex;flex-direction:column;gap:10px;font-size:11px}footer div b{color:var(--lime);font-size:9px;margin-bottom:10px}footer p{color:#8f9993;font-size:11px;line-height:1.6}footer small{grid-column:1/-1;border-top:1px solid #ffffff22;padding-top:20px;color:#778079;font-size:8px}.layer,.modal-layer{position:fixed;inset:0;z-index:200}.shade{position:absolute;inset:0;border:0;background:#07100bbd;backdrop-filter:blur(4px)}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(500px,100%);display:flex;flex-direction:column;background:var(--sand);animation:slide .35s}.drawer-head{display:flex;justify-content:space-between;padding:28px;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:40px;margin:6px 0}.drawer-head button{border:0;background:none;font-size:30px}.shipping{padding:18px 28px;font-size:9px}.shipping i{display:block;height:3px;margin-top:12px;background:#cbc7be}.shipping b{display:block;height:100%;width:0;background:var(--lime)}.items{flex:1;overflow:auto;padding:0 28px}.row{display:grid;grid-template-columns:80px 1fr auto;gap:15px;padding:18px 0;border-top:1px solid var(--line)}.thumb{width:80px;aspect-ratio:.9}.row h3{font-size:13px;margin:4px 0}.row small{font-size:8px}.qty{display:flex;margin-top:10px}.qty button{width:25px;border:1px solid var(--line);background:none}.qty span{padding:5px 8px}.remove{border:0;background:none;text-decoration:underline;font-size:8px}.cart-empty{flex:1;display:grid;place-content:center;text-align:center;padding:40px}.cart-empty>b{font-size:50px}.cart-empty h3{font-size:25px}.cart-empty button,.summary button{background:var(--ink);color:white;border:0;padding:17px;font-size:10px}.summary{padding:25px;border-top:1px solid}.summary p{display:flex;justify-content:space-between}.summary strong{font-size:22px}.summary button{width:100%;background:var(--lime);color:var(--ink);font-weight:800}.summary small{display:block;text-align:center;margin-top:8px;font-size:8px}.modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(900px,94%);max-height:90vh;overflow:auto;background:var(--sand);display:grid;grid-template-columns:1fr 1fr}.modal-photo{min-height:560px}.modal-copy{padding:55px;position:relative}.modal-copy h2{font-size:50px}.modal-copy>button:first-child{position:absolute;right:20px;top:20px;border:0;background:none;font-size:28px}.modal-copy .cta{border:0;width:100%;justify-content:space-between}.toast{position:fixed;z-index:300;left:50%;bottom:25px;transform:translate(-50%,30px);opacity:0;background:var(--lime);padding:13px 18px;font-size:10px;font-weight:800;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(35px);transition:.8s}.reveal.visible{opacity:1;transform:none}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes zoom{from{transform:scale(1.08);filter:brightness(.7)}}@keyframes rise{from{opacity:0;transform:translateY(25px)}}@keyframes card{from{opacity:0;transform:translateY(20px)}}@keyframes slide{from{transform:translateX(100%)}}
@media(max-width:1000px){header{grid-template-columns:1fr auto}header nav{display:none}.menu{display:block}.mobile{position:absolute;top:100%;left:0;right:0;padding:25px;background:var(--sand);flex-direction:column}.mobile:not([hidden]){display:flex}.hero-copy{margin:0 5vw}.manifest{grid-template-columns:1fr}.sets{grid-template-columns:1fr 1fr}.set:first-child{grid-column:1/-1}.grid{grid-template-columns:repeat(3,1fr)}.controls{grid-template-columns:1fr 1fr}.filters{grid-column:1/-1}.newsletter{grid-template-columns:1fr;gap:40px}footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){header{height:64px;padding:0 16px}.tools>button:first-child{display:none}.cart-open{font-size:0}.menu{font-size:18px!important}.hero{min-height:700px;align-items:flex-end;padding-bottom:70px}.hero:after{background:linear-gradient(0deg,#0a120fe8,#0a120f05 80%)}.hero-copy{margin:0 20px}.hero h1{font-size:65px}.hero aside,.scroll{display:none}.manifest,.shop,.newsletter{padding:80px 20px}.manifest h2,.shop h2,.story h2,.newsletter h2{font-size:45px}.sets{grid-template-columns:1fr}.set:first-child{grid-column:auto}.set{min-height:430px}.controls{display:block}.filters{display:flex;overflow:auto;margin-bottom:15px}.controls label{display:block;margin-bottom:15px}.grid{grid-template-columns:repeat(2,1fr);gap:30px 8px}.quick{display:none}.info p{display:block}.add{margin-top:8px}.story{min-height:680px;padding:70px 20px}.newsletter form{display:block}.newsletter input{width:100%;height:50px}.newsletter button{width:100%;padding:15px;background:var(--ink);color:white}footer{grid-template-columns:1fr 1fr;padding:65px 20px}.logo,footer p{grid-column:1/-1}.modal{grid-template-columns:1fr}.modal-photo{min-height:320px}.modal-copy{padding:30px}.modal-copy h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}