:root{--cream:#FBF8F1;--ink:#404225;--muted:#646345;--muted-2:#5b5640;--gold:#9A8F6A;--gold-line:#C9BE8E;--cream-deep:#F7E6CA;--story-bg:#F2E7CF;--border:#E9D7C3;--border-2:#E3CF9A;--border-3:#EEE2C7;--footer-bg:#33351c;--footer-text:#C9BE8E;--footer-label:#8f8a5f;--olive-dark:#4b4d2e;--blush:#D9BBB0;--danger:#a14a3c;--radius:2px;--radius-md:4px;--radius-lg:6px;--maxw:1180px;--maxw-wide:1240px;--fs-2xs:11.5px;--fs-xs:12.5px;--fs-sm:13.5px;--fs-md:15.5px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:28px;--fs-3xl:40px;--fs-4xl:46px;--fs-hero:66px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}::selection{background:var(--blush);color:var(--ink)}.serif{font-family:Playfair Display,serif}.eyebrow{display:block;font-size:var(--fs-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 48px}.wrap-wide{max-width:var(--maxw-wide);margin:0 auto;padding:0 48px}.announce{background:var(--ink);color:var(--cream-deep);text-align:center;font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;padding:9px 20px;font-weight:500}.nav{position:sticky;top:0;z-index:50;background:#fbf8f1e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:18px 48px}.nav-left{display:flex;align-items:center;gap:40px}.nav-logo{font-family:Playfair Display,serif;font-size:var(--fs-xl);font-weight:600;letter-spacing:.01em;color:var(--ink)}.nav-links{display:flex;gap:30px;font-size:var(--fs-sm);letter-spacing:.04em;color:var(--muted)}.nav-links a{transition:color .15s}.nav-links a:hover,.nav-links a.active{color:var(--ink);font-weight:500}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:5px;cursor:pointer;transition:color .15s}.nav-dropdown-toggle:hover{color:var(--ink);font-weight:500}.nav-dropdown-toggle .caret{transition:transform .2s}.nav-dropdown:hover .nav-dropdown-toggle .caret{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:0;background:var(--cream);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000012;min-width:200px;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:60}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-menu a{display:block;padding:10px 18px;font-size:var(--fs-sm);letter-spacing:.03em;color:var(--muted);transition:background .12s,color .12s}.nav-dropdown-menu a:hover{background:var(--story-bg);color:var(--ink);font-weight:400}.nav-right{display:flex;align-items:center;gap:22px;color:var(--ink)}.icon-btn{display:flex;align-items:center;color:var(--ink);cursor:pointer;background:none;border:none;position:relative}.cart-pill{display:flex;align-items:center;gap:8px;background:var(--ink);color:var(--cream-deep);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:500;padding:11px 20px;border-radius:var(--radius);transition:background .15s}.cart-pill:hover{background:var(--muted)}.nav-burger{display:none;background:none;border:none;color:var(--ink);cursor:pointer}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:0;align-items:stretch;min-height:640px}.trust-strip{background:var(--ink);color:#ede3c8;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.story{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:var(--story-bg);scroll-margin-top:58px}.banner{background:var(--story-bg);border-radius:var(--radius-md);display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.bino-card{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;background:var(--story-bg);border:1px solid var(--border-2);border-radius:var(--radius-lg);padding:34px 38px}.split-2{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding-top:18px;padding-bottom:80px}#product-section{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;padding-top:18px;padding-bottom:80px}@media (max-width:860px){.nav-links{display:none}.nav-burger{display:block}.nav{padding:16px 22px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase;font-weight:500;padding:16px 30px;border-radius:var(--radius);border:none;cursor:pointer;font-family:Inter,sans-serif;transition:background .15s,color .15s,border-color .15s}.btn-primary{background:var(--ink);color:var(--cream-deep)}.btn-primary:hover{background:var(--muted)}.btn-outline{background:transparent;border:1px solid var(--ink);color:var(--ink)}.btn-outline:hover{background:var(--ink);color:var(--cream-deep)}.btn-ghost{background:transparent;border:1px solid var(--border-2);color:var(--muted)}.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}.btn-sm{padding:11px 20px;font-size:var(--fs-xs)}.btn:disabled{opacity:.55;cursor:not-allowed}.ph{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--swatch,#E7D6AF)}.ph:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,transparent,transparent 13px,#ffffff26 13px,#ffffff26 26px)}.ph-icon{position:relative;color:#ffffffb0;opacity:.85}.ph-label{position:relative;font-family:DM Mono,IBM Plex Mono,monospace;font-size:var(--fs-2xs);letter-spacing:.06em;color:#4a4225;background:#fbf8f1cc;padding:6px 12px;border-radius:2px;margin-top:10px}.ph-tag{position:absolute;top:12px;left:12px;z-index:2;background:var(--cream);color:var(--ink);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:6px 11px;border-radius:var(--radius)}.ph-col{flex-direction:column}.ph-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.ph-img:before{display:none}.footer{background:var(--footer-bg);color:var(--footer-text);padding:64px 48px 30px;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;max-width:var(--maxw);margin:0 auto;padding-bottom:44px;border-bottom:1px solid #ffffff14}.footer-brand{font-family:Playfair Display,serif;font-size:var(--fs-xl);font-weight:600;color:var(--cream-deep);margin-bottom:14px}.footer-desc{font-size:var(--fs-sm);line-height:1.7;max-width:280px}.footer-h{font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--footer-label);margin-bottom:16px}.footer-links{display:flex;flex-direction:column;gap:11px;font-size:var(--fs-sm)}.footer-links a:hover{color:var(--cream-deep)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;max-width:var(--maxw);margin:22px auto 0;font-size:var(--fs-xs);color:var(--footer-label);flex-wrap:wrap;gap:10px}@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.bino-card{grid-template-columns:1fr;text-align:center}}.product-card:hover,.cat-card:hover{opacity:.94}@media (max-width:900px){.banner,.hero{grid-template-columns:1fr}.hero>div:last-child{min-height:280px}.story{grid-template-columns:1fr}.split-2{grid-template-columns:1fr;gap:34px}.trust-strip{grid-template-columns:repeat(2,1fr)}.trust-strip>div:nth-child(odd){border-right:1px solid #ffffff14}.trust-strip>div:nth-child(2n){border-right:none}}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--cream-deep);font-size:var(--fs-sm);letter-spacing:.02em;padding:14px 24px;border-radius:var(--radius-md);box-shadow:0 8px 30px #00000030;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:200;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%)}.center{text-align:center}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media (max-width:980px){.grid-4{grid-template-columns:repeat(2,1fr)}.wrap,.wrap-wide{padding:0 24px}#product-section{grid-template-columns:1fr}}@media (max-width:560px){.grid-4,.grid-3{grid-template-columns:1fr}}.ig-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:var(--cream-deep);font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase;font-weight:500;padding:16px 30px;border-radius:var(--radius);border:none;cursor:pointer;font-family:Inter,sans-serif;transition:background .15s;text-decoration:none}.ig-btn:hover{background:var(--muted)}.ig-btn-block{display:flex;width:100%}.finish-availability{font-size:var(--fs-sm);line-height:1.6;color:var(--muted-2)}.finish-note{font-size:var(--fs-xs);line-height:1.6;color:var(--gold);margin:6px 0 0}.order-note{font-size:var(--fs-xs);line-height:1.6;color:var(--gold);max-width:400px;margin:10px 0 0}.howto-step{text-align:center}.howto-num{width:56px;height:56px;border-radius:50%;background:var(--ink);color:var(--cream-deep);font-family:Playfair Display,serif;font-size:var(--fs-xl);line-height:1;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;border:1px solid var(--ink);box-shadow:0 4px 14px #4b3d1a22}.howto-step h3{font-family:Playfair Display,serif;font-weight:500;font-size:var(--fs-xl);color:var(--ink);margin-bottom:10px}.howto-step p{font-size:var(--fs-md);line-height:1.65;color:var(--muted);max-width:260px;margin:0 auto}.refresh-step-card{background:#fff;border:1px solid #d8c9a9;border-radius:var(--radius-md);padding:28px 24px 30px;min-height:240px;box-shadow:0 8px 22px #4b3d1a12}.refresh-step-card .howto-num{border-color:var(--ink)}.refresh-step-card h3{color:var(--ink)}.refresh-step-card p{color:#4f5033}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px;flex-wrap:wrap;gap:12px}.section-heading h2{font-family:Playfair Display,serif;font-weight:500;font-size:var(--fs-3xl);color:var(--ink);margin-top:10px}.section-heading p{font-size:var(--fs-md);color:var(--muted);max-width:420px}.coming-soon-card{background:var(--story-bg);border:1px dashed var(--border-2);border-radius:var(--radius-md);padding:48px 36px;text-align:center}.coming-soon-card h3{font-family:Playfair Display,serif;font-weight:500;font-size:var(--fs-xl);color:var(--ink);margin-bottom:10px}.coming-soon-card p{font-size:var(--fs-sm);color:var(--muted);margin-bottom:20px}.thumb{cursor:pointer;transition:opacity .15s,border-color .15s;border:2px solid transparent;border-radius:3px}.thumb:hover{opacity:.85}.thumb.active{border-color:var(--ink)}.dm-hint{font-size:var(--fs-xs);color:var(--gold);line-height:1.6;display:flex;align-items:center;gap:8px}.dm-hint svg{flex-shrink:0}