@font-face{font-family:Google Sans;src:url('assets/google-sans-cyrillic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F}
@font-face{font-family:Google Sans;src:url('assets/google-sans-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#202127;--muted:#72747e;--purple:#7561e8;--paper:#f8f9fc;--line:#e6e7ed;--ease-out:cubic-bezier(.23,1,.32,1);--ease-move:cubic-bezier(.77,0,.175,1);font-family:Google Sans,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--purple);outline-offset:6px}::selection{background:#ddd6ff}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}button{border:0;background:none}svg{display:block}button:active,.button:active,.round-button:active{transform:scale(.97)}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:12px;background:white;transform:translateY(-200%)}.skip-link:focus{transform:none}
.header{max-width:1440px;height:104px;margin:auto;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:11px;font-size:23px;font-weight:700;letter-spacing:-.9px;flex-shrink:0}.brand svg{width:28px;height:33px;stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linejoin:round}.brand-dot{font-size:10px;vertical-align:top;display:inline-block;padding-top:4px;margin-left:3px;letter-spacing:0}.nav{display:flex;align-items:center;gap:34px;margin-left:80px}.nav a{font-size:14px;color:#666773;padding:12px 0;transition:color 160ms ease}.nav a:hover{color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;border-radius:100px;padding:0 25px;font-size:14px;font-weight:500;white-space:nowrap;transition:transform 160ms var(--ease-out),background-color 180ms ease,box-shadow 180ms ease}.button span{font-size:21px;line-height:1}.button-dark{background:var(--ink);color:white}.header-cta{min-height:44px;padding:0 20px;font-size:12px;gap:21px}.header-cta span{font-size:18px}.button-purple{background:var(--purple);color:#fff;box-shadow:0 5px 20px #7561e824}.button-outline{border:1px solid var(--line);background:white}.text-button{font-size:14px;padding:14px 2px;display:flex;align-items:center;gap:15px;transition:transform 160ms var(--ease-out)}.text-button span{font-size:19px}.icon-button{height:44px;width:44px;display:grid;place-items:center;border-radius:50%;background:#eeeff3;font-size:27px;transition:transform 160ms var(--ease-out),background-color 160ms ease}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}
.hero{max-width:1440px;margin:auto;position:relative;min-height:730px;padding:70px 5.2% 0;display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:clip}.hero-copy{z-index:2}.eyebrow{font-size:10px;letter-spacing:1.6px;line-height:1.5;font-weight:600}.hero .eyebrow{display:flex;align-items:center;gap:9px;color:#727482}.status-dot{width:6px;height:6px;background:var(--purple);border-radius:50%;box-shadow:0 0 0 4px #7561e811}h1{font-size:clamp(55px,6.6vw,96px);letter-spacing:-5px;line-height:1.04;margin-top:26px;white-space:nowrap}.quiet{color:#92939c}.serif-word{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.055em}h1 .serif-word{color:var(--ink);font-size:1.1em;line-height:.96}.hero-description{font-size:17px;line-height:1.65;color:#747580;margin-top:28px;letter-spacing:-.15px}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:28px}.hero-art{position:relative;min-width:0;height:540px;margin-top:-24px;margin-left:-12px;isolation:isolate}.art-grid{position:absolute;inset:40px -5% 20px;background-image:linear-gradient(#dee0ed70 1px,transparent 1px),linear-gradient(90deg,#dee0ed70 1px,transparent 1px);background-size:50px 50px;transform:perspective(700px) rotateX(58deg) rotateZ(-30deg);opacity:.52;mask-image:radial-gradient(ellipse,#000 10%,transparent 66%);z-index:-2}.hero-art:before{content:"";position:absolute;inset:9% -10%;background:radial-gradient(ellipse,#e7e1ff99,transparent 65%);z-index:-2}.orbit{border:1px solid #dfe0ee;position:absolute;width:92%;height:60%;left:2%;top:20%;border-radius:50%;transform:rotate(-25deg);z-index:-1;opacity:.65}.orbit-two{width:69%;height:88%;left:14%;top:4%;transform:rotate(28deg);opacity:.45}.cube-stage{position:absolute;inset:25px 0 0;display:grid;place-items:center;perspective:1000px}.cube-stage svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(12px 18px 16px #5a4e9420);transform-origin:50% 50%;will-change:transform}.cube-shadow{position:absolute;bottom:32px;left:22%;width:60%;height:44px;background:radial-gradient(ellipse,#b6b0c74f,transparent 67%);transform:rotate(-12deg);z-index:-1}.art-coordinate{position:absolute;font-size:8px;color:#8c8e9e;letter-spacing:1.7px}.coordinate-top{right:16px;top:10px}.floating-label{position:absolute;display:flex;align-items:center;gap:11px;background:#ffffffbd;border:1px solid #fff;border-radius:14px;padding:12px 17px;box-shadow:0 10px 35px #4944640a;backdrop-filter:blur(12px);font-size:12px}.label-top{top:82px;left:9%;transform:rotate(-7deg)}.mini-symbol{font-size:24px;color:var(--purple);line-height:1}.label-bottom{bottom:83px;right:0;transform:rotate(6deg)}.label-check{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;color:#687469;background:#e7eee4;font-size:12px}.art-caption{position:absolute;bottom:0;left:0;right:0;font-size:10px;color:#8a8a99;text-align:center;letter-spacing:.1px}.caption-dot{display:inline-block;width:4px;height:4px;border-radius:100%;background:#a29aaa;margin:0 7px 2px 0}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);height:88px;margin-top:52px;font-size:10px;color:#848591}.scroll-cue{display:flex;gap:17px;align-items:center}.scroll-cue span{font-size:18px;color:var(--ink)}.hero-index{letter-spacing:2px}.expertise-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 5.2%;border-bottom:1px solid var(--line);border-top:1px solid var(--line);font-size:10px;letter-spacing:1.25px;color:#777985}.expertise-strip i{font-style:normal;color:#a09ab9;font-size:20px}
.section{max-width:1440px;margin:auto;padding:112px 5.2%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:47px;gap:30px}.section-number{color:#7c7c88;margin-bottom:24px}h2{font-size:clamp(36px,4.4vw,62px);line-height:1.1;letter-spacing:-2.7px}.section-aside{font-size:13px;line-height:1.7;color:#7e7f89;padding-bottom:5px;max-width:260px}.project{border-radius:24px;overflow:hidden;position:relative;display:grid;grid-template-columns:38% 62%;min-height:505px;margin-bottom:25px}.project-code{background:#25232d;color:white}.project-intro{padding:52px 0 40px 48px;position:relative;z-index:2}.project-category{font-size:9px;letter-spacing:1.4px;color:#a4a0b3}.project h3{font-size:49px;letter-spacing:-2px;line-height:1.1;margin-top:38px}.project-period{color:#b7a5ff}.project-intro p{font-size:15px;line-height:1.65;color:#ada9b9;margin-top:16px}.round-button{display:grid;place-items:center;width:46px;height:46px;border:1px solid #666071;border-radius:50%;font-size:23px;margin-top:37px;transition:background-color 180ms ease,transform 180ms var(--ease-out),color 180ms ease}.project-footer{grid-column:1/-1;margin:0 40px;border-top:1px solid #ffffff1a;min-height:66px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#b0acbb;gap:20px}.project-footer a{color:white;display:flex;gap:16px;align-items:center}.project-footer a span{font-size:19px}.code-visual{position:relative;min-height:433px;background:radial-gradient(ellipse at 60% 50%,#63518455,transparent 65%)}.code-window{width:290px;height:345px;position:absolute;left:11%;top:44px;background:#faf9fd;border-radius:15px;color:var(--ink);transform:perspective(1000px) rotateY(-13deg) rotateX(6deg) rotateZ(-5deg);box-shadow:0 20px 60px #100e2070;border:1px solid #ffffff44;overflow:hidden}.window-top{height:48px;border-bottom:1px solid #e8e5ed;display:flex;align-items:center;gap:8px;padding:0 15px;font-size:11px}.window-mark{background:#7760e8;color:white;border-radius:6px;width:23px;height:23px;display:grid;place-items:center;font-weight:bold}.window-status{margin-left:auto;font-size:7px;color:#7b7c86;display:flex;align-items:center;gap:5px}.window-status i{width:4px;height:4px;border-radius:50%;background:#76a681}.window-body{padding:18px 25px}.ui-overline{font-size:7px;letter-spacing:1px;color:#84808e}.scan-field{width:125px;height:122px;position:relative;margin:15px auto 16px;display:grid;place-items:center}.scan-field .datamatrix{width:83px;height:83px;fill:#34313d}.scan-corner{position:absolute;width:14px;height:14px;border:2px solid #a794f2}.corner-a{top:0;left:0;border-right:0;border-bottom:0}.corner-b{top:0;right:0;border-left:0;border-bottom:0}.corner-c{bottom:0;right:0;border-left:0;border-top:0}.corner-d{bottom:0;left:0;border-right:0;border-top:0}.scanner-line{height:2px;left:-10px;right:-10px;background:#9a80f3;box-shadow:0 0 13px #a283f5;position:absolute;top:50%;opacity:.8}.scan-result{display:flex;align-items:center;justify-content:center;gap:9px}.scan-result>span{display:grid;place-items:center;border-radius:100%;background:#e2eddf;color:#609052;height:22px;width:22px;font-size:12px}.scan-result b{display:block;font-size:10px}.scan-result small{font-size:8px;color:#8a8691}.ui-button{margin-top:16px;border-radius:7px;background:#7760e8;color:white;padding:11px;font-size:10px;display:flex;justify-content:space-between}.printed-label{position:absolute;z-index:3;right:5%;bottom:54px;background:#fff;color:#25232d;padding:18px 15px;border-radius:3px;display:flex;gap:12px;align-items:center;transform:rotate(10deg);box-shadow:0 16px 45px #0f0d2360}.printed-label .datamatrix{width:58px;height:58px;fill:#25232d}.printed-label b{font-size:9px;display:block;margin-bottom:8px}.printed-label span{font-size:7px;display:block;color:#77717c}.printed-label .label-digits{margin-top:5px;letter-spacing:2px}.label-cut{position:absolute;top:-6px;left:5px;right:5px;border-top:2px dashed #fff9}.visual-note{position:absolute;bottom:16px;right:32px;font-size:7px;letter-spacing:1.2px;color:#9990ae}.scan-path{width:210px;height:180px;border:1px dashed #8e79c366;border-radius:80px;position:absolute;right:10%;top:90px;transform:rotate(-12deg)}
.project-mail{background:#eae9f1;color:#2a2933;min-height:470px}.project-mail .project-category{color:#858092}.project-mail .project-intro p{color:#7b7689}.project-mail .project-intro{padding-top:47px}.project-mail h3{font-size:44px;margin-top:30px}.project-mail .round-button{border-color:#c6c1d1;margin-top:27px}.project-mail .project-footer{border-top-color:#b8b2c944;color:#898192}.project-mail .project-footer a{color:#51485d}.mail-visual{position:relative;min-height:400px;overflow:hidden;background:radial-gradient(ellipse at 65% 55%,#ccc4e66b,transparent 65%)}.mail-window{position:absolute;left:6%;top:59px;display:flex;width:610px;height:306px;border-radius:12px;background:#fff;box-shadow:0 25px 60px #47405f17;transform:perspective(1100px) rotateY(-10deg) rotateX(5deg) rotateZ(4deg);border:1px solid #fff;overflow:hidden}.mail-sidebar{width:153px;background:#f6f5f8;padding:19px 14px;flex-shrink:0;position:relative;border-right:1px solid #eae6f0}.mail-logo{font-size:18px;font-weight:700;letter-spacing:-1px;margin-bottom:20px}.mail-logo span{font-size:14px;font-weight:400;letter-spacing:-.5px;padding-left:5px}.compose-demo{background:#ece7f9;font-size:11px;padding:10px;border-radius:6px;color:#76629e;margin-bottom:19px}.compose-demo span{margin-left:6px}.mail-folder{display:flex;gap:9px;align-items:center;font-size:9px;padding:9px 8px;color:#8e879b;border-radius:5px}.mail-folder.selected{background:#e9e5f2;color:#665285}.mail-folder i{margin-left:auto;font-style:normal;font-size:8px}.mail-user{position:absolute;bottom:18px;display:flex;align-items:center;gap:9px;font-size:12px}.mail-user>span{font-size:9px}.mail-user small{font-size:7px;color:#a29ba9}.mail-content{flex:1;padding:25px 20px;position:relative}.mail-content-heading{font-size:18px;letter-spacing:-.5px;margin-bottom:21px;display:flex;justify-content:space-between}.mail-content-heading>span{color:#b2abbc;font-size:22px}.mail-row{display:flex;gap:9px;padding:13px 0;border-bottom:1px solid #eeebf2;position:relative}.avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:10px}.avatar-purple{background:#e9e4f6;color:#8b72ae}.avatar-green{background:#e3eee7;color:#80a18b}.avatar-orange{background:#f6e8df;color:#c59b7b}.mail-row strong{font-size:8px;display:block;font-weight:500}.mail-row b{display:block;font-size:9px;line-height:1.8;font-weight:500}.mail-row small{display:block;font-size:7px;color:#ada7b6}.mail-row time{font-size:6px;color:#a59dad;margin-left:auto}.mail-demo-label{position:absolute;bottom:13px;right:17px;font-size:6px;letter-spacing:1px;color:#a7a0b1}
.approach{padding-top:33px}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.process-steps{display:flex;flex-direction:column}.process-steps button{display:flex;align-items:flex-start;text-align:left;padding:28px 20px 28px 0;border-bottom:1px solid var(--line);gap:22px;position:relative}.process-steps button:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform 240ms var(--ease-out)}.process-steps button[aria-selected="true"]:after{transform:scaleX(1)}.step-number{font-size:10px;color:#9a97a6;padding-top:5px}.process-steps strong{display:block;font-size:24px;letter-spacing:-.7px;font-weight:500;color:#898791;transition:color 180ms ease}.process-steps small{display:block;font-size:12px;line-height:1.65;color:#9895a1;margin-top:7px}.step-arrow{font-size:23px;color:#aaa5b7;margin-left:auto;transition:transform 180ms var(--ease-out),color 180ms ease}.process-steps [aria-selected="true"] strong{color:var(--ink)}.process-steps [aria-selected="true"] .step-number,.process-steps [aria-selected="true"] .step-arrow{color:var(--purple)}.process-panel{background:#f0eff6;border:1px solid #eae7f2;border-radius:19px;overflow:hidden}.process-board{height:285px;position:relative;overflow:hidden;background-image:radial-gradient(#c5c0d44f 1px,transparent 1px);background-size:16px 16px}.board-caption{position:absolute;top:23px;left:25px;font-size:7px;letter-spacing:1.5px;color:#9d96ae}.board-core{position:absolute;left:calc(50% - 28px);top:calc(50% - 16px);width:56px;height:56px;display:grid;place-items:center;background:#806be4;color:#fff;border:1px solid #b6a9ef;border-radius:15px;font-size:22px;box-shadow:0 10px 30px #7764c524;z-index:2;transition:transform 240ms var(--ease-out),background-color 240ms ease}.thought{position:absolute;padding:10px 15px;font-size:11px;border:1px solid #e7e3f0;border-radius:9px;background:#faf9fc;box-shadow:0 4px 15px #86799f08;z-index:2;transition:transform 240ms var(--ease-out),opacity 200ms ease}.thought-one{top:65px;left:12%;transform:rotate(-8deg)}.thought-two{bottom:55px;left:7%;transform:rotate(4deg)}.thought-three{top:60px;right:13%;transform:rotate(6deg)}.thought-four{bottom:42px;right:7%;transform:rotate(-5deg);color:#7764af}.thought-four span{padding-left:12px}.board-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#c0b6d7;stroke-width:1;stroke-dasharray:4 4;fill:none}.panel-text{border-top:1px solid #e2dfe9;padding:23px 25px;min-height:130px}.panel-text>span{font-size:8px;letter-spacing:1.3px;color:#9a92aa}.panel-text>p{font-size:13px;line-height:1.65;color:#797284;margin-top:12px;max-width:350px}.process-panel[data-stage="1"] .thought-one{transform:translate(20px,5px) rotate(0)}.process-panel[data-stage="1"] .thought-two{transform:translate(20px,-10px) rotate(0)}.process-panel[data-stage="1"] .thought-three{transform:translate(-15px,5px) rotate(0)}.process-panel[data-stage="1"] .thought-four{transform:translate(-10px,-10px) rotate(0)}.process-panel[data-stage="1"] .board-core{transform:rotate(90deg)}.process-panel[data-stage="2"] .thought-one{transform:translate(10px,7px) rotate(0)}.process-panel[data-stage="2"] .thought-two{transform:translate(30px,-15px) rotate(0)}.process-panel[data-stage="2"] .thought-three{transform:translate(-20px,7px) rotate(0)}.process-panel[data-stage="2"] .thought-four{transform:translate(-15px,-15px) rotate(0)}.process-panel[data-stage="2"] .board-core{transform:rotate(0) scale(1.07);background:#5a7c69}
.studio{border-top:1px solid var(--line);padding-top:65px;padding-bottom:90px}.studio-top{display:flex;justify-content:space-between;align-items:center}.studio-top .eyebrow{margin:0}.studio-star{font-size:68px;font-weight:300;color:#aaa1c7;line-height:1}.studio h2{margin-top:32px;font-size:clamp(36px,4.65vw,65px);line-height:1.13;letter-spacing:-2.6px}.studio h2 .serif-word{color:#8a78b0;letter-spacing:-.045em}.studio-bottom{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.studio-bottom>p{font-size:15px;line-height:1.85;color:#7d7a85;max-width:480px}.studio-principles{display:flex;flex-direction:column;gap:17px;padding-top:4px;font-size:14px}.studio-principles i{font-style:normal;font-size:10px;color:#a7a0b2;padding-right:25px}.contact-section{position:relative;text-align:center;padding-top:95px;padding-bottom:95px;border-top:1px solid var(--line);overflow:hidden;isolation:isolate}.contact-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,#e9e4fb88,transparent 65%);z-index:-1}.contact-section .eyebrow{color:#97909f;font-size:9px}.contact-section h2{margin:25px 0 29px;font-size:clamp(38px,4.6vw,65px);line-height:1.12}.contact-section .button{min-height:55px;padding:0 26px}.contact-email{display:block;width:max-content;margin:21px auto 0;font-size:12px;color:#8e859b}.contact-orb{position:absolute;right:7%;top:51px;color:#d8d0e9;font-size:80px;transform:rotate(15deg)}.footer{max-width:1440px;margin:auto;padding:30px 5.2%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:9px;color:#9993a2}.footer-brand{font-size:22px;color:var(--ink)}.footer>div{display:flex;align-items:center;gap:27px}.footer>div>a{font-size:22px;color:#77717f;padding:4px 10px}.motion-toggle{display:flex;gap:5px;align-items:center;font-size:9px;color:#8e8699;padding:9px 0}.motion-toggle i{width:5px;height:5px;background:#a397be;border-radius:50%;margin-left:3px}.motion-toggle[aria-pressed="false"] i{background:#bbb9c1}
.dialog{border:1px solid #e9e5f0;border-radius:24px;padding:0;width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 40px);background:#fbfaff;color:var(--ink);box-shadow:0 30px 120px #1f183533;overflow:auto}.dialog::backdrop{background:#211b3659;backdrop-filter:blur(8px)}.dialog-inner{padding:53px;position:relative}.dialog-close{position:absolute;right:18px;top:18px;width:34px;height:34px;font-size:23px}.dialog .eyebrow{color:#968ba6}.dialog h2{font-size:47px;letter-spacing:-2px;margin-top:22px}.dialog p{font-size:15px;line-height:1.75;color:#81758d;margin:22px 0}.email-large{display:flex;justify-content:space-between;font-size:28px;letter-spacing:-.8px;border-bottom:1px solid #e5e0ee;padding:15px 0 22px;color:#7760bf}.contact-dialog-actions{display:flex;gap:10px;margin-top:27px}.contact-dialog-actions .button{padding:0 18px;font-size:12px;min-height:47px}.contact-hint{display:block;color:#a095ad;font-size:10px;line-height:1.6;margin-top:17px}.project-detail-list{display:flex;flex-direction:column;margin-bottom:27px}.project-detail-list span{font-size:13px;padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:17px;color:#797181}.project-detail-list i{font-style:normal;color:#a89abc;font-size:10px}.toast{position:fixed;z-index:1000;bottom:28px;left:50%;transform:translate(-50%,12px);background:#28232f;color:white;border:1px solid #443c50;box-shadow:0 10px 40px #2e1f3f20;padding:15px 23px;font-size:13px;border-radius:100px;opacity:0;pointer-events:none;transition:transform 200ms var(--ease-out),opacity 200ms ease;white-space:nowrap}.toast.visible{transform:translate(-50%,0);opacity:1}
.hero-enter{animation:hero-enter 850ms var(--ease-out) both}.hero-copy>.hero-enter:nth-child(2){animation-delay:60ms}.hero-copy>.hero-enter:nth-child(3){animation-delay:120ms}.hero-copy>.hero-enter:nth-child(4){animation-delay:180ms}.hero-art.hero-enter{animation-duration:1200ms;animation-delay:100ms}@keyframes hero-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity 750ms var(--ease-out),transform 750ms var(--ease-out)}.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}.dialog[open]{animation:dialog-in 250ms var(--ease-out)}@keyframes dialog-in{from{opacity:0;transform:translateY(9px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.motion-off .hero-enter{animation:none}.motion-off .reveal{opacity:1;transform:none;transition:none}.motion-off *{scroll-behavior:auto!important}.motion-off .process-panel *,.keyboard-navigation .process-panel *{transition:none}
@media(hover:hover) and (pointer:fine){.button-dark:hover{background:#3f3c49;box-shadow:0 4px 20px #25232d13}.button-purple:hover{background:#6550d6}.button-outline:hover{background:#f0edf8}.text-button:hover{transform:translateX(3px)}.round-button:hover{background:#fff;color:#25232d;transform:rotate(5deg)}.project-mail .round-button:hover{background:#51485d;color:#fff}.process-steps button:hover strong{color:#514861}.project-footer a:hover{opacity:.7}.contact-email:hover{color:var(--purple)}.icon-button:hover{background:#e7e1f0}.email-large:hover{color:#58449e}}
@media(min-width:1440px){.expertise-strip{padding-left:max(5.2%,calc((100vw - 1290px)/2));padding-right:max(5.2%,calc((100vw - 1290px)/2))}}
@media(max-width:1100px){.hero{min-height:670px;padding-top:58px}.hero-art{height:480px;margin-top:-5px}h1{font-size:73px;letter-spacing:-3.8px}.hero-description{font-size:15px}.hero-actions{gap:19px}.hero-actions .button{padding:0 20px;font-size:12px}.hero-actions .text-button{font-size:12px;gap:10px}.floating-label{font-size:10px;padding:9px 12px}.label-bottom{bottom:80px;right:-9px}.section{padding-top:85px;padding-bottom:85px}.project-intro{padding-left:35px}.project h3{font-size:42px}.project-mail h3{font-size:37px}.code-window{left:7%;width:260px}.printed-label{right:3%;bottom:55px;padding:14px 12px}.printed-label .datamatrix{width:48px;height:48px}.project{min-height:475px}.process-grid{gap:45px}.process-steps button{gap:15px}.process-steps strong{font-size:21px}.process-steps small{font-size:11px}.studio-bottom{gap:60px}.approach{padding-top:10px}.contact-section{padding-top:80px}.contact-orb{font-size:55px;right:6%;top:32px}}
@media(max-width:850px){.header{height:85px}.nav{margin-left:0;gap:22px}.hero{padding-top:45px;min-height:620px}h1{font-size:59px;letter-spacing:-3px}.hero-art{height:405px;margin-top:18px;margin-left:-10px;margin-right:-20px}.hero-description{font-size:14px}.hero-actions{gap:15px}.hero-actions .text-button{font-size:11px;gap:7px}.hero-actions .button{font-size:11px;padding:0 17px;gap:15px;min-height:47px}.hero-bottom{margin-top:42px;font-size:8px;height:75px}.coordinate-top{font-size:6px;top:0;right:20px}.label-top{top:55px;left:5%}.label-bottom{bottom:65px;right:8px}.floating-label{font-size:9px;gap:7px}.mini-symbol{font-size:20px}.label-check{width:19px;height:19px;font-size:10px}.art-caption{font-size:8px;bottom:5px}.expertise-strip{font-size:8px;gap:10px;padding-top:22px;padding-bottom:22px;letter-spacing:.8px}.expertise-strip i{font-size:16px}.section{padding-top:72px;padding-bottom:72px}.section-heading{margin-bottom:35px}h2{font-size:40px;letter-spacing:-1.8px}.section-aside{font-size:11px}.section-number{font-size:8px;margin-bottom:18px}.project{grid-template-columns:40% 60%;min-height:440px}.project-intro{padding-left:28px;padding-top:40px}.project-category{font-size:7px;letter-spacing:1px}.project h3{font-size:35px;margin-top:30px}.project-intro p{font-size:12px}.code-window{width:228px;height:320px;left:3%;top:41px}.window-body{padding:18px}.printed-label{bottom:35px;right:1%;padding:12px;gap:8px}.printed-label .datamatrix{width:41px;height:41px}.printed-label b{font-size:7px}.printed-label span{font-size:6px}.code-visual{min-height:390px}.project-footer{margin:0 28px;font-size:8px;min-height:57px}.project-mail .project-intro{padding-top:40px}.project-mail h3{font-size:31px}.mail-window{left:1%;top:55px;width:520px;height:290px}.mail-visual{min-height:383px}.process-grid{gap:30px}.process-steps button{padding-top:24px;padding-bottom:24px;gap:12px}.process-steps strong{font-size:19px}.process-steps small{font-size:10px}.step-arrow{font-size:19px}.process-board{height:260px}.thought{font-size:9px;padding:9px 11px}.thought-one{left:8%}.thought-two{left:5%}.thought-three{right:7%}.thought-four{right:4%}.panel-text{padding:20px;min-height:125px}.panel-text>p{font-size:12px}.studio h2{font-size:43px}.studio-bottom{gap:45px;margin-top:35px}.studio-bottom>p{font-size:13px}.studio-principles{font-size:12px}.contact-section h2{font-size:45px}.footer{flex-wrap:wrap}.footer>span{font-size:8px}.footer>div{gap:18px}.approach{padding-top:5px}}
@media(max-width:640px){html{scroll-padding-top:30px}.header{height:81px;padding:0 6%}.brand{font-size:21px;gap:9px}.brand svg{width:25px;height:28px}.header-cta{margin-left:auto;font-size:10px;min-height:36px;padding:0 15px;gap:13px}.header-cta span{font-size:16px}.nav{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;width:30px;height:40px;padding:10px 3px;justify-content:center;border-radius:3px;position:relative}.menu-toggle span{width:21px;height:1px;background:var(--ink);display:block;transition:transform 180ms var(--ease-out)}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-nav{position:absolute;z-index:18;left:0;right:0;top:80px;background:#f8f9fcfa;backdrop-filter:blur(20px);padding:20px 6% 30px;border-bottom:1px solid var(--line);box-shadow:0 20px 40px #41384c10}.mobile-nav>a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:23px}.mobile-nav>a span{font-size:9px;color:var(--muted)}.mobile-nav .button{margin-top:23px}.hero{display:flex;flex-direction:column;padding:35px 6% 0;min-height:0;overflow:hidden}.hero .eyebrow{font-size:8px;letter-spacing:1.3px;gap:8px}h1{font-size:clamp(48px,10.7vw,69px);line-height:1.04;letter-spacing:-2.8px;margin-top:25px}.hero-description{margin-top:24px;font-size:14px;line-height:1.65}.hero-actions{margin-top:24px;gap:25px}.hero-actions .button{font-size:12px;padding:0 20px;gap:20px;min-height:48px}.hero-actions .text-button{font-size:12px;gap:12px}.hero-art{width:100%;height:365px;margin:-1px 0 -7px;align-self:center;max-width:460px}.cube-stage{inset:5px 10px -15px}.art-coordinate{display:none}.label-top{top:61px;left:6%;font-size:10px}.label-bottom{bottom:45px;right:0;font-size:10px}.orbit-one{height:62%;top:22%}.orbit-two{height:87%;top:8%}.art-caption{bottom:-3px;font-size:8px}.cube-shadow{bottom:15px}.hero-bottom{width:100%;height:67px;margin-top:33px;gap:10px;font-size:7px}.hero-index{display:none}.hero-bottom>span:first-child{max-width:150px}.scroll-cue{gap:9px;line-height:1.6}.scroll-cue span{font-size:16px}.expertise-strip{justify-content:center;flex-wrap:wrap;gap:8px 14px;padding:21px 6%;font-size:7px;letter-spacing:.7px}.expertise-strip i{font-size:13px}.expertise-strip i:nth-of-type(2){display:none}.expertise-strip>span{white-space:nowrap}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:30px}.section-number{font-size:8px;margin-bottom:19px;letter-spacing:1.2px}h2{font-size:clamp(32px,8.4vw,45px);letter-spacing:-1.8px;line-height:1.1}.section-aside{margin-top:20px;font-size:12px}.section-aside br{display:none}.project{display:flex;flex-direction:column;border-radius:18px;min-height:0;margin-bottom:20px}.project-intro,.project-mail .project-intro{padding:29px 27px 0}.project-category{font-size:7px;letter-spacing:1.1px}.project h3,.project-mail h3{font-size:36px;letter-spacing:-1.8px;margin-top:23px}.project-mail h3 br{display:none}.project-intro p{font-size:13px;line-height:1.65;margin-top:13px}.project-intro p br{display:none}.round-button,.project-mail .round-button{position:absolute;right:23px;bottom:3px;margin:0;width:39px;height:39px;font-size:20px}.project-intro p{max-width:78%}.code-visual{min-height:352px}.code-window{width:231px;height:306px;left:13%;top:28px;transform:perspective(1000px) rotateY(-13deg) rotateX(6deg) rotateZ(-5deg)}.window-top{height:42px}.window-body{padding:14px 21px}.scan-field{height:110px;margin-top:10px;margin-bottom:12px}.scan-field .datamatrix{width:77px;height:77px}.ui-button{margin-top:13px;padding:9px}.printed-label{bottom:35px;right:5%;padding:13px;gap:9px}.printed-label .datamatrix{width:45px;height:45px}.printed-label b{font-size:8px}.printed-label span{font-size:6px}.visual-note{bottom:6px;right:24px;font-size:6px}.project-footer{margin:13px 25px 0;font-size:8px;min-height:60px;gap:10px}.project-footer>span{max-width:190px;line-height:1.5}.project-footer a{white-space:nowrap;gap:7px}.project-footer a span{font-size:16px}.mail-visual{min-height:300px}.mail-window{left:8%;top:33px;width:475px;height:255px}.mail-sidebar{width:130px;padding:16px 11px}.mail-content{padding:22px 14px}.mail-content-heading{font-size:16px;margin-bottom:10px}.mail-row{padding:10px 0}.mail-logo{margin-bottom:14px}.compose-demo{margin-bottom:10px}.mail-folder{font-size:8px;padding:8px 5px}.mail-user{bottom:15px}.project-mail .project-footer{margin-top:5px}.approach{padding-top:7px}.process-grid{grid-template-columns:1fr;gap:28px}.process-steps button{padding:24px 0;gap:18px}.process-steps strong{font-size:22px}.process-steps small{font-size:11px;margin-top:5px}.step-number{font-size:9px}.step-arrow{font-size:22px}.process-board{height:270px}.thought-one{left:12%}.thought-two{left:9%}.thought-three{right:13%}.thought-four{right:9%}.thought{font-size:10px;padding:11px 13px}.panel-text{min-height:125px;padding:22px}.panel-text>p{font-size:13px;max-width:100%}.studio{padding-top:40px;padding-bottom:55px}.studio-top{gap:20px}.studio-star{font-size:44px}.studio-top .eyebrow{font-size:7px}.studio h2{font-size:clamp(30px,7.2vw,44px);letter-spacing:-1.5px;margin-top:27px;line-height:1.2}.studio h2 .serif-word{letter-spacing:-.06em}.studio-bottom{grid-template-columns:1fr;gap:30px;margin-top:27px}.studio-bottom>p{font-size:14px;line-height:1.8}.studio-principles{gap:14px;font-size:13px}.studio-principles i{padding-right:20px}.contact-section{padding-top:70px;padding-bottom:65px}.contact-section .eyebrow{font-size:7px;letter-spacing:1px}.contact-section h2{font-size:clamp(31px,7.65vw,47px);letter-spacing:-1.6px;margin-top:24px}.contact-section .button{font-size:12px;min-height:51px}.contact-email{font-size:11px}.contact-orb{font-size:39px;right:6%;top:18px}.footer{padding:28px 6%;gap:20px}.footer-brand{font-size:21px}.footer>span{max-width:145px;line-height:1.7;font-size:9px;text-align:right;margin-left:auto}.footer>div{border-top:1px solid var(--line);width:100%;padding-top:17px;justify-content:space-between}.footer>div>a{font-size:19px}.motion-toggle{font-size:9px}.dialog-inner{padding:43px 26px 30px}.dialog h2{font-size:38px;letter-spacing:-1.5px}.dialog p{font-size:13px}.dialog .eyebrow{font-size:8px;letter-spacing:1px}.email-large{font-size:25px}.contact-dialog-actions{flex-wrap:wrap}.contact-dialog-actions .button{font-size:11px;padding:0 14px}.contact-hint{font-size:9px}.project-detail-list span{font-size:12px}.toast{font-size:11px;padding:14px 18px;max-width:calc(100vw - 30px);white-space:normal;text-align:center}}
@media(max-width:360px){.header{gap:15px}.header-cta{font-size:9px;padding:0 12px;gap:9px}.hero{padding-top:28px}h1{font-size:43px;letter-spacing:-2.4px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero-actions{gap:16px}.hero-actions .button{font-size:10px;padding:0 16px;gap:13px}.hero-actions .text-button{font-size:10px;gap:8px}.hero-art{height:310px}.hero-bottom{font-size:6px}.code-window{left:7%}.printed-label{right:3%;bottom:29px}.project-intro,.project-mail .project-intro{padding-left:23px;padding-right:23px}.project h3{font-size:33px}.project-intro p{font-size:12px}.project-footer{margin-left:20px;margin-right:20px;font-size:7px}.mail-window{left:5%}.studio h2{font-size:28px}.studio-top .eyebrow{font-size:6px}.contact-section h2{font-size:29px}.contact-dialog-actions{flex-direction:column}.contact-dialog-actions .button{width:100%}.email-large{font-size:22px}.expertise-strip{column-gap:9px;font-size:6px}}
@media(max-width:360px){h1{font-size:clamp(34px,11.9vw,43px)}.hero-actions{gap:15px}.hero-actions .text-button{white-space:nowrap}}
@media(max-width:640px){.section-aside br{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-enter{animation:none}.js-motion .reveal{opacity:1;transform:none;transition:none}.cube-stage svg{will-change:auto}.process-panel *{transition:none!important}.dialog[open]{animation:none}.toast{transition:opacity 150ms ease;transform:translateX(-50%)}.toast.visible{transform:translateX(-50%)}}
@media(prefers-reduced-transparency:reduce){.floating-label,.mobile-nav{background:#f8f9fc;backdrop-filter:none}.dialog::backdrop{backdrop-filter:none;background:#211b36b0}}
@media(prefers-contrast:more){:root{--muted:#4b4558}.quiet{color:#68616e}.eyebrow,.hero-description,.section-aside,.studio-bottom>p{color:#60576a}.floating-label{background:white;border-color:#73667f}.project-intro p{color:#d0c9dc}.project-mail .project-intro p{color:#62586c}}