:root{--site-nav-height:82px;--site-nav-offset:calc(var(--site-nav-height) + 20px)}
html{scroll-padding-top:var(--site-nav-offset)}
body{padding-top:var(--site-nav-height)}
#site-header,.home #site-header{position:fixed;inset:0 0 auto;z-index:100;background:#102b29;color:#f3f2ec;isolation:isolate;border-bottom:1px solid #b8cbbb38;box-shadow:0 4px 16px #071a1910}
#site-header .global-header{height:var(--site-nav-height);padding:0 3.5%;display:flex;align-items:center;justify-content:space-between;gap:28px;border:0;color:inherit}
#site-header .brand-lockup{font-size:22px;flex-shrink:0;letter-spacing:.13em}
#site-header .brand-lockup span{font-size:10px;border-color:#b7cbbc40;padding-left:15px;margin-left:-5px;white-space:nowrap}
.top-nav{display:flex;align-items:center;justify-content:flex-end;gap:3px;min-width:0}
.top-nav a{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 11px;font-size:13px;font-weight:400;color:#d5e0d6;white-space:nowrap;border-radius:3px;transition:background .18s,color .18s}
.top-nav a:hover{color:#fff;background:#ffffff0d}
.top-nav a[aria-current=page]{color:#fff;background:#365b50;font-weight:500}
.top-nav a[aria-current=page]:after{content:'';position:absolute;bottom:4px;left:12px;right:12px;height:2px;background:#cf735b}
#site-header .top-nav a:focus-visible{outline-color:#e5a28d;outline-offset:1px}
.home-hero{height:calc(100svh - var(--site-nav-height));min-height:640px}
.hero-lines{inset:0 4.5% 0}
.hero-live3d{inset:0}
.hero-statement{top:17%}
.content-section[id]{scroll-margin-top:0}
[id]{scroll-margin-top:0}
.chapter-layout .chapter-nav{top:var(--site-nav-offset)}
#page-content>.chapter-nav{top:0}
body[data-page=technology] #page-content>.chapter-nav{top:var(--site-nav-height);z-index:5}
body[data-page=technology] .content-section[id]{scroll-margin-top:80px}
.brand-journey{--brand-stage-height:max(560px,calc(100svh - var(--site-nav-height)))}
.brand-journey[data-scene-state=ready]{min-height:calc(var(--brand-stage-height) * 4)}
.brand-journey[data-scene-state=ready] .brand-stage{top:var(--site-nav-height);height:var(--brand-stage-height);min-height:0}
.brand-journey[data-scene-state=ready] .brand-chapter{height:var(--brand-stage-height);min-height:0}
.site-nav-label{display:none}
@media(max-width:1250px){#site-header .brand-lockup span{display:none}#site-header .global-header{gap:18px;padding:0 3%}.top-nav a{padding-left:10px;padding-right:10px;font-size:12px}}
@media(max-width:1000px){:root{--site-nav-height:118px}#site-header .global-header{padding:12px 4% 7px;display:grid;grid-template-columns:1fr;grid-template-rows:28px 1fr;gap:8px;align-items:center}#site-header .brand-lockup{font-size:19px;justify-self:center}.top-nav{justify-content:center;width:100%;gap:5px}.top-nav a{font-size:12px;padding:8px 10px;min-height:34px}.home-hero{min-height:620px}.hero-statement{top:17%}.brand-journey[data-scene-state=ready] .brand-stage{min-height:540px}}
@media(max-width:700px){:root{--site-nav-height:126px}#site-header .global-header{padding:10px 14px 6px;grid-template-rows:23px 1fr;gap:8px}#site-header .brand-lockup{font-size:18px}.top-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;width:100%;align-items:stretch;justify-content:initial}.top-nav a{min-height:33px;padding:6px 2px;font-size:11px;line-height:1.3;border-radius:2px}.top-nav a[aria-current=page]:after{bottom:2px;left:10px;right:10px}.hero-lines{inset:0 6% 0}.hero-live3d{inset:205px 0 90px}.hero-statement{top:15%}.home-hero{height:calc(100svh - var(--site-nav-height));min-height:640px}.brand-journey[data-scene-state=ready] .brand-stage{min-height:0}.brand-journey[data-scene-state=ready] .brand-chapter{min-height:0;padding-top:40px}.brand-journey[data-scene-state=ready] .brand-canvas{inset:245px 0 45px}.brand-journey[data-scene-state=ready] .brand-chapter h1,.brand-journey[data-scene-state=ready] .brand-chapter h2{font-size:29px}.brand-journey[data-scene-state=ready] .brand-chapter>p:not(.chapter-sign){font-size:11px}.brand-chapter a{font-size:11px}.brand-stage .scene-message{bottom:18px}.brand-scroll-hint{bottom:44px}.brand-scene-progress{bottom:22px}.chapter-nav{top:auto}body[data-page=technology] #page-content>.chapter-nav{top:auto}body[data-page=technology] .content-section[id]{scroll-margin-top:0}}
@media(prefers-reduced-motion:reduce){.top-nav a{transition:none}.brand-journey[data-scene-state=ready] .brand-stage{top:0;height:65svh;min-height:400px}.brand-journey[data-scene-state=ready] .brand-chapter{height:auto;min-height:0;padding-top:0}.brand-journey[data-scene-state=ready] .brand-canvas{inset:0}}