/* A native-scroll camera, with a compact static composition as the default. */
html{scroll-padding-top:100px}body{overflow-x:clip}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:30;background:transparent;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:#d2b576;transform:scaleX(0);transform-origin:left}.header{position:fixed;top:0;left:0;right:0;margin:0;height:88px;padding:0 4.8%;border-bottom:1px solid #eadbc329;z-index:20;color:var(--cream);background:#3a0b18b8;backdrop-filter:blur(16px);transition:background .3s,color .3s}.header .wordmark{font-size:32px}.header .bag-count{border-color:currentColor}.header nav{margin-right:2%;gap:26px}.header nav a:after,.header nav button:after{background:currentColor}.header.light-header{background:#f5f0e5eb;color:var(--red);border-bottom-color:var(--line)}.motion-toggle{font-size:9px;white-space:nowrap;opacity:.7;padding:8px 0;border-bottom:1px solid currentColor}.motion-toggle:hover{opacity:1}.scroll-film{height:100svh;min-height:670px;position:relative;background:#360916;color:var(--cream)}.has-motion .scroll-film{height:440svh;min-height:2400px}.film-stage{position:sticky;top:0;height:100svh;min-height:670px;isolation:isolate;overflow:clip;perspective:1400px;background:#360916}.film-glow{position:absolute;inset:-40%;background:radial-gradient(ellipse at 53% 54%,#973f53 0%,#622034 27%,#360916 58%);z-index:-3;will-change:transform}.film-grid{position:absolute;inset:0;background-image:linear-gradient(#e7cda10b 1px,transparent 1px),linear-gradient(90deg,#e7cda10b 1px,transparent 1px);background-size:110px 110px;mask-image:radial-gradient(ellipse,black,transparent 70%);z-index:-2;opacity:.3}.film-watermark{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:38vw;line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px #dca89625;z-index:-1;pointer-events:none;will-change:transform}.film-orbit{position:absolute;left:50%;top:51%;width:72vw;height:72vw;max-width:1050px;max-height:1050px;border:1px solid #e1c7a828;border-radius:50%;z-index:-1;transform:translate(-50%,-50%) rotateX(65deg) rotate(-18deg);pointer-events:none;will-change:transform}.orbit-two{width:88vw;height:88vw;opacity:.4;transform:translate(-50%,-50%) rotateX(60deg) rotate(28deg)}.film-intro{position:absolute;inset:0;z-index:3;pointer-events:none;will-change:opacity,transform}.film-intro>.eyebrow{position:absolute;top:18%;left:0;right:0;text-align:center;color:#e6c8b6;font-size:9px;letter-spacing:2.3px}.film-intro h1{margin:0;position:absolute;top:21%;left:0;right:0;text-align:center;font-size:clamp(72px,9.1vw,155px);line-height:.9;letter-spacing:-.055em}.film-intro h1>span{position:absolute;top:54svh;left:0;right:0;font-size:clamp(35px,5vw,78px);white-space:nowrap}.film-intro h1 em{color:#e6c7a5}.dog-world{position:absolute;left:50%;top:52%;width:78vw;max-width:1280px;aspect-ratio:1.5;transform:translate(-50%,-50%) rotate(17deg) scale(.74);z-index:2;will-change:transform;pointer-events:none}.floating-dog{height:100%;object-fit:contain;filter:drop-shadow(0 25px 25px #10010b70)}.dog-shadow{position:absolute;bottom:17%;left:20%;width:60%;height:9%;background:#12030fc9;filter:blur(28px);border-radius:50%;transform:rotate(8deg);z-index:-1}.film-stamp{position:absolute;right:10%;top:39%;width:107px;height:107px;border-radius:50%;border:1px solid #d8bd94;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(13deg);color:#e3c7a0;background:#48152680;z-index:4;will-change:transform,opacity}.film-stamp span{font-size:6px;letter-spacing:1.8px}.film-stamp b{font:italic 24px/.9 Georgia,serif;margin:9px 0;font-weight:400;text-align:center}.film-bottom{position:absolute;bottom:27px;left:4.8%;right:4.8%;display:flex;justify-content:space-between;align-items:center;z-index:10;font-size:8px;letter-spacing:1.5px}.scroll-invitation{display:flex;gap:14px;align-items:center}.scroll-arrow{font-family:var(--serif);font-size:31px;display:block}.scroll-invitation small{display:block;font-size:6px;letter-spacing:1.15px;margin-top:5px;opacity:.55}.chapter-track{display:flex;gap:12px;align-items:center}.chapter-track>div{width:95px;height:1px;background:#dccab448}.chapter-track i{display:block;height:1px;width:100%;background:#e0be87;transform-origin:left;transform:scaleX(.04)}.skip-experience{font-size:9px;letter-spacing:.25px;padding:9px 0;border-bottom:1px solid #e5cdaa60}.film-scene{position:absolute;z-index:5;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform}.film-scene h2{font-size:clamp(49px,5.7vw,91px);line-height:.98}.film-scene h2 em{color:#e8c69e}.film-scene>.eyebrow{color:#d6b093;font-size:8px;letter-spacing:1.8px;margin-bottom:23px}.film-scene>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#e0c9bf;margin-top:23px}.film-detail{left:6%;top:24%;max-width:50%}.film-detail:before{content:'';position:absolute;inset:-32% -50% -50% -35%;background:radial-gradient(ellipse at 28% 45%,#25071bea 0%,#2d091bd1 32%,transparent 72%);z-index:-1}.film-explosion{top:17%;left:0;right:0;text-align:center}.film-explosion>.eyebrow{margin-bottom:12px}.film-explosion h2{font-size:clamp(46px,6vw,94px)}.film-finale{left:7%;top:24%;max-width:65%}.film-finale .button{margin-top:22px;pointer-events:auto}.film-finale[inert] .button{pointer-events:none}.ingredient{position:absolute;left:50%;top:50%;width:20vw;max-width:310px;opacity:0;visibility:hidden;z-index:4;text-align:center;pointer-events:none;will-change:transform,opacity}.ingredient img{height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 20px 15px #16050a90)}.ingredient>div:not(.gold-sculpture){margin-top:-12%;position:relative}.ingredient span{display:block;font-size:6px;letter-spacing:1.4px;color:#dab79b;margin-bottom:7px}.ingredient b{font-family:var(--serif);font-size:27px;font-weight:400;white-space:nowrap}.ingredient-caviar{width:19vw}.ingredient-gold{width:13vw}.gold-sculpture{height:10vw;max-height:155px;position:relative}.gold-sculpture i{display:block;position:absolute;left:27%;top:20%;width:44%;height:40%;background:linear-gradient(120deg,#674119,#ebc170 25%,#fce8ab 36%,#b18036 39%,#f5d894 64%,#916320 70%,#fff4c8);clip-path:polygon(6% 12%,37% 6%,48% 18%,88% 0%,81% 33%,100% 56%,68% 68%,74% 100%,43% 81%,12% 94%,25% 58%,0% 41%);transform:rotate(29deg)}.gold-sculpture i:nth-child(2){width:19%;height:25%;left:7%;top:40%;transform:rotate(-35deg)}.gold-sculpture i:nth-child(3){width:12%;height:15%;left:72%;top:59%;transform:rotate(63deg)}.particle-field{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.burst-particle{position:absolute;left:50%;top:50%;display:block;opacity:0;will-change:transform,opacity}.burst-pearl{border-radius:50%;background:radial-gradient(circle at 29% 24%,#d5c6a3 0%,#6b6550 12%,#2b2c20 30%,#090c08 68%,#2f3126);box-shadow:2px 5px 6px #08030380}.burst-gold{background:linear-gradient(130deg,#faf0c5,#b17a25 35%,#e7bf6a 48%,#ffedb1 59%,#755026);clip-path:polygon(0 18%,35% 0,49% 21%,100% 11%,78% 52%,91% 94%,42% 78%,5% 100%,19% 44%)}.burst-chive{background:linear-gradient(90deg,#153c16,#7c9d3a 45%,#355926);border-radius:2px;box-shadow:2px 4px 5px #0003}.ingredient-strip{position:relative;z-index:2;background:#e9dbc0;color:var(--red);padding-block:25px;border:0;overflow:hidden}.collection{position:relative;z-index:2;background:var(--cream);padding-top:110px}.collection .product-grid{gap:35px}.collection .product:nth-child(2){margin-top:75px}.collection .product:nth-child(3){margin-top:150px}.collection .product-image{aspect-ratio:.89;overflow:hidden}.collection .product-image>img{height:120%;max-width:none;transform:translateY(var(--image-drift,-8%)) scale(1.025);transition:scale .6s;will-change:transform}.collection .product:hover .product-image>img{scale:1.04}.philosophy-mark{will-change:transform}.private-doodle{will-change:transform}.section-heading h2 em{display:inline-block}.private{min-height:640px}.private h2{font-size:clamp(50px,6.4vw,98px)}.no-motion .film-stage{min-height:670px}.no-motion .scroll-invitation,.no-motion .chapter-track{visibility:hidden}.no-motion .film-orbit,.no-motion .film-watermark{will-change:auto}.no-motion .collection .product-image>img{transform:translateY(-8%)}
@media(min-width:1700px){.film-intro h1>span{top:48svh}.dog-world{max-width:1500px}}
@media(max-width:1050px){.header nav{gap:19px;margin-right:0}.header{gap:18px}.header .wordmark{font-size:29px}.motion-toggle{font-size:8px}.film-intro h1>span{font-size:5.4vw}.dog-world{width:95vw}.film-stamp{right:7%;width:90px;height:90px}.film-detail h2{font-size:6.4vw}.ingredient b{font-size:23px}.collection .product-grid{gap:20px}.collection .product:nth-child(2){margin-top:45px}.collection .product:nth-child(3){margin-top:90px}}
@media(max-width:760px){.header{height:77px;padding:0 6%;gap:15px}.header .wordmark{font-size:28px}.header .motion-toggle{margin-left:auto;font-size:7px;max-width:43px;line-height:1.4;text-align:left;border-bottom:0}.header .bag-button{gap:7px}.header .bag-count{height:23px;min-width:23px}.scroll-film,.film-stage,.no-motion .film-stage{min-height:620px}.has-motion .scroll-film{height:390svh;min-height:2200px}.film-intro>.eyebrow{top:20%;font-size:6px;letter-spacing:1.4px}.film-intro h1{top:26%;font-size:15.6vw}.film-intro h1>span{top:43svh;font-size:8vw;white-space:normal;max-width:94%;margin:auto;line-height:1.1}.dog-world{width:132vw;max-width:none;top:51%}.film-stamp{width:79px;height:79px;right:8%;top:39%;background:#431424be}.film-stamp b{font-size:19px;margin:7px 0}.film-stamp span{font-size:5px;letter-spacing:1.1px}.film-bottom{left:6%;right:6%;bottom:26px;gap:20px}.scroll-invitation{gap:8px}.scroll-arrow{font-size:26px}.scroll-invitation>span:not(.scroll-arrow){font-size:6px;letter-spacing:1px}.scroll-invitation small{max-width:110px;font-size:5px;line-height:1.6}.chapter-track{display:none}.skip-experience{font-size:8px}.film-watermark{font-size:64vw;top:46%}.film-orbit{width:140vw;height:140vw;top:52%}.orbit-two{width:190vw;height:190vw}.film-detail{left:7%;top:20%;max-width:88%}.film-detail h2{font-size:13vw}.film-detail>p:not(.eyebrow){font-size:11px;max-width:250px}.film-detail:before{inset:-25% -20% -15%;background:radial-gradient(ellipse,#2d091bd9,transparent 73%)}.film-scene>.eyebrow{font-size:6px;letter-spacing:1.4px;margin-bottom:15px}.film-explosion{top:17%;padding:0 5%}.film-explosion h2{font-size:11vw}.film-explosion>.eyebrow{margin-bottom:14px}.ingredient{width:37vw;max-width:175px}.ingredient-caviar{width:38vw}.ingredient-gold{width:27vw}.ingredient span{font-size:4.5px;letter-spacing:.8px;margin-bottom:5px}.ingredient b{font-size:21px}.ingredient>div:not(.gold-sculpture){margin-top:-15%}.gold-sculpture{height:24vw}.film-finale{top:21%;left:7%;max-width:90%}.film-finale h2{font-size:14.5vw}.film-finale>p:not(.eyebrow){font-size:12px;margin-top:18px}.film-finale .button{margin-top:18px;min-height:48px;font-size:11px;padding:13px 17px;gap:25px}.collection{padding-top:60px}.collection .product-grid{gap:43px}.collection .product:nth-child(2),.collection .product:nth-child(3){margin-top:0}.collection .product-image{aspect-ratio:1.08}.private{min-height:unset}.private h2{font-size:52px}.ingredient-strip{padding-block:21px}.film-grid{background-size:80px 80px}}
@media(max-height:670px) and (min-width:761px){.film-stage,.scroll-film,.no-motion .film-stage{min-height:540px}.film-intro>.eyebrow{top:20%}.film-intro h1{top:25%;font-size:13vh}.film-intro h1>span{top:49svh;font-size:7vh}.dog-world{width:75vw;max-width:1000px}.film-detail h2,.film-finale h2{font-size:10vh}.film-scene>p:not(.eyebrow){font-size:11px;margin-top:14px}.film-finale .button{min-height:42px;padding:10px 18px;margin-top:14px}.film-bottom{bottom:16px}}
.film-play-motion{display:none;color:var(--cream);font-size:10px;letter-spacing:.2px;border-bottom:1px solid #e5cdaa60;padding:9px 0}.no-motion .film-play-motion{display:block}.no-motion .scroll-invitation,.no-motion .chapter-track{display:none}

.has-motion .film-stage{min-height:0}
.dog-world{transform-style:preserve-3d}
.dog-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;will-change:transform;transform-origin:50% 50%;backface-visibility:hidden;filter:drop-shadow(0 5px 4px #15050828)}
.layer-bun-back{z-index:1}.layer-sausage{z-index:2}.layer-sauce{z-index:3}.layer-caviar{z-index:4}.layer-chives{z-index:5}.layer-gold{z-index:6}.layer-bun-front{z-index:7}
.layer-notes{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;visibility:hidden;will-change:opacity}
.layer-note{position:absolute;font-family:var(--serif);font-size:23px;color:#ead8b9;line-height:1.25}
.layer-note small{font-family:var(--sans);font-size:6px;letter-spacing:1.1px;color:#c79d84;display:block;margin-bottom:7px}
.layer-note:after{content:'';width:70px;height:1px;background:linear-gradient(90deg,#b89770,transparent);position:absolute;top:26px;left:calc(100% + 15px)}
.note-gold{left:77%;top:31%}.note-caviar{left:7%;top:40%}.note-sauce{left:77%;top:49%}.note-beef{left:7%;top:60%}.note-bun{left:77%;top:76%}
.note-gold:after,.note-sauce:after,.note-bun:after{left:auto;right:calc(100% + 15px);transform:rotate(180deg)}
.no-motion .dog-layer{will-change:auto}
@media(max-width:1000px){.layer-note{font-size:18px}.layer-note:after{width:30px}.note-gold,.note-sauce,.note-bun{left:80%}.note-caviar,.note-beef{left:4%}}
@media(max-width:760px){.layer-notes{display:none}.dog-layer{filter:drop-shadow(0 4px 3px #15050825)}}

.dog-layer>img{width:100%;height:100%;object-fit:contain;transform:translate(var(--align-x,0%),var(--align-y,0%)) rotate(var(--align-angle,0deg)) scale(var(--align-scale,1));transform-origin:center}
/* Static registration belongs to the image; scroll transforms belong to its wrapper. */
.layer-bun-back{--align-x:-1%;--align-y:-8%;--align-scale:.94;--align-angle:0deg}
.layer-bun-front{--align-x:1%;--align-y:12%;--align-scale:.94;--align-angle:-2deg}
.layer-sauce{--align-x:0%;--align-y:-6%;--align-scale:.84;--align-angle:5deg}
.layer-caviar{--align-x:0%;--align-y:-9%;--align-scale:.78;--align-angle:7deg}
.layer-chives{--align-x:0%;--align-y:-10%;--align-scale:.74;--align-angle:11deg}
.layer-gold{--align-x:0%;--align-y:-11%;--align-scale:.77;--align-angle:11deg}

@media(min-width:761px){.film-explosion{top:14%}}