:root{--bg:#101721;--panel:#172231;--line:#344050;--cream:#e7edf3;--muted:#a5b4c5;--lime:#bcd8f2}.brand{gap:12px;letter-spacing:0}.logo-mark{display:block;position:relative;overflow:hidden;width:65px;height:56px;background:#dee5ed;border-radius:2px;flex-shrink:0}.logo-mark img{position:absolute;width:140px;height:140px;max-width:none;left:-38px;top:-35px}.brand-name{font-size:16px;line-height:1.05;letter-spacing:2px;font-weight:800}.brand-name>span{display:block;font-size:13px;letter-spacing:1.25px;margin-top:3px}.brand-name>small{display:block;font-size:6px;letter-spacing:1.4px;font-weight:450;color:var(--muted);margin-top:7px}.header{height:109px}.desktop-nav{margin:0}.hero-summary p{color:#b3c3d4}.hero h1{font-size:clamp(72px,10.9vw,171px)}.hero-showcase{position:relative;display:grid;grid-template-columns:1fr 1.1fr;min-height:440px;background:#1a2a3c;overflow:hidden;border:1px solid #304258;border-radius:3px}.showcase-copy{padding:45px;position:relative;z-index:2;display:flex;align-items:flex-start;flex-direction:column}.showcase-copy>.eyebrow{font-size:8px;letter-spacing:1px;color:#afc8df}.showcase-copy h2{font-size:62px;line-height:.98;font-weight:500;letter-spacing:-2px;margin:25px 0 18px}.showcase-copy p{font-size:12px;line-height:1.8;color:#b6c6d7}.showcase-copy .primary-button{background:var(--lime);color:var(--bg);margin-top:26px;padding:15px 20px;gap:35px}.showcase-social{margin-top:18px;font-size:10px;letter-spacing:.5px;color:#b6c6d7}.showcase-social:hover{color:white}.showcase-strips{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at center,#49729860,transparent 65%)}.vertical-cover{overflow:hidden;position:relative}.vertical-cover>img{position:absolute;height:auto;width:316.2%;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:initial}.strip{position:absolute;width:37%;aspect-ratio:9/16;border-radius:9px;box-shadow:0 15px 35px #0006;border:1px solid #7b91a62e;background:#111}.strip-one{left:0;top:24%;transform:rotate(-10deg);z-index:1;opacity:.8}.strip-two{left:30%;top:10%;transform:rotate(3deg);z-index:3}.strip-three{left:61%;top:23%;transform:rotate(11deg);z-index:2;opacity:.9}.showcase-caption{position:absolute;right:24px;bottom:18px;letter-spacing:1px;font-size:7px;color:#adc5de;z-index:3}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 23px}.project-image{aspect-ratio:9/14;border:1px solid var(--line);background:#000}.project-image>img{filter:brightness(.86);transition:filter .5s,transform .5s}.project-card:hover .project-image>img{filter:brightness(1);transform:translate(-50%,-50%) scale(1.025)}.project-number{font-size:8px;top:18px;left:15px;text-shadow:0 1px 5px #000}.project-image:after{background:linear-gradient(#0009,transparent 27%,transparent 65%,#0008)}.project-info{align-items:flex-start;flex-direction:column;gap:8px}.project-tags{text-align:left;font-size:8px}.project-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:49px;height:49px;display:grid;place-items:center;border:1px solid #fffa;background:#10172150;backdrop-filter:blur(4px);border-radius:50%;z-index:1;font-size:15px;padding-left:3px;transition:background .2s}.project-card:hover .project-play{background:var(--lime);color:var(--bg);border-color:var(--lime)}.portfolio-links{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:20px}.portfolio-links .project-notice{margin:0}.approach{background:#192536;border-color:#2a394b}.approach h2{font-size:48px;max-width:450px}.services article{border-color:#3c4c60}.services article div>span{color:#c3d2e2}.about-image.logo-sheet{height:auto;aspect-ratio:1;background:#dee5ed}.about-image.logo-sheet img{position:static;width:100%;height:100%;object-fit:contain;filter:none;object-position:center}.about h2{font-size:47px}.social-section{border-top:1px solid var(--line);padding-top:46px;padding-bottom:65px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.social-section h2{font-size:48px;font-weight:500;line-height:1.05;letter-spacing:-1.8px;margin-top:25px}.social-copy{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:22px}.social-copy p{font-size:13px;line-height:1.8;color:var(--muted)}.contact-bottom p{color:#2c435a}.contact-channels{border-top:1px solid #243b522f;margin-top:34px;padding-top:20px;display:flex;gap:34px;font-size:10px}.contact-channels a:hover{text-decoration:underline}.primary-button:hover{background:#32475f}.contact .primary-button{font-size:12px;min-width:230px}.footer .brand-name{font-size:13px}.footer .brand-name>span{font-size:11px}.footer .logo-mark{transform:scale(.8);transform-origin:left center;margin-right:-12px}.footer .brand-name>small{display:none}.text-link{border-color:#60798f}.filter{border-color:#3c5066}.process-grid article>span{color:var(--lime)}
@media(max-width:1050px){.hero-showcase{min-height:400px;grid-template-columns:1fr 1fr}.showcase-copy{padding:34px 28px}.showcase-copy h2{font-size:55px}.showcase-copy>.eyebrow{max-width:230px;line-height:1.6}.strip{width:42%}.strip-one{left:-5%;top:27%}.strip-two{left:26%;top:19%}.strip-three{left:59%;top:29%}.project-grid{gap:30px 18px}.project-number{font-size:7px}.project-title{font-size:13px}.approach h2{font-size:41px}.social-section{gap:45px}.contact-channels{gap:22px}}
@media(max-width:700px){.header{height:86px}.brand{gap:8px}.logo-mark{width:46px;height:43px}.logo-mark img{width:104px;height:104px;left:-28px;top:-26px}.brand-name{font-size:12px;letter-spacing:1.5px}.brand-name>span{font-size:10px;letter-spacing:.9px;margin-top:3px}.brand-name>small{font-size:5px;letter-spacing:.8px;margin-top:6px}.hero h1{font-size:13.9vw}.hero-eyebrow{font-size:7px}.hero-summary p{font-size:10px}.hero-showcase{display:flex;min-height:0;flex-direction:column}.showcase-copy{padding:27px 25px 0}.showcase-copy h2{font-size:53px;margin-top:22px}.showcase-copy p{font-size:11px}.showcase-copy .primary-button{margin-top:21px;padding:13px 18px}.showcase-social{margin-top:16px}.showcase-strips{height:340px;overflow:hidden}.strip{width:37%;}.strip-one{top:18%;left:5%}.strip-two{top:11%;left:31%}.strip-three{top:22%;left:58%}.showcase-caption{font-size:6px;bottom:13px;right:17px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.project-image{aspect-ratio:9/16}.project-number{font-size:6px;top:10px;left:9px;letter-spacing:.4px;max-width:90px}.project-arrow{width:24px;height:24px;right:9px;top:28px;font-size:12px}.project-play{width:38px;height:38px;font-size:12px}.duration{right:8px;bottom:9px;font-size:6px;letter-spacing:.5px;padding:4px 5px}.project-info{gap:5px;padding-top:12px}.project-title{font-size:12px;line-height:1.3}.project-tags{font-size:6px;text-align:left;max-width:none;letter-spacing:.6px}.portfolio-links{align-items:flex-start;flex-direction:column;gap:18px;margin-top:23px}.portfolio-links .project-notice{font-size:8px}.section-kicker>.eyebrow{font-size:7px}.section-kicker>a{font-size:6px;letter-spacing:.6px}.approach h2{font-size:39px;max-width:300px}.approach-intro p{max-width:235px}.approach-symbol{font-size:54px;bottom:4px;right:1px}.about h2{font-size:39px}.about-image.logo-sheet{max-height:none}.social-section{grid-template-columns:1fr;gap:25px;padding-top:33px;padding-bottom:46px}.social-section h2{font-size:41px;margin-top:18px}.social-copy{gap:21px}.social-copy p{font-size:12px}.contact-channels{flex-direction:column;gap:17px;font-size:10px;margin-top:26px}.footer .logo-mark{transform:none;margin:0}.footer .brand-name{font-size:12px}.footer .brand-name>span{font-size:10px}.footer>a:last-child{font-size:8px}}

.desktop-nav{gap:26px}.design-section{padding-top:26px;padding-bottom:95px}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.design-cover{display:block;position:relative;overflow:hidden;aspect-ratio:808/632;background:#1a2a3c;border:1px solid var(--line)}.design-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.design-card:hover .design-cover>img{transform:scale(1.035)}.design-card:hover .project-arrow{background:var(--lime);color:var(--bg)}.design-info{display:flex;flex-direction:column;gap:9px;padding-top:16px}.design-info strong{font-size:14px;font-weight:500}.design-info small{font-size:8px;letter-spacing:1px;color:var(--muted)}.behance-link{margin-top:28px;display:flex;justify-content:flex-end}.about-behance{margin-top:22px}.about-copy>.text-link{width:fit-content;display:flex}.contact-channels{gap:28px}.design-section .section-heading{margin-bottom:32px}@media(max-width:700px){.design-section{padding-top:5px;padding-bottom:62px}.design-grid{grid-template-columns:1fr;gap:30px}.design-info{padding-top:13px}.design-info strong{font-size:15px}.design-info small{font-size:8px}.design-section .section-heading h2{font-size:44px}.behance-link{justify-content:flex-start;margin-top:27px}.contact-channels{gap:17px}.desktop-nav{display:none}}