@font-face { font-family:"Cronic Sans"; src:local("Helvetica Neue"),local("Arial"); font-display:swap; }
:root { --black:#050505; --paper:#ebe8df; --white:#f4f3ef; --muted:rgba(244,243,239,.55); --blue:#72dcff; --blue-deep:#063747; --pad:clamp(1.2rem,3vw,3.2rem); color-scheme:dark; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--black); }
body { margin:0; overflow-x:clip; background:var(--black); color:var(--white); font-family:"Cronic Sans","Helvetica Neue",Arial,sans-serif; font-size:16px; line-height:1.25; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button { color:inherit; font:inherit; }
.brand-header { position:fixed; z-index:30; top:0; left:0; display:grid; width:100%; height:6rem; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 var(--pad); color:#fff; mix-blend-mode:difference; }
.brand-header__logo { width:clamp(6.5rem,8vw,8.5rem); }
.brand-header img { display:block; width:100%; }
.brand-header p,.brand-header__back { margin:0; font-size:.55rem; letter-spacing:.18em; }
.brand-header p span { color:var(--blue); }
.brand-header__back { justify-self:end; }
.brand-progress { position:fixed; z-index:31; top:0; left:0; width:100%; height:2px; background:rgba(255,255,255,.08); }
.brand-progress span { display:block; width:100%; height:100%; background:var(--blue); box-shadow:0 0 1.2rem rgba(114,220,255,.85); transform:scaleX(0); transform-origin:left; }
.brand-hero { position:relative; height:100svh; overflow:hidden; isolation:isolate; }
.brand-hero__media,.brand-hero__veil { position:absolute; inset:0; width:100%; height:100%; }
.brand-hero__media { z-index:-3; overflow:hidden; }
.brand-hero__media video { display:block; width:100%; height:100%; object-fit:cover; object-position:center; opacity:.52; filter:grayscale(.82) contrast(1.28) brightness(.72) sepia(.12) hue-rotate(155deg); transform:scale(1.04); }
.brand-hero__veil { z-index:-2; background:linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.07) 48%,rgba(5,5,5,.86) 100%); }
.brand-hero__content { position:absolute; z-index:2; top:0; left:0; display:flex; width:100%; height:100svh; flex-direction:column; justify-content:flex-end; padding:8rem var(--pad) clamp(3rem,5vw,5rem); }
.brand-hero__scroll,.section-index p { margin:0; font-size:.55rem; font-weight:500; letter-spacing:.18em; }
.brand-hero h1 { max-width:92rem; margin:clamp(1.4rem,2.5vw,2.4rem) 0 1.4rem; font-size:clamp(4.8rem,12.6vw,13rem); font-weight:420; letter-spacing:-.078em; line-height:.73; }
.brand-hero h1 span { display:block; }
.brand-hero h1 span:nth-child(2) { padding-left:18vw; }
.brand-hero h1 em { color:var(--blue); font-style:normal; text-shadow:0 0 3.5rem rgba(114,220,255,.25); }
.brand-hero__dek { width:min(37rem,82vw); margin:0 0 0 auto; font-size:clamp(1.05rem,1.55vw,1.5rem); line-height:1.42; }
.brand-hero__scroll { position:absolute; bottom:3rem; left:var(--pad); }
.brand-hero__scroll i { color:var(--blue); font-style:normal; }
.brand-foundation { display:grid; min-height:100svh; grid-template-columns:minmax(8rem,1fr) minmax(0,4fr); gap:4vw; align-content:center; padding:10vw var(--pad); background:var(--paper); color:#090909; }
.section-index span { display:block; margin-bottom:1rem; color:#187ea3; font-size:.68rem; }
.brand-foundation__statement { grid-column:2; }
.brand-foundation__statement p { max-width:78rem; margin:0; font-size:clamp(3rem,7vw,7.4rem); font-weight:420; letter-spacing:-.065em; line-height:.91; }
.brand-foundation__statement p+p { margin-top:.2em; }
.brand-foundation__statement em { color:#187ea3; font-style:normal; }
.brand-foundation__note { grid-column:2; width:min(38rem,100%); margin:5vw 0 0 auto; font-size:clamp(1.1rem,1.45vw,1.4rem); line-height:1.65; }
.section-index--dark { color:var(--muted); }
.brand-position { padding:9vw var(--pad); background:#07090a; }
.brand-position__heading { display:grid; grid-template-columns:minmax(8rem,1fr) minmax(0,4fr); gap:4vw; }
.brand-position__heading h2 { grid-column:2; max-width:70rem; margin:0; font-size:clamp(3.7rem,7.8vw,8.2rem); font-weight:420; letter-spacing:-.075em; line-height:.85; }
.brand-position__heading h2 em { color:var(--blue); font-style:normal; }
.brand-position__body { display:grid; grid-template-columns:minmax(17rem,.85fr) minmax(24rem,1.15fr); gap:6vw; align-items:center; margin-top:6vw; }
.brand-position__copy { align-self:end; width:min(32rem,100%); }
.brand-position__copy p:first-child { margin:0 0 2rem; font-size:clamp(1.8rem,3.2vw,3.4rem); font-weight:420; letter-spacing:-.045em; line-height:1.02; }
.brand-position__copy p:last-child { margin:0; color:var(--muted); font-size:clamp(1.05rem,1.35vw,1.3rem); line-height:1.65; }
.brand-orbit { width:min(46vw,38rem); margin-left:auto; outline:none; perspective:1200px; perspective-origin:50% 44%; }
.brand-orbit__stage { position:relative; width:100%; aspect-ratio:1; transform:rotateX(var(--orbit-x,-3deg)) rotateY(var(--orbit-y,4deg)); transform-style:preserve-3d; }
.brand-orbit__disc { position:absolute; inset:4%; transform-style:preserve-3d; }
.brand-orbit__disc::before { position:absolute; inset:0; border-radius:50%; background:radial-gradient(circle,rgba(114,220,255,.07),transparent 64%); content:""; }
.brand-orbit__ring { position:absolute; inset:var(--inset); border:1px solid rgba(114,220,255,var(--alpha)); border-radius:50%; }
.brand-orbit__ring span { position:absolute; display:flex; gap:.65rem; align-items:center; padding:.38rem .62rem; background:#071116; color:var(--white); font-size:.5rem; letter-spacing:.18em; white-space:nowrap; }
.brand-orbit__ring span b { color:var(--blue); font-size:.42rem; font-weight:400; }
.brand-orbit__ring--truth { --inset:0; --alpha:.24; }
.brand-orbit__ring--truth span { top:13%; right:-2%; }
.brand-orbit__ring--relevance { --inset:15%; --alpha:.36; }
.brand-orbit__ring--relevance span { top:48%; left:-8%; transform:translate(-50%,-50%); }
.brand-orbit__ring--difference { --inset:30%; --alpha:.52; }
.brand-orbit__ring--difference span { right:-16%; bottom:12%; }
.brand-orbit__center { position:absolute; top:50%; left:50%; display:grid; width:min(12rem,34%); gap:.65rem; text-align:center; transform:translate(-50%,-50%) translateZ(1.2rem); }
.brand-orbit__center::before { width:2.5rem; height:1px; margin:0 auto .2rem; background:var(--blue); box-shadow:0 0 .8rem rgba(114,220,255,.55); content:""; }
.brand-orbit__center small { color:var(--blue); font-size:.46rem; letter-spacing:.2em; }
.brand-orbit__center strong { font-size:.42rem; font-weight:400; letter-spacing:.14em; line-height:1.55; }
.brand-orbit>p { margin:1rem 0 0; color:var(--muted); font-size:.46rem; letter-spacing:.16em; text-align:right; }
.position-equation { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:1.2rem; align-items:stretch; margin-top:6vw; border-top:1px solid rgba(255,255,255,.22); padding-top:1rem; }
.position-equation span { display:flex; min-height:5rem; flex-direction:column; justify-content:space-between; color:rgba(244,243,239,.72); font-size:.58rem; letter-spacing:.14em; }
.position-equation b { color:var(--blue); font-size:.5rem; font-weight:400; }
.position-equation i { align-self:center; color:var(--blue); font-size:1.4rem; font-style:normal; }
.position-equation .position-equation__result { color:var(--blue); }
.brand-choice { position:relative; min-height:100svh; display:flex; overflow:hidden; flex-direction:column; justify-content:center; padding:9vw var(--pad); isolation:isolate; }
.brand-choice__media,.brand-choice__veil { position:absolute; z-index:-2; inset:0; }
.brand-choice__media video { width:100%; height:100%; object-fit:cover; filter:grayscale(.82) contrast(1.3) brightness(.65) hue-rotate(165deg); }
.brand-choice__veil { z-index:-1; background:linear-gradient(90deg,rgba(5,5,5,.35),rgba(5,5,5,.08) 52%,rgba(5,5,5,.78)),linear-gradient(180deg,#050505 0,transparent 22%,transparent 75%,#050505 100%); }
.brand-choice__eyebrow,.brand-choice__note,.brand-cta>p { margin:0; font-size:.55rem; font-weight:500; letter-spacing:.18em; }
.brand-choice__eyebrow { color:var(--blue); }
.brand-choice blockquote { margin:5vw 0 0; font-size:clamp(4.4rem,11vw,12rem); font-weight:420; letter-spacing:-.075em; line-height:.77; }
.brand-choice blockquote span,.brand-choice blockquote em { display:block; }
.brand-choice blockquote em { padding-left:23vw; color:transparent; font-style:normal; -webkit-text-stroke:1px rgba(255,255,255,.7); }
.brand-choice blockquote span:last-child { padding-left:7vw; }
.brand-choice__note { width:min(28rem,80vw); margin:5vw 0 0 auto; color:var(--muted); line-height:1.65; }
.brand-system { padding:10vw var(--pad); background:var(--paper); color:#090909; }
.brand-system__intro { display:grid; grid-template-columns:minmax(8rem,1fr) minmax(0,4fr); gap:4vw; }
.brand-system__intro h2 { margin:0; font-size:clamp(4rem,9vw,9.5rem); font-weight:420; letter-spacing:-.073em; line-height:.86; }
.brand-system__intro h2 em { color:#187ea3; font-style:normal; }
.brand-system__intro>div:last-child>p { width:min(35rem,100%); margin:3rem 0 0 auto; font-size:clamp(1.05rem,1.4vw,1.35rem); line-height:1.65; }
.brand-services { margin-top:11vw; border-bottom:1px solid rgba(0,0,0,.22); }
.brand-service { border-top:1px solid rgba(0,0,0,.22); }
.brand-service button { display:grid; width:100%; grid-template-columns:4rem minmax(0,1fr) 3rem; gap:1rem; align-items:center; padding:2.3rem 0; border:0; background:transparent; color:#090909; cursor:pointer; text-align:left; }
.brand-service button span { color:#187ea3; font-size:.58rem; letter-spacing:.15em; }
.brand-service button h3 { margin:0; font-size:clamp(1.8rem,4vw,4.4rem); font-weight:420; letter-spacing:-.05em; }
.brand-service button i { justify-self:end; color:#187ea3; font-size:1.7rem; font-style:normal; font-weight:300; }
.brand-service__answer { display:grid; grid-template-rows:0fr; transition:grid-template-rows .65s cubic-bezier(.16,1,.3,1); }
.brand-service__answer p { width:min(42rem,100%); min-height:0; margin:0 4rem 0 auto; overflow:hidden; font-size:clamp(1.05rem,1.35vw,1.3rem); line-height:1.65; }
.brand-service.is-open .brand-service__answer { grid-template-rows:1fr; }
.brand-service.is-open .brand-service__answer p { padding-bottom:3rem; }
.brand-verticals { padding:10vw var(--pad); background:#071116; }
.brand-verticals__heading { display:grid; grid-template-columns:minmax(8rem,1fr) minmax(0,4fr); gap:4vw; }
.brand-verticals__heading h2 { margin:0; font-size:clamp(3.8rem,8vw,8.6rem); font-weight:420; letter-spacing:-.073em; line-height:.86; }
.brand-verticals__heading h2 em { color:var(--blue); font-style:normal; }
.brand-verticals__heading>div:last-child>p { width:min(43rem,100%); margin:3rem 0 0 auto; color:var(--muted); font-size:clamp(1.05rem,1.4vw,1.35rem); line-height:1.65; }
.brand-verticals__list { margin-top:7vw; border-bottom:1px solid rgba(114,220,255,.2); }
.brand-vertical { display:grid; grid-template-columns:3rem minmax(15rem,.9fr) 1.1fr; gap:2rem; align-items:center; min-height:9.5rem; border-top:1px solid rgba(114,220,255,.2); transition:padding .45s cubic-bezier(.16,1,.3,1),background-color .35s; }
.brand-vertical:hover { padding-inline:1rem; background:rgba(114,220,255,.035); }
.brand-vertical>span { color:var(--blue); font-size:.52rem; letter-spacing:.16em; }
.brand-vertical h3 { margin:0; font-size:clamp(1.8rem,3.3vw,3.7rem); font-weight:420; letter-spacing:-.05em; line-height:.92; }
.brand-vertical p { margin:0; color:var(--muted); font-size:.58rem; letter-spacing:.12em; line-height:1.65; }
.brand-verticals__cta { display:flex; width:min(38rem,100%); justify-content:space-between; margin:4rem 0 0 auto; border-top:1px solid rgba(114,220,255,.4); padding-top:1rem; font-size:.58rem; letter-spacing:.16em; }
.brand-verticals__cta span { color:var(--blue); font-size:1.3rem; }
.brand-cta { min-height:88svh; display:flex; flex-direction:column; justify-content:center; padding:9vw var(--pad); background:var(--blue); color:#041015; }
.brand-cta h2 { margin:1.5rem 0 7vw; font-size:clamp(4rem,9.5vw,10rem); font-weight:420; letter-spacing:-.075em; line-height:.86; }
.brand-cta h2 em { color:transparent; font-style:normal; -webkit-text-stroke:1px rgba(4,16,21,.7); }
.brand-cta a { display:flex; width:min(42rem,100%); justify-content:space-between; align-self:flex-end; border-top:1px solid rgba(4,16,21,.65); padding-top:1rem; font-size:.62rem; letter-spacing:.17em; }
.brand-cta a span { font-size:1.4rem; transition:transform .35s; }
.brand-cta a:hover span,.brand-cta a:focus-visible span { transform:translate(.45rem,-.45rem); }
.brand-footer { display:grid; grid-template-columns:1fr auto 1fr; align-items:end; padding:4rem var(--pad) 2rem; border-top:1px solid rgba(255,255,255,.14); }
.brand-footer img { width:8rem; }.brand-footer p,.brand-footer a { margin:0; font-size:.5rem; letter-spacing:.16em; }.brand-footer a { justify-self:end; }
.brand-hero h1 em,
.brand-foundation__statement em,
.brand-position__heading h2 em,
.brand-choice blockquote em,
.brand-system__intro h2 em,
.brand-verticals__heading h2 em,
.brand-cta h2 em { font-family:Georgia,"Times New Roman",serif; font-size:.88em; font-style:italic; font-weight:400; letter-spacing:-.055em; }
.reveal { opacity:0; transform:translateY(2rem); transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1); }
.reveal.is-visible { opacity:1; transform:none; }
@media(max-width:760px){.brand-header{grid-template-columns:1fr auto;height:5rem}.brand-header>p{display:none}.brand-header__back{font-size:.46rem}.brand-hero h1{font-size:clamp(4.2rem,20vw,7.5rem);line-height:.77}.brand-hero h1 span:nth-child(2){padding-left:8vw}.brand-hero__dek{margin-left:0}.brand-foundation,.brand-position__heading,.brand-system__intro,.brand-verticals__heading{grid-template-columns:minmax(0,1fr)}.brand-foundation{padding-block:7rem}.brand-foundation__statement,.brand-foundation__note,.brand-position__heading h2{grid-column:1}.brand-foundation__statement,.brand-position__heading h2,.brand-system__intro>div:last-child,.brand-verticals__heading>div:last-child{margin-top:3.5rem}.brand-foundation__statement p{font-size:clamp(3rem,14vw,6rem)}.brand-foundation__note{margin-top:3.5rem}.brand-position{padding-block:7rem}.brand-position__body{grid-template-columns:1fr;margin-top:4.5rem}.brand-orbit{width:min(92vw,34rem);margin:3rem auto 0}.brand-orbit>p{text-align:center}.position-equation{grid-template-columns:1fr auto;gap:.8rem}.position-equation i{justify-self:end}.position-equation span{min-height:4.5rem}.position-equation .position-equation__result{grid-column:1}.brand-choice blockquote{font-size:clamp(4rem,18vw,7rem)}.brand-choice blockquote em{padding-left:10vw}.brand-choice blockquote span:last-child{padding-left:0}.brand-system{padding-block:7rem}.brand-service button{grid-template-columns:2rem 1fr 2rem}.brand-service button h3{font-size:1.8rem}.brand-service__answer p{margin-left:3rem}.brand-verticals{padding-block:7rem}.brand-verticals__heading h2{font-size:clamp(3.25rem,16vw,3.8rem)}.brand-vertical{grid-template-columns:2rem 1fr;gap:1rem;min-height:auto;padding:2rem 0}.brand-vertical p{grid-column:2}.brand-cta{min-height:82svh}.brand-footer{grid-template-columns:1fr auto}.brand-footer p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}