@font-face{font-family:'Noto Serif JP';src:url('/assets/noto-serif-jp.woff') format('woff');font-style:normal;font-weight:200 900;font-display:swap}
/* One shared quality floor; each scene and narrative is authored per design. */
.demo,.variant-site{--q-paper:var(--v-paper,var(--paper));--q-ink:var(--v-ink,var(--ink));--q-accent:var(--v-accent,var(--accent));--q-serif:'Noto Serif JP','Yu Mincho',serif;--q-sans:'Noto Sans JP',sans-serif}.demo{--serif:var(--q-serif)}.variant-site{--v-serf:var(--q-serif)}.demo h1,.variant-site h1{text-wrap:balance;overflow-wrap:break-word}.demo h2,.variant-site h2{text-wrap:balance}.demo p,.variant-site p{font-feature-settings:'palt' 0;letter-spacing:.015em}.demo-button,.v-button{position:relative;isolation:isolate;overflow:hidden;transition:background .25s,color .25s,border-color .25s,translate .25s}.demo-button>span,.v-button>span{transition:translate .25s}.demo-brand,.v-brand{font-kerning:normal}.demo-about>div>p:not([class]),.v-about>div>p:not([class]){max-width:35em}.v-about .q-about-paragraph+.q-about-paragraph{margin-top:16px}.v-about img{object-position:var(--q-focus,center)}.demo-about h2>span{display:block}.demo-hero h1 .q-phrase{display:inline-block}.q-about-paragraph{font-size:16px;line-height:2.1;max-width:35em;margin-top:20px}.q-about-paragraph+.q-about-paragraph{margin-top:15px}.v-offers li{transition:background-color .2s}.v-offers li p{max-width:39em}.v-feature li>p{max-width:35em}.demo-footer,.v-footer{border-top:1px solid var(--q-accent)}.demo-footer .demo-brand,.v-footer .v-brand{padding-block:8px}.q-chapter{position:relative;isolation:isolate;padding-block:48px 55px;color:var(--q-ink);overflow:clip}.q-chapter-inner{width:min(1140px,calc(100% - 96px));margin-inline:auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}.q-chapter-copy{min-width:0;position:relative;z-index:1}.q-eyebrow{font:600 12px/1.7 Arial,sans-serif;letter-spacing:.13em;color:var(--q-accent);margin-bottom:20px}.q-chapter h2{font-size:clamp(28px,3vw,39px);line-height:1.75;letter-spacing:.025em;font-weight:600;margin:0 0 23px}.q-chapter h2>span{display:block}.v-type--serif .q-chapter h2,.demo--cafe .q-chapter h2,.demo--salon .q-chapter h2,.demo--flowers .q-chapter h2,.demo--bakery .q-chapter h2{font-family:var(--q-serif);font-weight:500}.q-chapter-copy>p:not([class]){font-size:15px;line-height:2.1;max-width:34em;margin-top:17px}.q-detail-link{display:inline-flex;justify-content:space-between;align-items:center;gap:38px;min-height:46px;font-size:14px;border-bottom:1px solid var(--q-accent);padding-block:11px;margin-top:21px;max-width:100%}.q-detail-link>span{font:400 25px/1 Arial;transition:translate .2s}.q-chapter-visual{position:relative;min-width:0}.q-chapter figure{margin:0}.q-chapter img{object-fit:cover;object-position:var(--q-focus,center);width:100%;display:block;height:auto}.q-chapter-figure>img{aspect-ratio:1.1}.q-chapter figcaption{font-size:13px;line-height:1.8;margin-top:13px;letter-spacing:.01em;max-width:40em}.q-photo-index{position:absolute;right:14px;top:14px;font:600 10px/1.4 Arial;letter-spacing:.13em;background:var(--q-paper);color:var(--q-ink);padding:6px 9px}.q-chapter--spread .q-chapter-inner{grid-template-columns:1fr 1.35fr;gap:60px;border-block:1px solid var(--q-accent);padding-block:34px}.q-chapter--spread .q-chapter-figure>img{aspect-ratio:1.45}.q-chapter--portrait .q-chapter-inner{grid-template-columns:1.15fr .85fr;gap:100px}.q-chapter--portrait .q-chapter-figure>img{aspect-ratio:.85;border-radius:180px 180px 3px 3px}.q-chapter--portrait .q-chapter-visual{max-width:460px;justify-self:end;width:100%}.q-chapter--portrait .q-photo-index{right:-17px;top:40%;writing-mode:vertical-rl;background:var(--q-paper);padding:8px 5px}.q-chapter--duo .q-chapter-inner{grid-template-columns:1fr 1.2fr;gap:60px}.q-chapter--duo .q-chapter-visual{padding:0 90px 110px 0}.q-chapter--duo .q-chapter-figure>img{aspect-ratio:1.05}.q-chapter--duo .q-chapter-small{position:absolute;right:0;bottom:0;width:50%;padding:9px;background:var(--q-paper);box-shadow:0 9px 30px #00000018}.q-chapter--duo .q-chapter-small>img{aspect-ratio:1.1}.q-chapter--duo .q-photo-index{left:-15px;top:auto;bottom:30px;right:auto;writing-mode:vertical-rl;background:none}.q-chapter--cutout .q-chapter-inner{gap:80px}.q-chapter--cutout .q-chapter-figure{background:var(--q-paper);border:1px solid var(--q-accent);padding:13px 13px 20px;rotate:2deg;box-shadow:11px 13px 0 #00000008}.q-chapter--cutout .q-chapter-figure>img{aspect-ratio:1.15}.q-chapter--cutout .q-chapter-figure figcaption{text-align:center;margin-top:14px}.q-chapter--panel{padding-block:45px}.q-chapter--panel .q-chapter-inner{background:#00000004;border:1px solid var(--q-accent);gap:0;align-items:stretch}.q-chapter--panel .q-chapter-copy{padding:40px 42px;align-self:center}.q-chapter--panel .q-chapter-visual{height:100%}.q-chapter--panel .q-chapter-figure{height:100%;display:flex;flex-direction:column}.q-chapter--panel .q-chapter-figure>img{height:100%;flex:1;min-height:420px;aspect-ratio:1.1}.q-chapter--panel figcaption{padding:8px 18px 12px;margin:0}.q-chapter--grid .q-chapter-inner{display:block}.q-chapter--grid .q-chapter-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 55px;margin-bottom:30px;align-items:start}.q-chapter--grid .q-eyebrow{grid-column:1/-1}.q-chapter--grid h2{grid-row:2/5}.q-chapter--grid .q-chapter-copy>p:not([class]){margin-top:0;margin-bottom:16px}.q-chapter--grid .q-detail-link{justify-self:start;margin-top:0}.q-chapter--grid .q-chapter-visual{display:grid;grid-template-columns:1.3fr 1fr;gap:25px;align-items:end}.q-chapter--grid .q-chapter-figure>img{aspect-ratio:1.5}.q-chapter--grid .q-chapter-small>img{aspect-ratio:1.12}.q-chapter--grid .q-photo-index{top:-19px;right:15px}.q-chapter--fullbleed{color:#fff;margin-block:30px 45px;padding-block:0}.q-chapter--fullbleed .q-chapter-inner{position:relative;width:100%;min-height:570px;display:block;padding:70px max(48px,calc((100% - 1140px)/2))}.q-chapter--fullbleed .q-chapter-copy{max-width:510px}.q-chapter--fullbleed .q-chapter-visual{position:absolute;inset:0;z-index:-2}.q-chapter--fullbleed .q-chapter-figure{height:100%}.q-chapter--fullbleed .q-chapter-figure>img{height:100%;aspect-ratio:auto;object-position:70% center}.q-chapter--fullbleed .q-chapter-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e1515ed,#0e1515ce 42%,#0e151544 75%,#0e151526);z-index:1}.q-chapter--fullbleed figcaption{position:absolute;right:30px;bottom:22px;z-index:2;color:#fff;max-width:40%}.q-chapter--fullbleed .q-eyebrow{color:#fff}.q-chapter--fullbleed .q-detail-link{border-color:#fff}.q-chapter--fullbleed .q-photo-index{z-index:2;background:#ffffffdd;color:#283c32}.q-visit-steps{list-style:none;padding:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;text-align:left;margin:30px 0 0!important}.q-visit-steps li{display:grid;grid-template-columns:27px 1fr;gap:13px;border-top:1px solid var(--q-accent);padding-top:19px;min-width:0}.q-visit-steps li>span{font:600 13px/1.8 Arial;color:var(--q-accent)}.q-visit-steps h3{font-size:17px;line-height:1.8;margin:0 0 9px}.q-visit-steps p{font-size:14px;line-height:2;margin:0;max-width:22em}.q-visit-steps+.demo-example-note{margin-top:35px}.v-layout--poster .q-chapter h2{font-weight:750;letter-spacing:-.015em}.v-layout--brochure .q-chapter h2{font-weight:500}.v-layout--immersive .q-chapter:not(.q-chapter--fullbleed) .q-chapter-inner{border-color:var(--q-accent)}.demo--craft .q-chapter-figure,.demo--photographer .q-chapter-figure{box-shadow:none}.v-hero-copy .q-hero-detail{font-size:14px;line-height:1.9;max-width:29em;border-top:1px solid var(--q-accent);padding-top:18px;margin-top:24px;color:inherit}.v-hero--immersive .q-hero-detail{border-color:#ffffff70}.v-hero--brochure .q-hero-detail{display:none}.v-hero--editorial .q-hero-detail{max-width:26em}.q-detail-link:focus-visible{outline:3px solid var(--q-accent);outline-offset:5px}.q-chapter--fullbleed .q-detail-link:focus-visible{outline-color:#fff}@media(hover:hover){.q-detail-link:hover>span{translate:3px -3px}.demo-button:hover>span,.v-button:hover>span{translate:2px -2px}.v-offers li:hover{background:#00000004}.q-chapter--cutout .q-chapter-figure{transition:rotate .35s}.q-chapter--cutout .q-chapter-figure:hover{rotate:0deg}}
@media(max-width:1099px){.q-chapter-inner{width:calc(100% - 64px);gap:40px}.q-chapter--spread .q-chapter-inner,.q-chapter--duo .q-chapter-inner{gap:40px}.q-chapter--portrait .q-chapter-inner{gap:55px}.q-chapter h2{font-size:32px}.q-chapter--cutout .q-chapter-inner{gap:45px}.q-chapter--panel .q-chapter-copy{padding:30px}.q-chapter--panel .q-chapter-figure>img{min-height:400px}.q-chapter--duo .q-chapter-visual{padding-right:60px;padding-bottom:100px}.q-chapter--grid .q-chapter-copy{gap:0 40px}.q-chapter--fullbleed .q-chapter-inner{padding-inline:32px}}
@media(max-width:959px){.v-about,.v-layout--immersive .v-about,.v-layout--brochure .v-about,.v-layout--editorial .v-about,.v-layout--journal .v-about{grid-template-columns:1fr;gap:30px}.v-about>div{max-width:700px}.v-about img,.v-layout--immersive .v-about figure img{aspect-ratio:1.5}.v-feature,.v-layout--journal .v-feature{grid-template-columns:1fr;gap:28px}.q-chapter{padding-block:35px 42px}.q-chapter-inner,.q-chapter--portrait .q-chapter-inner,.q-chapter--spread .q-chapter-inner,.q-chapter--duo .q-chapter-inner,.q-chapter--cutout .q-chapter-inner{grid-template-columns:1fr;gap:30px}.q-chapter-copy{max-width:720px}.q-chapter h2{font-size:31px}.q-chapter-copy>p:not([class]){max-width:42em}.q-chapter--portrait .q-chapter-visual{max-width:560px;justify-self:center}.q-chapter--portrait .q-chapter-figure>img{aspect-ratio:1.15}.q-chapter--spread .q-chapter-inner{padding-block:26px}.q-chapter--duo .q-chapter-visual{max-width:740px;padding-right:120px;padding-bottom:80px}.q-chapter--duo .q-chapter-figure>img{aspect-ratio:1.45}.q-chapter--duo .q-chapter-small{width:35%}.q-chapter--cutout .q-chapter-figure{rotate:1deg;max-width:700px;margin-inline:auto}.q-chapter--panel .q-chapter-inner{grid-template-columns:1fr}.q-chapter--panel .q-chapter-copy{padding:32px}.q-chapter--panel .q-chapter-figure>img{min-height:0;aspect-ratio:1.55;height:auto;flex:none}.q-chapter--grid .q-chapter-copy{grid-template-columns:1fr;gap:0}.q-chapter--grid .q-eyebrow{grid-column:1}.q-chapter--grid h2{grid-row:auto}.q-chapter--grid .q-chapter-visual{grid-template-columns:1.2fr 1fr;gap:18px}.q-chapter--fullbleed{padding:0;margin-block:15px 30px}.q-chapter--fullbleed .q-chapter-inner{min-height:530px}.q-chapter--fullbleed .q-chapter-copy{max-width:65%}.q-visit-steps{gap:18px}.q-visit-steps li{display:block}.q-visit-steps h3{margin-top:8px;font-size:16px}.v-hero-copy .q-hero-detail{max-width:38em}}
@media(max-width:599px){.q-chapter{padding-block:30px 35px}.q-chapter-inner{width:calc(100% - 40px);gap:25px}.q-eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:16px}.q-chapter h2{font-size:clamp(26px,7vw,31px);line-height:1.8;letter-spacing:0;margin-bottom:20px}.q-chapter-copy>p:not([class]){font-size:15px;line-height:2.05;margin-top:15px}.q-detail-link{margin-top:17px;font-size:14px;min-height:46px}.q-chapter-figure>img{aspect-ratio:1.2}.q-chapter figcaption{font-size:13px;margin-top:11px}.q-chapter--portrait .q-chapter-visual{max-width:420px}.q-chapter--portrait .q-chapter-figure>img{aspect-ratio:1.05;border-radius:130px 130px 3px 3px}.q-chapter--portrait .q-photo-index{right:-10px;font-size:9px}.q-chapter--spread .q-chapter-inner{gap:25px;padding-block:23px}.q-chapter--spread .q-chapter-figure>img{aspect-ratio:1.3}.q-chapter--duo .q-chapter-visual{padding:0 48px 92px 0}.q-chapter--duo .q-chapter-figure>img{aspect-ratio:1.12}.q-chapter--duo .q-chapter-small{width:48%;padding:7px}.q-chapter--duo .q-chapter-small>img{aspect-ratio:1.15}.q-chapter--duo .q-photo-index{left:-8px;bottom:23px;font-size:9px}.q-chapter--cutout .q-chapter-figure{padding:9px 9px 14px;box-shadow:6px 7px 0 #00000008}.q-chapter--cutout .q-chapter-inner{gap:26px}.q-chapter--panel .q-chapter-copy{padding:25px 22px 28px}.q-chapter--panel .q-chapter-figure>img{aspect-ratio:1.2}.q-chapter--panel figcaption{padding:10px 16px;margin:0}.q-chapter--grid .q-chapter-copy{margin-bottom:24px}.q-chapter--grid .q-chapter-visual{grid-template-columns:1fr;gap:24px}.q-chapter--grid .q-chapter-figure>img{aspect-ratio:1.3}.q-chapter--grid .q-chapter-small{width:80%;margin-left:auto}.q-chapter--grid .q-chapter-small>img{aspect-ratio:1.3}.q-chapter--fullbleed{color:var(--q-ink);padding:0;margin-block:15px 20px}.q-chapter--fullbleed .q-chapter-inner{width:calc(100% - 40px);display:flex;flex-direction:column-reverse;padding:0;min-height:0;gap:25px}.q-chapter--fullbleed .q-chapter-copy{max-width:100%}.q-chapter--fullbleed .q-chapter-visual{position:relative;width:100%;z-index:0}.q-chapter--fullbleed .q-chapter-visual::after{display:none}.q-chapter--fullbleed .q-chapter-figure>img{height:auto;aspect-ratio:1.15;object-position:var(--q-focus,center)}.q-chapter--fullbleed figcaption{position:static;color:var(--q-ink);max-width:100%;margin-top:11px}.q-chapter--fullbleed .q-eyebrow{color:var(--q-accent)}.q-chapter--fullbleed .q-detail-link{border-color:var(--q-accent)}.q-chapter--fullbleed .q-photo-index{top:12px;right:12px;bottom:auto}.q-visit-steps{grid-template-columns:1fr;gap:0;margin-top:25px!important}.q-visit-steps li{display:grid;grid-template-columns:28px 1fr;gap:13px;padding-block:18px}.q-visit-steps h3{font-size:17px;margin:0 0 8px}.q-visit-steps p{font-size:14px;max-width:30em}.q-about-paragraph{font-size:15px;line-height:2.05;margin-top:18px}.v-hero-copy .q-hero-detail{font-size:14px;padding-top:16px;margin-top:21px}.v-hero--immersive .q-hero-detail{display:none}.demo-footer,.v-footer{gap:22px}.demo-footer a:not(.demo-brand),.v-footer a:not(.v-brand){min-height:44px}}
@media(max-width:359px){.q-chapter-inner,.q-chapter--fullbleed .q-chapter-inner{width:calc(100% - 32px)}.q-chapter h2{font-size:26px}.q-chapter--panel .q-chapter-copy{padding-inline:18px}.q-chapter--duo .q-chapter-visual{padding-right:35px}.q-chapter--cutout .q-chapter-figure{rotate:0deg}}
@media(prefers-reduced-motion:reduce){.demo-button,.v-button,.demo-button>span,.v-button>span,.q-detail-link>span,.v-offers li,.q-chapter--cutout .q-chapter-figure{transition:none!important}}

/* Original sample accents keep their hue with readable small text. */
.demo--salon{--accent:#60715c}.demo--flowers{--accent:#5b7061}.demo--interior{--accent:#5e674f}