/* One continuous photographic story, driven by the visitor's scroll. */
:root{--paper:#ffda67;--ink:#593014}.dna-home{background:#f9bc33}.dna-home .dna-header{color:#fff8df;background:transparent}.dna-home .dna-header .brand,.dna-home .dna-header .menu-toggle{color:#fff8df}.dna-home .header-shop{font-size:14px;color:inherit}.dna-home .dna-header .brand span{font-size:10px}.dna-home .dna-header .menu-toggle{font-size:14px}.gold-world{position:relative;background:#ad4b0d}.gold-stage.liquid-scene{height:auto;min-height:100svh;overflow:hidden;isolation:isolate;color:#fff8df}.gold-images{position:absolute;inset:0;pointer-events:none}.gold-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.16);will-change:transform,clip-path,opacity}.gold-image:first-child{object-position:45% center}.gold-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#68250066,transparent 30%,#32170177)}.gold-stage:after{display:none}.gold-meta{position:absolute;z-index:4;left:5vw;right:5vw;top:140px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.5px}.gold-copy{position:relative;z-index:3;padding:230px 8vw 160px}.gold-chapter{position:relative;padding:50px 0}.gold-chapter:not(:first-child){margin-top:60px;border-top:1px solid #ffffff50}.gold-kicker{font-size:12px;letter-spacing:1.3px}.gold-chapter h1,.gold-chapter h2{font-family:var(--serif);font-size:clamp(65px,10.4vw,165px);font-weight:400;line-height:.93;letter-spacing:-.045em;margin:30px 0}.gold-chapter em{color:#fff0b0!important;padding-left:13vw}.gold-chapter p{font-size:16px;line-height:1.7;margin:30px 0 15px;max-width:550px}.gold-chapter>a{display:inline-block;font-size:14px;border-bottom:1px solid #fff3c1;padding:10px 0}.gold-bottom{position:absolute;z-index:4;bottom:38px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:flex-end}.gold-scroll{font-size:12px;letter-spacing:1px}.gold-bottom #stir-honey{border:1px solid #fff5d590;background:#82350740;backdrop-filter:blur(8px);color:#fff8df;padding:12px 22px;cursor:pointer;font-size:14px;border-radius:100px}.gold-bottom .touch-hint{font-size:10px;letter-spacing:1px;bottom:60px}.gold-track{position:absolute;z-index:4;bottom:0;left:0;right:0;height:3px;background:#fff1af30}.gold-track>span{display:block;height:100%;background:#fff5ca;transform:scaleX(var(--gold-progress,0));transform-origin:left}.living-motion .gold-world{height:490svh}.living-motion .gold-stage{position:sticky;top:0;height:100svh;min-height:0}.living-motion .gold-copy{position:absolute;inset:0;padding:0}.living-motion .gold-chapter{position:absolute;left:8vw;right:8vw;top:50%;padding:0;transform:translateY(-40%);opacity:0;pointer-events:none;will-change:transform,opacity,filter;visibility:hidden;margin:0;border:0}.living-motion .gold-chapter:first-child{opacity:1;visibility:visible;pointer-events:auto}.gold-chapter:first-child h1{animation:none!important}.gold-stage .liquid-fallback{opacity:var(--honey-opacity,1)}.gold-stage.is-liquid #honey-canvas{opacity:var(--honey-opacity,1)}
.taste-intro{position:relative;z-index:5;background:linear-gradient(#f6ba32,#ffda67);color:#692f13;margin:0;padding:120px 8vw 95px}.taste-intro h2{font-size:clamp(52px,8.5vw,133px);margin:35px 0;letter-spacing:-.045em}.taste-intro h2 em{color:#b63f1a!important}.taste-intro .tiny{font-size:12px}.taste-bottom p{font-size:16px}.taste-link{font-size:14px;border-bottom:1px solid #692f1360;padding-bottom:12px}.word-light{opacity:.22;transition:opacity .25s}.word-light.lit{opacity:1}.tasting{background:#963819;color:#ffe6a2;padding:35px 5vw 45px;transition:background .8s,color .8s}.tasting[data-flavour=spring]{background:#963819;color:#ffe6a2}.tasting[data-flavour=forest]{background:#154831;color:#f4e5ac}.tasting[data-flavour=heather]{background:#73213e;color:#ffc98c}.tasting-head .tiny{font-size:12px}.tasting-position{font-size:14px}.flavour-title>span{font-size:12px}.flavour-detail p{font-size:16px}.flavour-detail a{font-size:14px}.tasting-controls>button,.tasting-controls [data-taste]{font-size:14px}.flavour img{filter:sepia(.06);will-change:transform}.memory-world{background:#ffda67;color:#6a2c17;position:relative;overflow:clip}.memory-stage{padding:100px 6vw 70px;position:relative}.memory-heading{position:relative;z-index:2;pointer-events:none}.memory-heading .tiny{font-size:12px}.memory-heading h2{font-size:clamp(48px,7vw,110px);line-height:.98;letter-spacing:-.04em;margin:30px 0 50px}.memory-heading em{margin-left:12vw;color:#ad411d}.memory-ribbon{display:grid;grid-template-columns:1.1fr .8fr;gap:55px;align-items:center}.memory-photo{position:relative;margin:0;overflow:hidden}.memory-photo img{width:100%;height:100%;object-fit:cover;display:block}.memory-photo figcaption{position:absolute;bottom:20px;left:25px;font-family:var(--serif);font-size:40px;line-height:1;color:white;text-shadow:0 2px 12px #00000060}.m-one{aspect-ratio:1.15;transform:rotate(-4deg)}.m-two{aspect-ratio:.85;margin-top:100px;transform:rotate(5deg)}.m-three{aspect-ratio:1.2;transform:rotate(3deg)}.m-four{aspect-ratio:.8;transform:rotate(-4deg)}.memory-bottom{display:flex;align-items:flex-end;gap:30px;justify-content:space-between;margin-top:70px;position:relative;z-index:2}.memory-bottom p{font-size:16px;line-height:1.7;max-width:640px;margin:0}.memory-bottom a{font-size:14px;border-bottom:1px solid #a96c4260;padding-bottom:8px}.living-motion .memory-world{height:300svh}.living-motion .memory-stage{height:100svh;position:sticky;top:0;padding:60px 6vw 35px;overflow:hidden}.living-motion .memory-heading h2{font-size:clamp(45px,6.2vw,95px);margin:20px 0}.living-motion .memory-ribbon{position:absolute;top:29%;left:9vw;height:55%;width:235vw;display:block;will-change:transform}.living-motion .memory-photo{position:absolute;top:0;width:42vw;height:90%;aspect-ratio:auto;margin:0;will-change:transform,clip-path}.living-motion .m-one{left:0;top:5%;transform:rotate(-7deg)}.living-motion .m-two{left:56vw;top:-8%;width:32vw;transform:rotate(5deg)}.living-motion .m-three{left:102vw;top:9%;width:48vw;transform:rotate(-3deg)}.living-motion .m-four{left:163vw;top:-4%;width:38vw;transform:rotate(6deg)}.living-motion .memory-bottom{position:absolute;bottom:30px;left:6vw;right:6vw;margin:0}.living-motion .memory-bottom p{font-size:14px;max-width:590px}.journal{background:linear-gradient(#ffda67,#ffcd40);color:#6a2c17;padding:100px 8vw}.journal .tiny{font-size:12px}.journal-links a{border-color:#ad642580}.journal-links span{font-size:12px}.journal-links i{display:none}.journal-links a{grid-template-columns:45px 1fr}.journal h2 em{color:#ab3b19!important}.invitation{background:#b8421c;color:#ffe6a2;position:relative}.invitation .tiny{font-size:12px}.invitation:before{content:'';position:absolute;inset:0;background:url('./assets/honey-material.jpg') center/cover;mix-blend-mode:soft-light;opacity:.7;transform:scale(1.2) translateY(var(--closing-drift,0px));pointer-events:none}.invitation>*{position:relative}.invitation>a{font-size:16px}.dna-home .dna-footer{background:#ffcd40;color:#6a2c17}.dna-home .dna-footer p,.dna-home .dna-footer small{font-size:12px}.dna-home .dna-footer>div{font-size:14px}.tiny{font-size:12px}
@media(max-width:760px){.dna-home .header-shop{display:none}.gold-meta{top:110px;left:6vw;right:6vw;font-size:10px;letter-spacing:.5px}.gold-copy{padding:150px 6vw 140px}.gold-chapter h1,.gold-chapter h2{font-size:clamp(49px,13.8vw,91px);line-height:1.02;letter-spacing:-.04em;margin:25px 0}.gold-chapter em{padding-left:5vw;white-space:nowrap}.gold-chapter p{font-size:16px;line-height:1.6;margin:25px 0 10px}.gold-kicker{font-size:12px;letter-spacing:.8px}.living-motion .gold-chapter{left:6vw;right:6vw;top:48%;transform:translateY(-35%)}.gold-bottom{left:6vw;right:6vw;bottom:25px;gap:15px;align-items:flex-end}.gold-scroll{font-size:10px;letter-spacing:.6px;max-width:135px}.gold-bottom #stir-honey{font-size:12px;padding:10px 14px}.gold-bottom .touch-hint{font-size:8px;letter-spacing:.4px;bottom:53px}.living-motion .gold-world{height:420svh}.taste-intro{padding:80px 6vw 60px}.taste-intro h2{font-size:clamp(38px,10vw,68px);letter-spacing:-.045em}.taste-bottom{align-items:flex-start;flex-direction:column;gap:12px}.taste-bottom p{font-size:16px}.taste-link{font-size:14px}.flavour-title>span{font-size:12px}.flavour-detail p{font-size:14px}.flavour-detail a{font-size:14px;max-width:170px}.tasting-head .tiny{font-size:10px;letter-spacing:.6px}.tasting-controls>button,.tasting-controls [data-taste]{font-size:14px;padding:10px 8px}.memory-stage{padding:70px 6vw}.memory-heading h2{font-size:12vw}.memory-heading em{margin-left:4vw}.memory-ribbon{gap:20px;grid-template-columns:1fr}.m-two{margin-top:15px}.memory-photo figcaption{font-size:35px}.memory-bottom{display:block;margin-top:45px}.memory-bottom p{font-size:16px}.memory-bottom a{display:inline-block;margin:20px 20px 0 0;font-size:14px}.living-motion .memory-world{height:280svh}.living-motion .memory-stage{padding:40px 6vw 25px}.living-motion .memory-heading h2{font-size:11.5vw;line-height:1.08;margin:20px 0}.living-motion .memory-ribbon{top:31%;height:43%;left:10vw;width:360vw}.living-motion .memory-photo{width:74vw;height:94%}.living-motion .m-one{left:0}.living-motion .m-two{left:88vw;width:64vw;top:-3%}.living-motion .m-three{left:171vw;width:80vw;top:7%}.living-motion .m-four{left:270vw;width:68vw;top:0}.living-motion .memory-bottom{left:6vw;right:6vw;bottom:23px}.living-motion .memory-bottom p{font-size:12px;line-height:1.5;max-width:350px}.living-motion .memory-bottom a{font-size:14px;margin-top:15px}.journal{padding:75px 6vw}.journal-links a{grid-template-columns:30px 1fr}.journal-links h3{font-size:27px}.invitation>a{font-size:16px}.dna-home .dna-footer>div{font-size:14px;gap:18px}}
@media(max-height:650px) and (min-width:761px){.gold-meta{top:110px}.gold-chapter h1,.gold-chapter h2{font-size:17vh;margin:15px 0}.gold-chapter p{font-size:14px;margin:15px 0}.gold-chapter>a{font-size:14px;padding:5px 0}.gold-bottom{bottom:20px}.living-motion .memory-heading h2{font-size:12vh}.living-motion .memory-ribbon{height:46%;top:30%}.living-motion .memory-bottom p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.gold-image{display:none}.word-light{opacity:1}.memory-photo{transform:none}.invitation:before{transform:none}.gold-chapter:not(:first-child){background:#854619;padding:35px 20px}.gold-world .gold-bottom{display:none}}