/* ==========================================================
   リシャールボックス 公式サイト(見た目は見本第2版を元にしている)
   1. トークン(切り替えはこの節の1行で済むようにしている)
   ========================================================== */
:root {
  /* 見出しフォントの切り替え: 下の1行を var(--font-serif-system) に変えるとシステム字体に戻り、フォントファイルは読み込まれない */
  --font-display: "RB Mincho", var(--font-serif-system);
  /* h3、小見出し、価格、数字などの明朝はシステム字体(フォントの容量を抑えるため) */
  --font-serif: var(--font-serif-system);
  --font-serif-system: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Serif CJK JP", "Noto Serif JP", serif;
  --font-sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", YuGothic, "Yu Gothic", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", sans-serif;

  /* 動きの切り替え: 0 にすると全ての遷移と演出が止まる */
  --motion: 1;
  --t-fast: calc(var(--motion) * 160ms);
  --t-med: calc(var(--motion) * 320ms);
  --t-slow: calc(var(--motion) * 900ms);
  --ease: cubic-bezier(.2,.7,.2,1);

  --night: #100e0c;
  --night-2: #1d1916;
  --night-3: #38302a;
  --on-night: #f3eee5;
  --on-night-2: #c9bfb1;
  --brass: #d9b873;
  --brass-2: #ebcf94;
  --on-brass: #1a1409;
  --wall: #ece6db;
  --paper: #f8f5ef;
  --mat: #dfd7c9;
  --ink: #1b1815;
  --ink-2: #51473c;
  --line: #cbc1b1;
  --line-2: #7a6f60;
  --accent: #1d4638;
  --accent-2: #12332a;
  --on-accent: #ffffff;
  --error: #9c1c1c;
  --error-bg: #fbeeea;
  --focus: #0b57d0;
  --focus-night: #ffd166;
  --tbc-bg: #fff0b3;
  --tbc-ink: #4f3a00;

  --s1: .25rem; --s2: .5rem; --s3: .75rem; --s4: 1rem; --s5: 1.5rem; --s6: 2rem; --s7: 3rem; --s8: 4rem;
  --section: clamp(4rem, 3rem + 6vw, 9rem);
  --gutter: clamp(1rem, .4rem + 2.6vw, 3rem);
  --page: 84rem;
  --text: 40rem;
  --tap: 48px;
  --header: 64px;
  --bar: 64px;

  --fs-xs: .875rem;
  --fs-sm: 1rem;
  --fs-md: 1.0625rem;
  --fs-lg: clamp(1.25rem, 1.15rem + .4vw, 1.5rem);
  --fs-xl: clamp(1.75rem, 1.45rem + 1.4vw, 2.75rem);
  --fs-2xl: clamp(2.125rem, 1.6rem + 2.5vw, 4rem);
}
/* 英語版、中国語版(2026-11-08): 見出しの自前フォント(日本語の見出しの字だけのサブセット)を使わず、システムの字体にする。
   中国語は簡体字の字形のフォントを先に並べる(<html lang="zh-Hans"> と合わせて、日本語の字形で出ないようにする) */
html:lang(en) {
  --font-display: Georgia, "Times New Roman", Times, serif;
  --font-serif-system: Georgia, "Times New Roman", Times, serif;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
}
html:lang(zh-Hans) {
  --font-display: "Songti SC", "Noto Serif CJK SC", "Noto Serif SC", "Source Han Serif SC", "Microsoft YaHei", serif;
  --font-serif-system: "Songti SC", "Noto Serif CJK SC", "Noto Serif SC", "Source Han Serif SC", "Microsoft YaHei", serif;
  --font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", "Source Han Sans SC", sans-serif;
}
@font-face {
  font-family: "RB Mincho";
  src: url("fonts/rb-mincho-subset.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}

 *,*::before,*::after{box-sizing: border-box}[hidden]{display: none !important}html{-webkit-text-size-adjust: 100%;scroll-padding-block: calc(var(--header) + 1rem) calc(var(--bar) + 1rem)}body{margin: 0;background: var(--wall);color: var(--ink);font: 400 var(--fs-md)/1.85 var(--font-sans);overflow-wrap: anywhere;line-break: strict;padding-bottom: var(--bar)}img,svg{display: block;max-width: 100%;height: auto}h1,h2,h3{margin: 0;font-family: var(--font-display);font-weight: 600;line-height: 1.4;letter-spacing: .02em;font-feature-settings: "palt";text-wrap: balance}h1,h2{word-break: auto-phrase}h2{font-size: var(--fs-xl)}h3{font-size: var(--fs-lg);font-family: var(--font-serif)}p,ul,ol,dl,dd,figure{margin: 0;padding: 0}ul,ol{list-style: none}a{color: var(--accent);text-underline-offset: .22em;text-decoration-thickness: 1px;transition: color var(--t-fast)}a:hover{color: var(--accent-2);text-decoration-thickness: 2px}button{font: inherit;color: inherit}:focus-visible{outline: 3px solid var(--focus);outline-offset: 2px}.night :focus-visible,.site-header :focus-visible,.viewer :focus-visible,.site-footer :focus-visible,.bottom-bar :focus-visible{outline-color: var(--focus-night)}.skip{position: absolute;left: var(--s2);top: -120px;z-index: 60;background: var(--paper);padding: var(--s3) var(--s4)}.skip:focus{top: var(--s2)}.wrap{width: min(100%,calc(var(--page) + var(--gutter) * 2));margin-inline: auto;padding-inline: var(--gutter)}.section{padding-block: var(--section)}.night{background: var(--night);color: var(--on-night)}.night a:not(.btn){color: var(--on-night)}.night a:not(.btn):hover{color: var(--brass-2)}.paper{background: var(--paper)}.muted{color: var(--ink-2)}.night .muted{color: var(--on-night-2)}.small{font-size: var(--fs-xs);line-height: 1.75}.nb{display: inline-block}.vh{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.lead{max-width: var(--text);margin-top: var(--s4)}.link{display: inline-flex;align-items: center;min-height: 44px;font-weight: 600}.small a,.hero__sub a,.site-footer p a,.peep__list a,.help a,.side p a,.failbox a{display: inline-block;min-height: 24px;line-height: 24px}.stack>* + *{margin-top: var(--s4)}.tbc{background: var(--tbc-bg);color: var(--tbc-ink);padding: 0 .3em;font-size: .875em;font-weight: 600;font-family: var(--font-sans);letter-spacing: 0;box-decoration-break: clone;-webkit-box-decoration-break: clone}.split,.idea,.pair,.bench,.closeups,.size,.steps,.page-head,.index-cat,.form-wrap,.guide,.side,.foot,.hero__foot,.hero__body{grid-template-columns: minmax(0,1fr)}figure img{width: 100%}.tick{--u: 1.5rem;height: 9px;border-top: 1px solid currentColor;background-image: repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px var(--u));background-size: 100% 5px;background-repeat: no-repeat;opacity: .55}.kicker{display: flex;align-items: center;gap: var(--s3);font-size: var(--fs-xs);letter-spacing: .08em;color: var(--ink-2);line-height: 1.5}.night .kicker{color: var(--brass)}.kicker b{font-weight: 600;font-family: var(--font-serif);font-size: 1rem;white-space: nowrap}.kicker .tick{flex: 1;min-width: 2rem}.head{margin-bottom: var(--s6)}.head h2{margin-top: var(--s3);max-width: 24em}.dim{font-size: var(--fs-xs);line-height: 1.5}.dim__line{display: block;width: calc(var(--cm) / var(--max) * 100%);min-width: 1.5rem;height: 9px;border-inline: 1px solid currentColor;position: relative;transform-origin: left}.dim__line::before{content: "";position: absolute;inset: 4px 0 auto;border-top: 1px solid currentColor}.cartel{display: inline-grid;padding: var(--s3) var(--s4);background: var(--paper);color: var(--ink);border: 1px solid var(--line);font-size: var(--fs-xs);line-height: 1.6;max-width: 100%}.cartel b{font: 700 1rem/1.5 var(--font-sans)}.cartel span{color: var(--ink-2);font-variant-numeric: tabular-nums}.cartel a{color: var(--accent) !important;font-weight: 600;display: inline-flex;align-items: center;min-height: 32px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: .5em;min-height: var(--tap);padding: var(--s2) var(--s5);border: 1px solid transparent;border-radius: 2px;background: none;font-size: var(--fs-sm);font-weight: 600;line-height: 1.45;text-align: center;text-decoration: none;cursor: pointer;transition: background-color var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.btn--p{background: var(--accent);color: var(--on-accent)}.btn--p:hover{background: var(--accent-2);color: var(--on-accent);text-decoration: none}.btn--s{border-color: var(--accent);color: var(--accent)}.btn--s:hover{background: var(--mat);text-decoration: none}.night .btn--p,.site-header .btn--p,.viewer .btn--p,.bottom-bar .btn--p{background: var(--brass);color: var(--on-brass)}.night .btn--p:hover,.site-header .btn--p:hover,.viewer .btn--p:hover,.bottom-bar .btn--p:hover{background: var(--brass-2);color: var(--on-brass)}.night .btn--s,.viewer .btn--s,.bottom-bar .btn--s{border-color: var(--on-night-2);color: var(--on-night);background: transparent}.night .btn--s:hover,.viewer .btn--s:hover,.bottom-bar .btn--s:hover{background: var(--night-3);border-color: var(--on-night);color: var(--on-night)}.btn[disabled]{opacity: .65;cursor: progress}.btns{display: flex;flex-wrap: wrap;gap: var(--s3);margin-top: var(--s5)}.btns .btn{flex: 1 1 13rem}@media (min-width: 640px){.btns .btn{flex: 0 1 auto}}.site-header{position: relative;z-index: 40;background: var(--night);color: var(--on-night);border-bottom: 1px solid var(--night-3)}.site-header__in{display: flex;align-items: center;justify-content: space-between;gap: var(--s4);min-height: var(--header)}.logo{display: block;color: var(--on-night);text-decoration: none;padding-block: var(--s2);line-height: 1.3}.logo:hover{color: var(--brass-2);text-decoration: none}.logo b{display: block;font: 600 1.125rem/1.35 var(--font-display);letter-spacing: .06em}.logo small{display: block;font-size: .75rem;color: var(--on-night-2);word-break: auto-phrase}.nav-pc{display: none;align-items: center;gap: clamp(.25rem,1.2vw,1.25rem)}.nav-pc a:not(.btn){display: inline-flex;align-items: center;min-height: 44px;padding-inline: .35rem;color: var(--on-night);text-decoration: none;font-size: var(--fs-sm);background: linear-gradient(var(--brass),var(--brass)) no-repeat left 78% / 0 1px;transition: background-size var(--t-med) var(--ease)}.nav-pc a:not(.btn):hover,.nav-pc a:not(.btn)[aria-current]{background-size: 100% 1px;color: var(--on-night)}.nav-pc .btn{min-height: 44px;margin-left: var(--s2)}.nav-sp>summary{flex: none;white-space: nowrap;display: flex;align-items: center;justify-content: center;min-width: var(--tap);min-height: 44px;padding-inline: var(--s3);border: 1px solid var(--on-night-2);border-radius: 2px;font-size: var(--fs-sm);cursor: pointer;list-style: none}.nav-sp>summary::-webkit-details-marker{display: none}.nav-sp[open]>summary{background: var(--night-3)}.nav-sp__panel{position: absolute;left: 0;right: 0;top: 100%;background: var(--night);border-bottom: 1px solid var(--night-3);padding: var(--s2) var(--gutter) var(--s4);max-height: calc(100vh - var(--header));overflow-y: auto}.nav-sp__panel a{display: flex;align-items: center;min-height: var(--tap);color: var(--on-night);text-decoration: none;border-bottom: 1px solid var(--night-3)}.nav-sp__panel a[aria-current]{color: var(--brass-2)}.bottom-bar{position: fixed;inset: auto 0 0 0;z-index: 30;display: grid;grid-template-columns: 1fr 1fr;gap: var(--s2);height: var(--bar);padding: var(--s2) var(--s3);background: var(--night);border-top: 1px solid var(--night-3)}.bottom-bar .btn{min-height: 0;padding: 0 var(--s2)}.is-contact{padding-bottom: 0}@media (min-width: 1024px){.site-header{position: sticky;top: 0}.nav-pc{display: flex}.nav-sp,.bottom-bar{display: none}body{padding-bottom: 0}html{scroll-padding-block-end: 1rem}}.hero{position: relative;overflow: clip;padding-bottom: var(--s6)}.hero__photo{position: relative;margin-inline: auto}.hero__photo img{width: 100%}.hero__photo::after{content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient(90deg,var(--night),transparent 7%,transparent 93%,var(--night)),linear-gradient(0deg,var(--night),transparent 9%,transparent 91%,var(--night))}.hero__lamp{position: absolute;inset: 0;background: var(--night);opacity: 0;pointer-events: none;z-index: 1}@media (prefers-reduced-motion: no-preference){.hero__lamp{animation: lamp calc(var(--t-slow) * 1.4) var(--ease) both}}@keyframes lamp{0%{opacity: .78}12%{opacity: .5}20%{opacity: .72}100%{opacity: 0}}.hero h1{font-size: var(--fs-2xl);line-height: 1.45}.hero__title{padding-inline: var(--gutter);padding-top: var(--s4)}.hero__body{padding-inline: var(--gutter);padding-top: var(--s3)}.hero__sub{margin-top: var(--s3);font-size: var(--fs-sm)}.hero__foot{display: grid;gap: var(--s4);margin-top: var(--s5)}.price{padding: var(--s4);border: 1px solid var(--line-2);max-width: 34rem;font-size: var(--fs-sm);line-height: 1.75}.night .price{border-color: var(--night-3);background: var(--night-2)}.price__n{font: 600 var(--fs-lg)/1.4 var(--font-serif)}.price__note{font-size: var(--fs-xs);line-height: 1.7;margin-top: var(--s2)}.price .link{min-height: 44px;font-size: var(--fs-xs)}.show{position: relative;margin-top: var(--s3)}.show__slides{display: grid;touch-action: pan-y}.show__slide{grid-area: 1 / 1;display: grid;grid-template-rows: auto auto;align-content: start;min-width: 0}.js .show__slide{visibility: hidden;opacity: 0;transition: opacity var(--t-slow) var(--ease),visibility 0s linear var(--t-slow)}.js .show__slide.is-current{visibility: visible;opacity: 1;transition: opacity var(--t-slow) var(--ease),visibility 0s}.show__slide + .show__slide{display: none}.js .show__slide + .show__slide{display: grid}.show__frame{position: relative;display: grid;place-items: center;aspect-ratio: 3 / 2;background: var(--night);overflow: hidden}.show__frame picture{display: contents}.show__frame img{width: auto;height: auto;max-width: min(100%,var(--nw));max-height: 100%}.show__slide:first-child .show__frame img{width: 100%;height: 100%;object-fit: contain;max-width: none}.show__frame::after{content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient(90deg,var(--night),transparent 5%,transparent 95%,var(--night)),linear-gradient(0deg,var(--night),transparent 6%,transparent 94%,var(--night))}.show__cap{padding: var(--s2) var(--gutter) 0;color: var(--on-night-2)}.show__cap a{color: var(--on-night)}.show__ctrl{display: flex;align-items: center;flex-wrap: wrap;gap: var(--s2);padding: var(--s2) var(--gutter) 0}.js .show__ctrl.only-js{display: flex !important}.show__btn{display: inline-flex;align-items: center;justify-content: center;min-height: 44px;min-width: 44px;padding: 0 var(--s3);border: 1px solid var(--on-night-2);border-radius: 2px;background: transparent;color: var(--on-night);font-size: var(--fs-xs);cursor: pointer}.show__btn:hover{background: var(--night-3)}.show__btn[data-show-pause]{min-width: 5.5em}@media (max-width: 420px){.show__ctrl{gap: var(--s1)}.show__btn{padding: 0 var(--s2)}.show__dot{width: 26px}.show__dots{margin: 0}}@media (max-width: 420px){html:lang(zh-Hans) .show__dot{width: 24px}}.show__dots{display: flex;gap: 0;margin: 0 var(--s1)}.show__dot{display: grid;place-items: center;width: 28px;height: 44px;padding: 0;border: 0;background: transparent;cursor: pointer}.show__dot::before{content: "";width: 10px;height: 10px;border: 1px solid var(--on-night-2);border-radius: 50%;transition: background-color var(--t-fast)}.show__dot[aria-current="true"]::before{background: var(--brass);border-color: var(--brass)}.show__dot:hover::before{border-color: var(--on-night)}@media (min-width: 768px){.show__frame{aspect-ratio: 1.95 / 1}.show__slide:first-child .show__frame img{width: auto;height: auto;max-width: min(100%,var(--nw));max-height: 100%}}@media (max-width: 767px){.show__slide:first-child .show__frame img{width: 100%;height: 100%;object-fit: cover}}@media (min-width: 1024px){.hero{display: grid;grid-template-columns: minmax(9.5rem,15vw) minmax(0,1fr);column-gap: var(--s4);padding-top: var(--s4);align-items: start}.hero__title{grid-row: 1;grid-column: 1;align-self: stretch;display: flex;justify-content: center;padding: 0 0 0 var(--gutter)}.hero h1{writing-mode: vertical-rl;font-size: clamp(2.1rem,5.4svh,3.75rem);line-height: 1.5;letter-spacing: .12em;white-space: nowrap}.hero h1 .nb{display: block}.show{grid-row: 1;grid-column: 2;width: min(100%,60svh * 1.95,1400px);margin: 0 auto 0 0}.show__cap,.show__ctrl{padding-inline: 0}.hero__body{grid-column: 2;grid-row: 2;display: grid;grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);gap: var(--s6);padding: var(--s3) var(--gutter) 0 0;max-width: 1400px}.hero__foot{margin-top: 0;gap: var(--s2)}.hero .price{padding: var(--s2) var(--s3);line-height: 1.6}.hero .price__note{margin-top: var(--s1);line-height: 1.6}.hero .btns{margin-top: var(--s3)}}@media (min-width: 1760px){.hero{padding-inline: calc((100vw - 1720px) / 2)}}@media (min-width: 1024px){html:lang(en) .hero{grid-template-columns: minmax(0,1fr);padding-inline: max(var(--gutter),calc((100vw - 1720px) / 2));--hero-w: min(100%,60svh * 1.95,80vw,1400px)}html:lang(en) .hero__title{grid-row: 1;grid-column: 1;align-self: auto;display: block;width: var(--hero-w);margin-inline: auto;padding: 0 0 var(--s3)}html:lang(en) .hero h1{writing-mode: horizontal-tb;font-size: clamp(2rem,1.2rem + 1.6vw,3.25rem);line-height: 1.3;letter-spacing: .01em;white-space: normal}html:lang(en) .hero h1 .nb{display: inline-block}html:lang(en) .show{grid-row: 2;grid-column: 1;width: var(--hero-w);margin-inline: auto}html:lang(en) .hero__body{grid-row: 3;grid-column: 1;width: var(--hero-w);margin-inline: auto;padding-right: 0}}.peep__stage{max-width: 1400px;margin-inline: auto;position: relative;background: #000;overflow: hidden;cursor: crosshair;touch-action: pan-y;--r: clamp(5rem,16vw,13rem);--z: 1}.peep__stage img{width: 100%}.peep__dark{display: block}.peep__lit{position: absolute;inset: 0;display: none}.peep__lit img{width: 100%;height: 100%;object-fit: cover;transform-origin: var(--x) var(--y);transform: scale(var(--z))}.peep.is-on .peep__dark img{filter: brightness(.22) saturate(.7)}.peep.is-on .peep__lit{display: block;-webkit-mask-image: radial-gradient(circle var(--r) at var(--x) var(--y),#000 62%,transparent 100%);mask-image: radial-gradient(circle var(--r) at var(--x) var(--y),#000 62%,transparent 100%)}@property --x{syntax: "<percentage>";inherits: true;initial-value: 50%}@property --y{syntax: "<percentage>";inherits: true;initial-value: 55%}.peep.is-gliding .peep__stage{transition: --x var(--t-slow) var(--ease),--y var(--t-slow) var(--ease)}.peep__ui{display: none;gap: var(--s4);margin-top: var(--s4)}.js .peep__ui{display: grid}.peep__spots{display: flex;flex-wrap: wrap;gap: var(--s2)}.peep__hint{font-size: var(--fs-xs);color: var(--on-night-2);line-height: 1.7}.chip{display: inline-flex;align-items: center;min-height: 44px;padding: 0 var(--s4);border: 1px solid var(--line-2);border-radius: 2px;background: transparent;color: var(--ink);font-size: var(--fs-sm);line-height: 1.3;cursor: pointer;transition: background-color var(--t-fast),color var(--t-fast),border-color var(--t-fast);text-decoration: none}.chip:hover{background: var(--mat)}.chip[aria-pressed="true"]{background: var(--ink);border-color: var(--ink);color: var(--paper)}.chip__n{margin-left: .4em;font-size: var(--fs-xs);font-variant-numeric: tabular-nums}.night .chip{border-color: var(--on-night-2);color: var(--on-night)}.night .chip:hover{background: var(--night-3)}.night .chip[aria-pressed="true"]{background: var(--brass);border-color: var(--brass);color: var(--on-brass)}.peep__cap{min-height: 3.6em;max-width: var(--text)}.peep__list{display: grid;gap: var(--s3);margin-top: var(--s4)}.js .peep__list{display: none}.peep__list b{font-weight: 700;margin-right: .5em}@media (min-width: 1024px){.js .peep__ui{grid-template-columns: minmax(0,1fr) minmax(0,26rem);align-items: start}}.closeups{display: grid;gap: var(--s4);margin-top: var(--s7)}.closeups figcaption{margin-top: var(--s2)}@media (min-width: 768px){.closeups{grid-template-columns: 1.9fr 1fr;align-items: end}.closeups figure:first-child{grid-row: span 2}}.size{display: grid;gap: var(--s6)}.scene{--span: 220;position: relative;container-type: inline-size;background: linear-gradient(180deg,var(--paper) 0 86%,var(--mat) 86% 100%);border: 1px solid var(--line);aspect-ratio: 1 / 1;overflow: hidden}.scene__in{position: absolute;inset: 0;--u: calc(100cqw / var(--span))}.scene__floor{position: absolute;left: 0;right: 0;top: 86%;border-top: 1px solid var(--line-2)}.scene__person{position: absolute;left: calc(var(--u) * 4);bottom: 14%;width: calc(var(--u) * 45);height: calc(var(--u) * 170);color: #a79c8c}.scene__person svg{width: 100%;height: 100%}.scene__a4{position: absolute;left: calc(var(--u) * 56);bottom: calc(14% + var(--u) * 105);width: calc(var(--u) * 21);height: calc(var(--u) * 29.7);background: #fff;border: 1px solid var(--line-2)}.scene__tag{position: absolute;font-size: .75rem;line-height: 1.3;color: var(--ink-2)}.scene__tag--a4{left: calc(var(--u) * 56);bottom: calc(14% + var(--u) * 92)}.scene__tag--p{left: calc(var(--u) * 4);bottom: calc(14% + var(--u) * 172)}.scene__frame{position: absolute;left: calc(var(--u) * 86);bottom: calc(14% + var(--u) * 105);width: calc(var(--u) * var(--w,42));height: calc(var(--u) * var(--h,22));background: #222;box-shadow: 0 2px 6px rgba(0,0,0,.35);transition: width var(--t-med) var(--ease),height var(--t-med) var(--ease)}.scene__frame img{width: 100%;height: 100%;object-fit: cover}.scene__label{position: absolute;left: calc(var(--u) * 86);bottom: calc(14% + var(--u) * 88);font-size: var(--fs-xs);line-height: 1.4;font-variant-numeric: tabular-nums;white-space: nowrap}.scene__fit{position: absolute;left: calc(var(--u) * 86);bottom: calc(14% + var(--u) * 70);width: calc(var(--u) * var(--fit,100));max-width: calc(100% - var(--u) * 86);height: 12px;display: none;border-inline: 2px solid var(--accent)}.scene__fit::before{content: "";position: absolute;inset: 5px 0 auto;border-top: 2px solid var(--accent)}.scene.has-fit .scene__fit{display: block}.size__picks{display: grid;grid-template-columns: repeat(auto-fill,minmax(9rem,1fr));gap: var(--s2);margin-top: var(--s3)}.size__pick{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;min-height: 64px;padding: var(--s2) var(--s3);border: 1px solid var(--line-2);border-radius: 2px;background: transparent;text-align: left;line-height: 1.35;cursor: pointer;transition: background-color var(--t-fast)}.size__pick:hover{background: var(--mat)}.size__pick b{font: 600 1.0625rem/1.4 var(--font-serif);font-variant-numeric: tabular-nums}.size__pick span{font-size: var(--fs-xs);color: var(--ink-2)}.size__pick[aria-pressed="true"]{background: var(--ink);border-color: var(--ink);color: var(--paper)}.size__pick[aria-pressed="true"] span{color: var(--mat)}.size__fit{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s2) var(--s3);margin-top: var(--s4)}.size__fit label{font-weight: 600;font-size: var(--fs-sm)}.size__out{margin-top: var(--s3)}.only-js{display: none !important}.js .only-js{display: revert !important}.js .only-js.btn{display: inline-flex !important}.js .no-js-only{display: none}.size__table{margin-top: var(--s4);font-size: var(--fs-sm)}.size__table li a{display: inline-flex;align-items: center;min-height: 44px}@media (min-width: 900px){.size{grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);align-items: start}.scene{aspect-ratio: 1.25 / 1;--span: 260}}.works{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--s5) var(--s3)}@media (min-width: 768px){.works{grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s6) var(--s5)}}.work{position: relative;min-width: 0;display: flex;flex-direction: column}.work[hidden]{display: none}.work__media{display: block;position: relative;background: var(--mat)}.work__media img{width: 100%;transition: filter var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease)}.work__media:hover img{filter: brightness(1.07);box-shadow: 0 10px 26px -8px rgba(27,24,21,.6)}.work__body{display: flex;flex-direction: column;flex: 1;padding-top: var(--s2);min-width: 0}.work__name{font: 600 var(--fs-sm)/1.5 var(--font-sans)}.work__badge{align-self: flex-start;margin-bottom: var(--s1);padding: 0 .5em;font: 600 var(--fs-xs)/1.6 var(--font-sans);letter-spacing: .08em;color: var(--on-accent);background: var(--accent)}.work__meta{font-size: var(--fs-xs);line-height: 1.55;color: var(--ink-2);font-variant-numeric: tabular-nums}.work__cta{margin-top: auto}.work__cta a{display: inline-flex;align-items: center;min-height: 44px;font-size: var(--fs-xs);font-weight: 600;line-height: 1.35}.wait .work__media img,.wait .cat__img img,.wait main>section:not(:first-child) img,.wait main>.night ~ section img{display: none}.work__media{aspect-ratio: var(--ar)}.series[hidden]{display: none}.series + .series{margin-top: var(--s8)}.series__head{margin-bottom: var(--s4);--max: var(--list-max,120)}.series__title{display: flex;flex-wrap: wrap;align-items: baseline;gap: 0 var(--s3);margin-bottom: var(--s2)}.series__title h2{font-size: var(--fs-lg);font-variant-numeric: tabular-nums}.series__title p{font-size: var(--fs-xs);color: var(--ink-2)}.page-head{display: grid;gap: var(--s5);padding-block: var(--s5)}.page-head h1{font-size: var(--fs-2xl);margin-top: var(--s2)}@media (min-width: 900px){.page-head{grid-template-columns: minmax(0,1.4fr) minmax(0,1fr);align-items: end}}.crumbs{padding-top: var(--s3);font-size: var(--fs-xs)}.crumbs ol{display: flex;flex-wrap: wrap;gap: 0 .5em}.crumbs li + li::before{content: "/";margin-right: .5em;color: var(--ink-2)}.crumbs a{display: inline-flex;align-items: center;min-height: 26px}.cat-tabs{margin-top: var(--s2)}.cat-tabs ul{display: flex;flex-wrap: wrap;gap: 0 var(--s4);font-size: var(--fs-xs)}.cat-tabs a{display: inline-flex;align-items: center;min-height: 32px;color: var(--ink);text-decoration: none;border-bottom: 1px solid transparent}.cat-tabs a:hover{border-color: var(--ink)}.cat-tabs a[aria-current]{font-weight: 700;border-color: var(--ink)}.filters{display: none;padding: var(--s4) 0;border-block: 1px solid var(--line-2);margin-bottom: var(--s6)}.js .filters{display: block}.filters__row{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s2)}.filters__row + .filters__row{margin-top: var(--s3)}.filters__label{flex: 0 0 100%;font-size: var(--fs-xs);color: var(--ink-2);line-height: 1.5}.filters__foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s2) var(--s4);margin-top: var(--s3)}.filters__status{font-weight: 600}.viewsw{display: inline-flex}.viewsw .chip + .chip{border-left: 0}@media (min-width: 768px){.filters__label{flex: 0 0 11rem}.filters__row>.filters__row{flex: 1}}@media (min-width: 1024px){.works--portrait{grid-template-columns: repeat(4,minmax(0,1fr))}}.a4ref{display: none}.is-wall .a4ref{display: grid;place-items: center;width: calc(100cqw / var(--span) * 21);min-width: 24px;aspect-ratio: 21 / 29.7;background: #fff;border: 1px solid var(--line-2);font-size: .75rem;line-height: 1;color: var(--ink-2)}.empty{padding: var(--s7) var(--s4);text-align: center;border: 1px dashed var(--line-2)}.empty[hidden]{display: none}.empty h2{font-size: var(--fs-lg)}.empty .btns{justify-content: center}.closing{padding-block: var(--section);margin-top: var(--section)}.tail{margin-top: var(--s7)}.wallnote{display: none;font-size: var(--fs-xs);margin-bottom: var(--s3)}.is-wall .wallnote{display: block}.readout{display: none;position: sticky;bottom: calc(var(--bar) + .25rem);z-index: 5;width: fit-content;max-width: 100%;min-height: 1.6em;margin-top: var(--s4);padding: var(--s1) var(--s3);background: var(--ink);color: var(--paper);font-size: var(--fs-xs);line-height: 1.6;font-variant-numeric: tabular-nums}.is-wall .readout{display: block}@media (min-width: 1024px){.readout{bottom: .5rem}}.is-wall .wall{--span: var(--wall-span-sm,130);container-type: inline-size;padding: var(--s5) var(--s3);background: radial-gradient(ellipse at 50% 0,#fbf8f2,var(--mat));border: 1px solid var(--line)}.is-wall .wall__in{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: clamp(.5rem,1.6cqw,1.5rem)}.is-wall .series,.is-wall .works{display: contents}.is-wall .series[hidden]{display: none}.is-wall .series__head,.is-wall .work__body{display: none}.is-wall .work{width: calc(100cqw / var(--span) * var(--cm));min-width: 24px}.is-wall .work__media img{max-width: none !important}.is-wall .work__media{box-shadow: 0 3px 8px rgba(27,24,21,.35);background: var(--night)}@media (min-width: 768px){.is-wall .wall{--span: var(--wall-span-lg,230)}}.viewer{width: 100vw;max-width: 100vw;height: 100dvh;max-height: 100dvh;margin: 0;padding: 0;border: 0;background: var(--night);color: var(--on-night);overflow: hidden}.viewer[open]{display: grid;grid-template-rows: auto minmax(0,1fr) auto}.viewer::backdrop{background: var(--night)}.viewer__bar{display: flex;flex-wrap: wrap;justify-content: space-between;gap: var(--s2);padding: var(--s2) var(--gutter)}.viewer__bar .btn{min-height: 44px;padding-inline: var(--s4)}.viewer__group{display: flex;flex-wrap: wrap;gap: var(--s2)}.viewer__stage{position: relative;display: grid;grid-template: minmax(0,1fr) / minmax(0,1fr);place-items: center;min-height: 0;overflow: auto;padding-inline: var(--gutter);overscroll-behavior: contain}.viewer__stage.is-native{place-items: start}.viewer__img{display: block;max-width: 100%;max-height: 100%;width: auto;height: auto}.viewer__fig{display: contents}.viewer__stage.is-native .viewer__img{max-width: none;max-height: none}.viewer__status{position: absolute;inset: 0;display: grid;place-items: center;pointer-events: none;color: var(--on-night-2);font-size: var(--fs-sm);padding: var(--s4);text-align: center}.viewer__status[hidden]{display: none}.viewer__info{padding: var(--s3) var(--gutter) var(--s3);display: grid;gap: var(--s2) var(--s5);border-top: 1px solid var(--night-3);max-height: 45dvh;overflow-y: auto}.viewer__name{font: 700 var(--fs-md)/1.5 var(--font-sans)}.viewer__meta{font-size: var(--fs-xs);color: var(--on-night-2);font-variant-numeric: tabular-nums}.viewer__scale{color: var(--on-night-2);margin-top: var(--s2);max-width: 28rem;--max: 120}.viewer .price{padding: var(--s2) var(--s3);background: var(--night-2);border-color: var(--night-3);max-width: none;font-size: var(--fs-xs)}.viewer .price__n{font-size: var(--fs-md)}.viewer .price a{color: var(--on-night)}.viewer .btns{margin-top: var(--s2)}.viewer .btns .btn{min-height: 44px}@media (min-width: 900px){.viewer__info{grid-template-columns: minmax(0,1fr) minmax(0,1.2fr) auto;align-items: center}.viewer .btns{margin-top: 0;flex-direction: column}}@media (max-height: 620px){.viewer[open]{display: block;overflow-y: auto}.viewer__stage{overflow: visible}.viewer__stage.is-native{overflow: auto}.viewer__info{max-height: none;overflow: visible}}@media (prefers-reduced-motion: no-preference){.viewer[open] .viewer__img{animation: fadein var(--t-med) var(--ease)}}@keyframes fadein{from{opacity: 0}to{opacity: 1}}.split{display: grid;gap: var(--s6);align-items: center}@media (min-width: 900px){.split{grid-template-columns: minmax(0,1fr) minmax(0,1fr)}.split--wide-img{grid-template-columns: minmax(0,1.5fr) minmax(0,1fr)}}.classic{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--s5) var(--s3)}@media (min-width: 768px){.classic{grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s6) var(--s5)}}.index-cat{display: grid;gap: var(--s6)}.index-cat h3{font-size: var(--fs-sm);color: var(--ink-2);font-family: var(--font-sans);font-weight: 600;margin-bottom: var(--s2)}.index-cat ul{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--s4) var(--s3)}@media (min-width: 768px){.index-cat ul{grid-template-columns: repeat(4,minmax(0,1fr))}.index-cat__b ul{grid-template-columns: repeat(5,minmax(0,1fr))}}.cat{display: block;color: var(--ink);text-decoration: none;height: 100%}.cat__img{display: flex;align-items: center;justify-content: center;aspect-ratio: 4 / 3;padding: var(--s2);background: var(--night);overflow: hidden}.cat__img img{max-height: 100%;width: auto;max-width: 100%;transition: transform var(--t-med) var(--ease)}.cat:hover .cat__img img{transform: scale(1.03)}.cat__t{display: flex;justify-content: space-between;gap: var(--s2);padding-top: var(--s2);font-size: var(--fs-sm);line-height: 1.45}.cat__t span{font-variant-numeric: tabular-nums;color: var(--ink-2);font-size: var(--fs-xs);white-space: nowrap}.cat__t b{font-weight: 600}.cat:hover .cat__t b{text-decoration: underline;text-underline-offset: .2em}.steps{counter-reset: st;display: grid;gap: var(--s4)}.steps>li{counter-increment: st;padding-top: var(--s3);border-top: 1px solid var(--line-2)}.steps>li::before{content: counter(st);display: block;font: 600 var(--fs-xl)/1.2 var(--font-serif);color: var(--ink-2)}.night .steps>li{border-color: var(--night-3)}.night .steps>li::before{color: var(--brass)}.steps h3{font-size: var(--fs-md)}.steps p{font-size: var(--fs-sm);line-height: 1.75;margin-top: var(--s1)}@media (min-width: 768px){.steps{grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--s5)}}.prose{max-width: var(--text)}.prose>* + *{margin-top: var(--s4)}.list-dot{display: grid;gap: var(--s2)}.list-dot li{padding-left: 1.1em;position: relative;line-height: 1.7}.list-dot li::before{content: "";position: absolute;left: 0;top: .85em;width: .55em;border-top: 1px solid currentColor}.note{padding: var(--s4) var(--s5);border-left: 3px solid var(--ink);background: var(--paper)}.pair{display: grid;gap: var(--s6)}@media (min-width: 768px){.pair{grid-template-columns: 1fr 1fr}}.pair h3{margin-bottom: var(--s3)}.idea{display: grid;gap: var(--s5)}@media (min-width: 768px){.idea{grid-template-columns: repeat(3,1fr);align-items: start}}.idea figcaption{margin-top: var(--s2);font-size: var(--fs-sm);line-height: 1.7}.idea figcaption b{display: block;font-weight: 700;font-size: var(--fs-md)}.frames{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s3);margin-top: var(--s3)}.frames figcaption{margin-top: var(--s2);font-size: var(--fs-xs);line-height: 1.5}.toc{display: none}.guide{display: grid;gap: var(--s6);padding-bottom: var(--section)}.toc-m{display: flex;flex-wrap: wrap;gap: var(--s2);margin-bottom: var(--s5)}.toc-m a{color: var(--ink)}@media (min-width: 1024px){.guide{grid-template-columns: 13rem minmax(0,1fr);gap: var(--s7)}.toc{display: block;position: sticky;top: calc(var(--header) + 1.5rem);align-self: start;font-size: var(--fs-sm)}.toc a{display: flex;align-items: center;min-height: 40px;color: var(--ink);text-decoration: none;border-left: 1px solid var(--line-2);padding-left: var(--s3)}.toc a:hover{border-left: 3px solid var(--ink);padding-left: calc(var(--s3) - 2px)}.toc-m{display: none}}.cond{padding-block: var(--s6);border-top: 1px solid var(--line-2)}.cond h2{font-size: var(--fs-lg);margin-bottom: var(--s3)}.about__sign{text-align: right;color: var(--ink-2)}.cond:first-child{border-top: 0;padding-top: 0}.chapter{padding-block: var(--section)}.timeline{display: grid;max-width: 46rem}.timeline>div{display: grid;grid-template-columns: 8.5em minmax(0,1fr);gap: var(--s3);padding-block: var(--s3);border-top: 1px solid var(--line-2);font-size: var(--fs-sm);line-height: 1.7}.timeline dt{font-variant-numeric: tabular-nums;color: var(--ink-2)}.bench{display: grid;gap: var(--s4)}.bench figcaption{margin-top: var(--s2)}.cert{max-width: 34rem}@media (min-width: 768px){.bench{grid-template-columns: 1.15fr 1fr;align-items: start}.bench figure:nth-child(3){grid-column: 1 / -1}}.form-wrap{display: grid;gap: var(--s6);padding-bottom: var(--section)}@media (min-width: 1024px){.form-wrap{grid-template-columns: minmax(0,42rem) minmax(0,22rem);justify-content: space-between}}.steps-form{display: flex;gap: var(--s4);font-size: var(--fs-xs);margin-bottom: var(--s5)}.steps-form li{padding-block: var(--s1);border-bottom: 2px solid transparent;color: var(--ink-2)}.steps-form li[aria-current]{color: var(--ink);font-weight: 700;border-bottom-color: var(--ink)}.form-step h2:focus{outline: none}.form-step>h2{font-size: var(--fs-lg)}.field{margin-top: var(--s5)}.field>label,.field>legend{display: block;font-weight: 600;font-size: var(--fs-sm);line-height: 1.6}.req,.opt{font-size: .75rem;font-weight: 600;margin-left: .6em;padding: 0 .4em;white-space: nowrap}.req{background: var(--ink);color: var(--paper)}.opt{color: var(--ink-2);border: 1px solid var(--line-2)}.help{display: block;font-size: var(--fs-xs);line-height: 1.65;color: var(--ink-2);margin-top: var(--s1)}input[type=text],input[type=email],input[type=tel],input[type=number],textarea{display: block;width: 100%;min-height: var(--tap);margin-top: var(--s2);padding: var(--s2) var(--s3);border: 1px solid var(--line-2);border-radius: 2px;background: #fff;color: var(--ink);font: 400 1rem/1.6 var(--font-sans);transition: border-color var(--t-fast)}input:hover,textarea:hover{border-color: var(--ink)}textarea{min-height: 10em;resize: vertical}.size__fit input{display: inline-block;margin-top: 0;width: 6.5rem}fieldset{border: 0;margin: var(--s5) 0 0;padding: 0;min-width: 0}legend{padding: 0}.radios{display: grid;gap: var(--s1);margin-top: var(--s2)}.radio{display: flex;align-items: center;gap: var(--s3);min-height: var(--tap);padding-inline: var(--s3);border: 1px solid var(--line);background: var(--paper);cursor: pointer;font-size: var(--fs-sm);line-height: 1.4}.radio:hover{border-color: var(--ink)}.radio input{width: 1.5rem;height: 1.5rem;accent-color: var(--accent);flex: none;margin: 0}.radio:has(input:checked){border-color: var(--accent);box-shadow: inset 0 0 0 1px var(--accent)}.err{display: block;margin-top: var(--s1);color: var(--error);font-size: var(--fs-xs);font-weight: 600;line-height: 1.6}.err[hidden]{display: none}[aria-invalid="true"]{border-color: var(--error) !important;border-width: 2px !important}.summary{padding: var(--s4);margin-block: var(--s3) var(--s5);border: 2px solid var(--error);background: var(--error-bg)}.summary h2{font: 700 var(--fs-sm)/1.6 var(--font-sans);color: var(--error);letter-spacing: 0}.summary ul{margin-top: var(--s2)}.summary a{display: inline-flex;min-height: 32px;align-items: center;color: var(--error);font-weight: 600;font-size: var(--fs-sm)}.summary[hidden],.form-step[hidden]{display: none}.form-actions{margin-top: var(--s6)}.conf{display: grid;margin-top: var(--s4)}.conf>div{padding-block: var(--s3);border-top: 1px solid var(--line-2)}.conf dt{font-size: var(--fs-xs);color: var(--ink-2);line-height: 1.5}.conf dd{white-space: pre-wrap}.failbox{padding: var(--s4);margin-top: var(--s4);border: 2px solid var(--error);background: var(--error-bg)}.failbox[hidden]{display: none}.failbox b{color: var(--error)}.terms{margin-top: var(--s6);padding: var(--s4) var(--s5);border: 1px solid var(--line-2);border-left: 3px solid var(--ink);background: var(--paper);font-size: var(--fs-sm);line-height: 1.75}.terms h3{font: 700 var(--fs-md)/1.5 var(--font-sans);letter-spacing: 0}.terms h4{margin-top: var(--s4);font: 700 var(--fs-sm)/1.5 var(--font-sans)}.terms p,.terms ul{margin-top: var(--s2)}.terms a{display: inline-block;min-height: 24px;line-height: 24px;overflow-wrap: anywhere}.facts dd ul,.facts dd p + p,.facts dd p + ul{margin-top: var(--s1)}.facts>div:target{background: var(--paper)}.side{display: grid;gap: var(--s5);align-self: start;font-size: var(--fs-sm);line-height: 1.75}@media (min-width: 1024px){.side{position: sticky;top: calc(var(--header) + 1.5rem)}}.side h2{font-size: var(--fs-md);margin-bottom: var(--s1)}.check{display: flex;gap: var(--s2);align-items: center;min-height: 44px;font-size: var(--fs-xs)}.check input{width: 1.5rem;height: 1.5rem;flex: none}.site-footer{background: var(--night-2);color: var(--on-night);padding-block: var(--s7) var(--s5);font-size: var(--fs-sm)}.site-footer a{color: var(--on-night)}.site-footer a:hover{color: var(--brass-2)}.foot{display: grid;gap: var(--s6)}@media (min-width: 768px){.foot{grid-template-columns: 1.4fr 1fr 1fr}}.foot h2{font: 600 var(--fs-xs)/1.5 var(--font-sans);color: var(--on-night-2);letter-spacing: .04em;margin-bottom: var(--s2)}.foot li a{display: inline-flex;min-height: 36px;align-items: center}.foot__note{margin-top: var(--s5);padding-top: var(--s4);border-top: 1px solid var(--night-3);color: var(--on-night-2);font-size: var(--fs-xs);line-height: 1.7}.foot__note + .foot__note{border-top: 0;padding-top: 0;margin-top: var(--s2)}.mt0{margin-top: 0 !important}.mb5{margin-bottom: var(--s5)}.mt2{margin-top: var(--s2)}.mt3{margin-top: var(--s3)}.mt4{margin-top: var(--s4)}.mt5{margin-top: var(--s5)}.mt6{margin-top: var(--s6)}.mt7{margin-top: var(--s7)}.h1-lg{font-size: var(--fs-2xl)}.h1-md{font-size: var(--fs-xl)}.page-head--1{grid-template-columns: minmax(0,1fr) !important}.page-head__note{margin-top: var(--s3);max-width: var(--text)}.site-header__tools{display: flex;align-items: center;gap: var(--s3)}.lang{border-bottom: 1px solid var(--night-3)}.lang ul{display: flex;justify-content: flex-end;gap: var(--s1);font-size: var(--fs-xs);line-height: 1.4}.lang a{display: inline-flex;align-items: center;min-height: 36px;padding-inline: var(--s3);color: var(--on-night-2);text-decoration: none}.lang a:hover{color: var(--brass-2);text-decoration: underline}.lang a[aria-current]{color: var(--brass);font-weight: 600}html:not(:lang(ja)) .site-header [lang="ja"],html:not(:lang(ja)) main [lang="ja"]{font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",YuGothic,Meiryo,"Noto Sans CJK JP",sans-serif}html:not(:lang(ja)) .kicker b{white-space: normal}.legal-note{margin-bottom: var(--s5);max-width: 52rem}.link-btn{background: none;border: 0;padding: 0;color: var(--accent);cursor: pointer;font-size: var(--fs-xs);text-decoration: underline;text-underline-offset: .22em;min-height: 24px}.work__model{font-variant-numeric: tabular-nums}.index-cat__h{font: 600 var(--fs-sm)/1.5 var(--font-sans);color: var(--ink-2);margin-bottom: var(--s2);letter-spacing: 0}.hp{position: absolute !important;left: -9999px;width: 1px;height: 1px;overflow: hidden}.draft{margin-bottom: var(--s5);font-size: var(--fs-sm)}body.plain h1,body.plain h2,body.plain h3{font-family: var(--font-serif-system)}.facts{display: grid;max-width: 52rem;margin-bottom: var(--s4)}.facts>div{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--s1) var(--s4);padding-block: var(--s3);border-top: 1px solid var(--line-2)}.facts>div:last-child{border-bottom: 1px solid var(--line-2)}.facts dt{font-weight: 700;font-size: var(--fs-sm)}.facts dd{margin: 0}@media (min-width: 640px){.facts>div{grid-template-columns: 12em minmax(0,1fr)}}.legal h2{font-size: var(--fs-lg);margin-top: var(--s6)}.gift-cards{display: grid;gap: var(--s6) var(--s5)}@media (min-width: 900px){.gift-cards{grid-template-columns: repeat(3,minmax(0,1fr))}}.gift-card{display: grid;gap: var(--s3);align-content: start}.gift-card__img{display: flex;align-items: center;justify-content: center;aspect-ratio: 4 / 3;background: var(--night);overflow: hidden;padding: var(--s2)}.gift-card__img picture{display: contents}.gift-card__img img{width: auto;max-width: 100%;max-height: 100%}.gift-card h3{font-size: var(--fs-lg);font-family: var(--font-serif)}.gift-card h3 a{color: var(--ink);text-decoration: none}.gift-card h3 a:hover{text-decoration: underline}.gift-card p{font-size: var(--fs-sm);line-height: 1.8;margin-top: var(--s2)}.gift-time{margin-top: var(--s7);padding: var(--s5);border: 1px solid var(--line-2);background: var(--wall)}.gift-time h3{font-size: var(--fs-lg);font-family: var(--font-serif)}.gift-time>p{max-width: var(--text);margin-top: var(--s3)}.timeline-bar{display: grid;gap: var(--s2);margin-top: var(--s5);counter-reset: tb}.timeline-bar li{counter-increment: tb;position: relative;padding: var(--s3) var(--s3) var(--s3) 2.6rem;background: var(--paper);border: 1px solid var(--line);font-size: var(--fs-sm);line-height: 1.6}.timeline-bar li::before{content: counter(tb);position: absolute;left: var(--s3);top: var(--s3);font: 600 1.125rem/1.4 var(--font-serif);color: var(--ink-2)}.timeline-bar b{display: block}.timeline-bar span{display: block;font-size: var(--fs-xs);color: var(--ink-2)}.timeline-bar__long{background: var(--ink) !important;color: var(--paper);border-color: var(--ink) !important}.timeline-bar__long span,.timeline-bar__long::before{color: var(--mat) !important}@media (min-width: 900px){.timeline-bar{grid-template-columns: 1fr 1fr 1fr 2.4fr}}.scenes{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--s5) var(--s3)}@media (min-width: 900px){.scenes{grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s6) var(--s5)}}.scenes .cat{height: auto}.scenes .cat__t{flex-direction: column;gap: 0}.scenes p{margin-top: var(--s1)}.cases{display: grid;gap: var(--s5)}@media (min-width: 768px){.cases{grid-template-columns: repeat(2,minmax(0,1fr));align-items: start}.cases .case:first-child{grid-column: 1 / -1}}.cases figcaption{margin-top: var(--s2)}.pair>figure figcaption{margin-top: var(--s2)}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto}::view-transition-old(root),::view-transition-new(root){animation-duration: var(--t-med)}::view-transition-group(*){animation-duration: var(--t-slow);animation-timing-function: var(--ease)}@supports (animation-timeline: view()){.tick{animation: draw linear both;animation-timeline: view();animation-range: entry 0% entry 90%;transform-origin: left}.dim__line{animation: draw linear both;animation-timeline: view();animation-range: entry 0% entry 80%}.rise picture,.rise>img{display: block;animation: rise linear both;animation-timeline: view();animation-range: entry 0% entry 55%}@keyframes draw{from{transform: scaleX(calc(1 - var(--motion) * .88))}to{transform: scaleX(1)}}@keyframes rise{from{opacity: calc(1 - var(--motion) * .65);transform: translateY(calc(var(--motion) * 1.5rem))}to{opacity: 1;transform: none}}}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation: none !important;transition: none !important;scroll-behavior: auto !important}}.tpl{display: none}@media print{@page{margin: 15mm}body{background: #fff;color: #000;padding: 0;font-size: 10.5pt}.site-header,.bottom-bar,.filters,.skip,.btns,.viewer,.closing,.peep__ui,.nav-sp,.toc,.toc-m,.readout,.cat-tabs,.no-print{display: none !important}.night{background: #fff;color: #000}.night a:not(.btn),.site-footer,.site-footer a{color: #000}.site-footer{background: #fff;padding: 0}.site-footer .foot{display: none}.foot__note,.muted,.night .muted{color: #333}.work,.cond,.series__head{break-inside: avoid}.section,.chapter{padding-block: 1em}.peep.is-on .peep__dark img{filter: none}.peep.is-on .peep__lit{display: none}.tbc{border: 1px solid #000;background: #fff;color: #000}.work__badge{border: 1px solid #000;background: #fff;color: #000}.rise,.tick,.dim__line{animation: none !important;opacity: 1 !important;transform: none !important}body.tpl-print>*:not(.tpl){display: none !important}body.tpl-print .tpl{display: block}.tpl-sheet{position: relative;width: 277mm;height: 189mm;break-after: page;overflow: hidden;font: 9.5pt/1.5 var(--font-sans);color: #000}.tpl-sheet:last-child{break-after: auto}.tpl-area{position: absolute;left: 0;top: 0;width: 277mm;height: 172mm;overflow: hidden;outline: .1mm dashed #999;outline-offset: -.1mm}.tpl-box{position: absolute;box-sizing: border-box}.tpl-t{position: absolute;top: 0;height: 3mm;border-left: .2mm solid #000}.tpl-t5{height: 6mm;border-left-width: .3mm}.tpl-t b{position: absolute;top: 6mm;left: 1mm;font: 400 8pt/1 var(--font-sans);white-space: nowrap}.tpl-big{position: absolute;right: 6mm;bottom: 4mm;margin: 0;font: 400 28pt/1 var(--font-sans);color: #999}.tpl-meta{position: absolute;left: 0;right: 0;bottom: 0;height: 15mm;display: flex;justify-content: space-between;gap: 6mm;align-items: flex-end}.tpl-scale{width: 10cm;flex: none;border-bottom: .4mm solid #000;text-align: center}}