html{overflow-x:hidden}
body{overflow-x:hidden}
:root{--ink:#202523;--paper:#f3f0e9;--lime:#c8d69b;--lilac:#c7bad8;--peach:#efa38a;--blue:#a9c6cf;--line:rgba(32,37,35,.22);--serif:'Playfair Display',Georgia,serif;--sans:Manrope,sans-serif;--mono:'DM Mono',monospace}*{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,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b65745;outline-offset:3px}.topline{height:30px;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;padding:0 4vw;align-items:center;font:10px var(--mono);letter-spacing:.08em}.site-header{height:98px;padding:0 4vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:9px;font:800 15px/.83 var(--sans);letter-spacing:-.06em}.logo i{font:600 16px var(--serif);letter-spacing:0}.logo-dot{display:block;width:31px;height:31px;border:2px solid var(--ink);border-radius:50%;position:relative}.logo-dot:before{content:'';position:absolute;width:5px;height:5px;background:var(--ink);border-radius:50%;top:5px;left:7px;box-shadow:11px 12px 0 var(--ink),15px 2px 0 var(--ink)}nav{display:flex;gap:34px;font-size:13px}.site-header nav a,.site-header nav a:after,footer a{transition:.2s}.site-header nav a:hover{color:#b65745}.cart-trigger{background:none;border:1px solid var(--ink);border-radius:30px;padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:12px}.cart-count{display:inline-grid;place-items:center;width:20px;height:20px;background:var(--ink);color:var(--paper);border-radius:50%;font:10px var(--mono)}.cart-total{font:10px var(--mono);color:#b65745}.hero{background:var(--lime);min-height:650px;padding:92px 9vw 55px;display:grid;grid-template-columns:43% 57%;position:relative;overflow:hidden}.kicker{font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase;margin:0 0 25px}.hero h1{font:600 clamp(62px,8vw,124px)/.86 var(--serif);letter-spacing:-.07em;margin:0 0 36px}.hero h1 em,.intro h2 em,.archive h2 em,.visit h2 em,.checkout-card h2 em{font-style:italic;color:#b65745}.hero-copy>p:not(.kicker){max-width:340px;line-height:1.55;margin-bottom:35px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--ink);color:var(--paper);padding:16px 18px;border:1px solid var(--ink);font-weight:700;font-size:12px;transition:.2s}.primary-button:hover{background:transparent;color:var(--ink);transform:translateY(-3px)}.primary-button span{font-size:17px}.hero-specimen{position:relative;min-height:470px}.cookie-art{position:relative;width:280px;height:280px;border-radius:51% 49% 47% 53%;background:#b9aa83;box-shadow:inset 10px -13px 0 rgba(110,87,59,.15),10px 18px 0 rgba(32,37,35,.12);transform:rotate(-12deg);overflow:hidden}.cookie-art:before,.cookie-art:after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.22);width:20px;height:10px;transform:rotate(-20deg);top:43px;left:54px}.cookie-art:after{top:180px;left:192px;width:16px;height:8px}.hero-cookie{position:absolute;top:34px;left:16%;width:min(29vw,390px);height:min(29vw,390px);z-index:2}.cookie-art .chip{position:absolute;width:17px;height:12px;border-radius:50%;background:#617559;transform:rotate(35deg);box-shadow:inset 3px 2px 0 rgba(255,255,255,.2)}.cookie-art .chip-one{top:76px;left:78px}.cookie-art .chip-two{top:145px;left:170px;transform:rotate(-25deg)}.cookie-art .chip-three{top:205px;left:89px;transform:rotate(10deg)}.cookie-art .flake{position:absolute;width:22px;height:7px;background:#f0ead5;border-radius:50%;top:115px;left:209px;transform:rotate(30deg)}.cookie-art.sesame{background:#3b3936}.cookie-art.sesame .chip{background:#d1c09a;width:14px;height:8px}.cookie-art .chip-four{position:absolute;top:92px;left:195px;background:#d1c09a;width:10px;height:7px;border-radius:50%}.cookie-art.apricot{background:#bd8060}.cookie-art.apricot .chip{background:#efc36e;width:23px;height:13px}.cookie-art.apricot .flake{background:#e46d62}.cookie-art.rye{background:#a8784f}.cookie-art.rye .chip{background:#2e4b42}.specimen-label{position:absolute;right:8%;bottom:27px;z-index:3;border-top:1px solid var(--ink);padding-top:12px;width:155px}.specimen-label span,.specimen-label small{display:block;font:9px var(--mono);letter-spacing:.08em}.specimen-label strong{font:700 24px/.9 var(--serif);display:block;margin:9px 0}.hero-aside{position:absolute;right:0;top:80px;font:10px/1.45 var(--mono);text-align:right}.orbit{position:absolute;border:1px solid rgba(32,37,35,.45);border-radius:50%;width:470px;height:470px;left:8%;top:-35px;transform:rotate(25deg)}.orbit:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--ink);top:15%;right:3%}.orbit-two{width:390px;height:520px;top:-55px;left:19%;transform:rotate(-45deg);border-style:dashed;opacity:.55}.hero-foot{position:absolute;bottom:25px;left:9vw;right:9vw;border-top:1px solid rgba(32,37,35,.4);padding-top:12px;display:flex;justify-content:space-between;font:10px var(--mono);text-transform:uppercase}.rule{flex:1;border-top:1px solid var(--ink);margin:6px 20px 0}.intro{padding:120px 9vw 145px;display:grid;grid-template-columns:15% 48% 37%;border-bottom:1px solid var(--line)}.index{font:10px var(--mono);color:#b65745}.intro h2,.archive h2,.visit h2{font:600 clamp(46px,6vw,87px)/.93 var(--serif);letter-spacing:-.06em;margin:0}.intro-copy{max-width:330px;align-self:end;line-height:1.55}.intro-copy p{margin:0 0 30px}.text-link{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:5px}.archive{padding:110px 9vw 140px}.archive-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.archive-heading>p{font:11px/1.5 var(--mono);margin:0 4% 2px 0}.filter-row{display:flex;gap:8px;margin-bottom:30px}.filter{border:1px solid var(--line);border-radius:30px;padding:9px 15px;background:none;font-size:11px}.filter.active,.filter:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{min-width:0}.plate{aspect-ratio:1/1;position:relative;display:grid;place-items:center;overflow:hidden}.plate.sage{background:var(--lime)}.plate.lilac{background:var(--lilac)}.plate.peach{background:var(--peach)}.plate.blue{background:var(--blue)}.plate-code,.plate-note{position:absolute;z-index:2;font:9px var(--mono);letter-spacing:.06em}.plate-code{top:14px;left:14px}.plate-note{bottom:14px;right:14px}.product-card .cookie-art{width:67%;height:67%;transition:.45s}.product-card:hover .cookie-art{transform:rotate(-4deg) scale(1.07)}.product-meta{display:flex;justify-content:space-between;gap:8px;padding:17px 0 12px;border-bottom:1px solid var(--line)}.product-meta h3{font-size:16px;margin:0 0 7px}.product-meta p{font:9px/1.4 var(--mono);margin:0;max-width:165px}.product-meta strong{font:11px var(--mono);white-space:nowrap}.add-button{border:0;background:none;width:100%;display:flex;justify-content:space-between;padding:13px 0;font-size:11px;text-align:left}.add-button span{font-size:19px;line-height:.5;transition:.2s}.add-button:hover span{transform:rotate(90deg)}.product-card[hidden]{display:none}.visit{background:var(--peach);padding:90px 9vw;display:grid;grid-template-columns:45% 55%;align-items:center;min-height:480px}.visit-art{position:relative;min-height:310px}.visit-art .mini{position:absolute;width:245px;height:245px;top:28px;left:17%;transform:rotate(21deg)}.orbit-three{width:340px;height:190px;left:7%;top:50px;transform:rotate(28deg);border-color:var(--ink)}.visit h2{margin-bottom:28px}.visit>div:last-child>p:not(.kicker){max-width:350px;line-height:1.55}.dark{margin-top:20px;background:var(--ink);color:var(--paper)}.dark:hover{color:var(--ink)}footer{padding:42px 9vw 55px;display:flex;align-items:center;justify-content:space-between;font:10px var(--mono)}footer>div{display:flex;gap:22px}footer a:hover{color:#b65745}.cart-drawer,.checkout-modal{position:fixed;inset:0;background:rgba(32,37,35,.4);z-index:10;opacity:0;pointer-events:none;transition:.25s}.cart-drawer.open,.checkout-modal.open{opacity:1;pointer-events:auto}.cart-panel{background:var(--paper);height:100%;width:min(500px,92vw);margin-left:auto;padding:40px 38px;transform:translateX(100%);transition:.35s;display:flex;flex-direction:column}.cart-drawer.open .cart-panel{transform:translateX(0)}.cart-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:24px}.cart-header h2,.checkout-card h2{font:600 40px/.95 var(--serif);letter-spacing:-.06em;margin:0}.close-cart,.close-checkout{background:none;border:0;font-size:32px;font-weight:300;line-height:1}.cart-items{padding:18px 0;overflow:auto}.cart-row{display:grid;grid-template-columns:60px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.cart-thumb{width:60px;height:60px;transform:scale(.28);transform-origin:center;background:#b9aa83;box-shadow:inset 8px -10px 0 rgba(110,87,59,.15),5px 8px 0 rgba(32,37,35,.12)}.cart-row h3{font-size:13px;margin:0 0 5px}.cart-row p{font:10px var(--mono);margin:0}.quantity{display:flex;align-items:center;gap:9px;margin-top:9px}.quantity button{border:1px solid var(--line);background:none;border-radius:50%;width:20px;height:20px;line-height:15px;padding:0}.remove-item{border:0;background:none;text-decoration:underline;font:9px var(--mono);margin-top:8px;padding:0}.cart-row>strong{font:11px var(--mono);align-self:start;margin-top:5px}.cart-empty{text-align:center;margin:auto;color:#68716d}.cart-empty span{font-size:45px}.cart-empty p{font:12px/1.5 var(--mono)}.cart-empty a{font-size:11px;border-bottom:1px solid var(--ink);color:var(--ink)}.cart-summary{border-top:1px solid var(--line);padding-top:20px}.cart-summary>div{display:flex;justify-content:space-between;font:13px var(--mono)}.cart-summary p{font:9px/1.5 var(--mono);color:#68716d}.checkout-button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);width:100%;padding:15px;text-align:left;font-weight:700;font-size:12px;display:flex;justify-content:space-between}.checkout-button:disabled{opacity:.35;cursor:not-allowed}.checkout-modal{display:grid;place-items:center}.checkout-card{background:var(--paper);width:min(520px,90vw);padding:42px;position:relative}.checkout-card h2{font-size:58px;margin-bottom:35px}.checkout-form{display:grid;gap:18px}.checkout-form label{font:10px var(--mono);text-transform:uppercase;display:grid;gap:7px}.checkout-form input,.checkout-form select{border:1px solid var(--line);background:transparent;padding:13px;font:13px var(--sans)}.checkout-form .checkout-button{margin-top:10px}.toast{position:fixed;z-index:20;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:14px 18px;font:11px var(--mono);opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){.topline{font-size:8px;padding:0 4vw;gap:14px}.topline span:nth-child(2){display:none}.site-header{height:78px}.site-header nav{display:none}.cart-total{display:none}.hero{display:block;padding:65px 8vw 80px;min-height:770px}.hero h1{font-size:20vw}.hero-specimen{min-height:390px}.hero-cookie{width:74vw;height:74vw;left:9%;top:25px}.orbit{left:0;top:0}.specimen-label{right:0;bottom:18px}.hero-aside{right:0;top:28px}.hero-foot{left:8vw;right:8vw;font-size:8px}.rule{margin-left:10px;margin-right:10px}.intro{display:block;padding:85px 8vw}.intro h2{margin:50px 0 45px}.archive{padding:85px 8vw}.archive-heading{display:block}.archive-heading>p{margin-top:22px}.product-grid{grid-template-columns:repeat(2,1fr);gap:30px 14px}.product-meta{display:block}.product-meta strong{display:block;margin-top:8px}.visit{display:block;padding:75px 8vw}.visit-art{min-height:325px}.visit-art .mini{left:11%}footer{padding:35px 8vw;display:grid;gap:22px}footer>div{flex-wrap:wrap}.cart-panel{padding:30px 24px}.checkout-card{padding:30px 24px}.checkout-card h2{font-size:46px}}@media(max-width:430px){.product-grid{gap:26px 10px}.product-meta h3{font-size:14px}.product-meta p{font-size:8px}.plate-note{font-size:7px}.hero-actions{width:100%}}
