:root{--ink:#222820;--paper:#f6f4ee;--cream:#fffdf8;--line:#d8d8cf;--mint:#91d6b6;--coral:#f16f49;--berry:#c82d75;--sage:#9eae9a;--blue:#576489;--mono:"DM Mono",monospace;--sans:"Space Grotesk",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.announcement{height:34px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);color:#fbfaf4;font:10px var(--mono);letter-spacing:.13em}.announcement span{color:var(--mint)}.header{height:82px;position:sticky;top:0;z-index:20;background:rgba(246,244,238,.94);backdrop-filter:blur(14px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line)}.logo{font-weight:700;letter-spacing:.11em;font-size:17px;white-space:nowrap}.logo em{font-weight:400;letter-spacing:.04em}.header nav{display:flex;gap:26px;font-size:12px;font-weight:500}.header nav a{position:relative}.header nav a:after{content:"";position:absolute;bottom:-7px;left:0;width:100%;height:2px;background:var(--coral);transform:scaleX(0);transition:.2s}.header nav a:hover:after{transform:scaleX(1)}.cart-trigger{justify-self:end;border:1px solid var(--ink);border-radius:20px;background:transparent;padding:8px 13px;font:10px var(--mono);letter-spacing:.05em;text-transform:uppercase}.cart-trigger span{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:4px;border-radius:50%;background:var(--ink);color:white}.hero{min-height:650px;position:relative;display:flex;align-items:end;overflow:hidden;color:#fff}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,28,24,.58),rgba(24,28,24,.16) 55%,transparent)}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-copy{position:relative;z-index:1;margin:0 0 74px 8vw;max-width:520px}.eyebrow{font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase}.hero h1,.title,h2{letter-spacing:-.06em;line-height:.9;margin:16px 0;font-size:clamp(55px,8vw,115px)}.hero h1 em{display:block;font-style:normal;color:var(--mint)}.hero p{max-width:370px;line-height:1.5}.button{display:inline-flex;align-items:center;gap:20px;margin-top:13px;padding:15px 19px;border:0;background:var(--cream);color:var(--ink);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.button.dark{background:var(--ink);color:white}.intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;padding:105px 9vw;background:#e7e6de}.intro p{max-width:690px;margin:0;font-size:clamp(26px,3.2vw,48px);line-height:1.03;letter-spacing:-.05em}.section{padding:95px 5vw}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}.section-head h2{font-size:clamp(45px,5vw,75px)}.link{border-bottom:1px solid var(--ink);padding-bottom:4px;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product-card{min-width:0}.product-media{position:relative;display:block;aspect-ratio:.88;overflow:hidden;background:#dcdcd6}.product-media:after{content:"View cover ↗";position:absolute;right:10px;bottom:10px;background:var(--cream);padding:9px 10px;font:9px var(--mono);letter-spacing:.07em;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:.25s}.product-card:hover .product-media:after{opacity:1;transform:none}.crop{height:100%;width:100%;background-image:var(--image);background-size:var(--size,155%) auto;background-repeat:no-repeat;background-position:var(--focus,center)}.product-info{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:13px 0}.product-info h3,.product-info p{margin:0}.product-info h3{font-size:14px}.product-info p{font-size:11px;color:#71756e}.product-info strong{font:11px var(--mono);font-weight:400}.chip{position:absolute;left:10px;top:10px;background:var(--ink);color:#fff;padding:7px 8px;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.split{display:grid;grid-template-columns:1.1fr .9fr;background:var(--mint);min-height:590px}.split-image{background:url('assets/leaf-lifestyle.png') center/cover}.split-copy{padding:10vw 8vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.split-copy h2{font-size:clamp(47px,5.5vw,82px)}.split-copy p{max-width:390px;line-height:1.55}.quote{padding:100px 10vw;text-align:center}.quote p{max-width:1000px;margin:0 auto 26px;font-size:clamp(35px,5vw,69px);line-height:.96;letter-spacing:-.055em}.quote cite{font:10px var(--mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase}.collection-head{padding:85px 9vw 55px;background:var(--blue);color:white}.collection-head p{max-width:550px;font-size:17px;line-height:1.55}.filters{display:flex;gap:10px;padding:22px 5vw;border-bottom:1px solid var(--line)}.filter{border:1px solid var(--line);border-radius:20px;padding:9px 13px;background:transparent;font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase}.filter.active{border-color:var(--ink);background:var(--ink);color:white}.shop-grid{padding-top:32px}.product-page{padding:32px 5vw 100px}.breadcrumb{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6c7069}.product-layout{display:grid;grid-template-columns:1.16fr .84fr;gap:8vw;margin-top:20px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gallery-main{grid-column:span 2;aspect-ratio:1.12}.gallery-crop{background-image:var(--image);background-size:var(--size,175%) auto;background-repeat:no-repeat;background-position:var(--focus)}.gallery-lifestyle{overflow:hidden}.gallery-lifestyle img{width:100%;height:100%;object-fit:cover}.detail{position:sticky;top:110px}.detail h1{font-size:clamp(48px,5vw,76px)}.price{font:12px var(--mono)}.description{max-width:420px;line-height:1.6;margin:28px 0}.option-label{font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase}.variants{display:flex;gap:9px;margin:12px 0 28px}.variant{width:29px;height:29px;border-radius:50%;border:2px solid var(--cream);outline:1px solid var(--line)}.variant.selected{outline:2px solid var(--ink);outline-offset:2px}.buy{display:grid;grid-template-columns:105px 1fr;gap:10px}.qty{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--ink);padding:0 11px}.qty button{border:0;background:none;font-size:19px}.buy .button{margin:0;justify-content:center}.notes{margin-top:25px;border-top:1px solid var(--line)}.note{display:flex;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.05em;text-transform:uppercase}.note span:last-child{text-align:right;color:#666b63}.about{padding:100px 9vw;background:var(--coral);min-height:510px}.about p{max-width:640px;font-size:clamp(22px,3vw,39px);letter-spacing:-.04em;line-height:1.08}.about-block{display:grid;grid-template-columns:1fr 1fr}.about-img{min-height:600px;background:url('assets/grid-lifestyle.png') center/cover}.about-copy{padding:10vw 9vw;background:#e7e6de}.about-copy h2{font-size:clamp(42px,5vw,72px)}.about-copy p{line-height:1.6}.cart{position:fixed;z-index:40;right:0;top:0;bottom:0;width:min(430px,100%);background:var(--cream);transform:translateX(101%);transition:.35s;padding:23px}.cart.open{transform:none}.shade{position:fixed;inset:0;z-index:30;background:rgba(19,23,19,.42);opacity:0;pointer-events:none;transition:.25s}.shade.show{opacity:1;pointer-events:auto}.cart-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.cart-head h2{font-size:34px;margin:0}.cart-head button{border:0;background:none;font-size:30px}.cart-items{height:calc(100% - 145px);overflow:auto}.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.cart-item .crop{height:72px}.cart-item h3,.cart-item p{margin:0;font-size:12px}.cart-item p{color:#6b706a;font-size:11px;margin-top:4px}.remove{border:0;background:none;padding:0;text-decoration:underline;font-size:10px}.cart-foot{border-top:1px solid var(--line);padding-top:17px}.total{display:flex;justify-content:space-between;font:11px var(--mono);text-transform:uppercase}.empty{margin-top:42px;color:#6b706a}.toast{position:fixed;z-index:50;left:50%;bottom:20px;transform:translate(-50%,130px);background:var(--ink);color:white;padding:12px 16px;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:.25s}.toast.show{transform:translate(-50%,0)}footer{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:6vw;padding:70px 5vw 20px;background:var(--ink);color:#fff}.footer-brand p{max-width:320px;color:#b8beb5;line-height:1.5}.footer-links{display:grid;align-content:start;gap:11px;font-size:13px}.email-form label{font:10px var(--mono);letter-spacing:.1em}.email-form div{display:flex;border-bottom:1px solid #8c9489;margin-top:13px}.email-form input{flex:1;border:0;background:transparent;color:#fff;padding:10px 0;outline:0}.email-form button{border:0;background:transparent;color:#fff;font-size:20px}.email-form small{color:#91d6b6}.footer-bottom{grid-column:1/-1;margin-top:60px;padding-top:15px;border-top:1px solid #4b5149;display:flex;justify-content:space-between;color:#a8afa5;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}@media(max-width:800px){.header{height:69px;grid-template-columns:1fr auto}.header nav{display:none}.hero{min-height:600px}.hero-copy{margin:0 7vw 48px}.intro,.split,.about-block{grid-template-columns:1fr}.intro{gap:28px;padding:75px 7vw}.product-grid{grid-template-columns:repeat(2,1fr)}.split-image{min-height:390px}.split-copy{padding:70px 8vw}.product-layout{grid-template-columns:1fr}.detail{position:static}.gallery{margin-bottom:20px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.email-form{grid-column:1/-1}.footer-bottom{display:grid;gap:8px}.product-media:after{display:none}}@media(max-width:480px){.announcement{font-size:8px}.hero h1{font-size:58px}.product-grid{gap:9px}.product-info h3{font-size:12px}.section{padding:70px 5vw}.collection-head{padding:65px 7vw 45px}.product-page{padding:23px 5vw 70px}.buy{grid-template-columns:90px 1fr}.about{padding:70px 7vw}.about-img{min-height:390px}footer{grid-template-columns:1fr;gap:30px}.footer-bottom{margin-top:20px}}
