@font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:700;font-display:swap;src:url('assets/fonts/barlow-condensed-700-italic.ttf') format('truetype')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/barlow-condensed-600.ttf') format('truetype')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/barlow-condensed-700.ttf') format('truetype')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/barlow-condensed-800.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/manrope-400.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/manrope-500.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/manrope-600.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/manrope-700.ttf') format('truetype')}
/* Fruta Forte: condensed athletic display, quiet text, deliberate editorial rhythm. */
:root{--font-display:'Barlow Condensed','Arial Narrow',sans-serif;--font-text:'Manrope',Arial,sans-serif}
body{font-family:var(--font-text);font-synthesis:none;-webkit-font-smoothing:antialiased}
h1,h2,.hero-ghost,.brand-ribbon,.flavor-info h3,.flavor-number b,.footer-brand strong{font-family:var(--font-display);font-weight:700;font-kerning:normal;letter-spacing:0;text-transform:uppercase}
h1{font-size:clamp(74px,8.6vw,138px);line-height:.89;letter-spacing:-.012em;max-width:100%;padding-right:12px}
h1 em{font-style:italic;font-weight:700;padding-right:.08em}
h2{font-size:clamp(54px,6.3vw,96px);line-height:.94;letter-spacing:-.008em;text-wrap:balance}
h2 em{font-style:normal}
.hero-sticky{grid-template-columns:44% 56%}
.hero-copy .eyebrow{margin-bottom:27px}.hero-copy>p{font-size:clamp(13px,1.13vw,17px);line-height:1.65;max-width:37ch;margin-top:29px;color:#c1c8b9}
.hero-ghost{font-size:clamp(150px,25vw,400px);font-weight:800;letter-spacing:-.025em;opacity:.35}
.eyebrow{font-family:var(--font-text);font-size:10px;line-height:1.4;font-weight:700;letter-spacing:.13em}
.concept-mark{font-size:9px;letter-spacing:.08em;color:#929e85;line-height:1.5;margin-top:19px}
.top nav a{font-size:12px;font-weight:500}.header-edition{font-size:10px;letter-spacing:.12em}
.manifesto h2{font-size:clamp(58px,7.1vw,108px);line-height:.94;max-width:1100px}.manifesto h2 span{color:#8e9c7f}
.manifesto-bottom{max-width:840px;gap:46px;margin-top:42px}.manifesto-bottom p{font-size:15px;line-height:1.8;color:#b9c1b0}
.brand-ribbon{font-size:clamp(30px,4.6vw,67px);line-height:1;font-style:normal;letter-spacing:.01em;padding-block:25px}
.section-heading{align-items:flex-end;gap:35px}.section-heading>p{font-size:13px;line-height:1.7;max-width:33ch;color:#adb8a0}
.flavor-info{padding-top:25px}.flavor-number{display:flex;align-items:center;gap:12px;color:var(--accent)}
.flavor-number b{font-size:34px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:0}
.flavor-number>span{font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;line-height:1.4;padding-left:12px;border-left:1px solid var(--accent)}
.flavor-info h3{font-size:clamp(34px,3.7vw,55px);line-height:1;letter-spacing:0;margin:15px 0 24px;max-width:12ch}
.flavor-quote{font-family:var(--font-display);font-weight:600;font-style:normal;font-size:clamp(24px,2.25vw,32px);line-height:1.12;letter-spacing:.005em;color:#f0f0e6;min-height:0;padding-left:14px;border-left:2px solid var(--accent)}
.flavor-description{font-size:13px;line-height:1.8;max-width:32ch;color:#adb7a3;margin-top:22px}
.section-note{font-size:11px;line-height:1.7;color:#98a38d;max-width:95ch;margin-top:32px}
.recipe-item summary h3{font-family:var(--font-text);font-size:21px;letter-spacing:-.025em;font-weight:600;line-height:1.25;text-transform:none;margin:27px 0 14px}
.recipe-item summary>span{font-family:var(--font-display);font-size:27px;letter-spacing:0;line-height:1}
.recipe-item p{font-size:13px;line-height:1.8;color:#aeb9a2;max-width:34ch}.recipe-grid{gap:34px 38px}
.assembly-copy h2{font-size:clamp(56px,6.1vw,92px);line-height:.94;letter-spacing:0;margin-bottom:27px}
.assembly-copy p{font-size:15px;line-height:1.75;max-width:30ch}
.assembly-phase strong,.kit-phase strong{font-family:var(--font-text);font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.02em}
.assembly-phase span,.kit-phase p{font-family:var(--font-text);font-size:13px;line-height:1.7;color:#adb9a0}
.assembly-scroll-cue{font-size:11px;letter-spacing:0}.assembly-note,.kit-note{font-size:10px;line-height:1.6;color:#9aa68c}
.occasion-copy h2{font-size:clamp(58px,6.3vw,96px);line-height:.94}.occasion-copy>p{font-size:14px;line-height:1.8}
.occasion-tags span{border-radius:3px;letter-spacing:.03em;font-size:10px;padding:9px 12px}.occasion-copy small{font-size:10px;color:#a2ac96}
.kit-heading h2{font-size:clamp(46px,5.1vw,72px);line-height:.92;letter-spacing:0}.kit-heading h2 em{color:var(--lime)}
.kit-phase{padding-top:28px;max-width:330px}.kit-heading .eyebrow{margin-bottom:17px}
.kit-gesture{font-size:12px}.kit-buttons button{font-family:var(--font-text);font-weight:500}
.closing h2{font-size:clamp(65px,9vw,134px);line-height:.91;letter-spacing:0}.closing p{font-size:14px;line-height:1.8;max-width:52ch;margin:32px auto 0}
.footer-brand strong{font-size:27px;font-style:normal;line-height:1;letter-spacing:.025em}.footer-brand span{font-size:11px;line-height:1.6}footer p{font-size:10px;line-height:1.8;color:#97a18c}.footer-signature{font-size:8px;letter-spacing:.08em;line-height:1.7}
@media(min-width:601px) and (max-width:1000px){
 h1{font-size:8.7vw}.hero-copy>p{font-size:13px}.hero-copy .eyebrow{font-size:9px}.concept-mark{font-size:8px}
 .flavor-info h3{font-size:36px}.flavor-quote{font-size:26px}.assembly-copy h2{font-size:62px}.assembly-phase strong,.kit-phase strong{font-size:18px}
 .kit-heading h2{font-size:50px}.kit-phase{max-width:260px}.kit-phase p{font-size:12px}
}
@media(max-width:600px){
 .hero-sticky{display:block;padding-top:99px;min-height:690px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:17px;gap:9px}
 .hero-copy h1{font-size:clamp(55px,15.4vw,70px);line-height:.88;letter-spacing:-.005em;max-width:100%;padding-right:10px}
 .hero-copy>p{font-size:12px;line-height:1.6;margin-top:18px;max-width:35ch}.hero-copy .concept-mark{font-size:8px;letter-spacing:.05em;margin-top:11px;color:#99a68c}
 .hero-stage{top:365px;bottom:179px}.hero-ghost{font-size:49vw;bottom:28%;right:5%}
 .hero-picker-heading>span:first-child{font-family:var(--font-display);text-transform:uppercase;font-size:24px;letter-spacing:.025em;font-weight:600}
 .hero-picker-heading>span:last-child{font-size:10px}.hero-flavor-buttons button{font-size:11px}.hero-swipe-hint{font-size:9px;letter-spacing:0}
 .top nav a{font-size:11px}.top nav{gap:16px}.eyebrow{font-size:9px;letter-spacing:.11em}
 .manifesto{padding-top:63px;padding-bottom:34px}.manifesto h2{font-size:clamp(46px,12.8vw,59px);line-height:.97;letter-spacing:0}
 .manifesto-bottom{gap:18px;margin:27px 0 36px}.manifesto-bottom p{font-size:13px;line-height:1.8}.brand-ribbon{font-size:clamp(27px,7.8vw,36px);padding-block:19px}
 .section-heading h2{font-size:clamp(48px,13.2vw,60px);line-height:.94;letter-spacing:0}.section-heading>p{font-size:12px;margin-top:20px;max-width:36ch}
 .flavor-info{padding:22px 23px 27px}.flavor-number b{font-size:30px}.flavor-number>span{font-size:9px;letter-spacing:.08em}
 .flavor-info h3{font-size:42px;line-height:.98;margin:15px 0 22px;letter-spacing:0;max-width:13ch}
 .flavor-quote{font-size:28px;line-height:1.1;letter-spacing:0;padding-left:13px}.flavor-description{font-size:12px;line-height:1.8;margin-top:20px;max-width:none}
 .flavor-carousel-hint{font-size:10px}.flavor-section .section-note,.recipe-section .section-note{font-size:10px;line-height:1.7;color:#9daa90}
 .recipe-item summary{min-height:76px;gap:13px}.recipe-item summary>span{font-size:24px;width:24px}.recipe-item summary h3{font-family:var(--font-text);font-size:19px;letter-spacing:-.025em;line-height:1.25}
 .recipe-item>p{font-size:13px;line-height:1.8;max-width:none;padding-left:37px}.recipe-item summary>i{font-size:22px}
 .assembly-copy h2{font-size:46px;line-height:.94;letter-spacing:0;margin-bottom:0;max-width:100%}.assembly-copy .eyebrow{font-size:9px;margin-bottom:15px}
 .assembly-phase{top:155px;max-width:100%}.assembly-phase strong{font-size:16px;margin-bottom:6px}.assembly-phase span{font-size:11px;line-height:1.6;max-width:31ch}
 .assembly-stage{top:225px;height:calc(100% - 330px)}.assembly-note{font-size:9px;line-height:1.6}.assembly-progress span{font-size:9px}
 .occasion-copy h2{font-size:58px;line-height:.94}.occasion-copy>p{font-size:12px;line-height:1.8;margin-top:21px}.occasion-tags span{font-size:9px}.occasion-copy small{font-size:9px}
 .kit-heading h2{font-size:44px;line-height:.92;max-width:100%;letter-spacing:0}.kit-heading .eyebrow{font-size:9px;margin-bottom:16px}
 .kit-flavor-caption>button{font-size:9px;letter-spacing:-.025em}.kit-zoom-controls button{font-size:10px}.kit-zoom-stepper button{font-size:23px}.kit-zoom-stepper output{font-size:12px}
 .kit-gesture{font-size:10px}.kit-gesture .kit-pinch-hint{font-size:8px;line-height:1.55;max-width:155px}.kit-note{font-size:9px;line-height:1.6}.kit-progress span{font-size:9px}
 .closing{padding-top:70px;padding-bottom:65px}.closing h2{font-size:clamp(54px,15vw,68px);line-height:.94}.closing p{font-size:12px;line-height:1.8}
 .footer-brand strong{font-size:29px}footer p{font-size:10px;line-height:1.8}.footer-brand span{font-size:11px}
}
@media(max-width:600px) and (max-height:740px){
 .hero-sticky{padding-top:91px;min-height:660px}.hero-copy h1{font-size:54px;line-height:.87}.hero-copy .eyebrow{font-size:8px;margin-bottom:14px}
 .hero-copy>p{font-size:11px;margin-top:14px}.hero-copy .concept-mark{font-size:7px;margin-top:9px}.hero-stage{top:322px;bottom:174px}
 .assembly-copy h2{font-size:42px}.assembly-phase{top:145px}.assembly-stage{top:212px;height:calc(100% - 322px)}
}
@media(max-width:360px){.top nav{gap:12px}.top nav a{font-size:10px}.hero-copy h1{font-size:53px}.flavor-info h3{font-size:38px}.flavor-quote{font-size:26px}.kit-flavor-caption>button{font-size:8px}.recipe-item summary h3{font-size:18px}}