@font-face{font-family:'Gloock';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/gloock-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Gloock';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/gloock-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/fonts/dm-sans-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/fonts/dm-sans-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#fbf4ec;--peach:#f6dcc8;--peach2:#f2cdb4;--ink:#2b2420;--ink2:#5a4d44;--mut:#8b7a6d;--acc:#c8643b;--acc2:#a94f2b;--gold:#e2ad3c;--sage:#9fb08f;--line:#ecdccd;--card:#fffaf5;--r:26px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:400 17px/1.7 'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:var(--acc2)}
.wrap{width:min(1180px,100% - 40px);margin:auto}.narrow{width:min(780px,100% - 40px)}
h1,h2,h3{font-family:'Gloock',Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.01em}
h1{font-size:clamp(42px,6vw,78px)}h2{font-size:clamp(32px,4vw,52px)}h3{font-size:23px;line-height:1.2}
h1 em,h2 em{font-style:normal;color:var(--acc);background:linear-gradient(transparent 62%,rgba(226,173,60,.35) 62%)}
.eyebrow{font:700 12px/1 'DM Sans';letter-spacing:.18em;text-transform:uppercase;color:var(--acc);margin-bottom:16px}
.lead{font-size:19.5px;color:var(--ink2);margin:22px 0 28px;max-width:34em}
.small{font-size:14px;color:var(--mut)}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;text-decoration:none;font:700 16px/1 'DM Sans';padding:18px 26px;border-radius:999px;transition:transform .2s,background .2s}
.btn:hover{background:var(--acc);transform:translateY(-2px)}
.btn.sm{padding:11px 16px;font-size:14px}.btn.big{padding:20px 30px;font-size:17px}.btn.light{background:#fff;color:var(--ink)}.btn.light:hover{background:var(--gold)}
.adbar{background:var(--ink);color:#f3e6da;text-align:center;font:600 11px/1 'DM Sans';letter-spacing:.16em;text-transform:uppercase;padding:9px}
.top{position:sticky;top:0;z-index:30;background:rgba(251,244,236,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topin{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}
.logo{display:flex;align-items:center;gap:10px;font:400 28px/1 'Gloock';color:var(--ink);text-decoration:none}
.logo .dot{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffd98a,var(--acc))}
.nav{display:flex;gap:26px}.nav a{color:var(--ink2);text-decoration:none;font-weight:600;font-size:15px}.nav a:hover{color:var(--acc)}
.hero{padding:60px 0 70px;overflow:hidden}
.hgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hcta{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.pricechip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:12px 18px;font-size:15px;color:var(--ink2)}.pricechip b{color:var(--ink);font-size:18px}
.badges{list-style:none;display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:28px;font-weight:600;font-size:14.5px}
.badges li{display:flex;align-items:center;gap:6px}.badges svg{color:var(--sage)}
.hvis{position:relative;min-height:520px;display:grid;place-items:center}
.blob{position:absolute;inset:6% 4%;background:var(--peach);border-radius:46% 54% 42% 58%/55% 45% 55% 45%;animation:morph 12s ease-in-out infinite}
@keyframes morph{50%{border-radius:58% 42% 55% 45%/45% 55% 45% 55%}}
.packshot{position:relative;width:78%;mix-blend-mode:multiply;animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-12px)}}
.giftile{position:absolute;border-radius:24px;overflow:hidden;box-shadow:0 24px 50px -20px rgba(80,40,20,.45);border:5px solid #fff}
.giftile.t1{width:160px;right:0;bottom:30px;transform:rotate(5deg)}
.sticker{position:absolute;left:4%;top:12%;width:112px;height:112px;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;text-align:center;font:600 13px/1.2 'DM Sans';transform:rotate(-12deg);animation:spin 18s linear infinite}
.sticker b{font:400 20px/1 'Gloock'}
@keyframes spin{to{transform:rotate(348deg)}}
.mqw{overflow:hidden;padding:14px 0}.marquee{background:var(--acc);color:#fff;overflow:hidden;padding:16px 0;transform:rotate(-1deg);margin:0 -10px}
.track{display:flex;gap:44px;width:max-content;animation:mq 30s linear infinite;font:400 26px/1 'Gloock'}
.track span::after{content:"✳";margin-left:44px;color:var(--gold)}
@keyframes mq{to{transform:translateX(-50%)}}
.sec{padding:90px 0}.sec.tint{background:var(--peach)}.sec.dark{background:var(--ink);color:#f3e6da}.sec.dark h2,.sec.dark h3{color:#fff}.sec.dark p{color:#d6c6b8}
.shead{max-width:720px;margin-bottom:44px}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:var(--card);border-radius:var(--r);padding:12px 12px 22px;border:1px solid var(--line)}
.card figure{border-radius:18px;overflow:hidden;margin-bottom:16px}.card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.card h3,.card p{padding:0 8px}.card p{font-size:15.5px;color:var(--ink2);margin-top:8px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split.rev>div:first-child{order:1}.split.rev .gifbox{order:2}
.split h2{margin-bottom:18px}.split p+p{margin-top:14px}
.gifbox{position:relative;border-radius:var(--r);overflow:hidden;box-shadow:0 30px 60px -30px rgba(80,40,20,.5)}
.gifbox img{width:100%;aspect-ratio:16/10;object-fit:cover}.gifbox.tall img{aspect-ratio:4/5}
.gifbox .tag{position:absolute;left:16px;top:16px;background:#fff;border-radius:999px;padding:7px 12px;font-size:12.5px;font-weight:700}
.ticks{list-style:none;margin-top:22px;display:grid;gap:10px}.ticks li{display:flex;gap:10px;align-items:center;font-weight:600}.ticks svg{color:var(--acc);flex:none}
.ingr{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.ingr article{text-align:center}.ingr figure{border-radius:50%;overflow:hidden;aspect-ratio:1;margin:0 auto 14px;width:86%;border:6px solid #fff;box-shadow:0 14px 30px -18px rgba(80,40,20,.5)}
.ingr img{width:100%;height:100%;object-fit:cover}.ingr p{font-size:15px;color:var(--ink2);margin-top:6px}
.steps{list-style:none;display:grid;gap:22px;margin-top:28px}.steps li{display:flex;gap:20px}
.steps b{font:400 34px/1 'Gloock';color:var(--gold);flex:none;width:52px}.steps h3{font-size:22px;margin-bottom:4px}
.care{background:#fff;border-radius:var(--r);padding:42px 44px;border:2px dashed var(--peach2)}
.care h2{font-size:clamp(28px,3.2vw,40px);margin-bottom:18px}.care p+p{margin-top:12px}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.pmain{border-radius:var(--r);overflow:hidden;background:#fff}.pmain img{width:100%;aspect-ratio:1;object-fit:cover}
.pthumbs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.pthumbs img{border-radius:18px;aspect-ratio:4/3;object-fit:cover;width:100%;background:#fff}
.pinfo h2{font-size:clamp(30px,3.4vw,44px)}.by{color:var(--ink2);margin:8px 0 18px}
.price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:22px}.price b{font:400 52px/1 'Gloock'}.price span{color:var(--mut);font-size:14px}
.pinfo .small{margin-top:12px}
.spec{width:100%;border-collapse:collapse;margin-top:26px;font-size:15px}.spec td{padding:12px 0;border-top:1px solid var(--peach2);vertical-align:top}.spec td:first-child{color:var(--mut);width:38%;padding-right:12px}
.cmpwrap{overflow-x:auto;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.cmp{width:100%;border-collapse:collapse;font-size:15.5px;min-width:620px}.cmp th,.cmp td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line)}
.cmp th{font:700 13px/1.2 'DM Sans';letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}.cmp .hl{background:#fff3e6;font-weight:700;color:var(--ink)}.cmp th.hl{color:var(--acc)}
.gallery{padding:0 0 90px}.gal{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.gal figure{border-radius:20px;overflow:hidden}.gal img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .6s}.gal figure:hover img{transform:scale(1.05)}
.gal figure:nth-child(even){margin-top:30px}
.faq{display:grid;gap:10px}.faq details{background:#fff;border-radius:18px;padding:0 22px;border:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:700;display:flex;justify-content:space-between;gap:14px}.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 26px/1 'Gloock';color:var(--acc);transition:transform .25s}.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{padding-bottom:18px;color:var(--ink2)}
.final{padding:0 0 90px}.fin{background:var(--acc);color:#fff;border-radius:34px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;overflow:hidden;padding:0 50px 0 0}
.fin img{height:100%;object-fit:cover;aspect-ratio:1}.fin h2{color:#fff;margin-bottom:12px}.fin h2 em{color:#fff;background:linear-gradient(transparent 62%,rgba(255,255,255,.25) 62%)}.fin p{margin-bottom:22px;opacity:.9}
.foot{background:#efe1d3;padding:56px 0 30px;font-size:14px;color:var(--ink2)}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;padding-bottom:26px;border-bottom:1px solid var(--peach2)}.fgrid p{margin-top:12px}
.fgrid nav{display:grid;gap:8px;align-content:start}.fgrid nav a{color:var(--ink);font-weight:600;text-decoration:none}.fgrid nav a:hover{color:var(--acc)}
.legal{padding-top:22px;display:grid;gap:10px;font-size:13px;color:var(--mut)}.legal b{color:var(--ink2)}
.lhead{padding:70px 0 10px}.lhead h1{font-size:clamp(36px,5vw,56px)}
.prose h2{font-size:26px;margin:34px 0 10px}.prose p,.prose li{color:var(--ink2)}.prose ul{padding-left:1.2em}.prose li{margin:6px 0}.prose .upd{color:var(--mut);font-size:14px}.back{display:inline-block;margin-top:30px;font-weight:700}
.mbar{display:none}
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.js .rv.on{opacity:1;transform:none}
@media(max-width:1000px){.cards4{grid-template-columns:1fr 1fr}.ingr{grid-template-columns:repeat(3,1fr)}.gal{grid-template-columns:repeat(3,1fr)}.nav{display:none}}
@media(max-width:820px){.hgrid,.split,.pgrid,.fin{grid-template-columns:1fr}.split.rev>div:first-child{order:0}.hvis{min-height:380px}.fin{padding:0 0 34px}.fin>div{padding:0 26px}.fin img{aspect-ratio:16/10;width:100%}}
@media(max-width:600px){body{font-size:16px}.hero{padding:34px 0 50px}.sec{padding:64px 0}.cards4{grid-template-columns:1fr}.ingr{grid-template-columns:1fr 1fr}.ingr article:last-child{grid-column:1/-1}.ingr article:last-child figure{width:43%}
.giftile.t1{width:118px}.sticker{width:88px;height:88px;font-size:11px}.sticker b{font-size:16px}.care{padding:28px 22px}.price b{font-size:42px}.gal{grid-template-columns:1fr 1fr}.gal figure:nth-child(even){margin-top:0}.track{font-size:20px}.fgrid{grid-template-columns:1fr}
.mbar{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:50;background:#fff;border-radius:18px;padding:8px;gap:10px;align-items:center;box-shadow:0 14px 34px -12px rgba(60,30,10,.5);transition:transform .35s,opacity .35s}
.mbar.hide{transform:translateY(140%);opacity:0}.mbar img{width:44px;height:44px;object-fit:cover;border-radius:12px}.mbar div{flex:1;min-width:0;line-height:1.25}.mbar b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mbar span{font-size:12.5px;color:var(--acc);font-weight:700}
body.home{padding-bottom:80px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}}
