/* Mincho dei titoli nuovi: lo stesso Noto Serif JP (OFL) del titolo «窓から、あなたの手へ。», peso 700, ritagliato sui caratteri dei titoli. Vedi make-font.mjs. */
@font-face{font-family:'Cherie Mincho New';src:url('cherie-mincho-new.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
html body.direction-03-08.home .signature-stage .orbit-copy h1{font-family:'Cherie Mincho New','Cherie Mincho Title','Yu Mincho','Hiragino Mincho ProN','Noto Serif CJK JP',serif;font-weight:700}
/* Maison Chérie — correzioni 11/10. Strato comune alle tre varianti, caricato dopo style.css della baseline.
   Non modifica la baseline: tutto è sotto html body.direction-03-08 o in classi nuove (vc-, signature-sign). */

/* 1. Slogan: più lungo del vecchio «ひと口。», quindi più piccolo. Resta sotto la soglia del testo ingrandito (90px). */
html body.direction-03-08.home .signature-stage .orbit-copy h1{font-size:clamp(30px,3.5vw,54px);line-height:1.38;letter-spacing:-.01em}
html body.direction-03-08.home .signature-stage .orbit-copy h1 .jp-unit{white-space:nowrap}
@media(max-width:1000px){html body.direction-03-08.home .signature-stage .orbit-copy h1{font-size:clamp(26px,4.4vw,40px)}}
@media(max-width:680px){html body.direction-03-08.home .signature-stage .orbit-copy h1{font-size:clamp(27px,8.4vw,35px);line-height:1.34}}
@media(max-height:600px) and (min-width:600px){html body.direction-03-08.home .signature-stage .orbit-copy h1{font-size:clamp(24px,3.6vw,36px);line-height:1.25}}

/* 2. Firma «39 - thank you». Elemento autonomo, figlio dello stage e non del blocco che sfuma. */
.signature-sign{margin:0;display:flex;align-items:baseline;gap:.4em;order:3;padding:34px 22px 14px;background:var(--navy);color:#fff;font-family:Fraunces,serif;line-height:1;pointer-events:none}
.signature-sign b{font-weight:600;font-size:clamp(84px,25vw,118px);line-height:.8;letter-spacing:-.045em;color:var(--yellow)}
.signature-sign span{font-weight:500;font-size:clamp(23px,6.2vw,32px);letter-spacing:-.01em}
@media(min-width:681px){
 .signature-sign{padding:44px 7vw 28px}
 .signature-sign b{font-size:clamp(96px,10.5vw,168px)}
 .signature-sign span{font-size:clamp(26px,2.8vw,44px)}
}
@media(min-width:681px) and (max-width:1000px){
 .signature-sign b{font-size:12.5vw}
 .signature-sign span{font-size:3.2vw}
}
/* Scena a scorrimento: la firma sta nella zona sinistra e il suo valore arriva dallo scroll (variants.mjs). */
html body.sl-staged .signature-stage .signature-sign{position:absolute;left:7vw;top:calc(50% - 36px);margin:0;padding:0;background:none;z-index:8;opacity:var(--sl-o,0);visibility:var(--sl-v,hidden);transform:translate3d(0,calc(-50% + var(--sl-y,12px)),0)}
@media(max-width:1000px){html body.sl-staged .signature-stage .signature-sign{left:5vw}}
/* Prima della prima decisione di variants.mjs la firma non lampeggia (rimosso da script, o dopo 2,6 s). */
html.sl-pre .signature-sign{opacity:0!important}
/* Telefono con movimento: scorre nel documento e compare quando lo slogan è uscito. Nascosta solo se variants.mjs è partito (sl-ready). */
html body.motion-ready.stage-flat.sl-ready .signature-sign{opacity:0;transform:translate3d(0,14px,0);transition:none}
html body.motion-ready.stage-flat.sl-seen .signature-sign{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}

/* 3. Capitoli nuovi: fondo bianco, testo vero nel documento. */
.vc-chapter{position:relative;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,5vw,88px);align-items:center;padding:clamp(64px,9vw,128px) 7vw;background:#fff;color:var(--ink)}
.vc-chapter h2{margin:0 0 .7em;font:700 clamp(24px,2.8vw,42px)/1.4 'Cherie Mincho New','Cherie Mincho Title','Yu Mincho','Hiragino Mincho ProN','Noto Serif CJK JP',serif;color:#02304f;letter-spacing:-.01em}
.vc-chapter .vc-lead{margin:0;font:700 clamp(40px,5.2vw,78px)/1.2 'Cherie Mincho New','Cherie Mincho Title','Yu Mincho','Hiragino Mincho ProN','Noto Serif CJK JP',serif;color:var(--navy);letter-spacing:-.02em}
.vc-chapter .vc-sub{margin:.35em 0 2em;font-size:clamp(17px,1.5vw,21px);font-weight:700;line-height:1.7;color:var(--deep)}
.vc-line{display:block;text-wrap:pretty;line-break:strict;word-break:auto-phrase}
.vc-body{max-width:34em}
.vc-body p,.vc-story p{margin:0;font-size:clamp(16px,1.12vw,18px);line-height:2.05}
.vc-group+.vc-group{margin-top:1.8em;padding-top:1.8em;border-top:1px solid #02304f26}
.vc-photo{position:relative;aspect-ratio:1447/1087;min-width:0}
.vc-photo:before{content:'';position:absolute;inset:11% 9% 6% 14%;border-radius:50%;background:var(--yellow)}
.vc-photo>img.vc-main{position:relative;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(12px 22px 20px #002d5055);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201447%201087%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M24%20704L75%20555Q95%20462%20175%20397L201%20241L336%20226L348%20111L456%20123Q480%20174%20537%20172Q583%20165%20622%20206L695%20235Q745%20218%20800%20243L895%20290Q940%20258%20984%20306L1060%20341Q1125%20310%201170%20354Q1300%20347%201370%20404Q1430%20475%201400%20588L1220%201000Q1190%201070%201100%201064Q920%201060%20730%201000L430%20895L130%20776Z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201447%201087%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M24%20704L75%20555Q95%20462%20175%20397L201%20241L336%20226L348%20111L456%20123Q480%20174%20537%20172Q583%20165%20622%20206L695%20235Q745%20218%20800%20243L895%20290Q940%20258%20984%20306L1060%20341Q1125%20310%201170%20354Q1300%20347%201370%20404Q1430%20475%201400%20588L1220%201000Q1190%201070%201100%201064Q920%201060%20730%201000L430%20895L130%20776Z%22%2F%3E%3C%2Fsvg%3E")}
.vc-photo>img.vc-detail{position:absolute;right:-3%;bottom:-9%;width:44%;aspect-ratio:1447/1087;object-fit:cover;border-radius:var(--photo-radius,18px);border:6px solid #fff;box-shadow:0 18px 40px #00375640;transform:rotate(3deg)}
@media(max-width:1000px){.vc-chapter{grid-template-columns:1fr;padding:56px 22px 72px}.vc-photo{width:min(100%,640px);margin:0 auto}.vc-photo>img.vc-detail{right:0;bottom:-6%}}
.vc-photo.vc-plain:before{display:none}
.vc-photo.vc-plain>img.vc-main{object-fit:cover;border-radius:var(--photo-radius,18px);filter:none;-webkit-mask-image:none;mask-image:none;box-shadow:0 22px 48px #00375038}
.vc-chapter.vc-has-detail{padding-bottom:clamp(88px,11vw,150px)}

/* Storia nella sezione della consegna: stessa foto, più testo. */
.vc-story{margin-top:56px;padding-top:40px;border-top:1px solid #02304f3d;max-width:32em}
.vc-story h3{margin:0 0 1.1em;font:700 clamp(19px,1.7vw,25px)/1.55 'Cherie Mincho New','Cherie Mincho Title','Yu Mincho','Hiragino Mincho ProN','Noto Serif CJK JP',serif;color:#02304f}
.vc-story p+p{margin-top:1.5em}
.direction-03-08 .handoff-story.vc-has-story .handoff-title{padding-left:6vw;padding-right:4vw}
.direction-03-08 .handoff-story.vc-has-story .handoff-photo{align-self:start;margin-top:56px}
@media(max-width:1000px){.direction-03-08 .handoff-story.vc-has-story .handoff-title{padding-left:5vw;padding-right:5vw}.direction-03-08 .handoff-story.vc-has-story .handoff-photo{align-self:center;margin-top:0}}
@media(max-width:680px){.direction-03-08 .handoff-story.vc-has-story .handoff-title{padding:60px 25px 45px}.vc-story{margin-top:40px;padding-top:30px}}

/* 4. Variante B: il french toast è la foto principale. Sagoma del vassoio senza il coperchio tagliato. */
/* Il ritaglio (1087x977) è tagliato dal cerchio del disco giallo: ogni taglio della cornice cade su un arco, come nella baseline. */
body.variant-b .orbit-stage img.orbit-food{left:9.54%;top:12.22%;width:81%;height:auto;aspect-ratio:1087/977;object-fit:fill;scale:1;transform:none;transform-origin:50% 51.9%;filter:drop-shadow(10px 18px 16px #0a3b4a50);-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201087%20977%27%3E%3Ccircle%20cx%3D%27543%27%20cy%3D%27507%27%20r%3D%27470%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201087%20977%27%3E%3Ccircle%20cx%3D%27543%27%20cy%3D%27507%27%20r%3D%27470%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}
body.variant-b.motion-ready .orbit-stage .orbit-circle{animation:pm-float 7s ease-in-out infinite}

/* 5. Variante C: la scena col dessert non c'è; la storia viene prima. L'orbita resta ferma mentre la firma passa. */
body.variant-c .signature-dessert{display:none!important}
body.variant-c.motion-ready:not(.stage-flat) .signature-track{height:200svh}
body.variant-c.motion-ready:not(.stage-flat) .signature-stage .orbit-stage{transform:none!important;opacity:1!important}

/* B: carnitas (alpha) nella storia, sul fondo turchese della sezione */
body.variant-b .handoff-story.vc-has-story .handoff-photo{overflow:visible;border-radius:0;background:none;aspect-ratio:1310/1263;height:auto}
body.variant-b .handoff-photo img.vc-carnitas{width:100%;height:100%;object-fit:contain;transform:none;filter:drop-shadow(12px 20px 18px #0a3b4a4d)}
body.variant-b.motion-ready .handoff-story.vc-has-story .handoff-photo.pm-in{animation:pm-pop 1.1s var(--ease) both;clip-path:none}
body.variant-b.motion-ready .handoff-story.vc-has-story .handoff-photo.pm-in img.vc-carnitas{animation:pm-float 7s 1.2s ease-in-out infinite}
body.variant-b .handoff-photo img.vc-carnitas{border-radius:0}
body.variant-b .orbit-stage .orbit-circle{inset:15.4%}

.site-nav .wordmark{display:inline-flex;align-items:center;min-height:44px}