.page-languages{display:flex;align-items:center;gap:5px;white-space:nowrap}.page-languages a{display:grid;place-items:center;min-height:36px;min-width:36px;padding:7px;border-radius:50%;font:500 11px sans-serif;color:inherit;text-decoration:none}.page-languages a[aria-current=page]{background:#292d27;color:#f7f4eb}.skip-link{position:fixed;left:15px;top:-100px;z-index:100;background:#f7f4eb;color:#292d27;padding:15px}.skip-link:focus{top:10px}.journey-guide,.site-faq,.product-directory{max-width:1280px;margin:auto;padding:70px 6%}.journey-guide h2,.site-faq h2,.product-directory h2{font:500 clamp(28px,4vw,48px)/1.15 Manrope,sans-serif;letter-spacing:-1.5px;margin:0 0 30px}.journey-guide .site-faq,.journey-guide .product-directory{padding:60px 0}.guide-lead{max-width:620px;font-size:18px;line-height:1.8}.breadcrumbs{display:flex;gap:12px;font-size:12px;margin-bottom:40px}.ingredient-card{padding:28px;background:var(--wash,#efdfde);margin:35px 0;border-radius:5px}.ingredient-card h3{font-size:15px}.ingredient-card p{line-height:1.7}.ingredient-card small{display:block;margin-top:20px}.process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}.process-grid section{border-top:1px solid #292d2730;padding:25px 0}.process-grid h3{font-size:23px;margin:15px 0}.process-grid p{font-size:15px;line-height:1.8;max-width:460px}.process-number{font-size:12px;color:var(--accent,#b82e3f)}.site-faq details{border-top:1px solid #292d2730;padding:20px 0}.site-faq summary{cursor:pointer;font-size:18px;line-height:1.5}.site-faq p{max-width:720px;font-size:15px;line-height:1.8}.product-links{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.product-links a{display:flex;flex-direction:column;gap:14px;padding:22px 15px;border:1px solid #292d2730;border-radius:4px;transition:background .2s;color:inherit;text-decoration:none}.product-links a:hover{background:#e9ebd2}.product-links span{font-size:20px}.product-links small{font-size:11px;line-height:1.5}.guide-contact{display:inline-block;margin-top:35px;line-height:1.8}.journey-guide{scroll-margin-top:100px}.slice-fan svg{position:absolute;left:50%;top:45%;width:310px;height:350px;opacity:0;filter:drop-shadow(8px 15px 12px #4d172622)}.berry .whole,.berry .fresh{overflow:hidden}.frost-generic{mask:none;inset:18%;border-radius:42%}.pack-shell img{mask:var(--pack-mask,url('/assets/pack-cilek-mask.svg')) center/contain no-repeat}.orbit-a{background:radial-gradient(circle,var(--wash,#edd6d6),transparent 70%)}
@media(max-width:800px){.page-languages{display:flex;gap:1px}.page-languages a{min-height:32px;min-width:30px;font-size:10px;padding:5px}.journey-guide,.site-faq,.product-directory{padding:45px 6%}.product-links{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:1fr;gap:15px}.slice-fan svg{width:210px;height:235px;top:43%}header .back{gap:4px;font-size:10px}header{gap:8px}.journey-guide .site-faq,.journey-guide .product-directory{padding:40px 0}.guide-lead{font-size:15px}}
@media(max-height:720px) and (max-width:800px){.slice-fan svg{width:175px;height:195px}}
@media(prefers-reduced-motion:reduce){.journey{height:auto}.pinned{position:relative}.snow,.vapour{display:none}}

.studio-credit{display:flex;align-items:center;gap:10px;margin-left:auto;color:#63685e}.studio-credit>span{font-size:9px;letter-spacing:.03em}.studio-credit strong{font:600 15px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.8px;color:#292d27}.studio-credit strong span{color:#b82e3f}.journey-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #292d2720;padding:30px 6%;gap:20px}.journey-footer>a{font-size:24px;letter-spacing:-1.5px}.journey-footer>a span{color:#b82e3f}
@media(max-width:800px){footer .studio-credit{flex-basis:100%;margin:12px 0 0;padding-top:18px;border-top:1px solid #292d271a;justify-content:space-between}.journey-footer{flex-wrap:wrap}}
/* Shared site shell on every route. */
header.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:none;height:96px;margin:0;padding:0 max(5%,calc((100vw - 1296px)/2));background:#f7f4ebed;backdrop-filter:blur(14px);border-bottom:1px solid #292d2715}
.site-header .logo,.site-footer .logo{font:500 34px 'DM Sans',sans-serif;letter-spacing:-2.4px;white-space:nowrap;text-decoration:none;color:#292d27}.site-header .logo span,.site-footer .logo span{color:#b82e3f}.site-header .logo sup{font-size:10px;vertical-align:top;letter-spacing:0}.site-header nav:not(.page-languages){display:flex;gap:25px}.site-header nav a,.site-header .contact{font-size:12px;color:inherit;text-decoration:none}.site-header .page-languages{display:flex}.site-header .contact span{padding-left:12px}
footer.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:34px 5%;border-top:1px solid #292d2720;background:#f7f4eb;color:#292d27}.site-footer>a:not(.logo),.site-footer>.copyright,.site-footer>.footer-tagline{font-size:10px;letter-spacing:.3px}.site-footer .studio-credit{display:flex;align-items:center;gap:16px;margin-left:auto}.studio-credit a{display:flex;align-items:center;min-height:32px}.studio-credit img{display:block;width:118px;height:auto;object-fit:contain;mask:none}
.product-links{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}.product-links .flavour-card{border:0;border-radius:12px;background:var(--card-wash);padding:18px 15px 25px;gap:8px;text-align:center;overflow:hidden}.flavour-pack{height:245px;display:grid;place-items:center}.flavour-pack img{width:100%;height:100%;object-fit:contain;mask:var(--pack-mask) center/contain no-repeat;transform:rotate(var(--card-angle));transition:transform .5s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(6px 14px 9px #292d2722)}.flavour-card:hover .flavour-pack img,.flavour-card:focus-visible .flavour-pack img{transform:rotate(0) translateY(-8px) scale(1.035)}.product-links .flavour-card:hover{background:var(--card-wash)}
.story-packs{position:relative;height:260px;min-width:0;isolation:isolate}.story-packs img{position:absolute;width:78%;height:240px;left:calc(-12% + var(--stack)*23%);top:calc(15px - var(--stack)*5px);object-fit:contain;mask:var(--pack-mask) center/contain no-repeat;transform:rotate(calc(-16deg + var(--stack)*15deg));filter:drop-shadow(4px 12px 8px #292d2722)}.story-packs img:nth-child(2){z-index:2;transform:translateY(-8px) rotate(-3deg)}
.site-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-faq summary::-webkit-details-marker{display:none}.site-faq summary:after{content:'+';font:300 25px sans-serif}.site-faq details[open] summary:after{content:'-'}
@media(max-width:800px){header.site-header{height:76px;padding:0 6%;gap:10px}.site-header .logo{font-size:29px}.site-header nav:not(.page-languages),.site-header .contact{display:none}.site-header .page-languages{display:flex}.site-footer .footer-tagline{display:none}.site-footer .studio-credit{flex-basis:100%;margin:0;justify-content:space-between}.product-links{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 0 18px;gap:14px;overscroll-behavior-x:contain}.product-links .flavour-card{flex:0 0 68%;scroll-snap-align:start}.flavour-pack{height:235px}.story-packs{max-width:330px;width:100%;height:250px;margin:10px auto 20px}.story-packs img{height:235px}}
@media(prefers-reduced-motion:reduce){.flavour-pack img{transition:none}}
.site-footer .studio-credit{align-items:center;gap:12px}.site-footer .studio-credit>span{font-size:9px;line-height:1.2}.site-footer .studio-credit a{min-height:28px;align-items:center;line-height:0}.site-footer .studio-credit img{width:86px;height:14px;object-fit:contain;display:block}

/* The shared sticky header is part of the available screen height. */
body[data-product] .pinned{top:96px;height:calc(100svh - 96px);min-height:0}body[data-product] .content{padding-top:35px;padding-bottom:95px}
@media(max-width:800px){body[data-product] .pinned{top:76px;height:calc(100svh - 76px)}body[data-product] .content{padding-top:26px;padding-bottom:95px}body[data-product] .visual{max-height:330px}body[data-product] .bottom{bottom:14px}}
@media(max-height:720px) and (max-width:800px){body[data-product] h1{font-size:35px}body[data-product] .scene-copy{min-height:185px}body[data-product] .content{padding-top:18px;padding-bottom:85px}}
@media(prefers-reduced-motion:reduce){body[data-product] .pinned{position:relative;top:0}}

.site-footer .studio-credit{display:inline-flex;align-items:center;gap:12px}.site-footer .studio-credit>span{display:block;line-height:16px}.site-footer .studio-credit a{display:flex;align-items:center;height:16px;min-height:16px}.site-footer .studio-credit img{width:68px;height:11px;transform:translateY(-1.5px);filter:brightness(0)}

.site-header .header-instagram{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;color:#292d27;border:1px solid #292d2726;border-radius:50%;transition:color .2s,border-color .2s,background .2s}.header-instagram svg{display:block}.site-header .header-instagram:hover{color:#b82e3f;border-color:#b82e3f55;background:#b82e3f08}.site-header .header-instagram:focus-visible{outline:2px solid #b82e3f;outline-offset:3px}
@media(max-width:800px){.site-header .header-instagram{flex-basis:36px;width:36px;height:36px}.site-header .header-instagram svg{width:18px;height:18px}}
