/* Brand revision, 22 October 2026. Original artwork is never cropped. */
.berry-art{aspect-ratio:1;display:grid;place-items:center;background:#070608;border:1px solid #69467d;overflow:hidden}
.berry-art img,.berry-art canvas{width:100%;height:100%;object-fit:contain;display:block}
.berry-art canvas{image-rendering:pixelated}
.berry-art [hidden]{display:none}
.banana-product{align-items:center}
.banana-art{aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(ellipse,#aa10d222,transparent 70%)}
.banana-art img{width:100%;height:100%;object-fit:contain}
.banana-product .banana-name{font-size:clamp(32px,3.2vw,46px);line-height:1.05}
.banana-product .preorder-status{margin-top:22px}
.banana-product .dispatch{font-size:13px;margin:12px 0 25px;color:#d8d0b8}
.banana-product .product-title{justify-content:flex-start}
.banana-product .product-title>p{text-align:left}
.label-preview{border-bottom:1px solid #545044;margin-bottom:22px}
.label-preview summary{cursor:pointer;padding:14px 0;font-size:12px;font-weight:700;min-height:44px}
.label-preview a{display:block;margin:10px 0}
.label-preview img{width:100%;height:auto}
.label-preview p{font-size:11px;color:#bdb9ad;padding-bottom:15px}
.heat-scale-section{border-top:1px solid #34342e}
.heat-scale-section .section-heading{margin-bottom:30px}
.heat-scale-section h2{font-size:clamp(40px,5.5vw,74px)}
.scale-scroll{overflow-x:auto;border:1px solid #353329;background:#000;scrollbar-color:#ff792a #24241c;overscroll-behavior-x:contain}
.scale-scroll:focus-visible{outline:3px solid #ffe060;outline-offset:5px}
.scale-scroll img{width:100%;height:auto;max-width:none;display:block}
.swipe-hint{font-size:11px;color:#bdb9ad;margin-bottom:12px}
.scale-levels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #353329;border-top:0}
.scale-levels li{padding:22px 16px;border-right:1px solid #353329}
.scale-levels li:last-child{border-right:0}
.scale-levels span{display:block;font-size:10px;font-weight:800;letter-spacing:1px;color:#ffb369}
.scale-levels p,.scale-levels a{display:block;margin-top:10px;font-size:13px;line-height:1.5}
.scale-levels li:first-child span{color:#b5dc6d}.scale-levels li:nth-child(2) span{color:#ffe058}
.scale-note{font-size:11px;color:#bdb9ad;margin-top:18px}
.founder-story{grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.founder-portrait{margin:0;position:relative;min-width:0;background:#080d10;border:1px solid #30302a;isolation:isolate}
.founder-portrait img{width:100%;height:auto;display:block}
.founder-portrait figcaption{position:absolute;bottom:22px;left:22px;right:22px;font-size:9px;letter-spacing:2px;color:#ddd2b8;text-align:center}
.founder-story h2{font-size:clamp(40px,4.7vw,65px);margin-bottom:30px}
.founder-story .lead{margin-bottom:23px}
@media(max-width:900px){.scale-levels li{padding:18px 10px}.scale-levels a{font-size:12px}.founder-story{gap:5%;align-items:start}.founder-story .story-rule{margin:25px 0}.founder-story h2{font-size:42px}}
@media(max-width:700px){.founder-story{grid-template-columns:1fr;gap:36px}.founder-portrait{max-width:520px;width:100%;margin:auto}.founder-story h2{font-size:clamp(38px,9vw,60px)}.scale-scroll img{min-width:800px}.scale-levels{grid-template-columns:repeat(2,1fr)}.scale-levels li{border-bottom:1px solid #353329}.scale-levels li:nth-child(even){border-right:0}.scale-levels li:last-child{grid-column:1/-1;border-bottom:0}.scale-levels li:last-child a{font-size:14px}.scale-levels li:last-child span{color:#ff8b62}}
.header{padding-top:12px;padding-bottom:12px}
.wordmark{transform:none;letter-spacing:normal;line-height:1;width:112px;flex-shrink:0}
.wordmark img{width:112px;height:112px;object-fit:contain}
.hero-bottom{justify-content:flex-end;gap:30px}
.hero-bottom a{margin-right:auto}
.product-art{display:grid;place-items:center;aspect-ratio:1;position:relative;border:1px solid #38362c;background:radial-gradient(ellipse at 50% 55%,#68231845,transparent 70%);overflow:hidden}
.island .product-art{background:radial-gradient(ellipse at 50% 55%,#5b591b40,transparent 70%)}
.product-art img{width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 14px 20px #0005)}
.product-info .heat{margin-bottom:0}
.product-info .heat>span{font:800 11px/1.5 Arial,sans-serif;letter-spacing:1px;color:#ffae66}
.ingredients{border-bottom:1px solid #545044;margin-bottom:20px}
.ingredients summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:55px;padding:16px 0;font-size:14px;font-weight:800;cursor:pointer}
.ingredients summary::-webkit-details-marker{display:none}
.ingredients summary:after{content:'+';font-size:25px;font-weight:400;color:#ff792a}
.ingredients[open] summary:after{content:'−'}
.ingredient-body{padding:0 0 22px;font-size:14px;line-height:1.8;color:#e0dbcf}
.ingredient-body p+p{margin-top:12px}
.ingredient-body strong{color:#fff4d9}
.ingredient-body .allergen{padding:10px 14px;border-left:3px solid #ff792a;background:#ff792a0c;font-size:13px}
.ingredient-body .declaration-status{font-size:11px;line-height:1.6;color:#c4b992}
.banana-product{margin-top:55px;padding:42px;border:1px solid #756435;display:grid;grid-template-columns:1fr 1fr;gap:65px;background:linear-gradient(110deg,#ffe05809,transparent 65%)}
.banana-heading h3{font-size:clamp(40px,5.2vw,68px)}
.banana-heading h3 span{color:#ffe058}
.preorder-status{display:inline-block;margin-top:30px;background:#ffe058;color:#15120b;padding:9px 13px;font-size:10px;font-weight:900;letter-spacing:1px}
.banana-heading p:last-child{font-size:14px;margin-top:12px}
.banana-product .product-info{padding:0}
.banana-product .product-title{justify-content:flex-end;padding-bottom:15px;border-bottom:1px solid #545044}
.berry-teaser{margin-top:50px;padding-top:40px;border-top:1px solid #484139;display:grid;grid-template-columns:160px 1fr;gap:32px;align-items:center}
.berry-art-pending{aspect-ratio:1;display:grid;place-items:center;border:1px dashed #71617e;color:#bdaacb;background:#28202e;font-size:10px;text-align:center;letter-spacing:2px}
.berry-teaser .eyebrow{color:#c9a7e0;margin-bottom:10px}
.berry-teaser h3{font-size:44px;color:#ecd1f8}
.berry-teaser p:not(.eyebrow){font-size:14px;margin-top:12px}
.berry-teaser .asset-status{color:#aca497;font-size:11px!important}
.berry-teaser a{display:inline-block;margin-top:16px;font-size:12px;border-bottom:1px solid #b688cf}
.cast{grid-template-columns:repeat(3,1fr)}
.cast>div{padding:30px 20px!important;min-height:145px}
.cast>div:nth-child(3n){border-right:0}
.cast>div:nth-child(-n+3){border-bottom:1px solid #555044}
.cast>div:nth-child(4){border-right:1px solid #555044}
.contact-actions{max-width:760px;margin:35px auto 0;gap:0;border-top:1px solid #1115;border-bottom:1px solid #1115}
.contact-channel{flex:1;text-align:left;padding:24px 30px;display:flex;flex-direction:column;gap:10px;min-width:0}
.contact-channel:first-child{border-right:1px solid #1115}
.contact-channel>span{font-size:9px;font-weight:900;letter-spacing:2px}
.contact-channel strong{font-size:20px;line-height:1.3}
.contact-channel small{font-size:12px;overflow-wrap:anywhere}
.contact-channel:hover{background:#ffffff15;text-decoration:none}
footer .wordmark{width:100px}footer .wordmark img{width:100px;height:100px}
@media(max-width:900px){.banana-product{gap:30px;padding:30px}.contact-channel strong{font-size:18px}}
@media(max-width:600px){.header{padding-top:8px;padding-bottom:15px;gap:10px}.header .wordmark,.header .wordmark img{width:88px;height:88px}.header nav{margin-top:2px}.hero{padding-top:30px}.product-art{aspect-ratio:1}.banana-product{grid-template-columns:1fr;padding:25px;gap:28px;margin-top:40px}.banana-heading h3{font-size:48px}.banana-product .product-title{justify-content:flex-start}.banana-product .product-title>p{text-align:left}.berry-teaser{grid-template-columns:95px 1fr;gap:20px}.berry-teaser h3{font-size:34px}.berry-art-pending{font-size:8px;letter-spacing:1px}.cast{grid-template-columns:1fr 1fr}.cast>div{border-right:1px solid #555044!important;border-bottom:1px solid #555044!important;min-height:125px}.cast>div:nth-child(even){border-right:0!important}.cast>div:nth-last-child(-n+2){border-bottom:0!important}.contact-actions{display:grid}.contact-channel{padding:22px 10px}.contact-channel:first-child{border-right:0;border-bottom:1px solid #1115}.hero-bottom>span:last-child{display:block}}