@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap";:root{--blue:#1599ee;--navy:#03111e;--line:#176595;--text:#f5f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:#020a12;margin:0;font-family:Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}header{z-index:10;background:#020a12;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 3.1vw;display:flex;position:absolute}.wordmark{width:116px;height:54px;display:block;overflow:hidden}.wordmark img{object-fit:contain;width:100%;height:100%;display:block}nav{text-transform:uppercase;gap:48px;font-size:11px;font-weight:500;display:flex}nav a{border-bottom:1px solid #0000;padding:9px 0}nav a:hover,nav .active{color:var(--blue);border-color:var(--blue)}.hero{background:radial-gradient(circle at 62%,#0b2b48 0,#0000 35%),linear-gradient(115deg,#020914,#021727 55%,#01060d);height:76vh;min-height:630px;padding:90px 4.8vw 40px;position:relative;overflow:hidden}.hero:after,.skills:after{content:"";pointer-events:none;background-image:linear-gradient(90deg,#0000 98%,#1599ee05 98%);background-size:7px;position:absolute;inset:0}.hero-logo-slot{filter:drop-shadow(0 18px 18px #000);place-items:center;width:50vw;height:68%;display:grid;position:absolute;top:12%;right:2%}.hero-logo-slot img{object-fit:contain;width:100%;height:100%;display:block}.hero-copy{z-index:2;width:41%;max-width:450px;margin-top:9vh;position:relative}.hero h1{letter-spacing:.07em;margin:0;font-size:clamp(50px,5.6vw,83px);font-weight:400;line-height:.92}.hero h1 span{color:#148fde}.rule,.card-copy>i{background:var(--blue);width:44px;height:1px;margin:18px 0;display:block}.hero h2{text-transform:uppercase;word-spacing:3px;font-size:12px;line-height:1.7}.hero h2 i{color:var(--blue);margin:0 6px;font-style:normal}.hero-copy p{color:#e1e5ea;max-width:410px;margin-top:35px;font-size:14px;line-height:1.85}.skills,.portfolio{background:radial-gradient(circle at 50% 15%,#09263c 0,#0000 50%),#03101a;padding:55px 9vw 70px;position:relative}.section-title{color:var(--blue);text-transform:uppercase;letter-spacing:.28em;justify-content:center;align-items:center;gap:28px;font-size:16px;display:flex}.section-title i{background:var(--line);width:23%;height:1px}.skill-grid{grid-template-columns:1fr 1.15fr;align-items:start;gap:8vw;max-width:980px;margin:50px auto 0;display:grid}.skill-column{padding:0}.skill-column.technical{border-left:1px solid #2b6384;padding-left:7vw}.skill-column h3,.card-copy h3{text-transform:uppercase;color:var(--blue);letter-spacing:.12em;margin:0 0 20px;font-size:14px}.skill-column h3:after{content:"";background:var(--blue);width:38px;height:1px;margin-top:10px;display:block}.skill-column ul{margin:0;padding:0;list-style:none}.skill-column li{color:#e3e8ec;font-size:14px;line-height:1.85}.skill-column dl{margin:0}.skill-column dl div{margin-bottom:14px}.skill-column dt{color:#fff;margin-bottom:4px;font-size:14px;font-weight:600}.skill-column dd{color:#b9c4cc;margin:0 0 0 20px;font-size:14px;line-height:1.7}.portfolio{background:#f3f3f1;padding-top:65px;padding-bottom:75px}.portfolio .section-title{color:#087cce}.portfolio .section-title i{background:#92b9d3}.cards{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px;display:grid}.cards article{background:#03101a;border:1px solid #143047;box-shadow:0 18px 35px #00152b1c}.card-art{place-items:center;height:180px;display:grid;position:relative;overflow:hidden}.card-art:after{content:"";background:repeating-linear-gradient(135deg,#0000 0 30px,#ffffff09 30px 60px);position:absolute;inset:0}.card-art span{text-transform:uppercase;letter-spacing:.08em;opacity:.8;font-size:34px;font-weight:600;position:absolute}.card-art b{color:#fff;border:1px solid #ffffff80;padding:5px;position:absolute;bottom:12px;right:17px}.deaf{background:linear-gradient(135deg,#0a64ad,#e1e6e4 60%,#062a4b)}.encore{background:linear-gradient(135deg,#77a91f,#fff 50%,#294606)}.grass{background:linear-gradient(135deg,#865625,#213b21 48%,#b3c07e)}.card-copy{padding:17px 22px}.card-copy p{min-height:42px;font-size:11px;line-height:1.8}.card-copy a{text-transform:uppercase;color:var(--blue);font-size:11px}.case-feature{color:#06111c;background:#f0f1ef;grid-template-columns:.8fr 1.2fr;align-items:center;gap:9vw;padding:120px 8vw;display:grid}.case-heading span,.about-title span,.contact>span{text-transform:uppercase;color:#087cce;letter-spacing:.2em;font-size:10px}.case-heading h2,.about h2,.contact h2{letter-spacing:-.05em;margin:25px 0;font-size:clamp(38px,5vw,70px);font-weight:500;line-height:1.03}.case-heading h2 em,.contact h2 em{color:#168fe4;font-style:normal}.case-heading p,.about-copy p{color:#4f5a64;font-size:14px;line-height:1.8}.case-heading a,.about-copy a{color:#087cce;text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid #087cce;margin-top:22px;padding-bottom:7px;font-size:10px;display:inline-block}.case-board{aspect-ratio:1.32;background:#072848;grid-template-rows:1fr 1fr;grid-template-columns:1.1fr 1fr 1fr;gap:8px;padding:8px;display:grid;transform:rotate(-1deg);box-shadow:0 25px 50px #00152b2b}.tile{justify-content:center;align-items:center;font-weight:600;display:flex}.tile-a{color:#087bd2;letter-spacing:-.13em;background:#fff;font-size:58px}.tile-b{background:#0c80d8;font-size:25px;line-height:.9}.tile-c{color:#113b61;background:#e4d8bc;font-size:22px;line-height:.95}.tile-d{background:linear-gradient(135deg,#0c86dc,#052846);grid-column:1/3;justify-content:flex-start;padding-left:25px;font-size:27px;line-height:.92}.tile-e{background:repeating-linear-gradient(135deg,#fff 0 11px,#0c80d8 11px 22px)}.about{background:radial-gradient(circle at 10% 100%,#0a3962,#0000 35%),#030b13;grid-template-columns:1.15fr .85fr;gap:11vw;padding:130px 8vw;display:grid}.about-title h2{max-width:720px}.about-copy{padding-top:40px}.about-copy .lead{color:#fff;font-size:21px;line-height:1.55}.contact{color:#fff;background:radial-gradient(circle at 72% 45%,#0a5b9666,#0000 30%),linear-gradient(112deg,#030b13 0,#051a2d 48%,#0869a8 100%);min-height:430px;padding:0;position:relative;overflow:hidden}.contact:before{content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.contact-copy{z-index:2;flex-direction:column;justify-content:center;width:42%;min-height:430px;padding:80px 3.2vw 55px;display:flex;position:relative}.contact-copy span{text-transform:uppercase;color:#69b9ed;letter-spacing:.18em;font-size:9px}.contact h2{letter-spacing:-.045em;margin:17px 0 30px;font-size:clamp(30px,4.2vw,58px);font-weight:500;line-height:1.03}.contact h2 em{color:#1599ee;font-style:normal}.contact a{color:#bde7ff;border-bottom:1px solid #238bc8;justify-content:space-between;padding-bottom:11px;font-size:clamp(10px,1.1vw,15px);display:flex}.contact-logo{z-index:1;object-fit:contain;object-position:right bottom;opacity:.94;filter:drop-shadow(0 18px 22px #0005);width:59%;height:110%;position:absolute;bottom:-14%;right:-2%}footer{background:linear-gradient(90deg,#078dce,#075394);border-top:1px solid #27a9eb;justify-content:space-between;align-items:center;height:76px;padding:0 3.2vw;display:flex}footer p{text-transform:uppercase;color:#d7f0ff;letter-spacing:.06em;font-size:8px}footer div{gap:45px;display:flex}footer a{color:#fff;font-size:21px;font-weight:600}.site-header{position:relative}.about-page{background:#030b13}.story-hero{background:radial-gradient(circle at 77% 45%,#0b416b,#0000 29%),linear-gradient(115deg,#020914,#021727 60%,#01060d);padding:150px 8vw 110px}.story-eyebrow,.chapter{text-transform:uppercase;color:var(--blue);letter-spacing:.22em;font-size:10px}.story-hero-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:9vw;margin-top:38px;display:grid}.story-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(50px,6.2vw,94px);font-weight:500;line-height:1}.story-intro{color:#b9c8d4;max-width:650px;margin:35px 0 0;font-size:17px;line-height:1.8}.story-placeholder{text-align:center;background:linear-gradient(145deg,#082844,#03101a);border:1px solid #1879b5;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:35px;display:flex;position:relative;overflow:hidden}.story-placeholder:before{content:"";border:1px solid #168fd077;border-radius:50%;width:240px;height:240px;position:absolute}.story-placeholder:after{content:"+";color:#168fd02e;font-size:90px;font-weight:200;position:absolute}.story-placeholder span,.story-placeholder small{z-index:1;position:relative}.story-placeholder span{text-transform:uppercase;color:#fff;letter-spacing:.18em;font-size:15px}.story-placeholder small{color:#7ba4bf;max-width:260px;margin-top:13px;font-size:11px;line-height:1.6;display:block}.portrait-placeholder{aspect-ratio:4/5;max-height:640px}.art-placeholder{aspect-ratio:4/3}.story-section{grid-template-columns:1fr 1fr;align-items:center;gap:9vw;padding:115px 8vw;display:grid}.story-opening,.story-light{color:#06111c;background:#edf0f1}.story-opening .story-placeholder,.story-light .story-placeholder{box-shadow:0 28px 55px #00152b26}.story-dark{background:radial-gradient(circle at 10% 100%,#0a3962,#0000 35%),#030b13}.story-copy h2{letter-spacing:-.05em;margin:20px 0 30px;font-size:clamp(35px,4.5vw,65px);font-weight:500;line-height:1.05}.story-copy p{max-width:700px;margin:0 0 20px;font-size:15px;line-height:1.9}.story-opening .story-copy p,.story-light .story-copy p{color:#354451}.story-dark .story-copy p{color:#b8c4cd}.story-finale{text-align:center;background:linear-gradient(135deg,#05213a,#063f68);flex-direction:column;align-items:center;padding:135px 14vw;display:flex}.story-finale blockquote{letter-spacing:-.04em;max-width:1100px;margin:35px 0;font-size:clamp(30px,4vw,59px);font-weight:500;line-height:1.18}.story-finale p{color:#b9d2e3;max-width:720px;line-height:1.8}.story-finale strong{max-width:720px;margin-top:30px;font-size:19px;line-height:1.6}.about-back{background:#030b13;justify-content:space-between;padding:55px 8vw;display:flex}.about-back a{color:var(--blue);text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid var(--blue);padding-bottom:7px;font-size:10px}@media (max-width:1050px) and (min-width:801px){.hero-logo-slot{width:48vw;height:62%;top:16%;right:1%}.hero-copy{width:40%;max-width:390px}.hero h1{font-size:clamp(48px,6vw,65px)}.hero-copy p{font-size:13px}}@media (max-width:800px){header{height:70px;position:relative}.wordmark{width:82px;height:48px}nav{gap:14px;font-size:8px}.hero{height:auto;min-height:640px;padding-top:75px}.hero-copy{width:100%;max-width:540px;margin-top:3vh}.hero-logo-slot{display:none}.skill-grid{grid-template-columns:1fr;gap:45px}.skill-column.technical{border-top:1px solid #2b6384;border-left:0;padding:40px 0 0}.cards{grid-template-columns:1fr}.card-art{height:220px}.section-title{gap:12px;font-size:13px}.section-title i{width:17%}.case-feature,.about{grid-template-columns:1fr;gap:50px;padding:80px 7vw}.contact{min-height:500px}.contact-copy{width:78%;min-height:500px;padding:65px 7vw 130px}.contact-logo{opacity:.28;width:90%;height:63%;bottom:-8%;right:-25%}footer div{gap:17px}.story-hero{padding:85px 7vw 75px}.story-hero-grid,.story-section{grid-template-columns:1fr;gap:55px}.story-section{padding:80px 7vw}.story-dark .story-placeholder{order:2}.story-placeholder{min-height:320px}.portrait-placeholder{aspect-ratio:4/3}.story-finale{padding:90px 7vw}.about-back{flex-wrap:wrap;gap:25px;padding:45px 7vw}}.contact-logo{z-index:0;object-position:center;opacity:.1;filter:none;width:105%;height:150%;bottom:-34%;right:-12%}@media (max-width:800px){.contact-logo{opacity:.08;width:145%;height:108%;bottom:-22%;right:-42%}}.project-carousel{margin-top:32px}.carousel-controls{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.carousel-controls p{color:#66717a;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:10px}.carousel-controls p span{color:#087cce;font-weight:600}.carousel-controls div{gap:8px;display:flex}.carousel-controls button{color:#075f9e;cursor:pointer;background:0 0;border:1px solid #9fb8c9;border-radius:50%;width:42px;height:42px;font-size:17px}:is(.carousel-controls button:hover,.carousel-controls button:focus-visible){color:#fff;background:#075f9e}.carousel-track{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-color:#087cce #d9e0e4;scrollbar-width:thin;gap:16px;margin:0;padding:0 0 22px;display:flex;overflow-x:auto}.carousel-track article{scroll-snap-align:start;flex:0 0 clamp(280px,29vw,390px)}.placeholder-1{background:linear-gradient(135deg,#092948,#0a6dad)}.placeholder-2{background:linear-gradient(135deg,#121a23,#344758)}.placeholder-3{background:linear-gradient(135deg,#0b4772,#0c98c5)}.placeholder span{color:#fff;opacity:.22;font-size:72px}.placeholder b{letter-spacing:.14em;font-size:8px}@media (max-width:800px){.carousel-track{grid-template-columns:none}.carousel-track article{flex-basis:82vw}.carousel-controls p{max-width:190px;line-height:1.6}}