/* The homepage's colour and motion system, carried through every route. */
.dna-inner{--paper:#ffda67;--ink:#653019;--green:#963819;--surface:#963819;--on-surface:#ffe9b6;background:#ffda67;color:#653019;overflow-x:clip}.dna-inner.tone-forest{--surface:#154831;--on-surface:#f5e8af}.dna-inner.tone-berry{--surface:#73213e;--on-surface:#ffe1b0}.dna-inner.tone-gold{--surface:#ffcd40;--on-surface:#653019}.dna-inner h1,.dna-inner h2,.dna-inner h3{font-family:var(--serif);font-weight:400}.dna-inner .dna-header{position:absolute;top:0;left:0;right:0;background:transparent;box-shadow:none;color:var(--on-surface)}.dna-inner .dna-header .brand,.dna-inner .dna-header .menu-toggle{color:inherit}.dna-inner .dna-header .brand span{font-size:10px}.dna-inner .header-shop,.dna-inner .dna-header .menu-toggle{font-size:14px}.dna-inner .menu-open .brand{color:#fff2cb}.dna-inner .eyebrow{font-size:12px!important;letter-spacing:1.4px}.dna-inner .section{padding:90px 7vw}.dna-inner .lead{font-size:20px;line-height:1.6;color:inherit}.dna-inner .text-link,.dna-inner .source-link,.dna-inner .back-link{color:inherit;font-size:14px;border-color:currentColor}.dna-inner .button{background:#963819;color:#fff1cb;border:1px solid #963819;font-size:16px;padding:16px 24px;border-radius:100px}.dna-inner .button:hover{background:#73213e;border-color:#73213e}.dna-inner .small{font-size:14px;line-height:1.65;color:inherit;opacity:.8}.dna-inner .dna-footer{background:#ffcd40;color:#653019}.dna-inner .dna-footer>p,.dna-inner .dna-footer>small{font-size:12px}.dna-inner .dna-footer>div{font-size:14px}.dna-inner .inner-opening{background:var(--surface);color:var(--on-surface);position:relative}.inner-intro-stage{position:relative;min-height:90svh;padding:190px 7vw 90px;overflow:hidden;isolation:isolate}.inner-hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden;background:var(--surface)}.inner-hero-media>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:.64;transform:scale(1.12);will-change:transform,clip-path}.inner-intro-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--surface),transparent 120%);opacity:.78}.inner-intro-copy{max-width:1150px;position:relative;will-change:transform}.dna-inner .inner-intro-copy h1{font-size:clamp(50px,7.7vw,120px);line-height:1.03;letter-spacing:-.035em;margin:30px 0 35px;max-width:1000px;color:inherit;overflow-wrap:break-word}.inner-intro-copy>p:last-child{font-size:18px;line-height:1.7;max-width:650px;margin-bottom:0;color:inherit}.inner-hero-track{position:absolute;left:0;right:0;bottom:0;height:3px;background:#fff0b430}.inner-hero-track span{display:block;height:100%;background:var(--on-surface);transform:scaleX(var(--inner-progress,0));transform-origin:left}.inner-motion.inner-editorial .inner-opening{height:155svh}.inner-motion.inner-editorial .inner-intro-stage{position:sticky;top:0;height:100svh;min-height:0;display:flex;align-items:center;padding-top:140px;padding-bottom:90px}.inner-motion .inner-hero-media>img{clip-path:inset(5% 4% 5% 34% round 8px)}.dna-inner.inner-reading .inner-intro-stage{min-height:75svh}.dna-inner.inner-reading .inner-intro-copy h1{font-size:clamp(44px,5.9vw,90px);max-width:1100px}.dna-inner.inner-practical .inner-intro-stage{min-height:62svh;padding-bottom:70px}.dna-inner.inner-practical .inner-hero-media>img{opacity:.3}.dna-inner.inner-practical .inner-intro-copy h1{font-size:clamp(48px,6.7vw,100px)}
/* Colour has a narrative role: gold for reading, green for nature, berry for stories. */
.dna-inner .story{background:#ffda67;border:0;gap:8vw}.dna-inner .story:nth-of-type(odd){background:#154831;color:#f5e8af}.dna-inner .story h2,.dna-inner .nature>h2{font-size:clamp(40px,5.5vw,83px);line-height:1.08;letter-spacing:-.04em;margin:25px 0}.dna-inner .story-copy p{font-size:18px;line-height:1.85;color:inherit}.dna-inner .nature{background:#154831;color:#f5e8af}.dna-inner .nature em{color:#ffda67}.dna-inner .nature-grid{gap:0;margin-top:60px}.dna-inner .nature-grid article{padding:30px;border-top:1px solid #f5e8af50}.dna-inner .nature-grid h3{font-size:32px}.dna-inner .nature-grid p,.dna-inner .nature-grid span{color:inherit}.dna-inner .section-head h2{font-size:clamp(36px,4.7vw,70px);line-height:1.08;letter-spacing:-.04em}.dna-inner .article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;align-items:start}.dna-inner .article-card{background:#963819;color:#ffe9b6;padding:35px;border:0;box-shadow:none;overflow:hidden;border-radius:0;transition:background .35s,transform .5s}.dna-inner .article-card:nth-child(3n+2){background:#154831;color:#f5e8af}.dna-inner .article-card:nth-child(3n){background:#73213e;color:#ffe1b0}.dna-inner .article-card:nth-child(even){margin-top:60px}.dna-inner .article-card h3{font-size:clamp(28px,3vw,44px);line-height:1.12;letter-spacing:-.035em;color:inherit}.dna-inner .article-card p{color:inherit;font-size:16px;line-height:1.7}.dna-inner .article-card .eyebrow,.dna-inner .article-card .text-link{color:inherit}.dna-inner .article-card:hover{transform:translateY(-5px)}.dna-inner .editorial-card{padding:0}.dna-inner .editorial-card>div{padding:30px}.dna-inner .editorial-card>img{width:100%;height:240px;object-fit:cover;display:block;transform:scale(1.03);transition:transform .7s}.dna-inner .editorial-card:hover>img{transform:scale(1.1)}.dna-inner .reading{max-width:980px;background:#ffe6a0;color:#653019;margin:0 auto;padding:80px 7vw}.dna-inner .reading h2{font-size:clamp(32px,4vw,54px);line-height:1.15}.dna-inner .reading p,.dna-inner .original-text p{font-size:18px;line-height:1.9;color:inherit}.dna-inner .reading a{text-decoration-color:#a75527;color:inherit}.dna-inner .reading ul,.dna-inner .reading li{font-size:18px;line-height:1.8}.dna-inner .notice{background:#ffe6a0;border:1px solid #a5653650;color:#653019;padding:25px;font-size:16px}.dna-inner .archive-list>a{border-color:#a5653660;color:inherit;padding:25px 0}.dna-inner .archive-list strong{font-family:var(--serif);font-size:27px}.dna-inner .related-links{background:#ffcd40;padding:30px;font-size:16px}
/* Each jar sits in a coloured scene, with its original photograph. */
.dna-inner .catalog{background:#ffda67}.dna-inner .catalog-controls{border:0;margin-bottom:45px;gap:30px}.dna-inner .catalog-controls label span{border:1px solid #a45b3580;color:#653019;border-radius:100px;padding:11px 18px;font-size:14px}.dna-inner .catalog-controls label input:checked+span{background:#963819;border-color:#963819;color:#fff1cb}.dna-inner #product-search{background:#ffe6a0;border:1px solid #a5653660;border-radius:100px;font-size:16px;padding:14px 20px}.dna-inner .catalog-count{font-size:14px}.dna-inner .product-grid{gap:30px;grid-template-columns:repeat(3,minmax(0,1fr))}.dna-inner .product-card,.dna-inner .catalog-item{border:0;background:transparent;border-radius:0;overflow:visible;box-shadow:none;color:#653019}.dna-inner .product-color{height:380px;background:#963819!important;color:#ffe9b6;overflow:hidden;border:0}.dna-inner .product-color.swatch-forest{background:#154831!important;color:#f5e8af}.dna-inner .product-color.swatch-berry{background:#73213e!important;color:#ffe1b0}.dna-inner .product-color.swatch-gold{background:#ae5d13!important;color:#ffedbf}.dna-inner .product-color:before,.dna-inner .product-color:after{display:none}.dna-inner .product-color>span{font-size:12px;letter-spacing:1px;color:inherit;position:relative;z-index:2}.dna-inner .product-photo{width:90%;height:82%;top:13%;left:5%;object-fit:contain;mix-blend-mode:screen;filter:none;transform:translateY(var(--jar-drift,0px)) rotate(var(--jar-turn,-3deg));transition:transform .7s;will-change:transform}.dna-inner .product-card:hover .product-photo,.dna-inner .catalog-item:hover .product-photo{transform:translateY(-12px) rotate(3deg) scale(1.06)}.dna-inner .product-info{padding:24px 0 35px;border-bottom:1px solid #a5653660}.dna-inner .product-info h3{font-size:32px;line-height:1.1;letter-spacing:-.025em;margin-top:0}.dna-inner .product-info p{font-size:16px;color:inherit}.dna-inner .product-price,.dna-inner .product-detail{font-size:14px;color:inherit}.dna-inner .product-page{padding:150px 6vw 80px;background:var(--surface);color:var(--on-surface);gap:6vw;align-items:start}.dna-inner .product-page>div:last-child{padding-top:30px}.dna-inner .product-page h1{font-size:clamp(44px,5vw,80px);line-height:1.05;margin:30px 0;letter-spacing:-.035em}.dna-inner .product-page p{font-size:18px;color:inherit;line-height:1.8}.dna-inner .product-page .small{font-size:14px}.dna-inner .product-display{position:sticky;top:30px;min-height:650px;background:transparent!important;color:var(--on-surface);border:1px solid #fff0bb40;padding:30px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.dna-inner .product-display:before{content:'';position:absolute;inset:0;background:url('./assets/honey-material.jpg') center/cover;mix-blend-mode:soft-light;opacity:.27;z-index:-1}.dna-inner .product-display:after{display:none}.dna-inner .product-detail-photo{position:absolute;left:0;top:5%;width:100%;height:70%;mix-blend-mode:screen;object-fit:contain;transform:translateY(var(--jar-drift,0px)) rotate(var(--jar-turn,-3deg));will-change:transform}.dna-inner .product-display h2{font-size:38px;line-height:1.1;letter-spacing:-.025em;margin:430px 0 20px;position:relative;color:inherit}.dna-inner .product-display>span{font-size:12px;letter-spacing:1px;color:inherit}.dna-inner .add-form{border-color:#fff0bb60}.dna-inner .add-form label{font-size:14px;color:inherit}.dna-inner .add-form input,.dna-inner .add-form select{background:#ffecb8;border:0;border-radius:0;font-size:16px;color:#653019;padding:13px}.dna-inner .add-form .button{background:#ffda67;color:#653019;border-color:#ffda67}.dna-inner .product-background{margin:0 auto}.dna-inner .related{background:#ffcd40}
/* Images open as the reader moves through the story. */
.inner-motion .inner-image-reveal{clip-path:inset(12% 10% 12% 10% round 8px);transition:clip-path 1.1s cubic-bezier(.16,1,.3,1)}.inner-motion .inner-image-reveal.inner-arrived{clip-path:inset(0 0 0 0)}.inner-motion .inner-heading-reveal{transform:translateY(35px);transition:transform .9s cubic-bezier(.16,1,.3,1)}.inner-motion .inner-heading-reveal.inner-arrived{transform:none}.dna-inner .reveal-ready{opacity:1!important;transform:none!important}.dna-inner .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px;align-items:start}.dna-inner .gallery-photo{background:#154831;color:#f5e8af;border:0;padding:0;aspect-ratio:1.25;overflow:hidden;border-radius:0}.dna-inner .gallery-photo:nth-child(4n+2){margin-top:90px;aspect-ratio:.95}.dna-inner .gallery-photo:nth-child(4n+3){aspect-ratio:1.05}.dna-inner .gallery-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.09) translateY(var(--photo-drift,0px));will-change:transform}.dna-inner .gallery-photo>span{color:inherit;font-size:16px}.dna-inner .photo-section{background:#ffda67}.dna-inner .contact-layout{background:#ffda67;gap:8vw}.dna-inner .contact-layout h2{font-size:clamp(40px,5vw,75px);line-height:1.05}.dna-inner .contact-panel{background:#963819;color:#ffe9b6;padding:40px;border:0}.dna-inner .contact-panel a{color:inherit}.dna-inner .contact-layout article{border-color:#a5653660!important}.dna-inner .contact-layout p{font-size:18px;color:inherit}.dna-inner .steps{gap:30px}.dna-inner .steps article{border-color:#a5653660;background:#ffe6a0;padding:30px}.dna-inner .steps h3{font-size:30px}.dna-inner .cart-row{border-color:#a5653660}.dna-inner .cart-row h3{font-size:30px}.dna-inner .cart-row input{font-size:16px;background:#ffe6a0;border-color:#a5653660}.dna-inner .cart-total{border-color:#a5653660}.dna-inner .cart-total strong{color:#963819}.dna-inner .photo-dialog{background:#154831;color:#f5e8af}.dna-inner .toast{background:#73213e;color:#ffe1b0}
@media(max-width:1000px){.dna-inner .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dna-inner .product-display{min-height:540px}.dna-inner .product-display h2{margin-top:340px;font-size:32px}}
@media(max-width:760px){.dna-inner .header-shop{display:none}.dna-inner .section{padding:65px 6vw}.inner-intro-stage{min-height:80svh;padding:140px 6vw 65px}.dna-inner .inner-intro-copy h1{font-size:clamp(40px,10.5vw,74px);line-height:1.08;letter-spacing:-.035em;margin:25px 0}.inner-intro-copy>p:last-child{font-size:16px;line-height:1.65}.inner-motion.inner-editorial .inner-opening{height:125svh}.inner-motion.inner-editorial .inner-intro-stage{padding:130px 6vw 80px}.inner-motion .inner-hero-media>img{clip-path:inset(3% 3% 3% 20% round 8px)}.dna-inner.inner-reading .inner-intro-copy h1{font-size:clamp(34px,8.6vw,62px)}.dna-inner.inner-reading .inner-intro-stage{min-height:75svh}.dna-inner.inner-practical .inner-intro-stage{min-height:60svh}.dna-inner.inner-practical .inner-intro-copy h1{font-size:clamp(42px,11vw,70px)}.dna-inner .lead{font-size:18px}.dna-inner .story{gap:25px}.dna-inner .story h2,.dna-inner .nature>h2{font-size:42px}.dna-inner .story-copy p{font-size:16px;line-height:1.8}.dna-inner .nature-grid{display:block;margin-top:35px}.dna-inner .nature-grid article{padding:25px 0}.dna-inner .article-grid{grid-template-columns:1fr;gap:28px}.dna-inner .article-card{padding:30px}.dna-inner .article-card:nth-child(even){margin-top:0}.dna-inner .article-card h3{font-size:32px}.dna-inner .editorial-card{padding:0}.dna-inner .editorial-card>div{padding:28px}.dna-inner .editorial-card>img{height:210px}.dna-inner .reading{padding:65px 6vw}.dna-inner .reading p,.dna-inner .original-text p{font-size:17px;line-height:1.85}.dna-inner .product-grid{gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.dna-inner .product-color{height:250px;padding:14px}.dna-inner .product-color>span{font-size:10px}.dna-inner .product-info h3{font-size:25px;overflow-wrap:break-word}.dna-inner .product-info p{font-size:14px}.dna-inner .product-info{padding:20px 0 25px}.dna-inner .product-price,.dna-inner .product-detail{font-size:13px}.dna-inner .product-page{display:flex;flex-direction:column;padding:125px 6vw 65px;gap:35px}.dna-inner .product-page>div{width:100%}.dna-inner .product-display{position:relative;top:0;min-height:490px;padding:25px}.dna-inner .product-detail-photo{height:75%;top:0}.dna-inner .product-display h2{margin:330px 0 20px;font-size:32px}.dna-inner .product-page>div:last-child{padding-top:0}.dna-inner .product-page h1{font-size:48px}.dna-inner .product-page p{font-size:16px}.dna-inner .add-form{gap:15px;flex-wrap:wrap}.dna-inner .add-form label{flex:1 1 120px;min-width:0}.dna-inner .add-form select,.dna-inner .add-form input{max-width:100%;width:100%}.dna-inner .add-form .button{width:100%;flex:1 1 100%}.dna-inner .photo-grid{gap:25px;grid-template-columns:1fr}.dna-inner .gallery-photo:nth-child(4n+2){margin-top:0;aspect-ratio:1.2}.dna-inner .gallery-photo:nth-child(4n+3){aspect-ratio:1.2}.dna-inner .contact-layout{display:block}.dna-inner .contact-panel{padding:30px;margin-bottom:45px}.dna-inner .contact-layout p{font-size:16px}.dna-inner .dna-footer>div{font-size:14px;gap:18px}}
@media(max-width:370px){.dna-inner .product-grid{grid-template-columns:1fr}.dna-inner .product-color{height:350px}.dna-inner .product-info h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.inner-motion .inner-image-reveal{clip-path:none}.inner-motion .inner-heading-reveal{transform:none}.inner-hero-media>img{transform:none;clip-path:none!important}.dna-inner .product-photo,.dna-inner .product-detail-photo,.dna-inner .gallery-photo img{transform:none!important}}
@media print{.inner-opening,.inner-intro-stage{height:auto!important;min-height:0!important}.inner-hero-media{display:none}.dna-inner .inner-intro-stage{padding:20px;color:#000}.dna-inner .product-display{position:relative}.dna-inner .article-card,.dna-inner .reading{background:#fff;color:#000}}
.dna-inner.menu-open .dna-header .brand,.dna-inner.menu-open .dna-header .menu-toggle{color:#fff2cb}.dna-inner .inner-intro-copy .eyebrow{color:inherit}.dna-inner .catalog-item[hidden]{display:none}.dna-inner .article-card a{color:inherit}.dna-inner .original-text h3{color:inherit}.dna-inner .catalog-controls fieldset{flex-wrap:wrap}.dna-inner .add-form .button:hover{background:#fff0b8;border-color:#fff0b8}.dna-inner .inner-intro-copy{max-width:100%;min-width:0}
@media(max-height:650px) and (min-width:761px){.inner-motion.inner-editorial .inner-intro-stage{height:100svh;padding-top:110px;padding-bottom:40px}.dna-inner .inner-intro-copy h1{font-size:12vh;margin:20px 0}.inner-intro-copy>p:last-child{font-size:16px;line-height:1.5}}