@font-face{font-family:Fraunces;src:url(/assets/fraunces-bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{font-family:Georgia,Times New Roman,serif;color:#506149;background:#f3f1e7;font-synthesis:none;--ink: #506149;--paper: #f3f1e7}*{box-sizing:border-box}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover,button:hover{text-decoration-thickness:2px}button{text-decoration:underline;text-underline-offset:.22em}:focus-visible{outline:2px solid var(--ink);outline-offset:6px}img{display:block;width:100%}.experience{position:relative;min-height:100svh;overflow:clip}.site-header{position:absolute;z-index:10;inset:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;padding:4.5vh 4%}.site-header nav{display:flex;gap:clamp(25px,5vw,82px);margin-left:auto;font-size:clamp(18px,1.9vw,28px);line-height:1.4}.small-logo{width:140px;visibility:hidden}.opening{height:100svh;min-height:640px;position:relative}.wordmark{position:absolute;left:3.3%;top:3%;width:64%;aspect-ratio:2.83}.letter{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(80% - var(--i) * 20%) 0 calc(var(--i) * 20%))}.letter img{height:100%;object-fit:contain}.opening-title{font-family:Fraunces,Georgia,serif;font-size:clamp(48px,6.1vw,96px);letter-spacing:-.045em;line-height:1;position:absolute;top:42%;left:4%;margin:0;z-index:2}.hero-cookie{position:absolute;width:76vw;right:-14vw;top:45%;transform:translateY(0) rotate(-8deg)}.hero-cookie img{width:100%}[data-ready=false] .opening{visibility:hidden}[data-phase=enter][data-ready=true] .hero-cookie{animation:creep 1.05s steps(6,end) both}@keyframes creep{0%{transform:translateY(60vh) rotate(8deg)}to{transform:translateY(0) rotate(-8deg)}}[data-phase=break] .letter{animation:dismantle 1.26s steps(6,end) both;transform-origin:calc(var(--i) * 20% + 10%) 50%}.letter-0{--x: -65vw;--y: -35vh;--r: -22deg}.letter-1{--x: -20vw;--y: 110vh;--r: 32deg}.letter-2{--x: 5vw;--y: -80vh;--r: -16deg}.letter-3{--x: 30vw;--y: 110vh;--r: 28deg}.letter-4{--x: 70vw;--y: -20vh;--r: 42deg}@keyframes dismantle{0%,12%{transform:translate(0) rotate(0)}to{transform:translate(var(--x),var(--y)) rotate(var(--r))}}[data-phase=break] .opening-title{animation:title-away 1.26s steps(6,end) both}@keyframes title-away{0%,15%{transform:translateY(0)}to{transform:translateY(-90vh) rotate(-7deg)}}[data-phase=break] .hero-cookie{animation:cookie-through 1.26s steps(6,end) both;transform-origin:50% 55%}@keyframes cookie-through{0%{transform:translateY(0) rotate(-8deg)}55%{transform:translate(-24vw,-10vh) scale(1.55) rotate(14deg)}to{transform:translate(-45vw,120vh) scale(1.8) rotate(30deg)}}.cookies{min-height:100svh;padding:18vh 4% 90px}.cookies>h1{font-family:Fraunces,Georgia,serif;font-size:clamp(42px,5.4vw,80px);letter-spacing:-.045em;line-height:1.1;margin:0 0 8vh}.cookies>h1:focus{outline:none}.flavours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4.5%}.flavour{min-width:0;position:relative}.flavour-number{font-size:20px;display:block;padding-bottom:12px;border-bottom:1px solid var(--ink)}.flavour h2{font-family:Fraunces,Georgia,serif;font-size:clamp(24px,2.7vw,42px);font-weight:700;letter-spacing:-.035em;margin:19px 0 0}.product-photo{width:100%;margin:20px auto 0;aspect-ratio:1;visibility:hidden}.product-photo img{height:100%;object-fit:contain}.purchase{text-align:center;margin-top:14px;font-size:23px}.not-available{font-size:19px}[data-phase=names] .flavour{animation:throw-name .63s steps(6,end) both}.flavour:nth-child(1){--throw: -8deg}.flavour:nth-child(2){--throw: 5deg}.flavour:nth-child(3){--throw: -4deg}@keyframes throw-name{0%{transform:translateY(75vh) rotate(var(--throw))}70%{transform:translateY(-25px) rotate(calc(var(--throw) * -1))}to{transform:none}}[data-phase=names] .small-logo,[data-phase=rest] .small-logo,[data-phase=reveal] .small-logo,[data-phase=shop] .small-logo,[data-phase=names] .product-photo,[data-phase=rest] .product-photo,[data-phase=reveal] .product-photo,[data-phase=shop] .product-photo{visibility:visible}[data-phase=reveal] .purchase{animation:link-in .84s steps(1,end) both}@keyframes link-in{0%{visibility:hidden}to{visibility:visible}}.motion-controls{position:absolute;bottom:26px;left:4%;z-index:5;display:flex;gap:28px;font-size:15px}[data-phase=enter] .motion-controls,[data-phase=hold] .motion-controls,[data-phase=break] .motion-controls{bottom:30px}[data-paused=true] *,.tab-hidden .experience *{animation-play-state:paused!important}.skip-link{position:fixed;z-index:30;top:12px;left:12px;padding:15px;background:var(--paper);transform:translateY(-200%)}.skip-link:focus{transform:none}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--ink);max-width:480px;width:calc(100% - 40px);padding:36px}dialog::backdrop{background:#232c204d}dialog h2{font:700 48px Fraunces,Georgia,serif;margin:0 0 20px}dialog p{font-size:22px;line-height:1.5}dialog button{font-size:20px}@media(min-width:1700px){.hero-cookie{width:70vw;right:-8vw}}@media(max-width:700px){.site-header{padding:25px 6%}.site-header nav{font-size:19px;gap:28px}.small-logo{width:90px}.opening{min-height:600px}.wordmark{top:13%;left:5%;width:91%}.opening-title{top:39%;left:6%;font-size:clamp(39px,9.8vw,64px)}.hero-cookie{width:138vw;right:-44vw;top:55%}.cookies{padding:130px 6% 90px}.cookies>h1{font-size:46px;margin-bottom:45px}.flavours{grid-template-columns:1fr;gap:50px}.flavour-number{font-size:18px}.flavour h2{font-size:35px;margin-top:15px}.product-photo{max-width:400px;margin-top:12px}.purchase{margin-top:4px}[data-phase=names] .flavours,[data-phase=rest] .flavours{gap:38px}.motion-controls{left:6%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}.whole-wordmark{height:100%;object-fit:fill}.letter,[data-phase=break] .whole-wordmark{display:none}[data-phase=break] .letter{display:block}.letter img{object-fit:fill}.wordmark{left:1.6%;top:1%;width:67%;aspect-ratio:2.83}@media(max-width:700px){.wordmark{top:13%;left:3%;width:94%}}@media(max-height:640px){.opening{min-height:100svh}.opening-title{top:49%;font-size:clamp(32px,5vw,64px)}.wordmark{width:50%;top:1%}.hero-cookie{top:45%}}:root{background-image:url(/assets/paper.webp);background-size:720px 720px}.opening-copy{position:absolute;top:43.2%;left:4%;z-index:2}.opening-copy .opening-title{position:static}.opening-copy p{font-size:clamp(20px,2vw,30px);margin:24px 0 0}[data-phase=break] .opening-copy{animation:title-away 1.26s steps(6,end) both}[data-phase=break] .opening-copy .opening-title{animation:none}.cookies>h1{margin-bottom:14px}.shop-subtext{font-size:clamp(20px,2vw,28px);margin:0 0 50px}.order-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:7%;margin-bottom:34px}.order-intro h2{font:700 clamp(28px,3vw,42px) Fraunces,Georgia,serif;letter-spacing:-.035em;margin:0 0 10px}.order-intro h2 span{margin-left:20px;white-space:nowrap}.order-intro p,.order-details p{font-size:19px;line-height:1.5;margin:8px 0}.order-intro .small-rule,.small-rule{font-size:15px;line-height:1.5}.order-schedule{align-self:end}.order-notice{font-style:italic}.order-mode{display:flex;align-items:center;gap:28px;padding:16px 0;border-top:1px solid var(--ink);margin-bottom:22px;font-size:19px}.order-mode button[aria-pressed=true]{font-weight:700;text-decoration-thickness:2px}.order-mode button[aria-pressed=false]{text-decoration:none}.order-mode span{margin-left:auto;font-size:16px}.product-order{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:20px}.product-order small{display:block;font-size:15px;margin-top:8px}.quantity{display:flex;align-items:center;gap:10px}.quantity button{width:44px;height:44px;font-size:28px;text-decoration:none}.quantity output{min-width:18px;text-align:center}button:disabled{opacity:.4;cursor:default}.order-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:7%;margin-top:55px;padding-top:30px;border-top:1px solid var(--ink)}.checkout-form label,.waitlist label{font-size:20px;display:block;margin-bottom:12px}.checkout-fields{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.checkout-fields input{min-width:180px;width:min(100%,300px);border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:12px 0;color:var(--ink);background:transparent;font:18px Georgia,serif}.checkout-fields input::placeholder{color:var(--ink);opacity:.65}.checkout-fields button{font-size:21px;min-height:44px}.order-details p:first-child{margin-top:0}.order-message{grid-column:1 / -1;margin:0}.success-page{padding:60px 6%;max-width:800px;font-size:22px;line-height:1.5}.success-page>a:first-child{display:block;width:190px;margin-bottom:70px}.success-page h1,.success-page h2{font-family:Fraunces,Georgia,serif}@media(max-width:700px){.opening-copy{top:39%;left:6%}.opening-copy p{margin-top:18px}.shop-subtext{margin-bottom:34px}.order-intro,.order-bottom{grid-template-columns:1fr;gap:24px}.order-intro h2 span{margin-left:12px}.order-mode{gap:20px;font-size:17px}.product-photo{max-width:330px}.order-bottom{margin-top:38px}}@media(min-width:701px)and (min-height:641px){.wordmark{aspect-ratio:2.63;width:min(67vw,100svh)}.opening-title{top:43.2%;font-size:clamp(48px,5.8vw,96px)}.hero-cookie{top:46.5%}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cart-bar{position:fixed;z-index:20;top:calc(4.5vh + 52px);right:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding:12px 4% 12px 16px;background:var(--paper);border:1px solid var(--ink);border-right:0;text-align:right}.cart-bar-count{font-size:14px;line-height:1.3}.cart-bar-button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:10px 18px;min-height:44px;font:700 18px Fraunces,Georgia,serif;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}.cart-bar-button:hover:not(:disabled){background:var(--paper);color:var(--ink);text-decoration:none}.flavour h2{text-wrap:balance}.allergens{font-size:15px;line-height:1.5;margin:12px 0 10px}.add-line{display:flex;align-items:center;gap:14px}.add-button{border:1px solid var(--ink);padding:10px 16px;min-height:44px;font-size:18px;text-decoration:none;white-space:nowrap}.add-button:hover:not(:disabled){background:var(--ink);color:var(--paper);text-decoration:none}.in-cart{font-size:15px}.cart-callout p{font-size:19px;line-height:1.5;margin:0 0 14px}.cart-callout .checkout-button{border:1px solid var(--ink);padding:12px 20px;min-height:44px;font-size:21px;text-decoration:none}.cart-callout .checkout-button:hover:not(:disabled){background:var(--ink);color:var(--paper);text-decoration:none}.cart-view .shop-subtext button{font-size:inherit}.cart-lines{border-top:1px solid var(--ink);padding-top:22px;margin-bottom:40px}.cart-lines h2{font:700 clamp(26px,2.8vw,38px) Fraunces,Georgia,serif;letter-spacing:-.035em;margin:0 0 18px}.cart-lines h2 span{margin-left:18px;white-space:nowrap}.cart-lines ul{list-style:none;margin:0;padding:0}.cart-lines li{display:flex;align-items:baseline;justify-content:space-between;gap:20px;font-size:20px;padding:12px 0;border-bottom:1px solid var(--ink)}.cart-lines li button{font-size:16px;min-height:44px}.cart-total{display:flex;align-items:baseline;justify-content:space-between;gap:20px;font-size:22px;margin:18px 0 0}.cart-total button{font-size:16px}.cart-view .checkout-form{margin-bottom:44px}.cart-view .checkout-fields{align-items:flex-end}.checkout-fields label{display:block;font-size:18px}.checkout-fields label input{margin-top:10px}.cart-view .checkout-button{display:block;margin-top:30px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:14px 24px;min-height:48px;font:700 21px Fraunces,Georgia,serif;letter-spacing:-.02em;text-decoration:none}.cart-view .checkout-button:hover:not(:disabled){background:var(--paper);color:var(--ink);text-decoration:none}.cart-view .order-details{border-top:1px solid var(--ink);padding-top:24px}@media(max-width:700px){.cart-bar{top:64px;flex-direction:row;align-items:center;padding:9px 6% 9px 14px}.cart-bar-count{display:none}.cart-bar-button{font-size:16px;padding:9px 14px}.cookies{padding-top:140px}.add-line{flex-wrap:wrap}.cart-lines li{font-size:18px}}@keyframes step-in{0%{opacity:0;transform:translateY(46px) rotate(-1.2deg)}to{opacity:1;transform:none}}@keyframes step-card{0%{opacity:0;transform:translateY(34px) rotate(var(--throw, 0deg))}to{opacity:1;transform:none}}@keyframes step-blink{0%{opacity:1}to{opacity:.45}}.cookies.step-in{animation:step-in .36s steps(4,end) both}.flavours.step-cards .flavour{animation:step-card .32s steps(4,end) both;animation-delay:calc(var(--i) * 70ms)}.success-page{animation:step-in .4s steps(4,end) both}dialog[open]{animation:step-in .28s steps(3,end) both}.stepping{animation:step-blink .5s steps(2,end) infinite alternate}.cookie-flight{position:fixed;z-index:40;pointer-events:none;left:var(--x);top:var(--y);width:var(--w);height:var(--h);object-fit:contain;animation:fly-to-cart .72s steps(6,end) both}@keyframes fly-to-cart{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(calc(var(--dx) * .45),calc(var(--dy) * .45 - 12vh)) scale(.6) rotate(-18deg)}to{transform:translate(var(--dx),var(--dy)) scale(.14) rotate(26deg)}}.cart-bar.bump-a,.cart-bar.bump-b{animation:cart-bump .3s steps(3,end) both}@keyframes cart-bump{0%{transform:none}45%{transform:translateY(7px) scale(1.1)}to{transform:none}}
