@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;450;500;550;600&display=swap');
:root{--bg:#080808;--surface:#111;--text:#efefed;--muted:#898989;--line:#262626;--mono:'DM Mono',monospace;--sans:'Inter',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid white;outline-offset:5px}button:disabled{cursor:default}img,video{display:block;width:100%}[hidden]{display:none!important}.page-shell{max-width:1320px;margin:auto;border-inline:1px solid #1b1b1b}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid #191919;gap:24px}.logo{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:500;letter-spacing:-.6px;white-space:nowrap}.symbol{font-size:31px;line-height:1;font-weight:400}.header nav{display:flex;gap:30px;font-size:12px;color:#b9b9b9}.header nav a:hover{color:#fff}.clock{font:10px var(--mono);color:#777;white-space:nowrap}.clock time{color:#ccc;margin-left:8px}.hero{position:relative;isolation:isolate;text-align:center;min-height:650px;padding:125px 30px 0;display:flex;align-items:center;flex-direction:column;overflow:hidden}.dot-field{position:absolute;inset:0;z-index:-1;opacity:.32;background-image:radial-gradient(#777 .7px,transparent .8px);background-size:22px 22px;mask-image:radial-gradient(ellipse at center,transparent 28%,#000 72%,transparent 100%)}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:.08em;color:var(--muted);margin:0 0 22px}.hero h1{font-size:clamp(42px,5.8vw,76px);font-weight:450;line-height:1.08;letter-spacing:-.065em;margin:0}.hero-copy{color:#999;font-size:17px;line-height:1.65;margin:25px 0 30px}.actions{display:flex;gap:10px;justify-content:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:44px;padding:12px 19px;border:1px solid #363636;background:linear-gradient(#242424,#171717);font:10px var(--mono);letter-spacing:.015em;transition:background .2s,transform .2s}.button:hover{background:#353535;transform:translateY(-2px)}.button.primary{color:#111;background:#efefed;border-color:#efefed}.button.primary:hover{background:#fff}.hero-foot{align-self:stretch;display:flex;justify-content:space-between;margin-top:auto;padding:55px 10px 23px;font:9px var(--mono);letter-spacing:.06em;color:#666}.section{padding:85px 40px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px;gap:25px}.section-head h2,.faq h2{font-size:clamp(32px,4vw,48px);font-weight:450;letter-spacing:-.055em;line-height:1.1;margin:0}.section-head .eyebrow{margin-bottom:15px}.section-head>p,.section-copy{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.muted{color:#666}.work-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:28px}.work-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 16px;font-size:14px;color:#737373}.work-tabs button[aria-selected=true]{color:var(--text);border-color:var(--text)}.work-tabs span{font:9px var(--mono);margin-left:8px;vertical-align:top}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 22px}.project-card{display:block;min-width:0}.card-image{position:relative;aspect-ratio:16/10;background:#151515;overflow:hidden;border:1px solid #222}.card-image img{height:100%;object-fit:cover;transition:transform .6s}.project-card:hover img{transform:scale(1.035)}.card-arrow{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:36px;height:36px;background:#101010b3;border:1px solid #ffffff45;border-radius:50%;font-size:18px;backdrop-filter:blur(8px);transition:background .2s}.project-card:hover .card-arrow{background:#fff;color:#111}.card-meta{display:flex;justify-content:space-between;align-items:start;padding-top:14px;gap:10px}.card-meta h3{font-size:18px;font-weight:500;letter-spacing:-.5px;margin:0 0 3px}.card-meta p{font-size:12px;color:var(--muted);margin:0}.card-meta>span{font:9px var(--mono);color:#888;padding-top:7px;white-space:nowrap}.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.benefits article{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.benefit-icon{font-size:27px;color:#d7d7d7;display:block;margin-bottom:40px;line-height:1}.benefits h3{font-size:18px;letter-spacing:-.5px;font-weight:450;margin:0 0 13px}.benefits p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.faq .section-copy{margin-top:25px}.section-copy a{color:#ddd;border-bottom:1px solid #666}.questions details{border-top:1px solid var(--line)}.questions details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:23px 0;display:flex;justify-content:space-between;gap:20px;font-size:14px}summary::-webkit-details-marker{display:none}summary span{color:#888;font-size:20px;line-height:1;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:13px;line-height:1.8;max-width:470px;margin:0 25px 24px 0}.contact{padding-bottom:0;background:radial-gradient(ellipse at 90% 5%,#171717,transparent 55%)}.contact-top{display:flex;justify-content:space-between;align-items:start}.contact-note{font:9px var(--mono);color:#696969}.contact h2{font-size:clamp(65px,10vw,138px);line-height:.98;letter-spacing:-.075em;font-weight:450;margin:40px 0}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:0 0 55px}.contact-bottom p{font-size:13px;color:#8d8d8d;margin:0}.email-link{font-size:clamp(16px,2.1vw,27px);letter-spacing:-.6px;border-bottom:1px solid #777;padding-bottom:8px;overflow-wrap:anywhere}.email-link span{display:inline-block;margin-left:20px}.social-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.social-links a{display:flex;flex-direction:column;gap:18px;padding:26px 0 32px;transition:color .2s}.social-links a:hover{color:#999}.social-links a+a{padding-left:25px;border-left:1px solid var(--line)}.social-links span{font:9px var(--mono);color:#777}.social-links strong{font-size:14px;font-weight:400}footer{padding:28px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}footer p,footer>a:last-child{font:9px var(--mono);color:#777}footer .logo{font-size:14px}footer .symbol{font-size:23px}.skip{position:absolute;left:20px;top:-80px;z-index:100;background:white;color:black;padding:15px}.skip:focus{top:20px}.case{padding:60px 40px 80px}.back-link{font:10px var(--mono);color:#999;display:inline-block;margin-bottom:55px}.case-heading{max-width:780px}.case-heading h1{font-weight:450;font-size:clamp(45px,7vw,88px);line-height:1.06;letter-spacing:-.065em;margin:0 0 24px}.case-intro{font-size:18px;color:#a6a6a6;line-height:1.65;max-width:670px}.case-meta{display:flex;gap:70px;margin:35px 0 45px;font-size:13px}.case-meta span{display:block;font:9px var(--mono);color:#777;margin-bottom:9px}.case-media{background:#141414;border:1px solid #252525;overflow:hidden}.case-media video{aspect-ratio:16/9;background:#101010}.case-media img{max-height:760px;object-fit:contain}.case-text{display:grid;grid-template-columns:1fr 2fr;gap:55px;border-bottom:1px solid var(--line);padding:45px 0}.case-text h2{font-weight:450;font-size:23px;letter-spacing:-.7px;margin:0}.case-text p{font-size:16px;line-height:1.9;color:#9b9b9b;max-width:650px;margin:0}.case-actions{display:flex;gap:12px;flex-wrap:wrap;margin:35px 0 65px}.next-project{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:30px}.next-project span{font:10px var(--mono);color:#777}.next-project strong{display:block;font-size:32px;font-weight:450;letter-spacing:-1px;margin-top:10px}.next-project i{font-size:35px;font-style:normal}
@media(min-width:1450px){.hero{min-height:710px;padding-top:150px}}@media(max-width:800px){.header{padding:0 22px;height:78px}.clock{display:none}.header nav{gap:20px}.hero{min-height:600px;padding-top:120px}.section{padding:65px 24px}.benefits{grid-template-columns:repeat(2,1fr)}.benefits article{padding:25px}.faq{gap:35px;grid-template-columns:1fr}.contact{padding-bottom:0}.contact-bottom{align-items:start;flex-direction:column}.contact h2{margin:32px 0}.case{padding:45px 24px 65px}footer{padding:25px 24px}.case-text{gap:25px}.card-meta>span{display:none}}@media(max-width:520px){.page-shell{border:0}.header{height:74px;padding:0 19px;gap:15px}.logo{font-size:14px;gap:7px}.symbol{font-size:26px}.header nav{gap:15px;font-size:11px}.header nav a:nth-child(2){display:none}.hero{min-height:565px;padding:100px 20px 0}.hero h1{font-size:44px;letter-spacing:-.065em}.hero .eyebrow{font-size:8px;letter-spacing:.04em;margin-bottom:26px}.hero-copy{font-size:14px;margin:25px 0}.button{font-size:9px;padding:12px 14px;gap:14px}.hero-foot{font-size:7px;gap:10px;padding:45px 0 20px}.section{padding:55px 20px}.section-head{align-items:start;gap:18px;margin-bottom:30px}.section-head>p{font-size:11px;max-width:110px}.eyebrow{font-size:8px}.section-head h2,.faq h2{font-size:33px}.project-grid{grid-template-columns:1fr;gap:32px}.card-image{aspect-ratio:16/10}.card-meta h3{font-size:18px}.card-meta>span{display:block;font-size:8px}.benefits{grid-template-columns:1fr}.benefits article{padding:27px}.benefit-icon{margin-bottom:25px}.benefits p{max-width:340px}.contact{padding-bottom:0}.contact-note{display:none}.contact h2{font-size:72px}.contact-bottom{padding-bottom:32px}.email-link{font-size:18px}.social-links{grid-template-columns:1fr}.social-links a,.social-links a+a{padding:20px 0;border-left:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.social-links strong{font-size:12px}.social-links a:last-child{border:0}footer{padding:24px 20px;flex-wrap:wrap}footer .logo{width:100%;margin-bottom:5px}.case{padding:35px 20px 55px}.back-link{margin-bottom:40px}.case-heading h1{font-size:49px}.case-intro{font-size:15px}.case-meta{gap:35px}.case-text{grid-template-columns:1fr;gap:18px;padding:30px 0}.case-text p{font-size:14px}.next-project strong{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}