/* R6 modelli D–H, siti completi (17/10/2026) — strato comune a tutte le pagine dei cinque modelli. Solo locale, non pubblicato.
   Ogni variante prende struttura, ritmo e movimento di un sito indicato dal founder; foto, logo, colori e testi sono di Maison
   (foto da b/, testi dal menu e dalla home live). Date, luoghi e recapiti: segnaposto «見本 / 確認中».
   Caratteri (SIL OFL 1.1, vedi OFL.txt e FONT.md): Noto Serif JP ritagliato, Fraunces, Jost, Pinyon Script. */
@font-face{font-family:'Varianti Mincho';src:url('mincho.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:Fraunces;src:url('../b/assets/source/fraunces.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Jost;src:url('jost.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:Pinyon;src:url('pinyon.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--navy:#075386;--deep:#034573;--yellow:#ffd323;--cyan:#38b2c5;--cyan-ink:#0a6b7a;--ink:#002a45;--paper:#fffef7;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}
html{color:var(--navy);background:var(--paper);font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:16px;line-height:1.7;-webkit-text-size-adjust:100%}
body{margin:0}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,p,dl,dd,figure,ol,ul{margin:0}
ol,ul{padding:0;list-style:none}
.mc{font-family:'Varianti Mincho','Yu Mincho','Hiragino Mincho ProN',serif;font-weight:700;letter-spacing:.04em}
.fr{font-family:Fraunces,serif}
.jo{font-family:Jost,'Futura','Century Gothic',sans-serif}
.py{font-family:Pinyon,cursive;font-weight:400;letter-spacing:0}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;color:var(--deep);padding:8px 12px}
:focus-visible{outline:3px solid var(--deep);outline-offset:3px}
.on-dark :focus-visible,.on-dark:focus-visible,.on-navy :focus-visible,.on-navy:focus-visible{outline-color:var(--yellow)}
/* Comandi fissi o sopra le foto passano su fondi diversi: anello bianco fra due anelli scuri, visibile su chiaro, blu e foto. */
.float:focus-visible,.float :focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 2px var(--ink),0 0 0 7px var(--ink)}
/* Foto diverse fra telefono e desktop: due immagini, ognuna col suo alt; quella nascosta carica solo un pixel vuoto. */
.only-m{display:contents}.only-d{display:none}
/* Con display:contents anche <source> diventerebbe una cella vuota di una griglia: resta nascosto. */
.only-m>source,.only-d>source{display:none}
@media (min-width:760px){.only-m{display:none}.only-d{display:contents}}
/* Segnaposto dichiarato: si vede che è un esempio, non un dato. */
.sample{display:inline-block;padding:1px 7px;border:1.5px dashed currentColor;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.6;vertical-align:middle;white-space:nowrap}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Piede di tutte le pagine: collegamenti alle pagine e nota del prototipo, uguali nei cinque modelli. */
.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 18px;margin-top:8px;font-size:12.5px;font-weight:700;letter-spacing:.04em}
.foot-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.foot-links a[aria-current]{text-decoration:underline;text-underline-offset:5px}
.foot .demo-note{max-width:36em;margin:8px auto 0;font:400 11px/1.7 'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;letter-spacing:.02em;text-align:center}
