/* IVCUBE / second edition — material, scale and a continuous motion story. */
:root{--paper:#f2f2f5;--ink:#141419;--purple:#8d74f5;--line:#dcdce3}body{background:#f2f2f5}.header{position:absolute;top:0;left:0;right:0;max-width:none;height:96px;color:#f3f2f7;padding:0 5.5%;z-index:30}.header .brand{font-size:25px;letter-spacing:-1px}.header .brand svg{stroke:#f3f2f7}.header .brand-dot{display:none}.header .nav{margin-left:0;gap:38px}.header .nav a{color:#a6a3b0;font-size:12px;position:relative}.header .nav a:after{content:"";position:absolute;bottom:6px;left:0;right:0;height:1px;background:#d2c9ff;transform:scaleX(0);transform-origin:right;transition:transform 240ms var(--ease-out)}.header .nav a:hover{color:white}.header .nav a:hover:after{transform:scaleX(1);transform-origin:left}.header .header-cta{background:#ffffff0a;border:1px solid #ffffff2b;color:#e9e7f2;min-height:42px;font-size:11px;padding:0 20px;backdrop-filter:blur(14px)}.header .header-cta:hover{background:#ffffff16}.hero-story{height:190svh;background:#0c0c10;position:relative;z-index:1}.hero{position:sticky;top:0;max-width:none;width:100%;height:100svh;min-height:680px;margin:0;padding:155px 5.5% 100px;overflow:clip;display:grid;grid-template-columns:48% 52%;align-items:center;color:#f5f3fa;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:8;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-light{position:absolute;inset:0;background:radial-gradient(ellipse at 76% 42%,#8177ca18,transparent 45%),radial-gradient(ellipse at 88% 80%,#3c2d7714,transparent 55%);pointer-events:none;z-index:-1}.hero-copy{position:relative;align-self:center;padding-bottom:12px;z-index:4;will-change:transform,opacity}.hero .eyebrow{color:#a6a1b6;font-size:9px;letter-spacing:2px;font-weight:400}.status-dot{background:#a995ff;box-shadow:0 0 12px #ac8aff90;width:5px;height:5px}.hero h1{font-size:clamp(67px,7.15vw,118px);line-height:.99;font-weight:400;letter-spacing:-.065em;margin-top:28px;white-space:normal}.hero-line{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}.hero-line>span{display:inline-block;animation:line-reveal 1100ms var(--ease-out) both}.hero-line:nth-child(2)>span{animation-delay:100ms}.hero-line:nth-child(3)>span{animation-delay:180ms}.hero-line:nth-child(2){color:#a4a0ae}.accent-line{background:linear-gradient(110deg,#f0edfa 10%,#c9baf5 55%,#957dd6 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{color:#97919f;font-size:15px;line-height:1.8;margin-top:31px}.hero-actions{margin-top:29px;gap:28px}.hero-actions .button-dark{background:#e9e5f2;color:#17131f;font-size:12px;min-height:50px;padding:0 23px;gap:30px;box-shadow:inset 0 1px 0 white,0 5px 25px #0002}.hero-actions .button-dark:hover{background:#fff;box-shadow:0 3px 28px #beaff622}.hero-actions .text-button{color:#b2aabf;font-size:12px;gap:15px}.hero-art{height:min(68svh,670px);min-height:420px;margin:-15px -30px 0 -15px;position:relative;align-self:center;isolation:isolate;transform:none!important;animation:none!important;opacity:1;z-index:2}.art-grid,.orbit,.floating-label{display:none}.hero-art:before{inset:8%;background:radial-gradient(ellipse,#7265a716,transparent 67%);opacity:.7}.coordinate-top{top:5px;right:30px;color:#766d83;font-size:7px;letter-spacing:1.8px;z-index:4}.cube-stage{inset:0 0 40px}.cube-stage svg{filter:brightness(.85) drop-shadow(0 30px 60px #32205299);opacity:.8}.hero-art.webgl-ready .cube-stage{display:none}.webgl-cube{position:absolute;inset:-25px -15px 35px;pointer-events:auto;touch-action:pan-y}.webgl-cube canvas{width:100%;height:100%;display:block;outline:none;opacity:0;transition:opacity 700ms ease}.webgl-ready .webgl-cube canvas{opacity:1}.cube-shadow{bottom:55px;left:19%;width:65%;height:50px;background:radial-gradient(ellipse,#796aab24,transparent 65%);transform:none}.art-caption{bottom:12px;left:0;right:0;z-index:5;display:flex;flex-direction:column;align-items:center;gap:14px}.cube-control{display:inline-flex;align-items:center;gap:13px;color:#c1b8cf;font-size:10px;padding:11px 17px;border:1px solid #51475f66;background:#26212b33;border-radius:100px;backdrop-filter:blur(12px);transition:background-color 180ms ease,border-color 180ms ease,transform 160ms var(--ease-out)}.cube-control:hover{background:#40344866;border-color:#8d75ad66}.control-symbol{font-size:17px;color:#9f85d4;line-height:1}.control-plus{font-size:14px;margin-left:5px}.cube-instruction{font-size:6px;letter-spacing:1.3px;color:#665f73}.hero-bottom{position:absolute;bottom:23px;left:5.5%;right:5.5%;height:53px;margin:0;color:#7e758c;border-top:1px solid #ffffff12;font-size:8px;letter-spacing:.4px;z-index:6}.hero-index{display:flex;gap:15px;align-items:center;font-size:8px;letter-spacing:1.5px}.hero-progress{width:60px;height:1px;background:#ffffff20;display:block}.hero-progress>i{height:1px;width:100%;display:block;background:#c6afff;transform:scaleX(0);transform-origin:left}.scroll-cue{font-size:8px;gap:11px;color:#a298b0}.scroll-mouse{display:block!important;width:13px;height:21px;border:1px solid #776b88;border-radius:10px;position:relative}.scroll-mouse:after{content:"";position:absolute;top:5px;left:5px;width:1px;height:5px;background:#c0a5eb;animation:scroll-cue 1800ms ease infinite}.hero-chapters{position:absolute;right:5.5%;top:50%;display:flex;flex-direction:column;gap:20px;z-index:3;transform:translateX(28px);writing-mode:vertical-rl}.chapter{font-size:6px;letter-spacing:1.1px;color:#4f465b;transition:color 200ms ease}.chapter.active{color:#c3a8ef}.hero .hero-enter{animation-duration:1200ms}.hero h1.hero-enter{animation:none}.expertise-strip{background:#0c0c10;border-color:#ffffff10;color:#7b7188;font-size:8px;padding-top:31px;padding-bottom:31px;letter-spacing:1.7px}.expertise-strip i{color:#5c4a70;font-size:16px}
.manifesto{position:relative;background:#0c0c10;color:#f0edf6;padding:130px 8% 145px;min-height:77svh;display:flex;align-items:center;overflow:clip;isolation:isolate}.manifesto:before{content:"";position:absolute;width:550px;height:550px;right:-200px;top:30px;border:1px solid #5d476d1a;border-radius:50%;z-index:-1}.manifesto-inner{max-width:1300px;width:100%;margin:auto}.manifesto .eyebrow{font-size:8px;letter-spacing:2px;color:#7f728e;margin-bottom:43px}.manifesto h2{font-size:clamp(44px,6.5vw,99px);line-height:1.1;font-weight:400;letter-spacing:-.055em}.manifesto h2>span{display:inline-block;color:#e8e3f2;opacity:.25;transition:opacity 100ms linear}.manifesto h2>.manifesto-accent{color:#bfa4f3}.manifesto-bottom{display:flex;align-items:center;gap:30px;margin-top:51px}.manifesto-rule{width:80px;height:1px;background:#9e84c4;transform:scaleX(.2);transform-origin:left}.manifesto-bottom p{font-size:12px;line-height:1.8;color:#83748f}.manifesto-star{font-size:60px;margin-left:auto;color:#8f72b1;will-change:transform}
.projects{padding-top:110px;padding-bottom:90px}.section-number{font-size:8px;letter-spacing:1.7px;font-weight:400;color:#7c7289}.section-heading h2{font-size:clamp(48px,6vw,90px);font-weight:400;letter-spacing:-.055em}.section-heading .quiet{color:#9e98a7}.section-heading{margin-bottom:55px}.section-aside{font-size:12px;line-height:1.85;color:#8b8195}.project{border-radius:24px;min-height:600px;grid-template-columns:37% 63%;margin-bottom:38px;isolation:isolate;transform-style:preserve-3d}.project:after{content:"";position:absolute;inset:0;z-index:5;border-radius:inherit;pointer-events:none;border:1px solid #ffffff14;background:radial-gradient(500px circle at var(--shine-x,70%) var(--shine-y,20%),#e9dfff0a,transparent 65%);opacity:0;transition:opacity 240ms ease}.project:hover:after{opacity:1}.project-code{background:#121016;box-shadow:0 25px 60px #29212e0a}.project-intro{padding:58px 0 45px 50px}.project-category{font-size:8px;letter-spacing:1.3px;color:#82758e}.project h3{font-size:64px;font-weight:400;letter-spacing:-3px;margin-top:58px}.project-intro p{font-size:14px;line-height:1.8;color:#998ba7;margin-top:24px}.project-period{color:#ac83e7}.round-button{width:50px;height:50px;margin-top:43px;border-color:#69547477;color:#b4a0c6;font-size:24px}.round-button:hover{background:#b697df;color:#1f102c}.code-visual{min-height:525px;background:radial-gradient(ellipse at 55% 55%,#74479a30,transparent 66%);perspective:1200px}.code-window{left:10%;top:54px;width:325px;height:398px;border-radius:16px;box-shadow:0 20px 80px #0007;will-change:transform;transform:rotateY(-15deg) rotateX(9deg) rotateZ(-5deg)}.window-top{height:55px;padding:0 19px;font-size:12px}.window-mark{width:27px;height:27px;font-size:15px;border-radius:7px}.window-status{font-size:8px}.window-body{padding:25px 29px}.ui-overline{font-size:8px}.scan-field{width:145px;height:143px;margin:20px auto}.scan-field .datamatrix{width:99px;height:99px}.scan-result b{font-size:12px}.scan-result small{font-size:9px}.ui-button{padding:13px;font-size:11px;margin-top:20px;background:#8b64cb}.printed-label{right:5%;bottom:59px;padding:25px 20px;gap:17px;box-shadow:0 18px 70px #0008;will-change:transform}.printed-label .datamatrix{width:70px;height:70px}.printed-label b{font-size:10px}.printed-label span{font-size:8px}.printed-label .label-digits{margin-top:8px}.scan-path{width:310px;height:270px;right:10%;top:93px;border-color:#af8ac233}.scanner-line{opacity:0}.visual-note{bottom:21px;font-size:6px;letter-spacing:1.6px;color:#7f638e}.project-footer{margin:0 45px;min-height:74px;color:#867194;font-size:9px}.project-footer a{color:#b2a0c0;font-size:10px}.project-mail{background:#dedbe5;box-shadow:0 20px 60px #44334e08}.project-mail h3{font-size:53px;font-weight:400;letter-spacing:-2.8px;margin-top:47px}.project-mail .project-intro{padding-top:58px}.project-mail .project-category{color:#877493}.project-mail .project-intro p{color:#817087}.project-mail .round-button{margin-top:37px;border-color:#a999b7;color:#786087}.mail-visual{min-height:510px;background:radial-gradient(ellipse at 65% 50%,#b6a4d34f,transparent 66%);perspective:1400px}.mail-window{left:5%;top:93px;width:690px;height:338px;transform:rotateY(-13deg) rotateX(8deg) rotateZ(4deg);box-shadow:0 35px 70px #59426821;will-change:transform}.mail-sidebar{width:173px;padding:23px 18px}.mail-logo{margin-bottom:25px}.mail-folder{padding:11px 8px;font-size:10px}.compose-demo{font-size:12px}.mail-content{padding:29px 25px}.mail-content-heading{font-size:21px}.mail-row{padding:15px 0;gap:12px}.mail-row strong{font-size:9px}.mail-row b{font-size:10px}.mail-row small{font-size:8px}.avatar{width:30px;height:30px}.project-mail .project-footer{color:#97849f}.project-mail .project-footer a{color:#71577e}
.approach{padding-top:30px;padding-bottom:120px}.approach .section-heading h2{font-size:clamp(40px,4.9vw,73px)}.process-grid{gap:85px}.process-steps button{padding-top:33px;padding-bottom:33px}.process-steps strong{font-size:27px;letter-spacing:-1px;font-weight:400}.process-steps small{font-size:12px;color:#9a8da4}.process-steps [aria-selected="true"] .step-number,.process-steps [aria-selected="true"] .step-arrow{color:#9c71bf}.process-steps button:after{background:#a47bc4}.process-panel{background:#eae5ef;border-color:#ded5e5;border-radius:18px;box-shadow:0 20px 50px #47314f05}.process-board{height:310px;background-image:radial-gradient(#b9a3cb55 1px,transparent 1px)}.board-core{background:linear-gradient(135deg,#b493d5,#745790);border-color:#c3a9db;color:#faf2ff;box-shadow:0 10px 35px #8b60a73a}.board-lines{stroke:#b6a1c8;stroke-dasharray:5 5}.thought{background:#f7f3fa;border-color:#e4dae9}.studio{max-width:none;border-top:1px solid #d9d3df;padding:90px 8% 105px;background:#e9e6ed;position:relative;overflow:clip}.studio h2{max-width:1300px;font-size:clamp(43px,5.3vw,80px);font-weight:400;line-height:1.14;letter-spacing:-.045em;margin-top:48px}.studio h2 .serif-word{color:#8c6fa7}.studio-top,.studio-bottom{max-width:1300px;margin-left:auto;margin-right:auto}.studio h2{margin-left:auto;margin-right:auto}.studio-star{color:#b39ac8;font-size:90px}.studio-bottom{margin-top:48px;gap:12%}.studio-bottom>p{color:#86758f;font-size:14px;line-height:1.95}.studio-principles{font-size:13px;color:#6b5677;gap:22px}.studio-principles i{color:#ac97b8;font-size:9px}.contact-section{background:#0c0c10;color:#ede6f5;max-width:none;padding:130px 5% 190px;min-height:780px;overflow:clip}.contact-section:before{background:radial-gradient(ellipse at 50% 115%,#69458b35,transparent 60%)}.contact-section .eyebrow{font-size:8px;letter-spacing:2px;color:#85738f}.contact-section h2{font-size:clamp(49px,7.8vw,118px);line-height:1.04;letter-spacing:-.055em;font-weight:400;margin:34px 0 42px}.contact-gradient{color:#b09cc9;background:linear-gradient(100deg,#e2d4f1,#b08bd0 60%,#83619f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact-section .button-purple{background:#e3d7ed;color:#35203f;min-height:56px;padding:0 27px;font-size:12px;box-shadow:0 5px 35px #b68ad119}.contact-section .button-purple:hover{background:#f6eefe}.contact-email{font-size:12px;color:#83708e;margin-top:26px}.contact-orb{right:9%;top:70px;font-size:65px;color:#5a4269}.contact-wordmark{position:absolute;left:0;right:0;bottom:-.15em;text-align:center;font-size:clamp(130px,23vw,380px);line-height:1;letter-spacing:-.06em;font-weight:500;color:#ede6f5;opacity:.025;z-index:-1;pointer-events:none}.footer{max-width:none;background:#0c0c10;color:#6c5c77;border-color:#ffffff10;padding:31px 5.5%}.footer-brand{color:#b9a8c5;letter-spacing:-1px}.footer>div>a,.motion-toggle{color:#9a83aa}.motion-toggle i{background:#a080ba}.dialog{background:#f3eef7;border-color:#dcd1e4;box-shadow:0 30px 120px #0008}.dialog::backdrop{background:#08070aa6;backdrop-filter:blur(15px)}.dialog .button-dark{background:#29202f}.dialog .email-large{color:#89609f}.dialog .icon-button{background:#e8dfef}.dialog p{color:#887492}.dialog .button-outline{background:#f7f2fb;border-color:#dcd1e5}.button>span{transition:transform 200ms var(--ease-out)}.button:hover>span{transform:translate(2px,-2px)}
@keyframes line-reveal{from{transform:translateY(110%);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes scroll-cue{0%,100%{transform:translateY(0);opacity:.3}55%{transform:translateY(4px);opacity:1}}.motion-off .hero-story{height:100svh;min-height:680px}.motion-off .hero-line>span{animation:none}.motion-off .scroll-mouse:after{animation:none}.motion-off .manifesto h2>span{opacity:1!important}.motion-off .hero-copy{transform:none!important;opacity:1!important}.motion-off .hero-chapters{display:none}
@media(min-width:1600px){.hero{padding-left:max(5.5%,calc((100vw - 1450px)/2));padding-right:max(5.5%,calc((100vw - 1450px)/2))}.hero h1{font-size:118px}}
@media(max-width:1100px){.hero{padding-top:135px;padding-bottom:105px;min-height:650px}.hero h1{font-size:clamp(62px,7.7vw,86px)}.hero-art{height:500px;min-height:400px;margin-right:-35px;margin-left:-18px}.hero-description{font-size:13px;margin-top:26px}.hero-actions{gap:22px}.hero-actions .button-dark{font-size:11px;padding:0 20px;gap:20px}.hero-actions .text-button{font-size:11px;gap:10px}.hero .eyebrow{font-size:7px;letter-spacing:1.5px}.coordinate-top{font-size:6px;right:20px;top:19px}.cube-instruction{font-size:5px;letter-spacing:1px}.hero-chapters{right:4%;transform:translateX(22px)}.hero-bottom{font-size:7px}.scroll-cue{font-size:7px}.manifesto{padding:110px 7%}.manifesto .eyebrow{font-size:7px}.manifesto h2{font-size:68px}.project{min-height:540px}.project-intro{padding-left:37px;padding-top:47px}.project h3{font-size:50px;margin-top:47px}.project-intro p{font-size:12px}.project-category{font-size:7px}.code-visual{min-height:466px}.code-window{width:285px;height:366px;left:8%;top:46px}.window-top{height:49px;font-size:11px}.window-body{padding:21px 24px}.scan-field{height:125px;width:133px;margin:17px auto}.scan-field .datamatrix{height:87px;width:87px}.printed-label{right:4%;padding:20px 16px;gap:13px;bottom:55px}.printed-label .datamatrix{width:58px;height:58px}.printed-label b{font-size:8px}.printed-label span{font-size:7px}.project-footer{margin:0 35px;font-size:8px}.project-mail h3{font-size:43px}.project-mail .project-intro{padding-top:47px}.mail-visual{min-height:466px}.mail-window{width:610px;height:315px;top:75px;left:3%}.mail-sidebar{width:151px}.process-grid{gap:50px}.process-steps strong{font-size:23px}.process-steps small{font-size:11px}.process-board{height:290px}.contact-section{min-height:700px;padding-top:115px}.contact-section h2{font-size:80px}.contact-orb{font-size:48px;top:56px}.studio{padding:75px 7% 85px}.studio h2{font-size:57px}.studio-star{font-size:70px}}
@media(max-width:850px){.header{height:85px}.header .brand{font-size:22px}.header .nav{gap:24px}.header .header-cta{font-size:10px;min-height:39px;gap:13px}.hero{min-height:650px;padding-top:140px;grid-template-columns:50% 50%}.hero h1{font-size:clamp(54px,7.7vw,69px)}.hero-art{height:430px;min-height:370px;margin-left:-20px}.hero-description{font-size:12px}.hero-actions{gap:14px;flex-wrap:wrap}.hero-actions .button-dark{min-height:46px;font-size:10px;padding:0 17px;gap:17px}.hero-actions .text-button{font-size:10px}.art-caption{bottom:8px}.cube-control{font-size:8px;padding:10px 12px;gap:10px}.cube-instruction{font-size:4px}.hero-bottom{font-size:6px;bottom:18px}.hero-bottom .scroll-cue{font-size:6px;gap:8px}.hero-chapters{display:none}.hero-index{font-size:6px}.hero-progress{width:40px}.expertise-strip{font-size:6px;gap:15px;letter-spacing:1.2px}.manifesto{padding:90px 6%;min-height:65svh}.manifesto h2{font-size:clamp(45px,7.8vw,65px)}.manifesto .eyebrow{font-size:6px;letter-spacing:1.5px;margin-bottom:35px}.manifesto-bottom p{font-size:11px}.manifesto-star{font-size:50px}.manifesto-bottom{margin-top:37px}.section-heading h2{font-size:59px}.section-aside{font-size:10px}.project{min-height:480px;grid-template-columns:38% 62%}.project-intro{padding-left:29px;padding-top:39px}.project h3{font-size:41px;letter-spacing:-2px;margin-top:37px}.project-intro p{font-size:11px;margin-top:18px}.round-button{width:43px;height:43px;font-size:20px;margin-top:32px}.code-visual{min-height:408px}.code-window{left:3%;top:38px;width:253px;height:335px}.window-top{height:46px;padding:0 14px;font-size:10px}.window-mark{width:23px;height:23px}.window-body{padding:17px 23px}.scan-field{height:116px;width:125px;margin:13px auto}.scan-field .datamatrix{width:82px;height:82px}.ui-overline{font-size:7px}.scan-result b{font-size:10px}.scan-result small{font-size:8px}.ui-button{font-size:10px;margin-top:16px;padding:11px}.printed-label{right:2%;bottom:38px;padding:16px 13px;gap:10px}.printed-label .datamatrix{width:49px;height:49px}.printed-label b{font-size:7px}.printed-label span{font-size:6px}.visual-note{font-size:5px;right:21px;bottom:13px}.project-footer{min-height:65px;font-size:7px;margin:0 27px}.project-footer a{font-size:8px}.project-mail h3{font-size:35px;margin-top:35px}.project-mail .project-intro{padding-top:39px}.project-mail .round-button{margin-top:30px}.mail-visual{min-height:408px}.mail-window{top:70px;left:3%;width:550px;height:285px}.mail-sidebar{width:140px;padding:18px 13px}.mail-logo{margin-bottom:18px}.mail-folder{font-size:9px;padding:9px 6px}.compose-demo{font-size:10px;margin-bottom:15px}.mail-content{padding:23px 20px}.mail-content-heading{font-size:19px;margin-bottom:14px}.mail-row{padding:12px 0}.mail-row strong{font-size:8px}.mail-row b{font-size:9px}.mail-row small{font-size:7px}.avatar{width:26px;height:26px}.process-grid{gap:30px}.process-steps strong{font-size:20px}.process-steps small{font-size:10px}.process-steps button{padding:27px 0;gap:12px}.process-board{height:275px}.approach{padding-bottom:80px}.studio h2{font-size:49px}.studio-bottom>p{font-size:13px}.studio-principles{font-size:12px}.contact-section{min-height:650px;padding-top:100px;padding-bottom:160px}.contact-section h2{font-size:65px}.contact-orb{font-size:40px}.contact-section .eyebrow{font-size:7px}}
@media(max-width:640px){.header{height:78px;padding:0 6%;gap:16px}.header .brand{font-size:20px;gap:8px}.header .brand svg{width:24px;height:28px}.header .header-cta{font-size:9px;min-height:35px;padding:0 13px;gap:12px}.header .header-cta span{font-size:15px}.header .menu-toggle span{background:#d1c5dd}.mobile-nav{top:77px;background:#16121bf5;backdrop-filter:blur(20px);color:#d8cce4;border-color:#ffffff18;box-shadow:0 25px 60px #0008}.mobile-nav>a{border-color:#ffffff15}.mobile-nav .button{background:#e3d4ed;color:#26192e;font-size:12px}.hero-story{height:150svh}.hero{height:100svh;min-height:720px;padding:118px 6% 85px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:clip}.hero-copy{align-self:stretch;padding-bottom:0;flex:0 0 auto}.hero .eyebrow{font-size:6px;letter-spacing:1.4px}.hero h1{font-size:clamp(50px,12vw,76px);letter-spacing:-.06em;line-height:1.01;margin-top:23px}.hero-description{font-size:12px;line-height:1.75;margin-top:21px}.hero-actions{margin-top:22px;gap:24px;flex-wrap:nowrap}.hero-actions .button-dark{min-height:45px;font-size:10px;padding:0 18px;gap:23px}.hero-actions .text-button{font-size:10px;gap:11px;white-space:nowrap}.hero-art{flex:1;width:100%;height:auto;min-height:260px;max-width:480px;margin:-12px 0 -5px;align-self:center}.webgl-cube{inset:-10px -8px 23px}.cube-stage{inset:0 15px 15px}.cube-shadow{bottom:36px}.coordinate-top{display:none}.art-caption{bottom:-7px;gap:8px}.cube-control{font-size:8px;padding:8px 13px;gap:9px;background:#211c2980}.control-symbol{font-size:13px}.control-plus{font-size:12px}.cube-instruction{font-size:4px;letter-spacing:1px}.hero-bottom{height:43px;bottom:11px;left:6%;right:6%;font-size:6px;gap:14px}.hero-bottom>span:first-child{max-width:145px}.hero-bottom .scroll-cue{font-size:5px;gap:7px;max-width:160px;text-align:right}.scroll-mouse{flex-shrink:0;width:11px;height:18px}.scroll-mouse:after{left:4px;height:4px}.hero-index{display:none}.expertise-strip{padding:24px 6%;font-size:6px;letter-spacing:.7px;gap:9px 12px}.expertise-strip i{font-size:12px}.manifesto{min-height:570px;padding:90px 6% 80px}.manifesto .eyebrow{font-size:5px;letter-spacing:1.3px;max-width:260px;line-height:1.7;margin-bottom:34px}.manifesto h2{font-size:clamp(30px,7.65vw,48px);letter-spacing:-.05em;line-height:1.2}.manifesto-bottom{margin-top:36px;gap:16px}.manifesto-rule{width:29px;flex-shrink:0}.manifesto-bottom p{font-size:9px;line-height:1.8}.manifesto-star{font-size:37px}.projects{padding:70px 6% 60px}.section-heading{margin-bottom:33px}.section-heading h2{font-size:clamp(48px,13vw,70px);letter-spacing:-.06em;line-height:1.02}.section-number{font-size:7px;margin-bottom:22px}.section-aside{font-size:11px;margin-top:23px}.section-aside br{display:block}.project{display:flex;min-height:0;border-radius:17px;margin-bottom:25px}.project-intro,.project-mail .project-intro{padding:31px 25px 0}.project-category{font-size:6px;letter-spacing:1.15px}.project h3{font-size:44px;margin-top:23px;letter-spacing:-2.3px}.project-intro p{font-size:12px;line-height:1.7;margin-top:14px;max-width:78%}.round-button,.project-mail .round-button{position:absolute;right:23px;bottom:6px;width:39px;height:39px;margin:0;font-size:20px}.code-visual{min-height:377px}.code-window{width:248px;height:331px;left:11%;top:29px;border-radius:12px}.window-top{height:46px}.window-body{padding:17px 23px}.scan-field{height:115px;margin:13px auto}.scan-field .datamatrix{width:81px;height:81px}.printed-label{bottom:37px;right:4%;padding:16px 13px;gap:10px}.printed-label .datamatrix{width:49px;height:49px}.printed-label b{font-size:8px}.printed-label span{font-size:6px}.scan-path{width:220px;height:220px;right:8%;top:60px}.project-footer{min-height:63px;margin:9px 24px 0;font-size:7px}.project-footer>span{max-width:175px}.project-footer a{font-size:7px;gap:7px}.visual-note{bottom:9px;font-size:5px;right:20px}.project-mail h3{font-size:36px;margin-top:24px;letter-spacing:-1.8px;line-height:1.12;max-width:240px}.project-mail h3 br{display:block}.project-mail .project-intro p{font-size:12px}.mail-visual{min-height:313px}.mail-window{width:520px;height:270px;left:7%;top:29px}.mail-sidebar{width:137px;padding:17px 12px}.mail-content{padding:22px 17px}.mail-content-heading{font-size:17px;margin-bottom:10px}.mail-row{padding:11px 0}.mail-folder{font-size:8px;padding:9px 6px}.mail-user{bottom:16px}.compose-demo{font-size:10px;margin-bottom:11px}.mail-logo{margin-bottom:16px}.mail-row strong{font-size:8px}.mail-row b{font-size:9px}.mail-row small{font-size:7px}.approach{padding-top:10px;padding-bottom:75px}.approach .section-heading h2{font-size:clamp(34px,8.2vw,48px);line-height:1.12;letter-spacing:-1.8px}.process-grid{gap:30px}.process-steps button{padding:26px 0;gap:17px}.process-steps strong{font-size:23px;letter-spacing:-.8px}.process-steps small{font-size:11px;margin-top:7px}.process-board{height:275px}.studio{padding:45px 6% 68px}.studio-top .eyebrow{font-size:6px;letter-spacing:1px}.studio-star{font-size:50px}.studio h2{font-size:clamp(29px,7vw,44px);line-height:1.2;letter-spacing:-1.3px;margin-top:32px}.studio-bottom{margin-top:30px;gap:28px}.studio-bottom>p{font-size:13px;line-height:1.95}.studio-principles{font-size:12px;gap:19px}.contact-section{padding:85px 6% 130px;min-height:560px}.contact-section .eyebrow{font-size:6px;letter-spacing:1.2px}.contact-section h2{font-size:clamp(35px,9.2vw,59px);line-height:1.1;letter-spacing:-.055em;margin:30px 0 33px}.contact-section .button-purple{min-height:50px;font-size:11px;padding:0 23px}.contact-email{font-size:10px;margin-top:23px}.contact-orb{font-size:30px;top:27px;right:7%}.contact-wordmark{font-size:23.4vw;bottom:9px;letter-spacing:-.05em;opacity:.035}.footer{padding:29px 6%;gap:20px}.footer>div{border-color:#ffffff12}.footer-brand{font-size:20px}.footer>span{font-size:8px}.motion-off .hero-story{height:100svh;min-height:720px}}
@media(max-width:360px){.hero{padding-top:109px;min-height:700px}.hero h1{font-size:clamp(43px,12.3vw,50px)}.hero .eyebrow{font-size:5px}.header .brand{font-size:18px}.header .header-cta{font-size:8px;gap:9px;padding:0 11px}.header .brand svg{width:21px}.header{gap:12px}.hero-description{font-size:11px;margin-top:19px}.hero-actions{gap:18px}.hero-actions .button-dark{font-size:9px;gap:17px;padding:0 15px;min-height:43px}.hero-actions .text-button{font-size:9px;gap:8px}.hero-art{min-height:260px;margin-top:-3px}.code-window{left:6%;width:237px;height:326px}.printed-label{right:3%;padding:14px 11px;gap:8px}.printed-label .datamatrix{width:43px;height:43px}.printed-label b{font-size:7px}.project h3{font-size:39px}.manifesto h2{font-size:7.6vw}.contact-section h2{font-size:9.1vw}.process-steps strong{font-size:21px}.studio h2{font-size:7vw}}
@media(max-height:740px) and (min-width:641px){.hero{padding-top:110px;padding-bottom:85px;min-height:600px}.hero h1{font-size:clamp(58px,6.5vw,89px)}.hero-art{height:450px;min-height:350px}.hero-description{font-size:13px;margin-top:20px}.hero-actions{margin-top:22px}.art-caption{bottom:0}.coordinate-top{top:0}}
.header{position:fixed;transition:background-color 200ms ease,color 200ms ease}.header.is-scrolled{background:#0c0c10cc;backdrop-filter:blur(22px)}.header.is-light{background:#f2f2f5df;color:#25202b;border-bottom:1px solid #261b330b}.header.is-light .brand svg{stroke:#25202b}.header.is-light .nav a{color:#7b6e87}.header.is-light .nav a:hover{color:#25202b}.header.is-light .header-cta{background:#28202f;color:#f3eaf9;border-color:#28202f}.header.is-light .menu-toggle span{background:#35263f}.mobile-nav{position:fixed}
@media(max-width:640px){.header .header-cta{min-height:42px}.header .menu-toggle{height:44px}.cube-control{min-height:40px}.round-button{min-height:42px;min-width:42px}}
.accent-line{background:none;color:inherit}.accent-line>span{background:linear-gradient(110deg,#f0edfa 10%,#c9baf5 55%,#957dd6 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.project-analytics{background:#e5e8ed;color:#242e37}.project-analytics .project-category{color:#7c8e9a}.project-analytics h3{color:#283943}.project-analytics .project-period{color:#8b9d8b}.project-analytics .project-intro p{color:#7b8c96}.project-analytics .round-button{color:#718792;border-color:#b2c1c9}.project-analytics .round-button:hover{background:#354b56;color:white}.project-analytics .project-footer{border-top-color:#b9c9d04f;color:#7e919b}.project-analytics .project-footer a{color:#59717d}.analytics-visual{position:relative;min-height:525px;perspective:1300px;overflow:hidden;background:radial-gradient(ellipse at 55% 50%,#bdc8d45c,transparent 68%)}.analytics-window{position:absolute;left:3%;top:73px;width:690px;height:365px;background:#fcfdff;border:1px solid #fff;border-radius:12px;overflow:hidden;box-shadow:0 25px 70px #3e596523;transform:rotateY(-12deg) rotateX(7deg) rotateZ(-3deg);will-change:transform}.analytics-toolbar{height:49px;padding:0 20px;display:flex;align-items:center;border-bottom:1px solid #e8edf2;gap:24px}.selmetr-logo{display:flex;align-items:center;gap:7px;font-weight:700;color:#566a67;font-size:25px;line-height:1}.selmetr-logo>span{font-size:13px;color:#283c47;letter-spacing:-.3px;font-weight:600}.analytics-period{font-size:8px;color:#97a1ae}.analytics-avatar{margin-left:auto;border-radius:50%;width:23px;height:23px;background:#e8edf2;color:#82909c;display:grid;place-items:center;font-size:9px}.analytics-layout{display:flex;height:calc(100% - 49px)}.analytics-sidebar{width:157px;background:#f4f6f9;border-right:1px solid #e8ecf1;padding:22px 12px;position:relative;flex-shrink:0}.analytics-nav{padding:10px 9px;display:flex;gap:9px;align-items:center;font-size:12px;color:#9aa8b1;border-radius:5px}.analytics-nav>span{font-size:8px}.analytics-nav.active{background:#e9eef2;color:#637c8c}.analytics-connection{position:absolute;bottom:20px;left:21px;display:flex;align-items:center;gap:6px;font-size:7px;color:#8e9f9d}.analytics-connection i{height:4px;width:4px;border-radius:50%;background:#9fb8ab}.analytics-main{flex:1;min-width:0;padding:22px 24px 16px;position:relative}.analytics-greeting>span{font-size:20px;color:#3f5462;letter-spacing:-.7px}.analytics-greeting>small{display:block;font-size:8px;color:#a7b0bb;margin-top:5px}.analytics-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.analytics-kpis>div{border:1px solid #e5eaf0;border-radius:7px;padding:11px 12px}.analytics-kpis small{font-size:7px;color:#9ca8b5;display:block}.analytics-kpis strong{font-size:20px;font-weight:500;letter-spacing:-1px;color:#667989;display:block;margin:5px 0}.analytics-kpis>div>span{font-size:6px;color:#b3bdc8;display:block}.analytics-kpis>.profit-kpi{background:#f0f4f1;border-color:#e2e9e2}.profit-kpi strong{color:#73937c}.analytics-chart{margin-top:18px}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.chart-heading b{font-size:8px;font-weight:500;color:#7d8d9d}.chart-heading>span{display:flex;gap:5px;align-items:center;font-size:6px;color:#a8b2bc}.chart-heading i{height:4px;width:4px;border-radius:50%;background:#9b90c9;margin-left:5px}.chart-heading i:nth-of-type(2){background:#b7c2cc}.finance-chart{height:103px;width:100%;margin-top:12px;overflow:visible}.chart-grid{fill:none;stroke:#e9edf2;stroke-width:1;stroke-dasharray:3 4}.chart-line{stroke-width:2;fill:none;stroke-linecap:round}.revenue-line{stroke:#9386c9}.cost-line{stroke:#bdc8d1;stroke-width:1.5}.chart-axis{display:flex;justify-content:space-between;font-size:6px;color:#bac3cd;margin-top:6px}.analytics-demo-label{position:absolute;bottom:9px;right:17px;font-size:5px;letter-spacing:.6px;color:#b1bdc7}
/* Scroll motion has one owner. Avoid paint-heavy pointer gradients and stacked easing. */
.project:after{background:linear-gradient(125deg,#e9dfff09,transparent 60%)}.manifesto h2>span{transition:none}.header.is-scrolled{background:#0c0c10e8;backdrop-filter:blur(12px)}.header.is-light{background:#f2f2f5ed}.js-motion .reveal{transition-duration:650ms}.webgl-cube canvas{transition:opacity 450ms ease}.analytics-window{backface-visibility:hidden}.analytics-visual,.code-visual,.mail-visual{contain:paint}
@media(max-width:1100px){.analytics-visual{min-height:466px}.analytics-window{width:610px;height:346px;left:3%;top:60px}.analytics-sidebar{width:138px}.analytics-main{padding:20px}.analytics-kpis>div{padding:10px}.analytics-greeting>span{font-size:18px}.finance-chart{height:96px}.analytics-demo-label{font-size:4px}}
@media(max-width:850px){.analytics-visual{min-height:408px}.analytics-window{width:550px;height:318px;top:48px;left:2%}.analytics-toolbar{height:43px;padding:0 15px}.analytics-layout{height:calc(100% - 43px)}.analytics-sidebar{width:128px;padding:17px 9px}.analytics-main{padding:17px}.analytics-greeting>span{font-size:17px}.analytics-kpis{margin-top:14px;gap:7px}.analytics-kpis strong{font-size:17px}.analytics-kpis>div{padding:9px}.analytics-kpis small{font-size:6px}.analytics-kpis>div>span{font-size:5px}.analytics-chart{margin-top:14px}.finance-chart{height:88px;margin-top:10px}.chart-heading b{font-size:7px}.chart-heading>span{font-size:5px}.selmetr-logo{font-size:22px}.selmetr-logo>span{font-size:12px}}
@media(max-width:640px){.analytics-visual{min-height:317px}.analytics-window{width:500px;height:285px;left:7%;top:22px;border-radius:10px}.analytics-toolbar{height:39px;padding:0 13px}.analytics-layout{height:calc(100% - 39px)}.analytics-sidebar{width:113px;padding:13px 8px}.analytics-nav{padding:9px 7px;gap:6px;font-size:10px}.analytics-nav>span{font-size:7px}.analytics-connection{font-size:6px;left:14px;bottom:14px}.analytics-main{padding:15px}.analytics-greeting>span{font-size:16px}.analytics-greeting>small{font-size:7px}.analytics-kpis{gap:6px;margin-top:12px}.analytics-kpis>div{padding:8px}.analytics-kpis strong{font-size:16px}.analytics-kpis small{font-size:6px}.analytics-kpis>div>span{font-size:5px}.analytics-chart{margin-top:13px}.finance-chart{height:74px;margin-top:9px}.chart-heading b{font-size:7px}.chart-heading>span{font-size:5px;gap:3px}.chart-axis{font-size:5px}.analytics-demo-label{bottom:6px;right:12px;font-size:4px}.selmetr-logo{font-size:20px}.selmetr-logo>span{font-size:11px}.analytics-period{font-size:7px}.project-analytics h3{font-size:43px}.project-analytics .project-intro p{font-size:12px}.project-analytics .project-footer{font-size:7px}}
@media(max-width:360px){.project-analytics h3{font-size:39px}.analytics-window{left:5%}.project-mail .project-footer>span{max-width:140px}.project-mail .project-footer a{font-size:6px}}
@media(prefers-reduced-motion:reduce){.hero-story{height:100svh;min-height:680px}.hero-line>span,.scroll-mouse:after{animation:none}.manifesto h2>span{opacity:1!important}.hero-copy{transform:none!important;opacity:1!important}.hero-chapters{display:none}.project .code-window,.project .mail-window,.project .printed-label,.project .analytics-window{will-change:auto}.webgl-cube canvas{transition:none}.hero-art{will-change:auto}}