:root{color-scheme:light;--hdr:rgba(251,247,238,.92);--panel:rgba(251,247,238,.92);--field:#fff;--muted:#5f6c5a;--foot:#33472f;--btnfg:#fff;--mint:#e4eee0;--sage:#b9cfb1;--sage2:#8aa883;--moss:#4f6b4a;--deep:#33472f;--cream:#fbf7ee;--beige:#f1eadb;--sand:#ddd2bb;--ink:#2a3328}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.7 Figtree,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,.brand{font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-.015em}h2{font-size:2rem;margin:0 0 24px}a{color:inherit}
.ann{background:var(--mint);color:var(--deep);text-align:center;padding:9px 12px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
header{display:flex;align-items:center;justify-content:space-between;padding:16px 6vw;background:var(--hdr);backdrop-filter:blur(8px);border-bottom:1px solid var(--sand);position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1.75rem;line-height:1;color:var(--deep)}.logo{display:block;flex:none}
nav{display:flex;align-items:center;gap:30px}nav a{text-decoration:none;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;position:relative;padding:4px 0}
nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--moss);transition:width .3s}nav a:hover::after{width:100%}
.hero{position:relative;height:78vh;min-height:440px;overflow:hidden;background:radial-gradient(circle at 20% 30%,var(--mint),var(--beige) 70%)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;display:flex;align-items:center}.slide.on{opacity:1}
.slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide div{position:relative;margin-left:7vw;max-width:500px;background:var(--panel);padding:44px 44px 40px;border:1px solid var(--sand)}
.slide h1{font-size:clamp(2.2rem,4.6vw,3.6rem);margin:0 0 12px;line-height:1.08;color:var(--deep)}.slide p{margin:0 0 26px;color:var(--muted)}
.btn{display:inline-block;background:var(--moss);color:var(--btnfg);padding:14px 34px;border:1px solid var(--moss);text-decoration:none;cursor:pointer;font:inherit;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;transition:.25s}
.btn:hover{background:transparent;color:var(--moss)}
.wrap{padding:84px 6vw}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:34px}.card{text-decoration:none}
.ph{position:relative;aspect-ratio:4/5;background:linear-gradient(165deg,var(--mint),var(--beige));overflow:hidden}
.ph::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 64' fill='none' stroke='%238aa883' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M30 22V50M22 30L30 22L38 30M20 38L30 29L40 38M60 8V50M50 18L60 8L70 18M47 27L60 16L73 27M90 22V50M82 30L90 22L98 30M80 38L90 29L100 38M10 56Q60 46 110 56'/%3E%3C/svg%3E") center/42% no-repeat;opacity:.55}
.ph img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.card:hover .ph img{transform:scale(1.04)}
.card h3{margin:14px 0 2px;font-size:1.2rem}.mrp{text-decoration:line-through;color:#8d9486;margin:0 8px;font-size:.92rem}.off{color:var(--moss);font-size:.85rem;letter-spacing:.04em}
.cat{display:block;background:linear-gradient(120deg,var(--mint),var(--beige));padding:64px 44px;text-decoration:none;margin-bottom:72px;border:1px solid var(--sand);transition:.3s}.cat:hover{border-color:var(--sage2)}.cat h3{font-size:1.9rem;margin:0}.cat p{margin:6px 0 0;color:var(--muted)}
.pd{display:grid;grid-template-columns:1.1fr 1fr;gap:64px}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.thumbs .ph{cursor:pointer}
.pd h1{font-size:2.5rem;margin:0 0 8px}.sizes button{border:1px solid var(--sage2);background:none;padding:10px 18px;margin:0 8px 8px 0;cursor:pointer;font:inherit;transition:.2s}.sizes button:hover{background:var(--mint)}.sizes button.on{background:var(--moss);color:var(--btnfg);border-color:var(--moss)}
table{border-collapse:collapse;width:100%;font-size:.95rem}td,th{border-bottom:1px solid var(--sand);padding:9px 8px;text-align:left}th{background:var(--mint);font-weight:600}
.note{background:var(--mint);padding:16px 20px;margin:22px 0;border-left:3px solid var(--sage2)}.prose{max-width:740px}.prose h1{font-size:2.6rem;margin-top:0}
input{display:block;width:100%;max-width:400px;padding:13px 14px;margin:10px 0;border:1px solid var(--sand);background:var(--field);color:var(--ink);font:inherit}input:focus{outline:2px solid var(--sage);border-color:var(--sage2)}
footer{background:var(--foot);color:#e8efe4;padding:56px 6vw;display:flex;gap:48px;flex-wrap:wrap;justify-content:space-between}footer .brand{color:#f4efe2}footer a{display:block;text-decoration:none;margin:6px 0;opacity:.85}footer a:hover{opacity:1}
@media(max-width:800px){.pd{grid-template-columns:1fr;gap:32px}nav{gap:16px}nav a{font-size:.7rem}.wrap{padding:56px 6vw}.slide div{margin:0 5vw;padding:28px}.brand{font-size:1.4rem}.logo{width:42px}}
:focus-visible{outline:2px solid var(--moss);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
[hidden]{display:none!important}.muted{color:var(--muted);font-size:.92rem}.narrow{max-width:760px;margin:0 auto}
.eyebrow{font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--sage2);margin:0 0 6px}.wrap h2{font-size:2.3rem;margin-bottom:28px}
.usp{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));background:var(--beige);border-bottom:1px solid var(--sand)}.usp div{padding:26px 6vw 26px 3vw;text-align:center;border-right:1px solid var(--sand)}.usp b{display:block;font-family:Newsreader,Georgia,serif;font-size:1.15rem;font-weight:500;color:var(--deep)}.usp span{font-size:.85rem;color:var(--muted)}
.story{background:linear-gradient(120deg,var(--mint),var(--beige));padding:110px 6vw;text-align:center}.story div{max-width:620px;margin:0 auto}.story h2{font-size:2.8rem}.story p{color:var(--muted)}
.btn.ghost{background:transparent;color:var(--moss)}.btn.ghost:hover{background:var(--moss);color:var(--btnfg)}.sizes button.out{opacity:.35;text-decoration:line-through;cursor:not-allowed}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);background:var(--deep);color:var(--cream);padding:16px 26px;opacity:0;pointer-events:none;transition:.35s;z-index:20;box-shadow:0 12px 40px rgba(0,0,0,.18)}.toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}.toast a{color:var(--sage);margin:0 4px}
.line{display:grid;grid-template-columns:84px 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--sand)}.line h3{margin:0;font-size:1.15rem}.line .muted{margin:2px 0 6px}.ph.sm{width:84px}
.qty{display:flex;align-items:center;gap:10px}.qty button{width:30px;height:30px;border:1px solid var(--sage2);background:none;cursor:pointer}.qty a{margin-left:10px;font-size:.85rem;color:#8d6f5a}
.sum{display:flex;justify-content:space-between;font-size:1.25rem;padding:20px 0}.two{display:grid;grid-template-columns:1.2fr 1fr;gap:56px}@media(max-width:800px){.two{grid-template-columns:1fr;gap:28px}.line{grid-template-columns:70px 1fr auto}.ph.sm{width:70px}}
.tabs{display:flex;gap:0;margin:10px 0 24px;border-bottom:1px solid var(--sand)}.tabs button{background:none;border:0;padding:12px 24px;font:inherit;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent}.tabs button.on{color:var(--deep);border-color:var(--moss)}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.fg .w2{grid-column:1/-1}.fg input,.fg select,#fin input{max-width:none;width:100%}select{padding:13px 14px;margin:10px 0;border:1px solid var(--sand);background:var(--field);color:var(--ink);font:inherit}.msg{color:var(--moss)}@media(max-width:600px){.fg{grid-template-columns:1fr}}

@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--cream:#131a12;--ink:#e6ede2;--deep:#dbe8d5;--beige:#1b241a;--mint:#212e1f;--sand:#2f3b2c;--sage:#5c7a55;--sage2:#7f9f77;--moss:#9cbf92;--hdr:rgba(19,26,18,.92);--panel:rgba(19,26,18,.9);--field:#1b241a;--muted:#a3b19d;--foot:#0d120c;--btnfg:#10190f;}}
:root[data-theme=dark]{color-scheme:dark;--cream:#131a12;--ink:#e6ede2;--deep:#dbe8d5;--beige:#1b241a;--mint:#212e1f;--sand:#2f3b2c;--sage:#5c7a55;--sage2:#7f9f77;--moss:#9cbf92;--hdr:rgba(19,26,18,.92);--panel:rgba(19,26,18,.9);--field:#1b241a;--muted:#a3b19d;--foot:#0d120c;--btnfg:#10190f;}
.logo{color:var(--moss)}.tg{background:none;border:1px solid var(--sand);width:34px;height:34px;border-radius:50%;cursor:pointer;color:var(--ink);font-size:1rem}
.acct{display:grid;grid-template-columns:240px 1fr;gap:56px}#anav a{display:block;padding:11px 0;text-decoration:none;border-bottom:1px solid var(--sand);font-size:.92rem}#anav a.on{color:var(--moss);font-weight:600}
.badge{display:inline-block;background:var(--mint);color:var(--deep);padding:2px 12px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}.oh{display:flex;justify-content:space-between;align-items:center}
.steps{display:flex;gap:6px;margin:12px 0;flex-wrap:wrap}.steps span{font-size:.72rem;padding:4px 10px;border:1px solid var(--sand);color:var(--muted)}.steps .done{background:var(--moss);color:var(--btnfg);border-color:var(--moss)}
.mini{display:flex;align-items:center;gap:14px;margin:8px 0}.mini .ph{width:56px;flex:none}@media(max-width:800px){.acct{grid-template-columns:1fr;gap:24px}#anav{display:flex;flex-wrap:wrap;gap:4px 18px}#anav a{border:0}}
