:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f2eee4;background:#151613;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.holding{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,4vw,64px);overflow:hidden}.scene,.shade{position:absolute;inset:0;z-index:-1;pointer-events:none}.scene{background-color:#151613;background-size:contain;background-repeat:no-repeat;background-position:50% 50%;background-image:url(/assets/bridge-portrait.jpg)}.shade{background:linear-gradient(180deg,rgba(10,13,12,.28),rgba(10,13,12,.08) 35%,rgba(10,13,12,.72)),linear-gradient(90deg,rgba(10,13,12,.48),transparent 90%)}header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px}header{font-size:.875rem;line-height:1.5}header>span:first-child{letter-spacing:.16em}.discipline{color:#e0dfd6}.identity{margin-top:auto;padding:32px 0 28px}h1{margin:0;font-size:clamp(2rem,5.5vw,5rem);font-weight:800;letter-spacing:-.065em;line-height:.88;max-width:100%;white-space:nowrap}.tagline{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.8rem,3.4vw,3.8rem);line-height:1.2;font-style:italic;letter-spacing:-.035em;margin:32px 0 0 4px}footer{font-size:.9375rem;line-height:1.5}.status{margin:0;color:#e0dfd6}.status:before{content:'';display:inline-block;width:6px;height:6px;margin:0 12px 2px 0;border-radius:50%;background:#d4a777;box-shadow:0 0 12px #d4a77755}a{color:inherit;text-decoration:none;padding:10px 0;text-underline-offset:7px;border-bottom:1px solid #f2eee466;transition:border-color .2s}a:hover{border-color:#f2eee4}a:focus-visible{outline:2px solid #f2eee4;outline-offset:6px}@keyframes drift{from{transform:scale(1.025)}to{transform:scale(1.075) translate3d(-.5%,.3%,0)}}@media(max-width:700px){.holding{padding:28px 24px;min-height:100svh}header{align-items:flex-start;flex-direction:column;gap:12px}.discipline{font-size:.875rem}.identity{padding:28px 0 24px}h1{font-size:clamp(1.75rem,9vw,3rem);line-height:1;white-space:nowrap}h1 span{display:inline}h1 span+span{margin-top:0}.tagline{margin-top:28px;font-size:clamp(1.8rem,7vw,3rem)}footer{align-items:flex-start;flex-direction:column;gap:18px}.scene{background-position:61% 50%}.shade{background:linear-gradient(180deg,#0a0d0c55,#0a0d0c20 30%,#0a0d0cbf)}}@media(prefers-reduced-motion:reduce){.scene{animation:none}a{transition:none}}@media(max-height:520px) and (min-width:701px){.identity{padding:24px 0}h1{font-size:clamp(2rem,5.5vw,5rem)}}

.hero-film{width:100%;height:100%;object-fit:contain;object-position:50% 50%;opacity:0;transition:opacity 1s}.hero-film.ready{opacity:1}.footer-note{display:flex;align-items:center;gap:24px}.motion-toggle{font:inherit;font-size:.875rem;line-height:1.5;min-height:44px;padding:8px 0;color:#f2eee4;background:none;border:0;border-bottom:1px solid #f2eee466;cursor:pointer}.motion-toggle:focus-visible{outline:2px solid #f2eee4;outline-offset:6px}.motion-toggle[hidden]{display:none}@media(max-width:700px){.scene{background-image:url(/assets/bridge-portrait.jpg);background-position:50% 50%}.hero-film{object-position:50% 50%}.footer-note{flex-wrap:wrap;gap:8px 24px}}@media(prefers-reduced-motion:reduce){.hero-film{transition:none}}

header>.discipline:first-child{letter-spacing:normal}
