/* A product studio, not decorated product cards. Same measured size for every flavour. */
.brand-home #gusti,.brand-home #design{--mochi-size:250px}
.brand-home #gusti .section-heading,.brand-home #design .section-heading{margin-bottom:28px}
.brand-home .showcase-flavours{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:10px auto 16px;max-width:880px}
.brand-home .showcase-flavours button{background:transparent;border:1px solid #38203f25;padding:9px 17px;min-height:44px;border-radius:25px;font-size:12px;line-height:1.4;transition:background .2s,color .2s}
.brand-home .showcase-flavours button[aria-pressed=true]{background:#38203f;color:#fffaf2;border-color:#38203f}
.brand-home .showcase-flavours button:hover:not([aria-pressed=true]){background:#f0e8ee}
.brand-home #flavour-grid,.brand-home #design-grid{gap:20px;padding-block:22px 6px;padding-inline:calc((100% - 440px)/2);scroll-padding-inline:calc((100% - 440px)/2)}
.brand-home #flavour-grid>article,.brand-home #design-grid>article{flex-basis:440px;padding:0 24px 8px;opacity:.28;isolation:isolate}
.brand-home #flavour-grid>article::before,.brand-home #design-grid>article::before{content:attr(data-flavour-name);position:absolute;display:block;z-index:-1;left:50%;top:42px;transform:translateX(-50%);width:100%;font-size:clamp(44px,6vw,76px);font-family:var(--font);font-weight:700;line-height:1;letter-spacing:-.07em;text-transform:uppercase;color:#38203f0e;text-align:center;pointer-events:none;overflow-wrap:anywhere}
.brand-home #flavour-grid .flavour-photo{height:280px}
.brand-home #flavour-grid .mochi-cutout,.brand-home #design-grid .mochi-cutout{width:var(--mochi-size);margin-block:40px;max-width:none}
.brand-home #flavour-grid .mochi-cutout::before,.brand-home #design-grid .mochi-cutout::before{display:none}
.brand-home #flavour-grid .mochi-cutout::after,.brand-home #design-grid .mochi-cutout::after{content:"";position:absolute;z-index:-1;left:13%;right:13%;bottom:3%;height:5%;background:#38203f20;border-radius:50%;filter:blur(8px)}
.brand-home #flavour-grid h3,.brand-home #design-grid h3{font-size:32px;letter-spacing:-.045em;margin:0 0 7px}
.brand-home #flavour-grid p,.brand-home #design-grid p{margin-bottom:10px}
.brand-home .showcase-closeup{display:block;width:max-content;max-width:100%;margin:13px auto 0;padding:8px 10px;background:none;font-size:11px;min-height:44px;color:#38203f;text-underline-offset:5px;text-decoration:underline;text-decoration-color:#38203f40}
.brand-home .showcase-format{font-size:11px;color:#6a6067;margin-left:auto}
.brand-home .showcase-format summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.brand-home .showcase-format .micro{max-width:350px;font-size:11px;margin:10px 0}
.brand-home .flavour-controls{margin-top:10px;padding-top:12px}
.product-closeup{width:min(840px,94vw);max-width:94vw;max-height:90dvh;overflow:auto;border:0;padding:44px 28px 28px;background:#fffaf2;color:#38203f;border-radius:20px;text-align:center;box-shadow:0 24px 100px #20102650}
.product-closeup::backdrop{background:#211525aa;backdrop-filter:blur(6px)}
.product-closeup h2{font:700 clamp(28px,5vw,46px)/1.1 var(--font);letter-spacing:-.05em;margin-top:12px}
.product-closeup .closeup-close{position:absolute;top:12px;right:14px;width:44px;height:44px;border-radius:50%;background:#38203f;color:#fffaf2;font-size:27px;line-height:1}
.product-closeup .closeup-image{display:grid;place-items:center;min-height:180px;padding:20px 0 30px}
.product-closeup .mochi-cutout{width:min(500px,68vw);max-width:none;margin:22px auto;aspect-ratio:1.25}
.product-closeup .mochi-cutout>img{position:absolute!important;width:var(--image-width)!important;max-width:none!important;height:auto!important;left:var(--image-left)!important;top:var(--image-top)!important;margin:0!important;object-fit:initial!important}
.product-closeup .closeup-caption{font-size:12px;line-height:1.6;color:#6a6067;max-width:400px;margin:auto}
body.closeup-open{overflow:hidden}
/* Same choice, same consent behaviour, less visual obstruction. */
body.brand-home .cookie-panel{border-radius:16px;padding:18px 20px;box-shadow:0 8px 35px #38203f18;max-width:580px}
body.brand-home .cookie-panel h2{font-size:19px;line-height:1.2;letter-spacing:-.03em;margin-bottom:9px}
body.brand-home .cookie-panel p{font-size:12px;line-height:1.5}
body.brand-home .cookie-panel summary{font-size:11px;margin-top:8px}
body.brand-home .cookie-panel .cookie-actions{margin-top:12px;gap:10px}
body.brand-home .cookie-panel .button{flex:1;min-height:44px;padding:10px 12px;font-size:11px;justify-content:center;background:transparent;color:#38203f;border:1px solid #38203f50}
@media(max-width:600px){
 .brand-home #gusti,.brand-home #design{--mochi-size:210px}
 .brand-home #gusti .section-heading,.brand-home #design .section-heading{margin-bottom:20px}
 .brand-home #gusti .section-heading h2,.brand-home #design .section-heading h2{font-size:clamp(32px,8.6vw,40px);margin-bottom:16px}
 .brand-home .showcase-flavours{gap:6px;margin:0 -4px 10px;justify-content:flex-start}
 .brand-home .showcase-flavours button{padding:8px 12px;font-size:11px}
 .brand-home #flavour-grid,.brand-home #design-grid{gap:12px;padding-top:12px;padding-inline:calc((100% + 40px - min(80vw,350px))/2);scroll-padding-inline:calc((100% + 40px - min(80vw,350px))/2)}
 .brand-home #flavour-grid>article,.brand-home #design-grid>article{flex-basis:min(80vw,350px);padding-inline:12px}
 .brand-home #flavour-grid>article::before,.brand-home #design-grid>article::before{font-size:clamp(40px,12vw,58px);top:36px}
 .brand-home #flavour-grid .flavour-photo{height:248px}
 .brand-home #flavour-grid .mochi-cutout,.brand-home #design-grid .mochi-cutout{margin-block:40px}
 .brand-home #flavour-grid h3,.brand-home #design-grid h3{font-size:29px}
 .brand-home .section-end{align-items:flex-start}
 .brand-home .showcase-format{width:100%;margin:0}
 body.brand-home .cookie-panel{left:10px;right:10px;bottom:10px;width:auto;padding:16px;max-height:55dvh;overflow:auto}
 .product-closeup{padding-inline:18px}
}
@media(max-width:350px){.brand-home #gusti,.brand-home #design{--mochi-size:185px}.brand-home .showcase-flavours button{font-size:10px;padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.brand-home .showcase-flavours button{transition:none}}
