:root {
 --color-ink: #171c21;
 --color-main: #424d56;
 --color-main-2: #424d56;
 --color-accent: #b99858;
 --color-gold-hi: #ecdcb2;
 --color-bronze: #7d6230;
 --color-base: #ffffff;
 --color-pale: #edf0f2;
 --color-chrome: #e8ecef;
 --color-line: #c4cbd0;
 --color-on-dark: #f4f1ea;
 --color-on-dark-line: #ecdcb2;
 --color-error: #b02a24;
 --color-rule-dark: rgb(244 241 234 / .3);
 --color-stage: #e3e7e9;
 --field-white: rgb(247 248 248 / .98);
 --field-haze: rgb(247 248 248 / .84);
 --field-glint: rgb(185 152 88 / .14);
 --field-silver: rgb(255 255 255 / .7);
 --heading-echo-light: rgb(66 77 86 / .045);
 --heading-echo-dark: rgb(244 241 234 / .045);
 --decor-type-light: rgb(66 77 86 / .065);
 --decor-type-dark: rgb(244 241 234 / .065);
 --decor-line-light: rgb(125 98 48 / .14);
 --decor-line-dark: rgb(236 220 178 / .12);
 --decor-sheen: linear-gradient(120deg,transparent 28%,rgb(185 152 88 / .065) 48%,transparent 68%);
 --field-shadow: rgb(23 28 33 / .1);
 --stage-mask: linear-gradient(transparent 0%, #000 12%, #000 80%, transparent 100%);
 --raw-scene: linear-gradient(to bottom, #171c21 0%, transparent 35%, transparent 78%, #171c21 100%), url("assets/nikko-raw-stage.png?v=20261025cinema1");
 --finish-scene: linear-gradient(to bottom, #171c21 0%, transparent 20%, transparent 85%, #171c21 100%), url("assets/nikko-steel-study.png?v=20261025cinema1");
 --light-field: linear-gradient(115deg, #f7f8f8 12%, #e8ecef 48%, #ffffff 69%, #edf0f2 100%);
 --card-face: linear-gradient(115deg, #ffffff 0%, #f7f8f8 75%, #e8ecef 100%);
 --hero-shade: linear-gradient(180deg,rgb(23 28 33 / .74),rgb(23 28 33 / .25) 46%,transparent 78%);
 --fs-jp-subtitle: clamp(16px,4.35vw,18px);
 --fs-section-en: clamp(48px,15.5vw,72px);
 --fs-section-en-long: clamp(32px,8.7vw,42px);
 --fs-section-en-medium: clamp(42px,12.3vw,58px);
 --fs-cinema-hero: clamp(56px,17vw,80px);
 --fs-cinema: clamp(48px,14.5vw,72px);
 --finish-photo: url("assets/nikko-steel-study.png?v=20261025cinema1");
 --cinema-photo-mask: linear-gradient(transparent,#000 5%,#000 95%,transparent);
 --fs-display: clamp(32px,10.4vw,46px);
 --color-shadow: rgb(0 0 0 / .18);
 --color-soft-line: rgb(244 241 234 / .3);
 --color-paper: #f7f8f8;
 --color-paper-plane: rgb(247 248 248 / .96);
 --color-work-plane: rgb(247 248 248 / .94);
 --color-steel-plane: #424d56;
 --color-dark-plane: rgb(23 28 33 / .97);
 --color-card-mid: rgb(241 244 245 / .97);
 --floor-mask: linear-gradient(transparent, #000 14%);
 --scene-floor-wash: linear-gradient(transparent, rgb(23 28 33 / .8));
 --raw-world-fallback: linear-gradient(105deg, var(--color-pale), var(--color-main) 25%, var(--color-ink) 48%);
 --bg-dark: var(--color-ink);
 --bg-accent: var(--color-bronze);
 --font-body: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", system-ui, sans-serif;
 --font-head: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", system-ui, sans-serif;
 --font-en: "Manrope", "Noto Sans JP", sans-serif;
 --fs-min: 13px;
 --fs-base: clamp(14.5px, 3.72vw, 15px);
 --fs-ui: 13px;
 --fs-input: 16px;
 --fw-body: 500;
 --ls-body: .03em;
 --lh-body: 1.55;
 --lh-head: 1.4;
 --fs-head: clamp(22px, 6.4vw, 28px);
 --fs-head-functional: 24px;
 --fw-head: 700;
 --lh-head-reference: 1.42;
 --ls-head-reference: .03em;
 --logo-field: linear-gradient(180deg,#edf0f2,#f7f8f8);
 --logo-field-mask: linear-gradient(to right,#000 calc(100% - 48px),transparent);
 --motion-circle: 3600ms;
 --motion-title: 416ms;
 --motion-photo: 1760ms;
 --motion-item: 600ms;
 --motion-spring: cubic-bezier(.2,1.5,.45,1);
 --motion-unfold: cubic-bezier(.3,.7,.4,1);
 --motion-ink: #a4a7a8;
 --dur-heading-reveal: 700ms;
 --dur-copy-reveal: 600ms;
 --ls-head: -.035em;
 --col: 480px;
 --header-h: 56px;
 --gutter: 20px;
 --sp-1: .65em;
 --sp-p: .85em;
 --sp-g: 1.1em;
 --pad-y: 1.5em;
 --next-h: 0px;
 --radius-pill: 999px;
 --radius-s: 2px;
 --radius-box: 0px;
 --radius-thumb: 0px;
 --shadow-soft: none;
 --shadow-column: none;
 --ease-out: cubic-bezier(.22, 1, .36, 1);
 --rise: 20px;
 --dur-in: 500ms;
 --dur-hover: 300ms;
 --dur-draw: 1000ms;
}
@media (max-height: 700px) { :root { --fs-jp-subtitle: 16px; --fs-section-en: 44px; --fs-section-en-long: 30px; --fs-section-en-medium: 40px; --fs-cinema-hero: clamp(46px,14vw,64px); --fs-cinema: 38px; --fs-head: clamp(20px, 5.8vw, 24px); --fs-base: 13px; --fs-display: 30px; --lh-body: 1.48; --pad-y: .75em; --sp-p: .65em; --sp-g: 1em; } }