@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--night:#101622;--night-2:#171f2d;--night-3:#232c3d;--paper:#f6f4f0;--paper-2:#ece9e3;--white:#ffffff;--ink:#1c2532;--ink-muted:#697381;--snow:#f3f3f7;--mist:#bec8d9;--purple:#b6bdf7;--purple-bright:#c9cbff;--blue:#6679da;--sand:#d9cbb7;--teal:#b9d9d6;--line:rgba(240,243,249,.16);--paper-line:#d7d9db;--round:22px;--body:'DM Sans',Arial,sans-serif;--editorial:'Instrument Serif',Georgia,serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--night);color:var(--snow);font-family:var(--body);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.09}h1,h2{letter-spacing:-.055em}h1{font-weight:550}h2{font-weight:550}p{color:inherit}em{font-style:normal;font-family:var(--editorial);font-weight:400;letter-spacing:-.025em}::selection{background:#b7bdf5;color:#131b2a}.wrap{width:min(1440px,calc(100% - 104px));margin:auto}.skip-link{position:absolute;z-index:500;top:-60px;left:20px;background:white;color:#111;padding:12px}.skip-link:focus{top:14px}*:focus-visible{outline:3px solid #bcc8ff;outline-offset:4px}
/* mast + navigation */
.mast-strip{background:#202a3d;color:#d2d9e7;border-bottom:1px solid rgba(255,255,255,.08)}.mast-content{display:flex;align-items:center;justify-content:space-between;min-height:39px;font-weight:650;letter-spacing:.09em;font-size:11px}.mast-status{display:flex;align-items:center;gap:10px}.mast-content>span:last-child{opacity:.75}.mast-content>span:last-child span{margin:0 8px}.status-light{height:7px;width:7px;border-radius:100%;background:#bfc7ff;box-shadow:0 0 0 4px rgba(182,189,247,.14)}.header{position:sticky;top:0;z-index:100;background:rgba(16,22,34,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(240,243,249,.12)}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{display:flex;align-items:center;gap:15px;font-size:21px;font-weight:700;white-space:nowrap;letter-spacing:-.065em}.wordmark-slash{color:#8797c2}.wordmark-dot,.footer-brand span{color:var(--purple)}.wordmark-icon{display:flex;gap:4px;align-items:center;transform:rotate(-18deg)}.wordmark-icon i{display:block;width:9px;height:27px;background:#e9edf7;border-radius:2px}.wordmark-icon i:nth-child(2){background:var(--purple);height:18px;align-self:flex-end}.wordmark-icon i:nth-child(3){background:#7788c8;height:22px}.desktop-nav{display:flex;align-items:center;gap:clamp(26px,3.3vw,54px)}.desktop-nav a,.header-cta{font-size:15px;font-weight:600}.desktop-nav a{color:#d9dfeb;transition:color .2s}.desktop-nav a:hover{color:var(--purple-bright)}.header-actions{display:flex;align-items:center;gap:20px}.header-cta{border:1px solid rgba(255,255,255,.34);padding:12px 20px;border-radius:40px;display:flex;align-items:center;gap:24px;transition:background .2s,color .2s}.header-cta:hover{background:var(--snow);color:var(--night)}.header-cta span{font-size:19px}.menu-toggle{display:none;background:none;border:0;padding:12px;flex-direction:column;gap:7px}.menu-toggle span{width:26px;height:2px;background:var(--snow);transition:transform .2s}.mobile-nav{display:none}
/* hero */
.hero{background:radial-gradient(ellipse at 81% 26%,#1c2840 0%,transparent 48%),var(--night);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:clamp(10px,1.8vw,30px);padding:85px 0 56px;min-height:760px}.hero-copy{position:relative;z-index:10}.kicker,.small-index{font-size:13px;font-weight:700;letter-spacing:.13em;line-height:1.3}.kicker{display:flex;align-items:center;gap:13px;color:#c6cfe4;margin-bottom:33px}.kicker-line{width:36px;height:1px;background:var(--purple);display:inline-block;flex:0 0 auto}.kicker-divider{color:#78859e}.hero h1{font-size:clamp(57px,5.55vw,95px);line-height:1.04;max-width:800px;margin-bottom:30px;color:#f4f5f7}.hero h1 em{color:#c1c7ff;font-size:1.04em}.ink-highlight{color:#a5b3f2;position:relative}.ink-highlight::after{content:'';position:absolute;left:4px;right:1px;bottom:-3px;height:7px;border-radius:50%;background:#a5b3f2;transform:rotate(-3deg);opacity:.5}.hero-description{font-size:19px;line-height:1.73;color:#c9d2e1;max-width:615px;margin-bottom:31px}.hero-links{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:17px 22px 17px 25px;border-radius:8px;font-weight:700;font-size:15px;line-height:1.2;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-3px)}.button span,.link-underline span,.inline-arrow span{font-size:20px;font-weight:400}.button-primary{background:var(--purple);color:var(--ink)}.button-primary:hover{background:#d0d2ff}.button-light{background:var(--paper);color:var(--night)}.button-outline{border:1px solid rgba(255,255,255,.42);color:var(--paper);background:none}.link-underline{font-size:15px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.48);padding:14px 0 8px;display:inline-flex;gap:20px;align-items:center}.link-underline:hover{border-color:var(--purple);color:var(--purple-bright)}.hero-specialties{border-top:1px solid var(--line);margin-top:57px;padding-top:25px;display:flex;align-items:flex-start;gap:20px}.hero-specialties>span:first-child{font-size:12px;letter-spacing:.14em;white-space:nowrap;font-weight:700;color:#a5b1c5;margin-top:8px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips>span{font-size:13px;border:1px solid rgba(255,255,255,.18);border-radius:40px;padding:6px 12px;color:#d5dbe8;line-height:1.35}.hero-rail{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:19px 0 28px;font-size:12px;letter-spacing:.12em;font-weight:600;color:#aab6ca}.arrow-down{font-size:22px;margin-left:10px;color:var(--purple);vertical-align:middle}
/* interactive studio scene */
.hero-workspace{min-width:0;position:relative}.workspace-intro,.scene-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.workspace-intro{font-size:12px;font-weight:700;letter-spacing:.12em;color:#c1cce1;margin-bottom:13px}.workspace-live{display:flex;gap:9px;align-items:center}.workspace-live i,.flow-led{height:7px;width:7px;background:#bbc5fa;display:inline-block;border-radius:50%;box-shadow:0 0 14px #9da9e9}.workspace-ref{opacity:.55}.scene-stage{height:545px;position:relative;border:1px solid rgba(207,216,240,.14);border-radius:21px;overflow:hidden;perspective:1100px;background:linear-gradient(145deg,#242e44 0%,#171f2f 46%,#111823 100%);isolation:isolate}.scene-stage::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:40px 40px;opacity:.33;mask-image:linear-gradient(to bottom,transparent,black 33%,black 80%,transparent)}.stage-halo{position:absolute;border-radius:50%;pointer-events:none}.halo-one{width:390px;height:390px;background:#737ec3;filter:blur(120px);opacity:.24;left:17%;top:17%}.halo-two{width:160px;height:160px;background:#9bc9c3;filter:blur(80px);opacity:.18;right:10%;bottom:8%}.scene-floor{position:absolute;width:75%;height:70px;bottom:32px;left:12%;background:#080d17;filter:blur(42px);border-radius:50%;opacity:.65}.scene-object{position:absolute;transform-style:preserve-3d;will-change:transform;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .5s}.browser-object{width:76%;height:365px;left:11%;top:85px;background:#f1efea;color:#1c2430;border:8px solid #4d5a72;box-shadow:28px 35px 70px rgba(0,0,0,.48),0 0 0 1px #8996ad;transform:rotateY(-14deg) rotateX(5deg) rotateZ(-3deg) translateZ(32px);border-radius:15px;overflow:hidden;z-index:3}.browser-top{height:27px;background:#e2e2e2;border-bottom:1px solid #cacdd2;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#576274;font-size:9px;font-weight:650;letter-spacing:.1em}.browser-lights{display:flex;gap:4px}.browser-lights i{display:block;width:6px;height:6px;border-radius:50%;background:#abaeb3}.browser-lights i:first-child{background:#d48d89}.browser-body{height:calc(100% - 27px);background:#ede6db}.shop-head{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#394c55;font-size:8px;font-weight:700;letter-spacing:.12em}.shop-head span:first-child{font-size:12px;color:#2a3036}.shop-display{height:237px;background:linear-gradient(120deg,#ddd8d1,#f5ede0);display:flex;position:relative;overflow:hidden}.shop-copy{padding:26px 0 15px 26px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.shop-copy small{font-size:8px;letter-spacing:.13em;color:#7e756c}.shop-copy strong{font-family:var(--editorial);font-size:43px;font-weight:400;line-height:.95;margin:16px 0 21px}.shop-copy span{font-size:8px;letter-spacing:.1em;font-weight:700;border-bottom:1px solid #37424c;padding-bottom:6px}.shop-object{position:absolute;width:48%;height:100%;right:-1%;top:4%;perspective:250px}.object-circle{position:absolute;width:185px;height:185px;border-radius:50%;background:linear-gradient(40deg,#42565c 16%,#9fbbb6 60%,#d3e4d7);left:8%;top:12%;box-shadow:inset -20px -30px 38px #394a4c55,15px 15px 30px #0002}.object-core{position:absolute;width:75px;height:180px;border-radius:40% 50% 40% 60%;background:linear-gradient(90deg,#293a42,#a3ada9 30%,#25343e 100%);transform:rotate(31deg);left:34%;top:20%;box-shadow:17px 16px 23px #0005}.object-shadow{position:absolute;width:155px;height:24px;bottom:8px;right:18px;background:#1e293388;filter:blur(14px);border-radius:50%}.shop-foot{display:flex;justify-content:space-between;padding:8px 13px;color:#5f625e;font-size:8px;font-weight:700;letter-spacing:.12em}.phone-object{width:165px;height:333px;border-radius:28px;border:8px solid #303b50;background:#141d2d;box-shadow:12px 24px 40px #080b1370,0 0 0 1px #8692a7;right:0;top:176px;z-index:4;transform:rotateY(-18deg) rotateX(8deg) rotateZ(13deg) translateZ(110px);overflow:hidden}.phone-top{height:26px;color:#fff;font-size:8px;display:flex;align-items:center;justify-content:space-between;padding:6px 9px}.phone-island{width:55px;height:13px;background:#030408;border-radius:14px}.phone-inside{height:calc(100% - 26px);padding:11px;background:linear-gradient(160deg,#aab1e9,#8e9bd1 50%,#d5d6e9);color:#1c2540;display:flex;flex-direction:column;position:relative;overflow:hidden}.phone-mark{font-size:8px;font-weight:800;letter-spacing:.1em}.phone-circle{height:114px;width:114px;position:absolute;border-radius:50%;border:21px solid rgba(30,47,88,.35);box-shadow:8px 17px 35px rgba(32,45,73,.35),inset 0 0 0 4px rgba(255,255,255,.18);top:37px;right:-25px;transform:rotate(-20deg)}.phone-inside small{font-size:7px;letter-spacing:.12em;font-weight:700;margin-top:auto}.phone-inside strong{font-size:24px;letter-spacing:-.05em;line-height:1.02;margin:8px 0 17px}.phone-button{font-size:9px;font-weight:700;background:#141c32;color:white;padding:10px 8px;border-radius:5px;display:flex;justify-content:space-between}.flow-object{width:75%;height:280px;background:#f3f5fa;color:#202a3a;border:8px solid #4b5b78;border-radius:17px;box-shadow:20px 25px 60px #040915a1;left:12%;top:128px;z-index:2;opacity:0;transform:translateY(60px) rotateY(-20deg) rotateX(6deg) scale(.8)}.flow-top{padding:16px;display:flex;justify-content:space-between;border-bottom:1px solid #d5d9e1;font-size:10px;font-weight:750;letter-spacing:.08em}.flow-status{color:#5167ab}.flow-map{display:flex;align-items:center;justify-content:space-around;height:170px;padding:15px}.flow-node{background:#fefefe;border:1px solid #c8d0df;border-radius:10px;padding:18px 13px;box-shadow:0 7px 16px #15234315;font-size:11px;display:flex;flex-direction:column;gap:6px;color:#526490}.flow-node b{font-size:13px;color:#16243d}.flow-process{background:#e1e6fd}.flow-done{background:#dcece8}.flow-route{width:32px;height:3px;background:#96a3ce;position:relative;min-width:12px}.flow-route::after{content:'›';font-size:20px;position:absolute;right:-2px;top:-16px}.flow-foot{font-size:11px;display:flex;gap:9px;align-items:center;padding:9px 16px;color:#53627a}.float-note{position:absolute;font-size:9px;font-weight:750;letter-spacing:.12em;z-index:6}.note-one{left:17px;top:22px;color:#dfe6f9}.note-one span{color:#c2caff;margin-right:4px}.note-two{right:21px;bottom:15px;color:#c0cad9}.scene-controls{margin-top:18px}.scene-switch{display:flex;gap:6px}.scene-switch button{background:transparent;border:1px solid rgba(255,255,255,.16);color:#a7b6ca;padding:9px 11px;border-radius:6px;font-size:12px;font-weight:700;transition:all .2s}.scene-switch button:hover,.scene-switch button.is-selected{background:var(--purple);color:#182038;border-color:var(--purple)}.scene-controls>span{font-size:10px;letter-spacing:.09em;font-weight:700;color:#91a0b7}.scene-disclaimer{font-size:12px;color:#8998ac;margin:10px 0 0;line-height:1.5}.scene-stage[data-scene=apps] .browser-object{transform:translateX(-65px) translateY(33px) rotateY(-12deg) rotateX(7deg) rotateZ(-7deg) scale(.72);opacity:.58;filter:blur(1px)}.scene-stage[data-scene=apps] .phone-object{right:25%;top:62px;transform:rotateY(-5deg) rotateX(5deg) rotateZ(3deg) translateZ(160px) scale(1.34)}.scene-stage[data-scene=automation] .browser-object{opacity:.13;transform:translateX(-80px) scale(.7) rotateY(-20deg);filter:blur(3px)}.scene-stage[data-scene=automation] .phone-object{opacity:.12;transform:translateX(110px) rotateZ(19deg) scale(.7);filter:blur(2px)}.scene-stage[data-scene=automation] .flow-object{opacity:1;transform:rotateY(-10deg) rotateX(5deg) rotateZ(-2deg) translateZ(90px)}
/* foundation */
.recognition-band{background:#e7e7e5;color:#495264}.disciplines{display:flex;align-items:center;justify-content:space-between;gap:17px;min-height:82px;font-size:13px;letter-spacing:.1em;font-weight:750}.disciplines span:first-child{color:#8b919d;font-size:11px}.disciplines i{width:5px;height:5px;border-radius:50%;background:#919ab0;flex:0 0 auto}.section{padding:125px 0}.small-index{display:block}.intro-section{background:var(--paper);color:var(--ink)}.intro-grid{display:grid;grid-template-columns:.28fr 1fr;gap:5vw}.intro-side{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;color:#68788b}.intro-stamp{border:1px solid #b4b9c1;width:112px;height:112px;border-radius:100%;display:flex;align-items:center;justify-content:center;font-family:var(--editorial);font-size:59px;font-style:italic;color:#3b4b63;position:relative;letter-spacing:-.09em}.intro-stamp span{font-family:var(--body);font-size:19px;position:absolute;right:14px;top:11px}.intro-statement h2{font-size:clamp(40px,4.55vw,76px);max-width:1040px;margin-bottom:28px}.intro-statement h2 em{color:#657ac1}.intro-statement p{font-size:20px;line-height:1.8;max-width:710px;color:#606b78;margin-bottom:25px}.inline-arrow{display:inline-flex;align-items:center;gap:28px;font-size:16px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:9px}.inline-arrow:hover{color:#5166a8}.section-topline{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-bottom:22px;border-bottom:1px solid var(--paper-line);font-size:12px;font-weight:700;letter-spacing:.1em}.section-header{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:38px 0 47px}.section-header h2{font-size:clamp(45px,5.3vw,85px);max-width:820px;margin:0}.section-header p{font-size:18px;max-width:380px;line-height:1.67;margin:0}.section-header h2 em{color:#6679b8}.expertise-section{background:var(--paper);color:var(--ink);padding-top:95px}.expertise-list{border-top:1px solid var(--paper-line)}.expertise-row{display:grid;grid-template-columns:70px minmax(0,1.4fr) minmax(140px,.85fr) 54px;gap:25px;align-items:center;padding:31px 0;border-bottom:1px solid var(--paper-line);transition:background .22s,padding .22s}.expertise-row:hover{background:rgba(181,190,222,.16);padding-left:14px;padding-right:14px}.expertise-numeral{color:#7b8ba0;font-size:13px;align-self:start;margin-top:10px;font-weight:700}.expertise-main h3{font-size:clamp(26px,2.5vw,40px);font-weight:600;letter-spacing:-.04em;margin:0 0 7px}.expertise-main p{font-size:16px;color:#65717e;line-height:1.52;max-width:680px;margin:0}.expertise-tag{color:#6a7180;font-size:13px;line-height:1.5}.expertise-arrow{width:47px;height:47px;border:1px solid #cbd0d6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px;transition:background .2s,transform .2s}.expertise-row:hover .expertise-arrow{background:#252f4c;color:white;transform:rotate(45deg)}.subdomain-note{font-size:13px;color:#7f8895;margin:25px 0 0}
.work-section{background:#e9edf1;color:var(--ink)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.work-card{display:block;min-width:0}.work-media,.demo-art{min-height:440px;position:relative;background:#bec9d5;overflow:hidden}.work-media img{width:100%;height:440px;object-fit:cover;transition:transform .6s}.work-card:hover .work-media img{transform:scale(1.035)}.work-placeholder{height:100%;min-height:440px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:38px;background:linear-gradient(130deg,#bac7d6,#dfe8e8);color:#233148}.work-placeholder>span{font-size:13px;font-weight:700;letter-spacing:.13em}.work-placeholder strong{font:normal 58px/1.06 var(--editorial);max-width:90%}.work-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0 0}.work-meta span:first-child{font-size:13px;color:#6b7786;font-weight:650}.work-meta h3{font-size:27px;font-weight:650;letter-spacing:-.04em;margin:8px 0 0}.work-arrow{font-size:26px;border:1px solid #b5bfca;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.section-tail{text-align:right;margin-top:55px}.work-disclaimer{font-size:14px;color:#647080;margin-top:20px}.demo-art{display:flex;align-items:center;justify-content:center}.demo-tag{position:absolute;z-index:2;top:22px;left:24px;font-size:11px;color:#f4f5f7;letter-spacing:.11em;font-weight:750}.art-commerce{background:linear-gradient(140deg,#273247,#8d9aae)}.demo-store-ui{background:#e9e3d9;position:relative;width:72%;height:300px;transform:rotate(-7deg) rotateY(-12deg);box-shadow:25px 28px 30px #101a326b;display:flex;flex-direction:column;justify-content:space-between;padding:26px 27px;overflow:hidden;color:#273143}.demo-store-ui>span{font-size:12px;font-weight:750;letter-spacing:.1em}.demo-store-ui strong{font:52px/1 var(--editorial);font-weight:400;z-index:2}.demo-vase{position:absolute;right:17%;bottom:47px;width:95px;height:140px;background:linear-gradient(100deg,#354c63,#9da9b2);border-radius:32% 32% 48% 48%;transform:rotate(-14deg);box-shadow:12px 15px 20px #1b293a4d}.art-app{background:linear-gradient(140deg,#7d94b5,#b7c1db)}.demo-app-ui{height:350px;width:205px;background:linear-gradient(120deg,#1d2c49,#556ba1);border:8px solid #28334c;color:#f4f4fd;transform:rotate(9deg);box-shadow:25px 19px 30px #25334a65;border-radius:30px;padding:30px 16px 20px;display:flex;flex-direction:column;justify-content:space-between}.demo-app-ui small{font-size:11px;letter-spacing:.1em}.demo-app-ui strong{font-size:27px;letter-spacing:-.04em;line-height:1.1}.demo-balance{font:32px var(--editorial);color:#d6ddff}.demo-actions{font-size:10px;border-top:1px solid #ffffff55;padding-top:12px}.process-section{background:var(--night-2);color:#edf0f5}.process-section .section-topline{border-color:var(--line)}.process-section .section-header h2 em{color:var(--purple)}.process-section .section-header p{color:#bcc6d5}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-grid article{padding:32px 26px;background:#202a3b;border:1px solid rgba(255,255,255,.08);min-height:250px}.process-grid article>span{font-size:14px;color:#bcc5fa;font-weight:700}.process-grid article h3{font-size:28px;margin:60px 0 12px;letter-spacing:-.04em}.process-grid article p{font-size:16px;line-height:1.6;color:#b9c4d2;margin:0}.about-section{background:var(--paper-2);color:var(--ink)}.about-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:8vw;align-items:center}.about-id{min-height:480px;background:linear-gradient(140deg,#202d45,#475978);padding:45px;display:flex;flex-direction:column;justify-content:space-between}.about-monogram{display:flex;align-items:center;justify-content:center;position:relative;flex:1;color:#e0e4f9}.about-monogram>span{font-family:var(--editorial);font-size:clamp(110px,14vw,220px);font-style:italic;letter-spacing:-.13em}.about-monogram>i{position:absolute;width:220px;height:220px;border-radius:100%;border:1px solid #aab6e9;transform:rotate(-27deg) scaleX(.75)}.about-monogram>small{position:absolute;font-size:12px;letter-spacing:.16em;bottom:7%;left:0}.about-caption{font-size:12px;letter-spacing:.13em;color:#c4cedd;font-weight:700}.about-info h2{font-size:clamp(43px,4.4vw,72px);margin-bottom:31px}.about-info h2 em{color:#6279b8}.about-info .kicker{color:#62718b}.about-info p:not(.kicker){font-size:19px;color:#66707c;line-height:1.8;max-width:650px;margin-bottom:35px}.about-info .button-outline{color:var(--ink);border-color:#aeb5be}
/* footer */
.site-footer{background:#111826;color:#f4f5fa;padding:105px 0 30px}.footer-cta{display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:end;padding-bottom:105px;border-bottom:1px solid var(--line)}.footer-cta h2{font-size:clamp(55px,6.2vw,96px);margin:0}.footer-cta h2 em{color:#bfc8f8}.footer-cta-side p{color:#bec8d8;font-size:18px;line-height:1.7;margin-bottom:31px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:31px;flex-wrap:wrap}.footer-brand{font-size:23px;font-weight:750;letter-spacing:-.08em}.footer-nav{display:flex;gap:28px;flex-wrap:wrap}.footer-nav a{font-size:14px;color:#bdc9da}.footer-bottom>p{color:#98a5b7;font-size:12px;margin:0}.light-kicker{margin-bottom:26px}
/* supporting WordPress pages */
.inner-hero{padding:95px 0 75px;background:var(--night)}.inner-hero .kicker{margin-bottom:28px}.inner-hero h1{font-size:clamp(55px,7vw,106px);max-width:1000px}.inner-hero h1 em{color:var(--purple)}.inner-hero p{max-width:720px;color:#c5cfde;font-size:20px;line-height:1.7}.inner-body{background:var(--paper);color:var(--ink);padding:80px 0 120px;min-height:40vh}.prose{max-width:830px;font-size:19px;line-height:1.85;color:#4c5a6a}.prose h2,.prose h3{color:var(--ink)}.inner-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.inner-card{padding:36px;background:#eae8e4;border:1px solid #d2d4d6}.inner-card h2,.inner-card h3{font-size:32px;letter-spacing:-.04em}.inner-card p{font-size:17px;color:#607082}.inner-card .inline-arrow{font-size:15px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-intro h2{font-size:48px}.contact-form{background:white;border:1px solid #dee0e2;padding:42px;box-shadow:0 15px 40px #2330480b}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{margin-bottom:22px}.form-field label{display:block;font-size:15px;font-weight:700;margin-bottom:9px}.form-field input,.form-field textarea,.form-field select{display:block;width:100%;border:1px solid #cbd2dc;border-radius:7px;background:#f8f9fb;padding:15px;color:#1c2737;font-size:16px}.form-field textarea{min-height:170px;resize:vertical}.contact-form .button{border:0}.form-message{padding:15px 18px;border:1px solid #b8c4d3;background:#ebeff4;font-size:16px}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.archive-grid .work-card{margin-bottom:40px}.article-page{background:var(--paper);color:var(--ink);padding:70px 0 100px}.article-page .prose{max-width:900px}.feature-image{margin:20px 0 50px}.feature-image img{width:100%;max-height:640px;object-fit:cover}.empty-state{font-size:18px;color:#647486;padding:35px 0}
.reveal{opacity:1;transform:none}.js-enabled .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.js-enabled .reveal.visible{opacity:1;transform:none}
@media(max-width:1300px){.wrap{width:min(1200px,calc(100% - 72px))}.hero-grid{min-height:715px}.hero h1{font-size:clamp(57px,5.3vw,82px)}.scene-stage{height:470px}.browser-object{height:335px;top:67px}.shop-display{height:206px}.phone-object{top:145px}.scene-controls>span{display:none}.section{padding:95px 0}}
@media(max-width:1060px){.desktop-nav{gap:18px}.header-inner{height:78px}.header-cta{padding:10px 14px;gap:10px}.hero-grid{grid-template-columns:1fr;gap:55px;padding-top:70px}.hero h1{max-width:800px;font-size:clamp(66px,7.5vw,105px)}.hero-description{max-width:700px}.hero-specialties{max-width:760px}.hero-workspace{max-width:760px;width:100%;margin:0 auto}.scene-stage{height:540px}.browser-object{top:83px;height:365px}.shop-display{height:237px}.phone-object{top:172px}.disciplines{flex-wrap:wrap;padding:19px 0}.disciplines span:first-child{width:100%}.section-header{align-items:start;flex-direction:column;gap:22px}.expertise-row{grid-template-columns:45px 1fr 54px}.expertise-tag{display:none}.process-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:40px}.about-id{min-height:400px}.about-monogram>i{width:150px;height:150px}.contact-layout{grid-template-columns:1fr}}
@media(max-width:700px){body{font-size:17px}.wrap{width:calc(100% - 36px)}.mast-content{min-height:34px;font-size:10px}.mast-content>span:last-child{display:none}.header-inner{height:74px}.wordmark{font-size:19px;gap:11px}.wordmark-icon i{height:23px;width:8px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex}.mobile-nav{display:none;flex-direction:column;gap:0;background:#182232;border-top:1px solid var(--line);padding:12px 19px 22px}.mobile-nav.open{display:flex}.mobile-nav a{padding:13px 7px;font-weight:650;font-size:19px;border-bottom:1px solid var(--line)}.hero-grid{padding-top:60px;gap:50px;min-height:auto}.hero .kicker{font-size:11px;letter-spacing:.07em;gap:9px;flex-wrap:wrap;margin-bottom:23px}.kicker-line{width:24px}.hero h1{font-size:clamp(49px,10.7vw,77px);margin-bottom:24px;line-height:1.08}.hero-description{font-size:17px;line-height:1.7}.hero-links{gap:16px}.button{padding:15px 17px;gap:24px;font-size:14px}.link-underline{font-size:14px}.hero-specialties{margin-top:35px;display:block}.hero-specialties>span:first-child{display:block;margin:0 0 12px}.chips>span{font-size:12px}.scene-stage{height:365px;border-radius:14px}.browser-object{width:79%;height:240px;left:8%;top:68px;border-width:5px;border-radius:9px}.browser-top{height:18px;padding:0 8px;font-size:6px}.browser-body{height:calc(100% - 18px)}.shop-head{height:36px;padding:0 9px;font-size:6px}.shop-head span:first-child{font-size:8px}.shop-display{height:157px}.shop-copy{padding:12px 0 9px 15px}.shop-copy small{font-size:6px}.shop-copy strong{font-size:31px;margin:10px 0}.shop-copy span{font-size:6px}.shop-foot{font-size:6px;padding:5px 7px}.object-circle{width:110px;height:110px}.object-core{width:45px;height:100px}.phone-object{width:105px;height:205px;right:0;top:132px;border-width:5px;border-radius:19px}.phone-top{height:15px;padding:3px 5px;font-size:5px}.phone-island{width:32px;height:8px}.phone-inside{padding:7px;height:calc(100% - 15px)}.phone-mark{font-size:5px}.phone-circle{width:70px;height:70px;border-width:13px;top:20px;right:-18px}.phone-inside small{font-size:5px}.phone-inside strong{font-size:16px;margin:5px 0}.phone-button{padding:7px 5px;font-size:6px}.scene-stage[data-scene=apps] .browser-object{transform:translateX(-30px) translateY(30px) rotateY(-12deg) scale(.73)}.scene-stage[data-scene=apps] .phone-object{right:24%;top:43px;transform:rotateY(-5deg) rotateZ(3deg) translateZ(110px) scale(1.3)}.flow-object{height:200px;width:82%;left:9%;top:85px;border-width:5px}.flow-map{height:115px;padding:5px}.flow-top{font-size:7px;padding:10px}.flow-node{font-size:8px;padding:10px 5px}.flow-node b{font-size:9px}.flow-route{width:14px;min-width:10px}.flow-foot{font-size:8px}.note-one{top:12px;font-size:7px}.note-two{font-size:7px}.scene-controls{align-items:start}.scene-switch{width:100%}.scene-switch button{flex:1;padding:10px 4px;font-size:11px}.scene-disclaimer{font-size:11px}.hero-rail{margin-top:22px;font-size:10px}.hero-rail span:first-child{max-width:190px}.disciplines{gap:12px;min-height:auto;padding:22px 0}.disciplines span{font-size:11px}.section{padding:75px 0}.intro-grid{grid-template-columns:1fr;gap:30px}.intro-side{flex-direction:row;align-items:center}.intro-stamp{width:64px;height:64px;font-size:35px}.intro-stamp span{font-size:12px;top:2px;right:4px}.intro-statement h2,.section-header h2{font-size:clamp(40px,9vw,62px)}.intro-statement p{font-size:17px}.section-topline>span:last-child{display:none}.section-header{padding:30px 0}.section-header p{font-size:17px}.expertise-row{grid-template-columns:32px minmax(0,1fr) 34px;gap:10px;padding:25px 0}.expertise-main h3{font-size:26px}.expertise-main p{font-size:15px}.expertise-arrow{width:32px;height:32px;font-size:19px}.work-grid{grid-template-columns:1fr;gap:32px}.work-media,.demo-art{min-height:330px}.work-media img{height:330px}.demo-store-ui{height:240px}.demo-store-ui strong{font-size:42px}.demo-app-ui{height:280px;width:175px}.demo-art .demo-tag{font-size:9px}.work-meta h3{font-size:23px}.process-grid{grid-template-columns:1fr 1fr;gap:11px}.process-grid article{padding:20px 17px;min-height:220px}.process-grid article h3{font-size:23px;margin-top:45px}.process-grid article p{font-size:14px}.about-grid{grid-template-columns:1fr}.about-id{min-height:300px;padding:25px}.about-monogram>span{font-size:150px}.about-info h2{font-size:46px}.about-info p:not(.kicker){font-size:17px}.footer-cta{grid-template-columns:1fr;gap:22px;padding-bottom:65px}.footer-cta h2{font-size:clamp(47px,10vw,70px)}.footer-cta-side p{font-size:17px}.footer-bottom{align-items:start;flex-direction:column}.inner-hero{padding:70px 0 45px}.inner-hero h1{font-size:50px}.inner-hero p{font-size:18px}.inner-body{padding:50px 0 70px}.inner-cards,.archive-grid,.form-row{grid-template-columns:1fr}.contact-form{padding:23px}.prose{font-size:17px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.scene-object{will-change:auto}}

/* ---------- Atelier V3: project-first editorial composition ---------- */
body{font-size:19px}
.desktop-nav a,.mobile-nav a{font-size:16px}
.kicker,.small-index,.scene-switch button,.scene-disclaimer,.work-disclaimer{font-size:14px}
.hero-description{font-size:20px;line-height:1.72}
.scene-disclaimer{line-height:1.5}
.work-hero{position:relative;overflow:hidden}
.work-hero:after{content:'';position:absolute;right:-7%;top:0;width:45vw;height:35vw;pointer-events:none;background:radial-gradient(circle,#9faafa1f,transparent 67%)}
.archive-head{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:27px}
.archive-head p{margin:0}.archive-head p:last-child{color:#536375;font-size:16px;max-width:570px;text-align:right}
.approved-head{margin-top:110px}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 27px}
.case-card{min-width:0}
.case-visual{display:block;background:#ccd3e1;border-radius:14px;overflow:hidden;position:relative;aspect-ratio:1200/790}
.case-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.1,1)}
.case-card:hover .case-visual img{transform:scale(1.025)}
.case-card-info{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 0 6px}
.case-card-text{min-width:0;flex:1}
.case-category{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#69768a;font-weight:700}
.case-card h3{font-size:clamp(25px,2.2vw,35px);letter-spacing:-.045em;line-height:1.2;margin:11px 0 12px;color:var(--ink)}
.case-card p{font-size:17px;line-height:1.65;color:#506073;max-width:520px;margin:0 0 12px}
.case-stack{color:#69758a;font-size:15px}
.case-card-link{flex:none;width:54px;height:54px;border:1px solid #bfc7d6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--ink);transition:background .2s}
.case-card-link:hover{background:#e0e4ed}
.approved-empty{border:1px solid #d7dce5;padding:46px 50px;background:#f0f0ee}
.approved-empty span{font-size:14px;letter-spacing:.1em;font-weight:700;color:#6e7792}
.approved-empty p{max-width:650px;font-size:19px;color:#516176;margin:20px 0}
.home-case-grid .case-card h3{font-size:27px}
.home-case-grid .case-card p{font-size:16px}
.home-case-grid .case-card-info{padding-top:22px}
.home-case-grid .case-card-link{width:48px;height:48px}
.expertise-row[id]{scroll-margin-top:135px}
@media(max-width:750px){body{font-size:17px}.case-grid{grid-template-columns:1fr;gap:38px}.archive-head{display:block}.archive-head p:last-child{text-align:left;margin-top:10px}.approved-head{margin-top:85px}.case-card h3{font-size:27px}.case-card-info{padding-top:17px}.approved-empty{padding:30px 24px}.case-card p{font-size:16px}.work-hero:after{display:none}.hero-description{font-size:18px}.site-footer{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.case-visual img{transition:none}}

/* ── V4: Complete, readable case-study and specialist service pages ── */
.crumb-link{display:inline-flex;margin-bottom:35px;font-size:16px;font-weight:700;color:var(--purple-bright);gap:12px;border-bottom:1px solid rgba(191,201,249,.35);padding-bottom:10px}
.crumb-link:hover{color:var(--white)}
.study-hero h1,.practice-hero h1{max-width:1010px;font-size:clamp(52px,6.2vw,92px)}
.study-hero p:not(.kicker),.practice-hero p:not(.kicker){max-width:820px}
.study-page{background:var(--paper);color:var(--ink);padding:80px 0 120px}
.study-hero-art{margin:0 0 90px;overflow:hidden;border-radius:18px;background:#cad2e4}
.study-hero-art img{display:block;width:100%;height:auto;aspect-ratio:1200/710;object-fit:cover}
.study-hero-art figcaption{padding:14px 22px;font-size:14px;color:#596479;background:#edf0f6}
.study-main{display:grid;grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);gap:clamp(55px,8vw,150px);align-items:start}
.study-sidebar{position:sticky;top:145px;border-top:1px solid #cfd4df;padding-top:24px}
.study-sidebar .small-index,.study-story>.small-index,.study-next .small-index{color:#5f6c80}
.study-sidebar dl{margin:30px 0 38px;display:grid;gap:8px}
.study-sidebar dt{font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#6b7787;margin-top:14px}
.study-sidebar dd{font-size:17px;margin:0;color:#29344a;line-height:1.55}
.study-story h2{font-size:clamp(37px,3.8vw,57px);line-height:1.12;letter-spacing:-.05em;margin:18px 0 25px;color:var(--ink)}
.study-story p{font-size:20px;line-height:1.82;max-width:830px;color:#4b596d;margin:0 0 60px}
.study-story .small-index{display:inline-block;margin-top:17px}
.study-focus{display:grid;gap:13px;list-style:none;margin:20px 0 44px;padding:0}
.study-focus li{border-top:1px solid #d2d8e1;padding:18px 2px;font-size:20px;color:#334258;font-weight:600;display:flex;gap:16px;align-items:start}
.study-focus li:before{content:'↗';color:#6977bc;font-size:25px;line-height:1}
.study-note{border-left:4px solid #a5aff5;background:#eaeaf3;padding:25px 27px;font-size:16px;line-height:1.7;color:#566177;margin-bottom:36px}
.study-story .button{background:var(--night);color:white}
.study-next{display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid #cdd2dc;padding-top:65px;margin-top:118px;margin-bottom:36px}
.study-next h2{font-size:clamp(38px,4vw,58px);margin:16px 0 0;color:var(--ink)}
.related-grid{max-width:100%}
.practice-cta{margin-top:38px}
.practice-body{background:var(--paper)}
.practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.practice-card{min-height:240px;background:#ecebf0;border:1px solid #dadddf;padding:28px 28px 35px;border-radius:16px}
.practice-card span{font-weight:800;font-size:13px;color:#6573a7}
.practice-card h3{font-size:clamp(23px,2vw,32px);line-height:1.22;color:var(--ink);margin:27px 0 12px}
.practice-card p{font-size:16px;line-height:1.55;color:#5e6a79}
.practice-process{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:110px 0;border-bottom:1px solid #d5d9e1}
.practice-process h2{font-size:clamp(45px,4vw,68px);line-height:1.1;margin:27px 0 0}
.practice-steps{display:grid;gap:11px}
.practice-steps p{border-top:1px solid #cbd0d8;padding:21px 5px;font-size:18px;line-height:1.6;color:#536071}
.practice-steps b{color:#28374c}
.practice-footer{padding:80px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.practice-footer h2{font-size:clamp(32px,3.1vw,50px);max-width:780px}
@media (max-width:900px){.study-main{grid-template-columns:1fr;gap:44px}.study-sidebar{position:static}.study-sidebar dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:650px){.study-page{padding:40px 0 65px}.study-hero-art{margin-bottom:50px}.study-sidebar dl{grid-template-columns:1fr;gap:5px}.study-story p{font-size:17px;line-height:1.73;margin-bottom:43px}.study-story h2{font-size:36px}.study-focus li{font-size:17px}.study-next{flex-direction:column;align-items:start;margin-top:70px}.practice-grid{grid-template-columns:1fr}.practice-card{min-height:190px}.practice-process{grid-template-columns:1fr;gap:26px;padding:65px 0}.practice-steps p{font-size:17px}.practice-footer{flex-direction:column;align-items:start}.crumb-link{font-size:15px}}
.practice-editorial{padding:85px 0 55px;border-bottom:1px solid #d5d9e1;max-width:900px}
.practice-editorial .prose{font-size:19px;color:#4b596e;line-height:1.75;margin-top:24px}

/* V1 finishing details */
.privacy-helper{font-size:14px;color:#A0AEC7;margin-bottom:24px;line-height:1.65}.privacy-helper a{color:#B6BDF7;text-decoration:underline}.scene-switch button:focus-visible,.button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #B6BDF7;outline-offset:4px}.prose h2{margin-top:36px}.case-visual img{object-fit:cover}.form-message{border-radius:12px;padding:18px;margin-bottom:18px}@media(prefers-reduced-motion:reduce){.scene-object,.reveal,.float-note{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}


/* MACHO / STUDIO V6 — KINETIC IDENTITY. Reference-inspired, original execution. */
body.home{background:#e9e9ed;color:#f6f4f0}
.home .mast-strip{display:none}
.home .header{position:absolute;z-index:90;left:50%;top:42px;width:min(1480px,calc(100% - 58px));transform:translateX(-50%);background:transparent;border:0;box-shadow:none}
.home .header-inner{height:100px;border-bottom:1px solid rgba(246,244,240,.12)}
.home .header .wrap{width:calc(100% - 116px);max-width:none}
.home .header .wordmark{font-size:22px;letter-spacing:-.055em}
.home .header .desktop-nav a{font-size:15px;font-weight:650;color:#f6f4f0}
.home .header .header-cta{border:1px solid #777a93;border-radius:40px;padding:13px 20px;background:transparent;color:#fff}
.home .header .header-cta:hover{background:#b6bdf7;color:#0f1120}
.kinetic-hero{padding:42px 0 42px;background:radial-gradient(circle at 40% 5%,#fcfcfd 0,#e9e9ed 45%,#dddde3 100%);position:relative}
.kinetic-shell{width:min(1480px,calc(100% - 58px));margin:auto;background:#0f1013;border-radius:30px;min-height:735px;box-shadow:0 28px 55px #10122036,0 4px 18px #11121916;position:relative;overflow:hidden;padding:142px 44px 27px;isolation:isolate}
.kinetic-shell:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.65;background:radial-gradient(circle at 85% 0,#40425738,transparent 41%),linear-gradient(140deg,#101116,#0d0e11 68%)}
.kinetic-upper{display:flex;justify-content:space-between;align-items:center;font:700 12px/1.2 'Inter',sans-serif;letter-spacing:.14em;color:#b7b9c6;margin:0 15px 21px}
.kinetic-upper b{color:#b6bdf7}
.kinetic-layout{display:grid;grid-template-columns:1.32fr .86fr;gap:25px;align-items:stretch;min-height:454px}
.kinetic-media{height:462px;position:relative;border-radius:22px 25px 73px 24px;background:#7770e9;overflow:hidden;isolation:isolate;will-change:transform;box-shadow:inset 0 0 80px #5140ac25}
.kinetic-media:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 52% 35%,#c0b4ff54,transparent 57%),linear-gradient(125deg,#7169e1,#7671e4 55%,#6560d8)}
.kinetic-media:after{content:"";position:absolute;right:0;bottom:0;width:95px;height:76px;background:#0f1013;border-radius:37px 0 0 0;box-shadow:-15px -15px 0 -2px #0f101313}
.kinetic-index{position:absolute;z-index:5;top:17px;left:22px;font:500 32px/1.03 'Inter',sans-serif;color:#f6f4f0;letter-spacing:-.11em}
.kinetic-art-label{position:absolute;z-index:5;right:21px;top:19px;font-size:10px;letter-spacing:.15em;text-align:right;color:#e5e1ff;font-weight:700;line-height:1.4}
.kinetic-wordart{position:absolute;left:-9%;width:118%;height:100%;top:3%;object-fit:contain;z-index:3;filter:drop-shadow(8px 25px 17px #211a7b72);animation:kinetic-float 7s ease-in-out infinite alternate;pointer-events:none;will-change:transform}
.kinetic-orbit{position:absolute;z-index:2;border:2px solid #d8d5ff75;border-radius:50%;width:420px;height:210px;top:38%;left:17%;transform:rotate(-32deg);box-shadow:0 0 15px #a7a1ff33}
.kinetic-orbit-b{width:260px;height:360px;left:40%;top:11%;border-color:#4137a55c;transform:rotate(32deg)}
.kinetic-spark{position:absolute;z-index:6;color:#eeeaff;font-size:28px;animation:kinetic-twinkle 5s ease-in-out infinite}
.kinetic-spark-a{left:24%;top:21%}.kinetic-spark-b{right:18%;bottom:20%;animation-delay:1s}
.kinetic-art-note{position:absolute;bottom:18px;left:23px;color:#e6e2ff;letter-spacing:.16em;font:700 10px 'Inter',sans-serif;z-index:5}
.kinetic-copy{padding:5px 2px 0 0;position:relative;min-width:0}
.kinetic-copy-marker{font-size:11px;font-weight:750;letter-spacing:.09em;color:#b6bdf7;margin-bottom:17px}
.kinetic-copy h1{color:#f5f5f7;font-size:clamp(61px,6vw,93px);line-height:.98;letter-spacing:-.082em;font-family:'Inter',sans-serif;font-weight:850;margin:0 0 26px}
.kinetic-copy h1>span{display:block;white-space:nowrap}
.kinetic-copy h1 .kinetic-outline{-webkit-text-stroke:1.7px #f7f6ff;color:transparent;letter-spacing:-.075em}
.kinetic-dot{-webkit-text-stroke:0;color:#b6bdf7}
.kinetic-role{font-size:17px;font-weight:850;letter-spacing:-.025em;color:#f6f4f0;line-height:1.36;max-width:340px;margin:0 0 9px}
.kinetic-blurb{font-size:16px;line-height:1.6;color:#bfc1ce;max-width:425px;margin:0 0 22px}
.kinetic-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#b6bdf7;color:#101322;padding:14px 17px;border-radius:40px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.035em;transition:transform .25s,background .25s}
.kinetic-primary:hover{transform:translateY(-3px);background:#d2d7ff}
.kinetic-secondary{display:inline-flex;align-items:center;gap:10px;color:#f4f3f5;font-size:12px;letter-spacing:.02em;font-weight:750;margin-left:13px;text-decoration:none;border-bottom:1px solid #656879;padding-bottom:4px}
.kinetic-primary:focus-visible,.kinetic-secondary:focus-visible,.kinetic-social a:focus-visible,.kinetic-scroll:focus-visible{outline:3px solid #f6f4f0;outline-offset:4px}
.kinetic-personal{font-size:10px;color:#9fa1b4;letter-spacing:.11em;font-weight:700;margin-top:28px}
.kinetic-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;margin:36px 8px 0;min-height:38px;font-size:11px;letter-spacing:.04em;color:#b7b8c7}
.kinetic-social{display:flex;gap:19px}.kinetic-social a{color:#c2c4d0;text-decoration:none;font-size:12px}.kinetic-social a:hover{color:#fff}
.kinetic-scroll{display:flex;gap:10px;justify-self:center;align-items:center;color:#c2c4d0;text-decoration:none;font-size:12px;letter-spacing:.045em;font-weight:650}.kinetic-scroll>span{border:1px solid #c9cadb;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:19px}
.kinetic-discover{justify-self:end;font-weight:700}
.home .intro-section,.home .expertise-section,.home .work-section,.home .process-section,.home .about-section{position:relative}
.home .intro-section{border-top:1px solid #b7b8cb}
@keyframes kinetic-float{0%{transform:translateY(-9px) rotate(-5deg) scale(.96)}100%{transform:translateY(13px) rotate(5deg) scale(1.06)}}
@keyframes kinetic-twinkle{50%{transform:rotate(35deg) scale(.75);opacity:.43}}
@media (min-width:1600px){.kinetic-hero{padding-top:56px}.home .header{top:56px}}
@media (max-width:1200px){.kinetic-shell{padding:132px 30px 28px;min-height:690px}.home .header .wrap{width:calc(100% - 80px)}.kinetic-layout{grid-template-columns:1.06fr .94fr}.kinetic-copy h1{font-size:clamp(58px,6.6vw,80px)}.kinetic-media{height:428px}.kinetic-secondary{margin-left:0;margin-top:11px}.kinetic-upper{margin-bottom:20px}}
@media (max-width:830px){.home .header{width:calc(100% - 26px);top:13px}.kinetic-hero{padding:13px 0 26px}.kinetic-shell{width:calc(100% - 26px);padding:105px 21px 21px;min-height:0;border-radius:22px}.home .header .wrap{width:calc(100% - 48px)}.home .header-inner{height:82px}.kinetic-upper{margin:0 0 16px;font-size:10px}.kinetic-upper .kinetic-edition{display:none}.kinetic-layout{grid-template-columns:1fr;gap:33px}.kinetic-media{height:min(62vw,430px);min-height:290px}.kinetic-copy{padding:0 7px}.kinetic-copy h1{font-size:clamp(70px,12vw,110px)}.kinetic-copy h1>span{white-space:normal}.kinetic-copy-marker{font-size:11px}.kinetic-bottom{margin:36px 10px 0}.kinetic-discover{display:none}.kinetic-bottom{grid-template-columns:1fr auto}.kinetic-scroll{justify-self:end}.kinetic-secondary{margin-left:14px;margin-top:0}}
@media (max-width:520px){.kinetic-shell{padding:96px 15px 19px}.kinetic-upper{font-size:9px;margin-left:3px}.kinetic-media{height:312px;min-height:312px;border-radius:20px 22px 52px 20px}.kinetic-media:after{width:62px;height:47px;border-radius:22px 0 0}.kinetic-index{font-size:22px;left:15px;top:14px}.kinetic-art-label{font-size:8px;top:15px;right:14px}.kinetic-art-note{font-size:9px;bottom:15px;left:15px}.kinetic-wordart{left:-12%;width:123%}.kinetic-orbit{width:270px;height:125px;top:40%;left:6%}.kinetic-orbit-b{width:160px;height:230px;left:43%;top:12%}.kinetic-spark-a{top:23%;left:20%}.kinetic-copy{padding:0 5px}.kinetic-copy-marker{font-size:9px;line-height:1.4;letter-spacing:.05em}.kinetic-copy h1{font-size:clamp(55px,15vw,75px);margin:0 0 22px}.kinetic-role{font-size:16px}.kinetic-blurb{font-size:16px}.kinetic-primary{font-size:11px;gap:20px}.kinetic-secondary{font-size:11px;margin-top:15px;margin-left:10px}.kinetic-personal{font-size:9px;line-height:1.5}.kinetic-bottom{margin:29px 5px 0;gap:8px}.kinetic-social{display:flex;flex-direction:column;gap:3px}.kinetic-social a{font-size:11px}.kinetic-scroll{font-size:10px;letter-spacing:0}.kinetic-scroll>span{width:28px;height:28px}.home .header .wordmark{font-size:18px}}
@media(prefers-reduced-motion:reduce){.kinetic-wordart,.kinetic-spark{animation:none!important;transform:none!important}.kinetic-media{will-change:auto}}


/* MACHO STUDIO • approved split hero artwork. Other sections deliberately untouched. */
.home .kinetic-hero{padding:0!important;background:#0c1017!important;overflow:hidden;}
.home .kinetic-shell{width:min(1600px,100%);min-height:820px;padding:151px clamp(25px,4.1vw,82px) 24px;border-radius:0;background:radial-gradient(circle at 30% 52%,#142035 0%,#0c1017 46%,#0c1017 100%);box-shadow:none;overflow:hidden;}
.home .kinetic-shell:before{background:linear-gradient(112deg,#141d2c40,#0b1118cc 75%);opacity:.6;}
.home .header{width:min(1600px,100%);top:0;}
.home .header .wrap{width:calc(100% - clamp(48px,8.2vw,164px));}
.home .kinetic-upper{margin:0 0 0;position:relative;z-index:4;}
.home .kinetic-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);gap:clamp(18px,2vw,42px);align-items:center;min-height:590px;}
.home .kinetic-media{background:none!important;box-shadow:none!important;overflow:visible!important;isolation:visible;height:590px;min-height:590px;border-radius:0!important;perspective:1100px;transform-style:preserve-3d;contain:layout;}
.home .kinetic-media:before,.home .kinetic-media:after{display:none!important;}
.macho-portrait-scene{position:absolute;inset:-22px -10% -24px -11%;pointer-events:none;z-index:1;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.2,.7,.2,1);will-change:transform;}
.macho-portrait-art{position:absolute;left:0;bottom:-28px;width:100%;height:104%;object-fit:contain;object-position:bottom left;filter:saturate(.95) contrast(1.035);pointer-events:none;user-select:none;}
.macho-word-layer{position:absolute;inset:0;z-index:2;transform-style:preserve-3d;pointer-events:none;}
.macho-hover-word{position:absolute;left:var(--word-x);top:var(--word-y);font-size:var(--word-size);font-family:Inter,Arial,sans-serif;font-weight:900;letter-spacing:-.07em;line-height:1;transform:translate(-50%,-50%) perspective(900px) rotateY(-15deg) rotateX(7deg) translateZ(10px);border:0;padding:4px;background:transparent;color:#c5d3e6;opacity:.66;cursor:pointer;white-space:nowrap;pointer-events:auto;text-shadow:1px 1px 0 #34465d,2px 2px 0 #263648,4px 5px 2px #0009;transition:transform .3s cubic-bezier(.2,.8,.2,1),color .2s,filter .2s,opacity .25s;}
.macho-hover-word:hover,.macho-hover-word:focus-visible{color:#72e4ff;opacity:1;filter:drop-shadow(0 0 15px #5ad9ff80);transform:translate(-50%,-50%) perspective(900px) rotateY(-7deg) rotateX(0deg) translateZ(50px) scale(1.25);z-index:7;outline:none;}
.macho-hover-word:focus-visible{text-decoration:underline;text-underline-offset:5px;}
.macho-scene-corner{position:absolute;bottom:12px;left:0;font:700 10px Inter,Arial,sans-serif;letter-spacing:.14em;color:#9db1d0;z-index:3;pointer-events:none;}
.home .kinetic-copy{z-index:5;padding:5px 0 5px 0;}
.home .kinetic-copy-marker{color:#97beff;font-size:12px;line-height:1.6;}
.home .kinetic-copy h1{font-size:clamp(65px,6.7vw,105px);line-height:.93;letter-spacing:-.085em;}
.home .kinetic-copy h1 .kinetic-outline{color:transparent;-webkit-text-stroke:2px #eef3fe;}
.home .kinetic-blurb{font-size:17px;line-height:1.62;max-width:500px;}
.home .kinetic-role{max-width:520px;}
.home .kinetic-bottom{margin-top:15px;position:relative;z-index:5;}
@media(min-width:1601px){.home .header{top:0!important;}}
@media(max-width:1100px){.home .kinetic-shell{padding-top:135px;min-height:0}.home .kinetic-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:510px}.home .kinetic-media{height:495px;min-height:495px}.home .kinetic-copy h1{font-size:clamp(58px,7vw,82px)}.home .kinetic-blurb{font-size:16px}.macho-portrait-scene{inset:0 -12% -25px -15%;}}
@media(max-width:830px){.home .kinetic-hero{padding:0 0 15px!important}.home .header{width:100%;top:0!important}.home .header .wrap{width:calc(100% - 48px)}.home .kinetic-shell{width:100%;min-height:0;border-radius:0;padding:112px 25px 34px}.home .kinetic-upper{margin:0 0 10px}.home .kinetic-layout{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-height:0}.home .kinetic-media{width:100%;height:min(89vw,530px);min-height:min(89vw,530px)}.macho-portrait-scene{inset:-3% -5% -6% -5%}.home .kinetic-copy{padding:5px 8px 8px}.home .kinetic-copy h1{font-size:clamp(68px,12vw,104px)}.home .kinetic-bottom{margin-top:25px}.macho-scene-corner{left:2%}}
@media(max-width:520px){.home .kinetic-shell{padding:104px 17px 25px}.home .kinetic-upper{font-size:9px}.home .kinetic-media{height:min(94vw,440px);min-height:min(94vw,440px)}.macho-portrait-scene{inset:-2% -8% -6% -8%}.macho-hover-word{font-size:clamp(9px,3.3vw,var(--word-size));padding:2px;}.macho-scene-corner{font-size:8px}.home .kinetic-copy h1{font-size:clamp(62px,16vw,86px);margin-bottom:21px}.home .kinetic-copy-marker{font-size:10px}.home .kinetic-blurb{font-size:16px}.home .kinetic-primary{font-size:12px}.home .kinetic-bottom{gap:10px}}
@media(prefers-reduced-motion:reduce){.macho-portrait-scene,.macho-hover-word{transition:none!important}.macho-hover-word{filter:none!important}}

/* final visual polish: no extra words obscure the portrait at rest */
.macho-hover-word{opacity:.035;}
.macho-hover-word:hover,.macho-hover-word:focus-visible{opacity:1;}
.macho-portrait-scene{mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%);}
.home .kinetic-upper{z-index:7;text-shadow:0 1px 9px #070a12;}
@media(max-width:830px){.home .kinetic-copy{padding-top:24px;}}

/* Cloudflare Pages: optional project enquiry handoff */
.macho-static-brief{margin-top:1rem;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.macho-static-brief[hidden]{display:none!important}.macho-static-brief textarea{width:100%;min-height:125px;padding:1rem;border:1px solid #d3d6d9;background:#fff;color:#1d2733;border-radius:8px;font:inherit}.macho-static-brief .privacy-helper{width:100%}.contact-intro .prose a{color:inherit;text-underline-offset:.24em}