/* Toy Mochi: bold type, warm paper, little bursts of flavour. */
body.brand-home{--cream:#fffaf2;--ink:#38203f;--muted:#6a6067;--line:#38203f20;background:var(--cream);color:var(--ink)}
.brand-home h1,.brand-home h2,.brand-home h3{font-family:var(--font);font-weight:700;letter-spacing:-.055em;text-wrap:balance}
.brand-home p{color:var(--muted)}
.brand-home .film-section p{color:#f3eaf0}
.brand-home .film-section .micro{color:#dbcfdd}
.brand-home .header{height:78px;background:#fffaf2;border-bottom:1px solid var(--line);backdrop-filter:none;-webkit-backdrop-filter:none}
.brand-home .eyebrow{font-weight:700;font-size:10px;letter-spacing:.17em;color:var(--ink)}
.brand-home .hero h1{font-weight:700;line-height:.97;letter-spacing:-.065em}
.brand-home .hero h1 .outline{color:#d72d63;-webkit-text-stroke:0}
.brand-home .hero .intro{font-size:15px;line-height:1.65;max-width:390px}
.brand-home .hero::before,.brand-home .hero::after{display:none}
.brand-home .button{border-radius:28px;font-weight:700;padding-inline:24px;min-height:48px}
.brand-home .button.dark{background:#38203f;border-color:#38203f}
.brand-home .button.dark:hover{background:#d72d63;border-color:#d72d63}
.brand-home .manifesto{background:#38203f;color:#fffaf2;border:0;padding-block:22px}
.brand-home .manifesto p{color:inherit;font-weight:700;letter-spacing:.05em}
.brand-home .manifesto>span:first-of-type{color:#f1b952}
.brand-home .section-heading{gap:40px;margin-bottom:20px;align-items:center}
.brand-home .section-heading h2{font-size:clamp(38px,4.7vw,66px);line-height:1.02;margin-top:13px;letter-spacing:-.06em}
.brand-home .section-heading>p,.brand-home .section-heading>div>p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:380px}
.brand-home #gusti,.brand-home #design{padding-block:72px;--mochi-size:190px}
.brand-home #design{border-top:1px solid var(--line)}
.brand-home #flavour-grid,.brand-home #design-grid{border:0;background:none;gap:20px;padding-block:6px 14px;scrollbar-width:none}
.brand-home #flavour-grid::-webkit-scrollbar,.brand-home #design-grid::-webkit-scrollbar{display:none}
.brand-home #flavour-grid>article,.brand-home #design-grid>article{position:relative;background:none;border:0;border-radius:0;padding-bottom:8px;opacity:.5;transition:opacity .3s}
.brand-home #flavour-grid>article.is-current,.brand-home #design-grid>article.is-current,.brand-home #flavour-grid>article:focus-within,.brand-home #design-grid>article:focus-within{opacity:1}
.brand-home #flavour-grid .flavour-photo{height:210px;isolation:isolate}
.brand-home #flavour-grid .mochi-cutout,.brand-home #design-grid .mochi-cutout{width:var(--mochi-size);max-width:none;margin:29px auto 29px;isolation:isolate}
.brand-home #flavour-grid .mochi-cutout::before,.brand-home #design-grid .mochi-cutout::before{content:"";position:absolute;z-index:-1;inset:8% -12% -4%;border-radius:50%;background:var(--card-bg,#e8e0ec);opacity:.65;transform:rotate(-12deg)}
.brand-home #flavour-grid h3,.brand-home #design-grid h3{font-weight:700;font-size:34px;line-height:1.08;text-transform:uppercase;letter-spacing:-.055em;margin:8px 0 10px}
.brand-home #flavour-grid p,.brand-home #design-grid p{font-size:13px;line-height:1.5;min-height:24px;margin:0 0 14px}
.brand-home #flavour-grid .product-sheet-link,.brand-home #design-grid .product-sheet-link{font-size:11px;min-height:44px;border:1px solid #38203f30;border-radius:24px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);margin:0 auto;transition:background .2s,color .2s}
.brand-home #flavour-grid .product-sheet-link:hover,.brand-home #design-grid .design-sheet:hover .product-sheet-link{background:#38203f;color:#fffaf2}
.brand-home .flavour-controls{justify-content:center;gap:13px;border-top:1px solid var(--line);margin:18px 0 0;padding-top:16px}
.brand-home .flavour-controls .flavour-scroll-hint{margin-right:auto;font-size:10px;letter-spacing:.04em;font-weight:700}
.brand-home .flavour-controls button{width:44px;height:44px;background:#38203f;border:0;color:#fffaf2;font-size:22px;line-height:1}
.brand-home .flavour-controls button:hover:not(:disabled){background:#d72d63}
.brand-home .flavour-controls button:disabled{background:transparent;box-shadow:inset 0 0 0 1px #38203f30;color:#38203f;opacity:.35}
.brand-home .flavour-controls span:not(.flavour-scroll-hint){font-size:10px;letter-spacing:.08em}
.brand-home .under-grid,.brand-home .section-end{margin-top:22px;border:0;padding-top:0;font-size:11px}
.brand-home .section-end p{font-weight:700;font-size:14px;color:var(--ink)}
.brand-home .text-link{font-weight:600}
.brand-home .film-section{background:#38203f;padding-block:70px}
.brand-home .film-copy h2{font-weight:700;line-height:1;letter-spacing:-.055em;font-size:clamp(40px,5vw,64px)}
.brand-home .film-copy p{line-height:1.65}
.brand-home .film-frame video{border-radius:12px;box-shadow:8px 8px 0 #f1b952}
.brand-home .film-section .eyebrow{color:#f1b952}
.brand-home .story-section{background:#efe7f1}
.brand-home .story-copy h2,.brand-home .find-layout h2,.brand-home .pro-copy h2,.brand-home .arcade-copy h2{font-weight:700;line-height:1.04}
.brand-home .story-art.story-year{background:transparent;color:#38203f;border:1px solid #38203f25;border-radius:24px}
.brand-home .story-year strong{font-weight:700;color:#d72d63}
.brand-home .story-year p,.brand-home .story-year .eyebrow{color:#38203f}
.brand-home .story-year-line{background:#38203f30}
.brand-home .horeca-proof{border-radius:24px}
.brand-home .horeca-proof h3{font-weight:700;line-height:1.05}
.brand-home .serve-grid article{border-top:2px solid #38203f}
.brand-home .serve-grid article>span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e9e0ed;font-weight:700}
@media(max-width:800px){
 .brand-home .header{height:68px;background:#fffaf2}
 .brand-home .section-heading{gap:16px;margin-bottom:16px}
 .brand-home .film-section{padding-block:52px}
 .brand-home .film-copy h2{font-size:clamp(39px,9vw,56px);max-width:530px}
}
@media(max-width:600px){
 .brand-home .header{height:64px;padding-inline:20px}
 .brand-home .header .brand{width:140px;flex-shrink:0}
 .brand-home .hero{padding-top:28px;gap:22px}
 .brand-home .hero h1{font-size:clamp(46px,12vw,66px);line-height:.98;margin-block:18px}
 .brand-home .hero .intro{font-size:14px;line-height:1.65}
 .brand-home .hero-editorial{height:390px;border-radius:16px}
 .brand-home .hero-editorial figcaption strong{font-weight:700}
 .brand-home .manifesto{padding:18px 22px}
 .brand-home .manifesto p{font-size:10px;max-width:235px}
 .brand-home #gusti,.brand-home #design{padding-block:46px;--mochi-size:168px}
 .brand-home .section-heading h2{font-size:clamp(34px,9.6vw,46px);line-height:1.03}
 .brand-home .section-heading>p,.brand-home .section-heading>div>p:not(.eyebrow){font-size:13px;line-height:1.6;margin:0;max-width:340px}
 .brand-home #design .section-heading .micro{font-size:10px;margin-top:10px}
 .brand-home #flavour-grid,.brand-home #design-grid{gap:12px;padding-top:0}
 .brand-home #flavour-grid>article,.brand-home #design-grid>article{padding-inline:10px}
 .brand-home #flavour-grid .flavour-photo{height:192px}
 .brand-home #flavour-grid .mochi-cutout,.brand-home #design-grid .mochi-cutout{margin-block:29px}
 .brand-home #flavour-grid h3,.brand-home #design-grid h3{font-size:29px}
 .brand-home #flavour-grid p,.brand-home #design-grid p{font-size:12px;min-height:20px}
 .brand-home #flavour-grid .product-sheet-link,.brand-home #design-grid .product-sheet-link{font-size:10px;padding-inline:14px}
 .brand-home .flavour-controls .flavour-scroll-hint{font-size:9px;max-width:130px}
 .brand-home .under-grid,.brand-home .section-end{flex-wrap:wrap;gap:12px}
 .brand-home .story-art.story-year{min-height:300px}
 .brand-home .story-copy h2,.brand-home .find-layout h2,.brand-home .arcade-copy h2{font-size:36px}
 .brand-home .horeca-proof{border-radius:16px}
}
@media(max-width:350px){.brand-home .header{gap:10px;padding-inline:16px}.brand-home .header .brand{width:120px}.brand-home .logo-window{width:120px}.brand-home .logo-window img{width:124px;top:-23px}}
@media(prefers-reduced-motion:reduce){.brand-home #flavour-grid>article,.brand-home #design-grid>article,.brand-home .product-sheet-link{transition:none}}
