:root{--body:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:var(--body);--ink:#f5f5f7;--muted:#d1d7db;--paper:transparent;--surface:rgba(255,255,255,.07);--teal:#0071e3;--pale:#e6edf3;--deep:#10191e}
body{background:#10191e;font-optical-sizing:auto;letter-spacing:0}
.page-film{position:fixed;inset:0;z-index:-1;background:#10191e url('concept-assets/supply-scroll-poster.jpg') center/cover no-repeat;pointer-events:none;isolation:isolate}
.page-film video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0}.page-film.is-ready video{opacity:1}
.page-film:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,20,.86),rgba(4,12,20,.5));z-index:2}
.page-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56%;max-width:850px;border-radius:32px;padding:22px 35px;background:rgba(225,235,241,.97);backdrop-filter:blur(32px);overflow:hidden;z-index:1}
.page-brand:before{content:"";position:absolute;inset:-30px;background:radial-gradient(circle at 15% 40%,#fff9 0 15%,transparent 27%),radial-gradient(circle at 85% 60%,#78b7e999 0 12%,transparent 28%);filter:blur(18px)}
.page-brand img{position:relative;width:100%;max-height:100px;object-fit:contain;mix-blend-mode:multiply}
.header{position:relative;z-index:5;margin-top:16px;min-height:78px;padding:8px 24px;border-radius:24px;background:rgba(245,248,250,.92);color:#1d1d1f;backdrop-filter:blur(24px)}
.header nav a{color:#34383c;font-weight:500}.brand{width:240px}.nav-contact{color:#0068cd}
.hero,.scene,.architecture,.contact{background:transparent;color:var(--ink)}
.hero-tone,.scene-photo,.scene-shade,.architecture-photo{display:none!important}
.hero h1{font-size:clamp(62px,7.5vw,108px);font-weight:650;letter-spacing:-.055em;line-height:1.02}
.hero-copy p{font-size:20px;line-height:1.5;color:#e0e5eb;max-width:430px}h2{font-weight:620!important;letter-spacing:-.045em!important}
.button{border-radius:999px;background:#0071e3;color:white;font-weight:500;padding:15px 25px;transition:transform 180ms ease,background-color 180ms ease;min-height:52px}
.button:active{transform:scale(.97);transition-duration:100ms}.button.light{background:#0071e3;color:white}
.text-link{color:#83c4ff;font-weight:500;text-decoration:none}.text-link:after{content:" ›"}.hero-object figcaption{color:#d5dfe7}
.scene-layout{display:block!important;min-height:100svh!important;padding-block:160px!important}
.medical .scene-copy,.supply-film-scene .scene-copy{max-width:620px}
.medical h2,.supply-film-scene h2,.architecture h2{font-size:clamp(48px,6vw,84px)}
.medical .scene-copy p,.supply-film-scene .scene-copy p{font-size:20px;max-width:530px;line-height:1.55}
.scene-note{position:static!important;margin-top:65px!important;color:#c1ccd6;font-size:13px}
.architecture{min-height:100svh;padding-block:100px}.architecture-copy{background:rgba(13,24,34,.86);backdrop-filter:blur(24px);border-radius:32px;width:min(650px,80%);padding:50px;margin-left:8vw}
.architecture-copy p{font-size:19px}.architecture-copy .image-credit{color:#c1ccd6}.door-motion{border-radius:24px;background:rgba(0,113,227,.65)}
.connection,.partners{position:relative}.connection-copy,.partners-intro p{color:#e0e5eb}.connection-image img{border-radius:24px}.connection-image figcaption,.partner-footnote{color:#c1ccd6}
.partner-list article{border-radius:20px;margin-block:10px;background:rgba(16,28,39,.92)!important;backdrop-filter:blur(20px)}.partner-list h3{font-weight:600}.partner-list p{color:#d5dfe7}
.contact{background:rgba(10,20,30,.94);border-radius:40px 40px 0 0}.direction-picker span{border-radius:999px;background:#293947;transition:transform 180ms ease,background-color 180ms ease}
.direction-picker label:active span{transform:scale(.97)}.direction-picker input:checked+span{background:#e6edf3;color:#14202c}.footer-name{font-weight:650;font-size:12.5vw}
.film-control,#motion-toggle{display:none!important}
@media(hover:hover){.button:hover,.button.light:hover{background:#1684ef}.text-link:hover{color:#b0daff}.partner-list a:hover{color:#83c4ff}}
@media(max-width:700px){.header{width:calc(100% - 24px);padding:8px 14px;min-height:68px;border-radius:20px}.brand{width:51vw}.nav-contact{font-size:12px}.page-brand{width:100%;max-width:none;padding:20px 12px;border-radius:0;min-height:160px;display:flex;align-items:center}.page-brand img{max-height:110px}.page-film:after{background:rgba(4,12,20,.82)}.hero h1{font-size:17vw}.hero-copy p{font-size:17px}.hero-copy{padding-top:55px}.scene-layout{padding-top:100px!important;padding-bottom:100px!important;min-height:95svh!important}.medical h2,.supply-film-scene h2,.architecture h2{font-size:13vw}.medical .scene-copy p,.supply-film-scene .scene-copy p{font-size:18px}.architecture{padding:65px 0;min-height:100svh;display:flex;align-items:center}.architecture-copy{width:calc(100% - 36px);margin:0 18px;padding:30px 24px;border-radius:24px}.architecture-copy p{font-size:17px}.door-motion{display:none}.contact{border-radius:28px 28px 0 0}.partner-list article{padding:26px 22px}.hero-bottom{padding-bottom:55px}}
@media(prefers-reduced-transparency:reduce){.header{background:#f5f5f7;backdrop-filter:none}.architecture-copy,.partner-list article{background:#152331!important;backdrop-filter:none}.page-brand{backdrop-filter:none}}
@media(prefers-contrast:more){.architecture-copy,.partner-list article{background:#10191e!important;border:1px solid white}.header{background:white;border:1px solid #111}}
@media(prefers-reduced-motion:reduce){.page-film video{display:none}.button,.direction-picker span{transition:none}}
.spectrum-motion .hero .line>span,.spectrum-motion .hero-copy>p,.spectrum-motion .hero-copy>.button{animation:none!important}
.spectrum-motion [data-reveal]{transition:none!important}
.spectrum-optics{position:fixed;inset:0;pointer-events:none;z-index:-1;color:#9bd9ec;opacity:.2;overflow:hidden}
.spectrum-optics svg{width:100%;height:100%;stroke-width:1.2}
.spectrum-beam{stroke-width:2;stroke-dasharray:1800;stroke-dashoffset:1800}
.spectrum-planes{transform-origin:center;opacity:0}
.spectrum-motion .button{transition:background-color 180ms ease}
.hero h1{letter-spacing:-.04em}
.page-brand{background:rgba(193,214,223,.96)}
@media(prefers-reduced-motion:reduce){.spectrum-optics{display:none}}