@font-face{font-family:Manrope;src:url('/assets/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--bg:#09080b;--fg:#f3f2f2;--muted:#a8a6a4;--line:rgba(255,255,255,.14);--accent:#e94057;--highlight:#ffb38a;--gutter:clamp(24px,5vw,88px);--max:1440px;color-scheme:dark;font-family:Manrope,Arial,sans-serif;background:var(--bg);color:var(--fg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;overflow-x:hidden}body:has(dialog[open]){overflow:hidden}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--highlight);outline-offset:5px}button{border:0;background:none}img{display:block;max-width:100%}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}::selection{color:white;background:#e94057}main{min-height:60vh}.skip-link{position:fixed;left:20px;top:-80px;z-index:1000;padding:16px;background:var(--accent)}.skip-link:focus{top:12px}.container{width:100%;max-width:var(--max);margin:auto;padding-inline:var(--gutter)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;display:flex;align-items:center;gap:14px;line-height:1.5;color:#bbb9b8}.eyebrow .num{color:#a7a5a4;margin-right:5px}.eyebrow .dash{height:1px;width:32px;background:#656362}.muted{color:var(--muted)}.lavender{color:var(--highlight)}.arrow{width:20px;height:20px;flex-shrink:0}.arrow.large{width:38px;height:38px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 23px;border-radius:100px;font-size:12px;line-height:1.3;min-height:49px;transition:background .25s,transform .25s,border-color .25s}.button:hover{transform:translateY(-3px)}.button.primary{background:#f9ebe9;color:#09080b;box-shadow:0 0 28px #ffded912}.button.primary:hover{background:white}.button.glass{border:1px solid #ffffff26;background:linear-gradient(120deg,#ffffff16,#ffffff04);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff18}.button.glass:hover{border-color:#f1a99e80;background:#ffffff15}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;border-bottom:1px solid #ffffff44;padding-bottom:8px}.text-link:hover{color:var(--highlight)}.circle-button{border:1px solid var(--line);border-radius:50%;height:56px;width:56px;display:grid;place-items:center;background:#ffffff05;transition:background .25s,transform .25s}.circle-button:hover{background:#e9405755;transform:rotate(45deg)}
.header{height:110px;position:absolute;z-index:50;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);gap:20px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{height:39px;width:33px;object-fit:contain}.brand-name{font-size:24px;letter-spacing:-1.3px;font-weight:800}.brand-label{display:block;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:1px}.nav{display:flex;align-items:center;gap:3px;padding:7px;border:1px solid #ffffff20;border-radius:100px;background:linear-gradient(120deg,#ffffff0d,#14121777);box-shadow:inset 0 1px 0 #ffffff13,0 12px 40px #0003;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:fixed;top:28px;left:50%;transform:translateX(-50%)}.nav a{padding:11px 17px;white-space:nowrap;font-size:10px;color:#b6b4b3;border-radius:100px;transition:color .2s,background .2s}.nav a:hover{color:white}.nav a[aria-current=page]{background:#ffffff12;color:white;box-shadow:inset 0 1px 0 #fff1}.nav a[aria-current=page]:before{content:'';width:4px;height:4px;border-radius:100%;background:#ffc2b9;display:inline-block;margin-right:7px;vertical-align:middle}.header-cta{font-size:11px;display:flex;align-items:center;gap:22px}.header-cta .arrow{width:17px}.menu-toggle{display:none}.progress-line{position:fixed;top:0;height:2px;left:0;z-index:90;background:linear-gradient(90deg,#e94057,#ffab9e);width:0}
.hero{position:relative;min-height:800px;height:100svh;max-height:1080px;isolation:isolate;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 82% 52%,#e9405712,transparent 53%)}.hero-art{position:absolute;z-index:-2;width:75%;max-width:1200px;right:-13%;top:9%;height:83%;object-fit:contain;mix-blend-mode:screen;opacity:.92;transform:rotate(-22deg);animation:float-art 14s ease-in-out infinite}.hero-copy{padding-top:55px;position:relative;z-index:2}.hero h1{font-size:clamp(72px,7.6vw,118px);line-height:1.05;letter-spacing:-.07em;margin:33px 0 30px;max-width:920px}.hero h1 .soft{color:#c1bfbd}.hero-description{max-width:330px;font-size:12px;color:var(--muted);line-height:1.9}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:29px}.hero-actions .secondary{font-size:11px;color:#b9b8b7;display:flex;align-items:center;gap:9px}.hero-actions .secondary:hover{color:white}.hero-actions .secondary .arrow{width:15px}.hero-tag{position:absolute;right:9%;bottom:26%;display:flex;gap:18px;align-items:center;z-index:3;border:1px solid #ffffff30;border-radius:16px;padding:17px 22px;background:linear-gradient(130deg,#ffffff13,#09080b33);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff22,0 10px 40px #0003;transform:rotate(-5deg)}.hero-tag svg{color:#f3bbb2;width:25px;height:25px}.hero-tag span{display:block;font-size:10px;color:#d6d5d4;line-height:1.7}.hero-tag small{display:block;font-size:8px;letter-spacing:.12em;color:#a8a6a4;text-transform:uppercase}.hero-bottom{position:absolute;bottom:31px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;gap:30px}.hero-bottom p{font-size:9px;letter-spacing:.08em;color:#a8a6a5}.hero-scroll{display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:.15em}.hero-scroll .arrow{width:15px;transform:rotate(135deg)}.hero-index{color:#acaaa9;font-size:9px;font-variant-numeric:tabular-nums}.hero-index span{color:#a7a5a4;margin-left:7px}@keyframes float-art{0%,100%{transform:translate3d(0,0,0) rotate(-22deg)}50%{transform:translate3d(0,-20px,0) rotate(-18deg)}}
.section{padding-block:115px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-heading h2,.statement h2{font-size:clamp(38px,4.4vw,68px);letter-spacing:-.055em;line-height:1.12}.section-heading .eyebrow{margin-bottom:26px}.section-heading>p{font-size:12px;line-height:1.8;color:var(--muted);max-width:280px}.intro{padding-block:85px 100px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:70px}.intro .eyebrow{align-self:start;margin-top:7px}.intro h2{font-size:clamp(28px,3.2vw,46px);line-height:1.4;letter-spacing:-.045em;max-width:790px}.intro h2 span{color:#a8a6a5}.intro-sub{display:grid;grid-template-columns:1fr 1fr;gap:40px;grid-column:2;margin-top:-40px;font-size:11px;line-height:1.9;color:var(--muted)}.service-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.pill{font-size:11px;padding:12px 20px;border:1px solid var(--line);border-radius:60px;color:#aaa8a7;transition:.2s}.pill:hover{border-color:#adaaa8;color:white}.pill[aria-selected=true],.pill.active{background:#f6e4e1;color:#161318;border-color:#f6e4e1}.service-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;min-height:405px;background:linear-gradient(110deg,#131116 0%,#121014 65%);display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:52px}.service-content{align-self:center;max-width:400px;position:relative;z-index:2}.service-content h3{font-size:36px;line-height:1.2;letter-spacing:-.05em;margin-bottom:20px}.service-content p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:24px}.service-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.service-tags span{font-size:8px;border:1px solid #ffffff16;border-radius:5px;padding:6px 9px;color:#b8b5b3}.service-visual{min-height:300px;position:relative;perspective:900px;align-self:center}.service-orb{position:absolute;width:250px;height:250px;filter:blur(45px);background:#e94057;border-radius:50%;top:40px;left:90px;opacity:.45}.mini-browser{position:absolute;top:25px;left:9%;width:83%;height:240px;border:1px solid #ffc1b740;border-radius:13px;transform:rotateY(-16deg) rotateX(7deg) rotate(-5deg);box-shadow:0 20px 70px #0007,inset 0 1px 0 #ffffff21;background:linear-gradient(125deg,#ffffff17,#141217e6);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);padding:15px;transition:transform .7s}.service-panel:hover .mini-browser{transform:rotateY(-7deg) rotateX(2deg) rotate(-2deg)}.browser-dots{display:flex;gap:4px;padding-bottom:12px;border-bottom:1px solid #ffffff10}.browser-dots i{width:4px;height:4px;border-radius:50%;background:#b4b1ae}.mini-content{padding:24px 12px}.mini-content .mini-label{font-size:6px;letter-spacing:.16em;color:#b8b5b2}.mini-content strong{display:block;font-size:27px;letter-spacing:-1px;font-weight:400;margin-top:13px;line-height:1.2}.mini-content .mini-cta{display:inline-block;margin-top:17px;font-size:6px;color:#fce4e0;border-radius:30px;background:#ffffff16;border:1px solid #ffffff30;padding:7px 12px}.mini-ring{position:absolute;width:125px;height:125px;top:85px;right:24px;border:16px solid #f29e9130;border-right-color:#f8c9c2aa;border-top-color:#c44734;border-radius:50%;box-shadow:0 0 25px #d4432d30,inset 0 0 20px #ff877533;transform:rotate(-30deg)}.floating-chip{position:absolute;bottom:20px;left:25px;font-size:8px;padding:13px 17px;background:linear-gradient(130deg,#ffffff15,#17141aaa);border:1px solid #ffffff22;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:9px;transform:rotate(5deg);display:flex;gap:12px;align-items:center}.floating-chip:before{content:'✓';width:19px;height:19px;display:grid;place-items:center;color:#eeb8b0;border:1px solid #dca39a4d;border-radius:50%}.mini-bars{display:flex;align-items:end;gap:12px;height:90px;margin-top:18px}.mini-bars i{background:linear-gradient(#f9a295,#e94057);width:22px;border-radius:5px 5px 1px 1px}.mini-bars i:nth-child(1){height:35%}.mini-bars i:nth-child(2){height:65%}.mini-bars i:nth-child(3){height:49%}.mini-bars i:nth-child(4){height:85%}.mini-bars i:nth-child(5){height:73%}.mini-bars i:nth-child(6){height:100%}
.project-section{padding-top:30px}.project-card{border:1px solid #ffffff25;border-radius:24px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 75% 95%,#e9405745,transparent 65%),linear-gradient(135deg,#141217,#121014);display:grid;grid-template-columns:.78fr 1.22fr;min-height:480px;gap:35px}.project-card:before{content:'';position:absolute;width:350px;height:350px;background:#e37c1110;filter:blur(65px);right:10%;top:15%}.project-description{padding:48px 0 48px 48px;display:flex;align-items:start;flex-direction:column;justify-content:space-between;z-index:2}.small-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #ffffff22;border-radius:100px;font-size:8px;letter-spacing:.07em;color:#c2bfbd}.small-badge:before{content:'';height:4px;width:4px;background:#eabbb4;border-radius:50%}.project-description h3{font-size:57px;letter-spacing:-.055em;line-height:1;margin-top:34px;margin-bottom:18px}.project-description p{color:#aeacaa;font-size:12px;line-height:1.8;max-width:300px}.project-description .text-link{margin-top:30px}.project-labels{font-size:8px;color:#a9a7a5;margin-top:37px;letter-spacing:.04em}.project-screen{align-self:center;position:relative;transform:translate(25px,33px) rotate(-5deg);transition:transform .7s;padding:10px;border:1px solid #ffffff35;background:linear-gradient(130deg,#ffffff12,#ffffff04);border-radius:17px;box-shadow:-20px 35px 70px #0005;width:115%;}.project-card:hover .project-screen{transform:translate(12px,20px) rotate(-3deg)}.screen-toolbar{height:32px;display:flex;align-items:center;justify-content:space-between;padding-inline:12px;color:#bab7b4;font-size:7px}.screen-toolbar>span{display:flex;gap:4px}.screen-toolbar i{display:block;height:4px;width:4px;background:#ffffff45;border-radius:50%}.project-screen img{border-radius:8px}.project-card-link{position:absolute;inset:0;z-index:3}.project-card-link:focus-visible{outline-offset:-5px}.project-arrow{position:absolute;right:25px;bottom:25px;background:#141116bf;z-index:4;pointer-events:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.method{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line)}.method-heading{position:sticky;top:155px;align-self:start}.method-heading h2{font-size:clamp(40px,4.3vw,60px);letter-spacing:-.05em;line-height:1.15;margin-top:28px}.method-heading p{font-size:12px;line-height:1.8;color:var(--muted);max-width:270px;margin-top:25px}.method-list article{padding:26px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:45px 1fr;gap:8px}.method-list article:first-child{padding-top:0}.method-list .step-num{color:#aaa7a5;font-size:10px;padding-top:7px}.method-list h3{font-size:23px;letter-spacing:-.035em;margin-bottom:12px}.method-list p{font-size:12px;line-height:1.85;color:var(--muted);max-width:350px}.method .step-line{width:1px;background:var(--line)}
.journal-section{border-top:1px solid var(--line)}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.article-card{display:block;position:relative}.article-visual{height:220px;border:1px solid #ffffff15;border-radius:16px;background:#121014;position:relative;overflow:hidden;margin-bottom:22px;transition:transform .4s,border-color .4s}.article-card:hover .article-visual{transform:translateY(-5px);border-color:#bd6c6099}.article-meta{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#aeacaa;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.article-card h3{font-size:20px;line-height:1.45;letter-spacing:-.035em;max-width:320px;padding-right:18px}.article-card .arrow{position:absolute;bottom:5px;right:0;width:15px}.art-1{background:radial-gradient(ellipse at 70% 100%,#e9405780,transparent 70%),#131115}.art-1:before,.art-1:after{content:'';position:absolute;left:50%;top:50%;width:125px;height:125px;border:1px solid #ffbcb299;border-radius:28px;box-shadow:inset 0 1px 22px #fbbcb22b,0 12px 40px #000a;transform:translate(-65%,-45%) rotate(-18deg);background:linear-gradient(130deg,#ffffff11,transparent)}.art-1:after{transform:translate(-30%,-55%) rotate(12deg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:#ffffff66}.art-2{background:radial-gradient(ellipse at 40% 100%,#e940575c,transparent 80%),#121014;display:flex;align-items:end;justify-content:center;padding:45px 55px;gap:12px}.art-2 i{height:40%;width:34px;background:linear-gradient(90deg,#aaa6a333,#1a171d55);border:1px solid #dea29955;border-radius:6px 6px 0 0;box-shadow:inset 2px 0 12px #fff1}.art-2 i:nth-child(2){height:64%}.art-2 i:nth-child(3){height:84%}.art-2 i:nth-child(4){height:110%;background:linear-gradient(130deg,#ec786680,#e94057);border-color:#fca49799;box-shadow:0 0 50px #be36215c}.art-3{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 80%,#9a511526,transparent 75%),#100c0c}.art-3 .h-tile{height:100px;width:100px;border:1px solid #fbdcb959;background:linear-gradient(140deg,#e9b27b22,#f87e0711);box-shadow:inset 0 1px 2px #f9c99280,0 15px 45px #000b;border-radius:22px;font-size:54px;font-weight:600;display:grid;place-items:center;color:#dfb180;transform:rotate(-12deg)}.editorial-note{font-size:10px;line-height:1.6;color:#a8a6a5;margin-top:26px}.filters{display:flex;gap:8px;margin:35px 0 45px;align-items:center;flex-wrap:wrap}.filters .results{font-size:10px;color:#a9a7a5;margin-left:auto}.article-card[hidden]{display:none}
.contact-section{padding:100px 0 70px;position:relative;border-top:1px solid var(--line);overflow:hidden}.contact-section:before{content:'';position:absolute;width:60%;height:160%;right:-15%;top:-30%;background:radial-gradient(ellipse,#e9405723,transparent 66%);pointer-events:none}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:50px;position:relative}.contact-inner h2{font-size:clamp(40px,5.4vw,80px);letter-spacing:-.06em;line-height:1.14;margin-top:30px}.contact-inner h2 span{color:#aaa8a6}.contact-arrow{width:115px;height:115px;flex-shrink:0;border:1px solid #e5a79e55;box-shadow:inset 0 1px 0 #fff2,0 0 50px #e9405721;background:linear-gradient(135deg,#ffffff18,#ffffff03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.contact-links{display:flex;gap:25px;align-items:center;margin-top:36px;font-size:11px;color:#bfbdbb}.contact-links button{font-size:11px;padding:0;border-bottom:1px solid #716e6c;padding-bottom:4px}.contact-links a:hover,.contact-links button:hover{color:white}.footer{padding-block:30px 0}.footer-top{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;padding-top:30px;font-size:9px;color:#a9a7a5}.footer-top>div{display:flex;gap:26px}.footer-top a:hover{color:white}.footer-wordmark{font-size:clamp(75px,20.5vw,295px);line-height:1;letter-spacing:-.09em;font-weight:600;color:#dfdedd;margin-left:-.025em;padding-block:50px 15px;user-select:none;position:relative}.footer-wordmark span{position:absolute;font-size:17px;top:65px;right:1%;letter-spacing:0;font-weight:400;color:#aaa8a6}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:16px 0 25px;font-size:8px;color:#a8a6a4}.footer-bottom span:last-child{display:flex;align-items:center;gap:7px}.footer-bottom i{width:4px;height:4px;background:#a8a4a2;border-radius:50%}
.page-head{padding-top:185px;padding-bottom:65px;position:relative}.page-head h1{font-size:clamp(55px,7.5vw,108px);line-height:1.08;letter-spacing:-.065em;margin-top:29px;max-width:1050px}.page-head h1 span{color:#aba8a5}.page-head>p{font-size:14px;color:var(--muted);line-height:1.85;max-width:510px;margin-top:30px}.page-head .head-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:32px}.page-head .head-bottom p{font-size:12px;color:var(--muted);line-height:1.8;max-width:400px}.head-bottom .large-count{font-size:80px;line-height:1;color:#b0adab;letter-spacing:-5px}.portfolio-list{padding-bottom:100px}.portfolio-caption{display:flex;align-items:start;justify-content:space-between;gap:30px;margin-top:25px}.portfolio-caption h2{font-size:23px;letter-spacing:-.04em}.portfolio-caption p{font-size:11px;color:var(--muted);margin-top:8px}.case-intro{max-width:900px;padding-top:175px}.case-intro h1{font-size:clamp(60px,9vw,130px);letter-spacing:-.065em;line-height:1;margin-top:35px}.case-intro>p{font-size:clamp(24px,3vw,42px);line-height:1.3;letter-spacing:-.035em;margin-top:30px;max-width:720px;color:#b5b2b0}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:55px 0 45px;padding-top:25px;border-top:1px solid var(--line)}.case-meta dt{font-size:8px;letter-spacing:.1em;color:#aaa7a5;text-transform:uppercase;margin-bottom:10px}.case-meta dd{margin:0;font-size:11px;color:#d4d2d1}.screenshot-stage{padding:60px 65px 0;position:relative;background:radial-gradient(ellipse at 50% 100%,#e9405744,transparent 70%),linear-gradient(130deg,#151217,#120f14);border:1px solid var(--line);border-radius:24px;overflow:hidden}.screenshot-frame{border:1px solid #ffffff26;border-radius:15px 15px 0 0;padding:9px 9px 0;background:#ffffff07}.screenshot-frame img{border-radius:7px 7px 0 0;width:100%}.screenshot-tabs{display:flex;gap:7px;justify-content:center;margin-bottom:30px;position:relative;z-index:2}.screenshot-note{font-size:9px;color:#aaa8a6;line-height:1.5;margin-top:16px}.case-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding-block:90px;border-bottom:1px solid var(--line)}.case-story h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.05em;line-height:1.2}.case-story>div p{font-size:14px;line-height:1.9;color:#acaaa8;margin-bottom:20px}.case-story ul{list-style:none;padding:0;margin:25px 0}.case-story li{font-size:12px;padding:15px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.case-story li:after{content:'↗';color:#cb9890}.product-hero{position:relative;padding:178px 0 65px;text-align:center;overflow:hidden}.product-hero .eyebrow{justify-content:center}.product-hero h1{font-size:clamp(62px,8vw,112px);letter-spacing:-.065em;line-height:1.08;margin-top:25px}.product-hero h1 span{color:#aba8a6}.product-hero>p{font-size:14px;line-height:1.85;color:var(--muted);max-width:530px;margin:28px auto}.product-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.product-icon{height:58px;width:58px;border-radius:15px;margin:0 auto 23px;display:grid;place-items:center;border:1px solid #ffb45f77;background:linear-gradient(130deg,#ffc42b,#f16c10);color:#3d1f0a;font-size:32px;font-weight:600;box-shadow:0 0 60px #ff9f2020}.product-features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-block:75px}.product-features article{border-top:1px solid var(--line);padding-top:24px}.product-features span{font-size:9px;color:#cb9991}.product-features h2{font-size:24px;letter-spacing:-.04em;margin:16px 0}.product-features p{font-size:12px;line-height:1.85;color:var(--muted)}.audiences{padding-block:40px 80px;text-align:center}.audiences p{font-size:10px;color:#a9a7a5;margin-bottom:25px}.audience-tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.audience-tags span{font-size:11px;border:1px solid var(--line);border-radius:80px;padding:12px 18px}.article-page{max-width:870px;margin:auto;padding:165px var(--gutter) 90px}.article-page .eyebrow{margin-top:38px}.back-link{font-size:11px;display:flex;align-items:center;gap:12px;color:#aba8a6}.back-link .arrow{transform:rotate(-135deg);width:14px}.article-page h1{font-size:clamp(39px,5vw,67px);line-height:1.12;letter-spacing:-.05em;margin:28px 0}.article-page .article-lead{font-size:19px;line-height:1.7;color:#c8c5c3;margin-bottom:35px}.article-page .article-visual{height:290px;margin:35px 0 50px}.article-page .prose h2{font-size:25px;letter-spacing:-.035em;margin:35px 0 15px}.article-page .prose p,.article-page .prose li{font-size:14px;line-height:1.95;color:#b6b3b1;margin-bottom:18px}.article-page .prose ul{padding-left:20px}.article-page .article-disclaimer{font-size:10px;color:#aaa7a5;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);line-height:1.7}.article-page .article-end{margin-top:50px}
.reveal{opacity:1;transform:none}.motion .reveal:not(.visible){opacity:0;transform:translateY(24px)}.motion .reveal{transition:opacity .8s,transform .8s}.delay-1{transition-delay:.1s!important}.delay-2{transition-delay:.2s!important}.modal{margin:auto;width:min(610px,calc(100vw - 32px));max-height:90svh;border-radius:23px;border:1px solid #a4a09d50;background:linear-gradient(135deg,#171419ee,#121015fa);padding:38px;box-shadow:inset 0 1px 0 #ffffff22,0 30px 150px #000a;color:var(--fg);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);overflow-y:auto}.modal::backdrop{background:#110f13b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal-close{position:absolute;top:20px;right:20px;width:30px;height:30px;border:1px solid #ffffff26;border-radius:50%;font-size:17px;line-height:1}.modal-kicker{font-size:8px;letter-spacing:.15em;color:#b3b0ad;margin-bottom:20px}.modal h2{font-size:33px;line-height:1.2;letter-spacing:-.045em;padding-right:25px;margin-bottom:14px}.modal-intro{font-size:12px;line-height:1.8;color:#b0adaa;margin-bottom:25px}.contact-modes{display:flex;gap:5px;padding:5px;border:1px solid #ffffff15;border-radius:100px;margin-bottom:28px}.contact-modes button{font-size:10px;flex:1;padding:11px 6px;border-radius:100px}.contact-modes button.active{background:#ffffff13;box-shadow:inset 0 1px 0 #ffffff15}.step-progress{display:flex;gap:5px;margin-bottom:24px}.step-progress span{height:2px;background:#ffffff12;flex:1}.step-progress span.done{background:#efa296}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:23px 0 28px}.choice{border:1px solid #ffffff21;border-radius:12px;padding:22px 16px;font-size:12px;text-align:left;background:#ffffff03;transition:.2s}.choice:hover{border-color:#e0978c}.choice.selected{border-color:#e2a096;background:#bb56472b;box-shadow:inset 0 0 25px #de857711}.choice small{display:block;margin-top:8px;font-size:10px;color:#adaaa7;line-height:1.5}.form-field{display:flex;flex-direction:column;gap:9px;margin:18px 0}.form-field label{font-size:11px;color:#cbc9c7}.form-field input,.form-field select,.form-field textarea{padding:13px 15px;min-width:0;width:100%;border:1px solid #ffffff25;background:#110f1355;color:white;border-radius:9px;font-size:12px;line-height:1.5}.form-field select option{background:#151318}.form-field textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:15px}.form-actions .back{font-size:11px;color:#bfbdbb}.form-actions .button{font-size:11px;gap:16px}.prototype-note{font-size:9px;color:#aca9a6;line-height:1.7;margin-top:25px}.form-error{color:#ffb4b9;font-size:11px;line-height:1.6;min-height:18px;margin-top:12px}.date-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.date-choice{border:1px solid #ffffff25;border-radius:10px;padding:16px 5px;font-size:11px;text-align:center;line-height:1.9}.date-choice strong{display:block;font-size:22px;font-weight:400}.date-choice.selected,.time-choice.selected{border-color:#dea097;background:#ad51432e}.time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.time-choice{border:1px solid #ffffff25;border-radius:8px;padding:12px 5px;font-size:11px}.form-summary{border:1px solid var(--line);background:#0002;border-radius:12px;padding:20px;font-size:11px;line-height:1.9;white-space:pre-wrap;margin-top:20px;overflow-wrap:anywhere}.success-icon{width:50px;height:50px;border-radius:50%;border:1px solid #d4a39b5e;background:#dd958a15;display:grid;place-items:center;margin-bottom:25px;color:#e1b2ab;font-size:23px}.success-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.copy-status{font-size:10px;color:#e0afa7;margin-top:10px;min-height:16px}
@media(min-width:1600px){.hero-art{right:-5%;width:70%}.hero-copy{padding-top:30px}.hero-tag{right:15%}}
@media(max-width:1100px){.nav a{padding:10px 13px}.brand-label{display:none}.header-cta{gap:10px}.hero{min-height:740px}.hero h1{font-size:88px}.hero-art{width:82%;right:-23%;top:11%;opacity:.8}.hero-tag{right:6%;bottom:23%}.service-panel{padding:36px;gap:10px}.project-description{padding:35px 0 35px 35px}.project-description h3{font-size:49px}.project-card{min-height:420px}.method{gap:65px}.journal-grid{gap:20px}.article-visual{height:190px}.case-story{gap:55px}}
@media(max-width:800px){.header{height:90px}.nav{top:20px}.nav a{font-size:9px;padding:10px 12px}.brand-name{font-size:20px}.brand img{height:32px;width:25px}.header-cta{display:none}.header{justify-content:start}.nav{left:auto;right:var(--gutter);transform:none}.hero{min-height:810px}.hero h1{font-size:83px}.hero-art{right:-24%;width:95%;top:19%;opacity:.65}.hero-tag{bottom:23%;right:5%;padding:12px 15px}.hero-tag small{font-size:6px}.hero-tag span{font-size:8px}.hero-bottom p{max-width:165px;line-height:1.7}.hero-copy{padding-top:25px}.intro{gap:35px;grid-template-columns:1fr}.intro-sub{grid-column:1;margin-top:0;gap:25px}.section{padding-block:80px}.section-heading{gap:25px}.section-heading>p{max-width:200px;font-size:11px}.service-panel{padding:30px;grid-template-columns:1fr 1fr}.service-content h3{font-size:28px}.service-visual{min-height:270px}.mini-browser{width:105%;left:0}.mini-ring{opacity:.4;right:5px}.mini-content strong{font-size:23px}.floating-chip{left:10px;bottom:0}.project-card{min-height:380px;grid-template-columns:.95fr 1.05fr;gap:20px}.project-description{padding:30px 0 30px 30px}.project-description h3{font-size:42px}.project-screen{width:155%;transform:translate(5px,12px) rotate(-5deg)}.project-description p{font-size:11px}.project-labels{font-size:7px}.method{gap:40px}.method-heading h2{font-size:40px}.method-list h3{font-size:20px}.method-list article{grid-template-columns:30px 1fr}.journal-grid{grid-template-columns:1fr 1fr}.journal-grid .article-card:last-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.journal-grid .article-card:last-child .article-visual{grid-row:1 / 4;margin-bottom:0}.journal-grid .article-card:last-child .article-meta{align-self:end;margin-top:40px}.journal-grid .article-card:last-child h3{align-self:start}.journal-grid .article-card:last-child>.arrow{bottom:28px}.contact-arrow{height:85px;width:85px}.footer-top>div{gap:15px}.footer-top{font-size:8px}.case-story{grid-template-columns:1fr 1.3fr;gap:35px}.screenshot-stage{padding:35px 30px 0}.product-features{gap:23px}.product-features h2{font-size:21px}}
@media(max-width:600px){.header{padding:0 24px;height:90px;position:absolute}.brand img{width:25px;height:34px}.brand-name{font-size:22px}.menu-toggle{display:flex;position:fixed;right:24px;top:25px;align-items:center;gap:12px;font-size:10px;border:1px solid var(--line);border-radius:100px;padding:11px 15px;background:#141217cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:65}.menu-toggle .menu-icon{width:13px;display:flex;flex-direction:column;gap:4px}.menu-icon:before,.menu-icon:after{content:'';height:1px;background:white;width:13px}.nav{display:none;top:80px;left:24px;right:24px;transform:none;border-radius:18px;padding:12px;background:#151318f5;box-shadow:0 15px 50px #0009;align-items:stretch}.nav.open{display:flex;flex-direction:column}.nav a{font-size:14px;padding:16px 18px;border-radius:12px}.hero{height:100svh;min-height:790px;max-height:1000px;justify-content:start}.hero-copy{padding-top:150px}.hero h1{font-size:clamp(57px,14.5vw,86px);letter-spacing:-.065em;line-height:1.04;margin:24px 0 23px}.hero .eyebrow{font-size:8px;gap:9px}.hero .eyebrow .dash{width:22px}.hero-description{font-size:11px;max-width:260px;line-height:1.85}.hero-art{width:120%;max-width:none;height:54%;right:-40%;top:26%;opacity:.55;transform:rotate(-26deg)}.hero-copy:before{content:'';position:absolute;z-index:-1;inset:80px 22% 0 -24px;background:linear-gradient(90deg,#09080bc9,transparent)}.hero-actions{gap:20px;margin-top:25px;align-items:start;flex-direction:column}.hero-actions .button{font-size:11px;padding:15px 20px;gap:17px}.hero-actions .secondary{font-size:10px}.hero-tag{right:27px;bottom:17%;padding:12px 16px;border-radius:12px;opacity:.85}.hero-tag svg{width:20px}.hero-bottom{bottom:23px;left:24px;right:24px;padding-top:17px;gap:15px}.hero-bottom p{font-size:7px;max-width:130px}.hero-scroll{font-size:7px;gap:8px}.hero-index{display:none}.hero-scroll .arrow{width:12px}.intro{padding-block:56px;gap:25px}.intro h2{font-size:29px;line-height:1.4}.intro-sub{grid-template-columns:1fr;gap:15px;font-size:11px}.section{padding-block:65px}.eyebrow{font-size:8px;gap:10px}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:30px}.section-heading h2,.statement h2{font-size:37px}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p{max-width:300px}.section-heading>.text-link{font-size:10px}.service-tabs{gap:7px}.pill{font-size:10px;padding:11px 16px}.service-panel{grid-template-columns:1fr;padding:27px;gap:20px;border-radius:19px}.service-content h3{font-size:31px}.service-content p{font-size:11px}.service-tags{margin-bottom:22px}.service-visual{min-height:250px}.mini-browser{width:87%;left:7%;height:220px;top:5px}.mini-content{padding-top:17px}.mini-content strong{font-size:27px}.mini-ring{opacity:.7;right:15px;width:105px;height:105px;border-width:13px}.floating-chip{bottom:0;left:15px}.service-orb{height:170px;width:170px;left:60px}.project-section{padding-top:10px}.project-card{grid-template-columns:1fr;min-height:590px;gap:0;border-radius:20px}.project-description{padding:28px 28px 15px;min-height:300px}.project-description h3{font-size:49px;margin-top:24px}.project-description p{font-size:12px;max-width:280px}.project-description .text-link{margin-top:23px;font-size:11px}.project-labels{margin-top:20px;font-size:8px}.project-screen{width:112%;margin-left:20px;align-self:start;transform:translate(0,26px) rotate(-5deg)}.project-card:hover .project-screen{transform:translate(-5px,18px) rotate(-3deg)}.project-arrow{height:43px;width:43px;right:18px;bottom:18px}.method{grid-template-columns:1fr;gap:40px}.method-heading{position:static}.method-heading h2{font-size:39px;margin-top:20px}.method-heading p{max-width:330px;font-size:11px;margin-top:20px}.method-list article{grid-template-columns:35px 1fr;padding:23px 0}.method-list h3{font-size:23px}.method-list p{font-size:11px}.journal-grid{grid-template-columns:1fr;gap:32px}.article-visual{height:225px;margin-bottom:18px}.article-card h3{font-size:22px;max-width:340px}.article-meta{font-size:8px}.journal-grid .article-card:last-child{display:block;grid-column:auto}.journal-grid .article-card:last-child .article-visual{margin-bottom:18px}.journal-grid .article-card:last-child .article-meta{margin-top:0}.journal-grid .article-card:last-child>.arrow{bottom:5px}.contact-section{padding-block:65px 45px}.contact-inner{gap:15px}.contact-inner h2{font-size:36px;margin-top:22px}.contact-arrow{width:54px;height:54px;align-self:end;margin-bottom:10px}.contact-arrow .arrow{width:24px;height:24px}.contact-links{flex-wrap:wrap;font-size:10px;gap:20px;margin-top:27px}.contact-links button{font-size:10px}.footer-top{flex-direction:column;gap:23px;padding-top:25px;font-size:9px}.footer-top>div{flex-wrap:wrap;gap:22px}.footer-wordmark{padding-top:35px;padding-bottom:12px;font-size:22vw;letter-spacing:-.085em}.footer-wordmark span{font-size:11px;top:35px;right:-2px}.footer-bottom{font-size:7px;gap:15px;line-height:1.7;padding-block:8px 22px}.page-head{padding-top:145px;padding-bottom:40px}.page-head h1{font-size:54px;line-height:1.08;margin-top:23px}.page-head>p{font-size:12px;margin-top:23px}.page-head .head-bottom{margin-top:27px;gap:30px}.page-head .head-bottom p{font-size:11px}.head-bottom .large-count{font-size:55px}.portfolio-list{padding-bottom:60px}.portfolio-caption{gap:15px}.portfolio-caption h2{font-size:20px}.portfolio-caption p{font-size:10px;line-height:1.7}.portfolio-caption .text-link{font-size:9px;white-space:nowrap}.case-intro{padding-top:140px}.case-intro h1{font-size:69px}.case-intro>p{font-size:28px;line-height:1.4}.case-meta{gap:15px;margin:32px 0}.case-meta dt{font-size:7px;line-height:1.6}.case-meta dd{font-size:9px;line-height:1.7}.screenshot-stage{padding:22px 15px 0;border-radius:16px}.screenshot-frame{padding:5px 5px 0;border-radius:9px 9px 0 0}.screenshot-tabs{gap:5px;margin-bottom:20px}.screenshot-tabs .pill{font-size:8px;padding:9px 12px}.screenshot-note{font-size:8px}.case-story{padding-block:55px;grid-template-columns:1fr;gap:25px}.case-story h2{font-size:36px}.case-story>div p{font-size:12px}.case-story li{font-size:11px}.product-hero{padding:140px 0 35px}.product-icon{height:50px;width:50px;font-size:27px}.product-hero h1{font-size:56px}.product-hero>p{font-size:12px;margin:22px auto}.product-actions{gap:12px;flex-direction:column;align-items:center}.product-actions .button{font-size:11px}.product-features{grid-template-columns:1fr;gap:30px;padding-block:40px}.product-features h2{font-size:25px;margin:12px 0}.product-features p{font-size:12px}.audiences{padding-block:25px 55px}.audience-tags{gap:8px}.audience-tags span{font-size:9px;padding:10px 14px}.filters{margin:15px 0 30px}.filters .results{font-size:9px}.editorial-note{font-size:9px;line-height:1.8}.article-page{padding-top:135px;padding-bottom:55px}.article-page h1{font-size:41px}.article-page .article-lead{font-size:16px;line-height:1.75}.article-page .article-visual{height:230px;margin:27px 0 36px}.article-page .prose p,.article-page .prose li{font-size:13px}.article-page .prose h2{font-size:24px}.article-page .article-disclaimer{font-size:9px}.modal{padding:31px 23px;max-height:92svh;border-radius:18px}.modal h2{font-size:29px}.modal-close{right:16px;top:16px}.modal-kicker{font-size:7px}.modal-intro{font-size:11px}.contact-modes button{font-size:9px}.choice{padding:20px 13px;font-size:11px}.choice small{font-size:9px}.form-row{gap:10px}.form-field label{font-size:10px}.form-field input,.form-field select,.form-field textarea{font-size:16px;padding:12px}.form-actions .button{font-size:10px;padding:14px 17px}.prototype-note{font-size:8px}.time-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal:not(.visible){opacity:1;transform:none}.hero-art{transform:rotate(-22deg)}}

/* Preserve filtering at all breakpoints and soften the art boundary. */
[hidden]{display:none!important}
.hero-art{mask-image:radial-gradient(ellipse at center,#000 47%,#000c 66%,transparent 79%);-webkit-mask-image:radial-gradient(ellipse at center,#000 47%,#000c 66%,transparent 79%)}

@media(max-width:600px){.hero-copy{margin-block:0}.hero .eyebrow .num{white-space:nowrap}.hero .eyebrow .dash{width:18px;flex-shrink:0}}

/* Living glass: the optical surface and its slow drift share one container. */
.hero-art{animation:living-glass-drift 22s ease-in-out infinite;pointer-events:none;will-change:transform}
.sculpture-fallback,.sculpture-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.sculpture-canvas{opacity:0;transition:opacity .9s ease}
.sculpture-ready .sculpture-canvas{opacity:1}
.sculpture-ready .sculpture-fallback{opacity:0;transition:opacity .9s ease}
.sculpture-controls{display:flex;align-items:center;gap:25px}
.sculpture-toggle{display:flex;align-items:center;gap:8px;border:1px solid #ffffff20;border-radius:40px;padding:8px 12px;font-size:9px;color:#c0bebc;background:#ffffff05;transition:border-color .2s,background .2s}
.sculpture-toggle:hover{background:#ffffff0c;border-color:#d9a19855}
@keyframes living-glass-drift{0%,100%{transform:translate3d(0,0,0) rotate(-22deg) scale(1)}35%{transform:translate3d(-9px,-15px,0) rotate(-19deg) scale(1.018)}70%{transform:translate3d(7px,9px,0) rotate(-24deg) scale(.995)}}
@media(max-width:600px){.sculpture-controls{gap:0}.sculpture-toggle{padding:9px;font-size:8px}.sculpture-toggle span{display:none}.hero-bottom{gap:12px}.hero-bottom p{max-width:112px}.hero-scroll{letter-spacing:.09em;gap:6px}}
@media(prefers-reduced-motion:reduce){.sculpture-canvas{display:none}.sculpture-fallback{opacity:1!important}.hero-art{will-change:auto;animation:none!important}.sculpture-toggle{display:none}}