@font-face{font-family:CosmicSans;src:url('fonts/cosmic-sans-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:CosmicSans;src:url('fonts/cosmic-sans-bold.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
:root{--page-bg:#080d1c;--surface-bg:#111a30;--section-bg:#0d1528;--text:#edf4ff;--text-muted:#bdcae2;--text-soft:#9baecb;--line:#35435e;--hover:#9ee7ff;--caption-bg:#0b1425ec}
body{font-family:CosmicSans,Arial,sans-serif;background:radial-gradient(ellipse at 75% 0%,#142641 0,transparent 38rem),var(--page-bg)}
.header{padding-block:1.5rem}.brand-name{font-family:CosmicSans,Arial,sans-serif;font-size:clamp(1.55rem,2.6vw,2.5rem);font-weight:700;letter-spacing:-.065em}.brand-logo{width:3.7rem}.navigation{font-size:.875rem}.navigation a:hover,.project-link:hover,.case-back:hover{color:#9ee7ff}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(690px,75vh);display:flex;flex-direction:column;justify-content:center;padding:5rem 4.6rem;margin-block:2rem 5rem;border:1px solid #364963;background:linear-gradient(90deg,rgba(5,11,25,.96) 0%,rgba(5,11,25,.78) 40%,rgba(5,11,25,.07) 82%),url('cosmic-planet.webp') right center/cover no-repeat}
.hero::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(5,11,25,.6),transparent 38%);pointer-events:none}.hero-top{color:#b9e9ff}.hero-fields{color:#cadbf0}.hero h1{font-family:CosmicSans,Arial,sans-serif;font-size:clamp(3.6rem,6.8vw,7rem);font-weight:700;line-height:1.06;letter-spacing:-.065em;margin:3rem 0 2.4rem;max-width:14ch}.hero h1 span{font-family:inherit;font-style:normal;font-weight:700;color:#a8def9;letter-spacing:inherit}.hero-bottom{max-width:62rem}.hero-bottom p{color:#e0e9f9}.text-link{color:#b5ecff;border-color:#95d6f2;white-space:nowrap}
.eyebrow{color:#91d4f4;letter-spacing:.14em}.section-heading{padding-block:1.8rem}.section-heading h2{font-size:1rem}.section-number{color:#79b9db}.services{padding-bottom:6rem}.service{border:1px solid #283953;background:linear-gradient(145deg,#141f36,#10182a)}.service-content{padding:3.2rem}.service-index{color:#8acbe8}.service h3{font-weight:700;letter-spacing:-.055em}.red-period{color:#86ddff}.service-tags li{border-color:#405473;color:#d1e3f3;border-radius:2px}.service-image figcaption{border-color:#51627d}.service-link{color:#dceaf8}.service-image img{transition:opacity .25s ease}.service:hover .service-image img{transform:none;opacity:.94}.service-pair{gap:1.5rem}.service-secondary .service-content{padding:2.5rem}.project-link{color:#a7e5ff}
.about{border-block:1px solid #273954;background:radial-gradient(ellipse at 15% 60%,#1b3150 0%,transparent 45%),#0c1527}.about h2,.contact h2{font-weight:700;letter-spacing:-.06em}.about h2 em,.contact h2 em{font-family:inherit;font-weight:700;font-style:normal;color:#a8def9}.about-sign{color:#7acde9}.contact-pending{border-color:#435876}.footer{color:#a8bad5}.footer p:first-child{color:#e8f5ff}
.case-page .case-hero h1,.case-page .case-heading h2,.case-page .case-ending,.case-page .case-slogan{font-family:CosmicSans,Arial,sans-serif;letter-spacing:-.05em}.case-page .case-hero h1{font-weight:700;font-size:clamp(3.2rem,6vw,6rem);line-height:1.06}.case-page .case-hero .film-title{font-size:clamp(2rem,4.5vw,4.4rem)}.case-page .case-slogan{font-size:clamp(1.5rem,2.5vw,2.5rem)}.case-page .sheet-open{background:#111a30}.viewer-scroll{background:#10192b}
@media(max-width:720px){.header{padding-block:1.2rem}.brand-name{font-size:clamp(1.35rem,6vw,2rem)}.brand-logo{width:3rem}.hero{min-height:540px;margin-block:1rem 3rem;padding:3rem 1.6rem;justify-content:space-between;background-position:64% center;background-image:linear-gradient(90deg,rgba(5,11,25,.96),rgba(5,11,25,.65) 68%,rgba(5,11,25,.18)),url('cosmic-planet.webp')}.hero-top{align-items:flex-start}.hero h1{font-size:clamp(2.5rem,9vw,4rem);margin:3rem 0;letter-spacing:-.055em}.hero h1 span{letter-spacing:inherit}.service-content,.service-secondary .service-content{padding:1.8rem}.service h3{font-size:2rem}.about h2,.contact h2{font-size:clamp(2.6rem,10vw,3.6rem)}.case-page .case-hero h1{font-size:clamp(2.4rem,9vw,4rem)}.case-page .case-hero .film-title{font-size:clamp(1.7rem,6vw,2.6rem)}}
@media(prefers-reduced-motion:reduce){.service-image img{transition:none}}
@media print{:root{--page-bg:#fff;--surface-bg:#fff;--section-bg:#fff;--text:#111;--text-muted:#333;--text-soft:#444;--line:#bbb}.hero{background:#fff;color:#111;min-height:0;border:0}.hero h1 span{color:#111}.about{background:#fff}.service{background:#fff}}