:root{color-scheme:dark;--black:#0a0a0a;--white:#f5f5f5;--silver:#c0c0c0;--blue:#3da9ff;--line:#303235}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:7px}.wrap{max-width:1320px;width:calc(100% - 112px);margin:auto}.header{height:112px;padding:12px 56px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--black)}.brand{width:200px}.logo{display:block;position:relative;width:100%;aspect-ratio:490/201;overflow:hidden;background:#080808}.logo img{position:absolute;width:313.4694%;max-width:none;height:auto;left:-6.9388%;top:-216.9154%}nav{display:flex;align-items:center;gap:36px;font-size:13px}nav a{padding:10px 0;color:var(--silver)}nav a:hover{color:var(--blue)}.nav-contact{color:var(--white);border-bottom:1px solid var(--blue);margin-left:24px}.nav-contact span{margin-left:20px;color:var(--blue)}.menu{display:none}.eyebrow,.section-label,.scroll,.principles{font-size:11px;letter-spacing:2px;font-weight:600}.hero{position:relative;min-height:710px;padding-top:72px;padding-bottom:35px;overflow:hidden}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--silver)}.dot{width:6px;height:6px;background:var(--blue);border-radius:50%}h1{font-size:clamp(80px,10.8vw,162px);line-height:.91;letter-spacing:-8px;margin:37px 0 35px;position:relative;z-index:1;font-weight:600}h1 span{background:linear-gradient(130deg,#f5f5f5 5%,#c0c0c0 45%,#6c747e 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-bottom{display:flex;align-items:center;gap:76px;position:relative;z-index:1}.hero-bottom p{color:var(--silver);font-size:17px;line-height:1.65;margin:0}.button{display:inline-flex;gap:32px;align-items:center;padding:20px 24px;background:var(--blue);color:#071322;font-weight:600;font-size:13px;border:1px solid var(--blue);transition:background .2s,transform .2s}.button:hover{background:#7ac4ff;transform:translateY(-2px)}.orbit{position:absolute;width:540px;height:540px;border:1px solid #26384b;border-radius:50%;right:-85px;top:48px;transform:rotate(-25deg);background:radial-gradient(ellipse at 70% 65%,#11273c 0,transparent 60%);pointer-events:none}.orbit:before,.orbit:after,.orbit div{content:"";position:absolute;border:1px solid #26384b;border-radius:50%;inset:38px}.orbit:after{inset:95px;border-color:#284b6b}.orbit div{inset:155px;border-color:#3da9ff;box-shadow:0 0 45px #3da9ff15}.orbit span{position:absolute;right:28px;top:195px;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#8cb0cf}.scroll{display:flex;width:245px;justify-content:space-between;margin-top:70px;color:#aaa}.scroll span{color:var(--blue);font-size:16px}.principles{display:flex;align-items:center;justify-content:center;gap:64px;padding:27px 24px;border-block:1px solid var(--line);color:var(--silver)}.principles span:nth-child(even){color:var(--blue);font-size:17px}.section{padding-top:106px;padding-bottom:106px}.section-label{display:flex;justify-content:space-between;color:var(--silver);line-height:1.6;margin-bottom:40px}.small-arrow{font-size:28px;color:var(--blue)}h2{font-size:clamp(36px,4.4vw,62px);line-height:1.09;font-weight:500;letter-spacing:-2px;margin:0 0 42px}h2 span{color:var(--silver)}.about{display:grid;grid-template-columns:1fr 2fr;gap:70px}.about-copy{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;max-width:790px}.about-copy p{margin:0;font-size:15px;line-height:1.85;color:#b4b6ba}.about-copy p:first-child{font-size:20px;color:var(--white);line-height:1.6}.work{border-top:1px solid var(--line)}.work h2{margin-bottom:60px}.work-row{display:grid;grid-template-columns:70px 1fr 1fr 34px;gap:28px;align-items:start;padding:32px 0;border-top:1px solid var(--line)}.work-row:last-child{border-bottom:1px solid var(--line)}.number{font-size:12px;color:var(--blue);padding-top:7px}.work-row h3{font-weight:500;letter-spacing:-.6px;font-size:28px;margin:0}.work-row p{font-size:14px;line-height:1.8;color:#b4b6ba;margin:0;max-width:390px}.row-arrow{font-size:24px;color:var(--silver)}.contact{background:var(--white);color:var(--black)}.contact .section-label{color:#4e5359}.contact h2{font-size:clamp(40px,5.7vw,80px);margin-bottom:64px}.contact h2 span{color:#59616c}.contact-bottom{display:flex;justify-content:space-between;gap:45px;align-items:end}.contact-bottom p{font-size:17px;line-height:1.6;margin:0}.contact-bottom p span{display:block;color:#5b6066;font-size:13px;max-width:280px;margin-top:15px}.email{display:block;font-size:clamp(15px,1.8vw,26px);border-bottom:1px solid #a4aab1;padding-bottom:17px;letter-spacing:-.5px;overflow-wrap:anywhere}.email span{margin-left:14px;color:#1268ac}.contact-bottom .email-note{font-size:12px;color:#59616c;margin-top:15px}footer{display:flex;justify-content:space-between;gap:24px;align-items:center;min-height:148px;font-size:11px;color:#a5a9ae}footer strong{display:block;letter-spacing:1px;color:var(--silver);font-size:11px}footer div>span{display:block;font-size:9px;letter-spacing:2px;margin-top:12px}footer a{color:var(--silver)}.skip{position:fixed;top:-70px;left:20px;padding:14px;background:var(--blue);color:#000;z-index:100}.skip:focus{top:15px}@media(min-width:1600px){.hero{min-height:790px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.header{padding-inline:32px}nav{gap:22px}.nav-contact{margin-left:0}.hero{min-height:660px}.hero-bottom{gap:30px}.orbit{right:-260px;opacity:.7}.about{grid-template-columns:1fr;gap:0}.about>.section-label{margin-bottom:30px}.about-copy{max-width:100%}.work-row{grid-template-columns:35px 1fr 1fr 20px;gap:20px}.work-row h3{font-size:24px}.contact-bottom{align-items:start;flex-direction:column}.principles{gap:25px;font-size:9px}}@media(max-width:650px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.header{height:94px;padding:8px 20px}.brand{width:168px}.menu{display:flex;align-items:center;gap:14px;background:none;color:var(--white);border:1px solid #4b4d50;padding:11px 14px;font-size:12px}.menu span{color:var(--blue);font-size:19px;line-height:12px}nav{display:none;position:absolute;top:93px;left:0;right:0;padding:24px;background:#101113;border-bottom:1px solid var(--line);align-items:stretch;gap:12px}nav.open{display:flex;flex-direction:column}nav a{padding:12px}.nav-contact{border-bottom:0;color:var(--blue)}.hero{min-height:675px;padding-top:49px;padding-bottom:28px}.eyebrow{font-size:9px;letter-spacing:1.5px}h1{font-size:clamp(70px,17.3vw,112px);letter-spacing:-4px;margin-top:42px;margin-bottom:31px;line-height:.97}.hero-bottom{display:block}.hero-bottom p{font-size:15px;line-height:1.7}.button{margin-top:28px;padding:18px 19px;font-size:12px;gap:24px}.scroll{margin-top:44px;font-size:9px;width:220px}.orbit{width:410px;height:410px;right:-285px;top:85px;opacity:.45}.orbit span{display:none}.principles{padding:22px 20px;gap:16px;font-size:8px;letter-spacing:1px;justify-content:space-between}.principles span:nth-child(4),.principles span:nth-child(5){display:none}.section{padding-top:66px;padding-bottom:66px}.section-label{font-size:9px;letter-spacing:1.5px;margin-bottom:31px}.section-label span:last-child:not(.small-arrow){font-size:8px;letter-spacing:1px}h2{font-size:37px;letter-spacing:-1.5px;margin-bottom:29px}.about-copy{grid-template-columns:1fr;gap:23px}.about-copy p:first-child{font-size:19px}.about-copy p{font-size:14px}.work h2{margin-bottom:36px}.work-row{grid-template-columns:25px 1fr 20px;gap:12px;padding-block:26px}.work-row h3{font-size:24px}.work-row p{grid-column:2;grid-row:2}.row-arrow{grid-column:3;grid-row:1}.contact h2{font-size:45px;letter-spacing:-2px;margin-bottom:35px}.contact-bottom{gap:34px}.contact-bottom p{font-size:16px}.email{font-size:clamp(13px,4vw,20px);letter-spacing:-.5px}.email span{margin-left:2px}.email-note{font-size:11px!important}footer{padding-top:34px;padding-bottom:34px;align-items:start;flex-direction:column;gap:17px}footer p{margin:0;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Brand statements: editorial scale, stacked rhythm, generous space. */
.hero .eyebrow{font-size:13px;letter-spacing:4px}
.work-intro{display:flex;align-items:start;justify-content:space-between;gap:55px;padding-bottom:48px}
.work-intro h2{max-width:650px;margin-bottom:0}
.brand-manifesto{margin:0 2% 0 0;padding-left:30px;border-left:2px solid var(--blue);font-size:25px;font-weight:500;line-height:1.5;letter-spacing:5px;color:var(--silver)}
.brand-manifesto span{display:block;color:var(--white);margin-top:23px;font-size:12px;letter-spacing:3px;white-space:nowrap}
.future-statement{position:relative;padding:60px 0 90px;border-top:1px solid var(--line)}
.future-statement:before{content:"";position:absolute;left:0;top:82px;width:22%;height:1px;background:linear-gradient(90deg,var(--blue),#303235)}
.future-statement p{margin:0 0 0 31%;color:var(--silver);font-size:clamp(32px,5.3vw,72px);font-weight:500;line-height:1.32;letter-spacing:6px}
.future-statement p:last-child{color:var(--blue)}
@media(max-width:1000px){.brand-manifesto{font-size:20px;letter-spacing:3px;padding-left:22px}.work-intro{gap:30px}.future-statement p{letter-spacing:4px}}
@media(max-width:650px){.hero .eyebrow{font-size:10px;letter-spacing:2.5px}.work-intro{display:block;padding-bottom:35px}.work-intro h2{margin-bottom:33px}.brand-manifesto{font-size:24px;line-height:1.5;letter-spacing:4px;padding-left:22px}.brand-manifesto span{font-size:10px;letter-spacing:2px;margin-top:20px}.future-statement{padding:40px 0 55px}.future-statement:before{top:54px;width:10%}.future-statement p{margin-left:17%;font-size:clamp(26px,7.8vw,45px);letter-spacing:2px;line-height:1.5}}
