:root{
  --ink:#0b0c0f;--ink-2:#13151a;--paper:#f3f1eb;--paper-2:#e7e3db;--white:#fff;--line:rgba(11,12,15,.14);
  --lime:#d9ff43;--blue:#6a72ff;--coral:#ff735d;--muted:#72726e;--max:1240px;--radius:30px;--shadow:0 28px 80px rgba(0,0,0,.15)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.055;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='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");mix-blend-mode:multiply}img{max-width:100%;display:block}a{color:inherit}.shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.section{padding:130px 0}.eyebrow{margin:0 0 18px;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#6d6d67}.light-eyebrow{color:var(--lime)}.dark-eyebrow{color:#111}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{letter-spacing:-.05em}h2{font-size:clamp(44px,5.8vw,76px);line-height:.95;margin-bottom:28px}h3{font-size:clamp(30px,3.1vw,46px);line-height:.98;margin-bottom:16px}h4{font-size:clamp(24px,2.3vw,36px);line-height:1.03;margin-bottom:22px}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:150;background:transparent}.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lime),var(--blue),var(--coral));box-shadow:0 0 20px rgba(217,255,67,.4)}

/* cursor */
.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;border-radius:50%;pointer-events:none;z-index:1200;transform:translate(-50%,-50%);opacity:0}.cursor-dot{width:7px;height:7px;background:var(--lime);mix-blend-mode:difference}.cursor-ring{width:34px;height:34px;border:1px solid rgba(255,255,255,.7);mix-blend-mode:difference;transition:width .18s,height .18s,opacity .2s}

/* header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(11,12,15,.54);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.08);transition:.35s transform,.35s background}.site-header.scrolled{background:rgba(11,12,15,.86)}.header-inner{height:84px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;margin-right:auto}.brand-mark{width:34px;height:18px;fill:none;stroke:var(--lime);stroke-width:2;stroke-linecap:round}.brand-mark path:first-child{stroke-dasharray:70;stroke-dashoffset:70;animation:draw 1.7s .2s cubic-bezier(.2,.8,.2,1) forwards}.brand-words{display:flex;gap:6px;align-items:baseline;line-height:1}.brand-words strong{font-size:15px;letter-spacing:.03em}.brand-words em{font-style:normal;font-size:10px;letter-spacing:.14em;color:#b8b8b1}.desktop-nav{display:flex;gap:28px}.desktop-nav a{position:relative;text-decoration:none;color:#d1d1cb;font-size:13px;font-weight:750}.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--lime);transition:.25s right}.desktop-nav a:hover::after{right:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 22px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-weight:850;font-size:13px;border:1px solid transparent;transition:.25s transform,.25s box-shadow,.25s background}.button b{font-size:16px}.button:hover{box-shadow:0 15px 35px rgba(0,0,0,.16)}.button-small{padding:11px 17px;background:#fff;color:#111}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;position:relative}.menu-toggle span{position:absolute;left:10px;right:10px;height:1px;background:#fff}.menu-toggle span:first-child{top:17px}.menu-toggle span:last-child{top:26px}.mobile-menu{display:none}

/* hero */
.hero{position:relative;min-height:100svh;background:var(--ink);color:#fff;padding:165px 0 90px;overflow:hidden}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 92%)}.hero-grid-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,65%) var(--my,38%),rgba(217,255,67,.10),transparent 25%)}.hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(90px);opacity:.18}.hero-glow-a{background:var(--blue);right:-150px;top:80px;animation:drift 9s ease-in-out infinite alternate}.hero-glow-b{background:var(--lime);left:-240px;bottom:-240px;animation:drift 11s 1s ease-in-out infinite alternate-reverse}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);gap:70px;align-items:center}.hero-copy-wrap{padding-top:20px}.hero .eyebrow{color:var(--lime)}.hero-title{font-size:clamp(58px,6.8vw,105px);line-height:.87;margin:0 0 30px;letter-spacing:-.07em}.hero-title span{display:block}.hero-title .accent-line{color:var(--lime)}.hero-title .ghost-line{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.48)}.hero-copy{font-size:19px;color:#c7c8c3;max-width:710px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:36px}.button-accent{background:var(--lime);color:var(--ink)}.text-link{display:inline-flex;gap:9px;align-items:center;text-decoration:none;color:#e2e2dc;font-size:13px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:4px}.micro-proof{display:flex;gap:14px;flex-wrap:wrap;margin-top:54px}.micro-proof span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#9d9e99;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 11px}.hero-showcase{position:relative;height:590px;perspective:1300px}.browser-card{position:absolute;margin:0;border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden;background:#17191e;box-shadow:0 36px 90px rgba(0,0,0,.48);will-change:transform;transform-style:preserve-3d}.browser-main{width:82%;right:1%;top:72px;z-index:3;transform:rotateY(-8deg) rotateZ(1.5deg)}.browser-side{width:46%;z-index:4}.browser-side-a{left:0;top:10px;transform:rotateY(9deg) rotateZ(-4deg)}.browser-side-b{left:8%;bottom:15px;transform:rotateY(9deg) rotateZ(4deg)}.browser-card img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.browser-bar{height:31px;padding:0 11px;display:flex;align-items:center;gap:5px;background:#101217;border-bottom:1px solid rgba(255,255,255,.08)}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#575b66}.browser-bar i:first-child{background:var(--coral)}.browser-bar i:nth-child(2){background:#ffc857}.browser-bar i:nth-child(3){background:var(--lime)}.browser-bar span{margin-left:8px;font-size:8px;color:#80838b;letter-spacing:.04em}.browser-bar.mini span{display:none}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(217,255,67,.17)}.orbit-a{width:390px;height:390px;right:7%;top:95px;animation:spin 18s linear infinite}.orbit-b{width:520px;height:520px;right:-6%;top:18px;border-style:dashed;border-color:rgba(106,114,255,.20);animation:spin 28s linear infinite reverse}.hero-badge{position:absolute;z-index:8;background:rgba(17,19,24,.82);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 13px;font-size:10px;font-weight:900;letter-spacing:.11em}.hero-badge small{font-size:9px;font-weight:600;color:#989b9f;margin-left:7px}.badge-a{right:3%;top:18px}.badge-b{right:22%;bottom:3px}.badge-c{left:0;top:48%}.scroll-cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#777b80;font-size:9px;letter-spacing:.22em}.scroll-cue i{display:block;width:38px;height:1px;background:#565a60;position:relative;overflow:hidden}.scroll-cue i::after{content:"";position:absolute;inset:0;background:var(--lime);transform:translateX(-100%);animation:scan 2s infinite}

/* marquee */
.marquee{overflow:hidden;background:var(--lime);border-top:1px solid #111;border-bottom:1px solid #111}.marquee-track{display:flex;width:max-content;gap:24px;align-items:center;padding:17px 0;animation:marquee 28s linear infinite}.marquee-track span{font-size:12px;font-weight:950;letter-spacing:.12em}.marquee-track b{font-size:13px}

/* stats */
.proof-strip{padding:70px 0 34px;background:#fff}.proof-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.proof-context{max-width:440px;color:#666;font-size:15px}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.stat-card{border:1px solid var(--line);border-radius:22px;padding:28px;background:var(--paper);min-height:164px;display:flex;flex-direction:column;justify-content:flex-end;transition:.3s transform,.3s background}.stat-card:hover{transform:translateY(-6px);background:#fff}.stat-card strong{font-size:clamp(40px,4.7vw,66px);letter-spacing:-.065em;line-height:.9}.stat-card span{margin-top:11px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:#6c6c67}.proof-note{font-size:10px;color:#8c8c85;margin-top:14px}

/* sections */
.section-heading{max-width:920px;margin-bottom:58px}.split-heading{max-width:none;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.split-heading>p{font-size:18px;color:#64645f;max-width:480px}.service-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{min-height:470px;border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:.4s transform,.4s box-shadow}.service-card:hover{transform:translateY(-10px) rotate(-.5deg);box-shadow:var(--shadow)}.service-card::after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;right:-110px;bottom:-110px;border:1px solid currentColor;opacity:.12;transition:.45s transform}.service-card:hover::after{transform:scale(1.45)}.service-dark{background:var(--ink);color:#fff}.service-accent{background:var(--lime);color:var(--ink)}.service-light{background:#fff;border:1px solid var(--line)}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto}.service-number{font-size:11px;font-weight:950;letter-spacing:.12em;opacity:.6}.service-icon{font-size:22px}.service-card h3{margin-top:94px}.service-card p{font-size:15px;max-width:330px;opacity:.72}.service-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.service-tags span{font-size:9px;text-transform:uppercase;letter-spacing:.10em;border:1px solid currentColor;border-radius:999px;padding:7px 9px;opacity:.65}

/* projects */
.projects-section{background:var(--ink);color:#fff}.projects-section .eyebrow{color:var(--lime)}.project-heading h2 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.44)}.project-heading>p:last-child{color:#aaa;max-width:600px}.project-feature{position:relative;display:grid;grid-template-columns:58px minmax(0,.82fr) minmax(0,1.18fr);gap:38px;padding:88px 0;border-top:1px solid rgba(255,255,255,.13)}.project-index{font-size:11px;color:#777b80;font-weight:900;letter-spacing:.14em}.project-copy .tag,.digital-card .tag{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#85888d}.project-copy h3{font-size:clamp(42px,5vw,72px);margin-bottom:12px}.project-copy h4{color:#d4d5d0}.project-copy>p:not(.tag){color:#9fa19e;font-size:16px}.project-link{display:inline-flex;gap:9px;margin-top:12px;color:var(--lime);font-weight:850;font-size:13px;text-decoration:none;border-bottom:1px solid rgba(217,255,67,.4);padding-bottom:4px}.metric-board{display:grid;grid-template-columns:1.2fr 1fr;gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:26px;overflow:hidden}.metric-board>div{min-height:138px;padding:26px;background:#12141a;display:flex;flex-direction:column;justify-content:flex-end}.metric-board .metric-big{grid-row:span 2}.metric-board .metric-highlight{background:var(--lime);color:#111}.metric-board strong{font-size:clamp(30px,3.2vw,50px);letter-spacing:-.06em;line-height:.95}.metric-board span{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#84878c;margin-top:7px}.metric-board .metric-highlight span{color:#34352e}.project-collage{position:relative;min-height:520px}.shot{position:absolute;border:0;padding:0;background:none;cursor:zoom-in;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.35);transition:.4s transform,.4s box-shadow}.shot:hover{z-index:10!important;transform:translateY(-12px) rotate(0deg)!important;box-shadow:0 40px 90px rgba(0,0,0,.52)}.shot img{width:100%;height:100%;object-fit:cover;object-position:top}.shot-a{width:78%;height:355px;right:0;top:24px;z-index:2;transform:rotate(2deg)}.shot-b{width:48%;height:250px;left:0;bottom:4px;z-index:4;transform:rotate(-5deg)}.shot-c{width:43%;height:230px;right:4%;bottom:-4px;z-index:5;transform:rotate(4deg)}.digital-intro{padding-top:90px;border-top:1px solid rgba(255,255,255,.13)}.digital-intro h2{max-width:960px}.digital-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:54px}.digital-card{background:#12141a;border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:26px;overflow:hidden}.digital-card-head{display:flex;justify-content:space-between;gap:20px}.digital-card-head>span{font-size:11px;color:#75777b;font-weight:900}.digital-card p{color:#969995}.digital-preview{display:block;width:100%;position:relative;margin-top:28px;border:0;padding:0;border-radius:18px;overflow:hidden;cursor:zoom-in;background:#000}.digital-preview img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;transition:.5s transform,.5s opacity}.digital-preview span{position:absolute;right:14px;bottom:14px;background:var(--lime);color:#111;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:900;letter-spacing:.06em}.digital-preview:hover img{transform:scale(1.03);opacity:.75}

/* manifesto */
.manifesto-section{background:var(--blue);color:#fff}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.manifesto-title h2 em{font-style:normal;color:var(--lime)}.manifesto-copy .lead{font-size:24px;max-width:560px;line-height:1.2}.manifesto-points{margin-top:48px;border-top:1px solid rgba(255,255,255,.25)}.manifesto-points>div{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.25)}.manifesto-points span{font-size:10px;color:rgba(255,255,255,.58);font-weight:900}.manifesto-points p{margin:0;color:#e9e9ff}

/* method */
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.method-card{position:relative;min-height:300px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;overflow:hidden;transition:.35s transform}.method-card:hover{transform:translateY(-8px)}.method-card>span{font-size:10px;font-weight:950;color:#777}.method-card h3{margin-top:80px;font-size:32px}.method-card p{color:#6d6d67;font-size:14px}.method-card i{position:absolute;width:130px;height:130px;border-radius:50%;right:-72px;bottom:-72px;border:1px solid var(--ink);opacity:.12;transition:.45s transform}.method-card:hover i{transform:scale(1.7)}

/* about */
.about-section{background:#fff}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.portrait-shell{position:relative}.portrait-frame{border-radius:34px;overflow:hidden;background:var(--paper-2);max-width:480px;box-shadow:var(--shadow);transform:rotate(-2deg)}.portrait-frame img{width:100%;aspect-ratio:4/5;object-fit:cover}.portrait-caption{position:absolute;right:2%;bottom:7%;background:var(--lime);padding:14px 18px;border-radius:14px;box-shadow:0 18px 38px rgba(0,0,0,.14);display:flex;flex-direction:column}.portrait-caption span{font-weight:950;font-size:13px}.portrait-caption small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-top:3px}.about-copy h2 span{color:#76766f}.about-copy>p:not(.eyebrow){font-size:18px;color:#62625d;max-width:720px}

/* contact */
.contact-section{padding-top:80px}.contact-wrap{position:relative;background:var(--lime);border-radius:38px;padding:78px;overflow:hidden}.contact-noise{position:absolute;right:-130px;top:-120px;width:480px;height:480px;border:1px solid rgba(0,0,0,.14);border-radius:50%}.contact-noise::before,.contact-noise::after{content:"";position:absolute;border:1px solid rgba(0,0,0,.14);border-radius:50%}.contact-noise::before{inset:70px}.contact-noise::after{inset:140px}.contact-wrap>*{position:relative}.contact-wrap h2{font-size:clamp(48px,6.3vw,86px);max-width:960px}.contact-wrap h2 span{color:transparent;-webkit-text-stroke:1.5px #111}.contact-wrap>p:not(.eyebrow){font-size:18px;max-width:690px}.contact-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:32px}.button-dark{background:var(--ink);color:#fff}.email-link{font-weight:800;font-size:12px;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.35);padding-bottom:3px}.floating-cta{position:fixed;right:22px;bottom:22px;z-index:70;display:flex;align-items:center;gap:12px;padding:13px 17px;background:#fff;color:#111;border:1px solid rgba(0,0,0,.1);border-radius:999px;text-decoration:none;font-size:11px;font-weight:900;box-shadow:0 14px 35px rgba(0,0,0,.14);transition:.3s opacity,.3s transform}.floating-cta b{font-size:16px}

/* footer */
footer{padding:34px 0 42px;background:var(--paper)}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:end;font-size:11px;color:#72726d}.footer-brand{display:flex;flex-direction:column}.footer-brand strong{font-size:14px;color:#111}.footer-brand span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;margin-top:4px}.footer-grid>div:last-child{display:flex;justify-content:flex-end;gap:18px}.footer-grid a{text-decoration:none;color:#111}

/* modals */
.lightbox,.lead-popup{position:fixed;inset:0;z-index:500;background:rgba(5,6,8,.88);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding:28px;opacity:0;visibility:hidden;transition:.28s opacity,.28s visibility}.lightbox.open,.lead-popup.open{opacity:1;visibility:visible}.lightbox img{max-width:min(1200px,94vw);max-height:88vh;border-radius:18px;box-shadow:0 35px 100px rgba(0,0,0,.55)}.modal-close{position:absolute;right:26px;top:24px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.25);color:#fff;font-size:28px;line-height:1;cursor:pointer}.lead-popup-card{position:relative;width:min(620px,100%);background:var(--paper);color:var(--ink);border-radius:30px;padding:48px;box-shadow:0 40px 120px rgba(0,0,0,.55);transform:translateY(18px) scale(.98);transition:.35s transform}.lead-popup.open .lead-popup-card{transform:none}.lead-popup-card .modal-close{right:16px;top:16px;background:#111;border:0}.lead-popup-card h2{font-size:clamp(36px,5vw,58px)}.lead-popup-card>p:not(.eyebrow){color:#65655f}.lead-popup-card small{display:block;margin-top:14px;color:#777;font-size:10px}

/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}

@keyframes draw{to{stroke-dashoffset:0}}@keyframes drift{to{transform:translate3d(70px,50px,0) scale(1.12)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{to{transform:translateX(100%)}}@keyframes marquee{to{transform:translateX(-50%)}}

@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:140px}.hero-showcase{height:500px;max-width:760px}.browser-main{width:68%;right:5%}.browser-side{width:40%}.service-stack{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:1/-1;min-height:360px}.project-feature{grid-template-columns:46px 1fr}.project-feature>div:last-child{grid-column:2}.digital-grid,.manifesto-grid,.about-grid{grid-template-columns:1fr}.manifesto-grid{gap:36px}.method-grid{grid-template-columns:1fr 1fr}.about-grid{gap:60px}.portrait-frame{max-width:420px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{justify-content:flex-start}}
@media(max-width:800px){.shell{width:min(calc(100% - 30px),var(--max))}.desktop-nav,.header-inner>.button{display:none}.menu-toggle{display:block}.site-header.menu-open{background:#0b0c0f}.site-header.menu-open .mobile-menu{display:flex}.mobile-menu{position:absolute;top:84px;left:0;right:0;background:#0b0c0f;padding:24px 20px 32px;flex-direction:column;border-top:1px solid rgba(255,255,255,.1)}.mobile-menu a{color:#fff;text-decoration:none;font-weight:800;font-size:20px;padding:12px 5px}.hero{min-height:auto;padding:135px 0 80px}.hero-title{font-size:clamp(50px,14vw,78px)}.hero-showcase{height:440px;margin-top:20px}.browser-main{width:78%;right:0;top:70px}.browser-side{width:44%}.badge-c{display:none}.proof-head,.split-heading{grid-template-columns:1fr;display:block}.proof-grid{grid-template-columns:1fr 1fr}.service-stack{grid-template-columns:1fr}.service-card,.service-card:last-child{grid-column:auto;min-height:390px}.project-feature{grid-template-columns:1fr;padding:64px 0}.project-feature>div:last-child{grid-column:auto}.project-index{display:none}.project-collage{min-height:440px}.digital-grid,.method-grid{grid-template-columns:1fr}.manifesto-section{padding:100px 0}.contact-wrap{padding:52px 28px}.floating-cta{right:14px;bottom:14px}.footer-grid{grid-template-columns:1fr;align-items:start}.footer-grid>div:last-child{flex-wrap:wrap}.cursor-dot,.cursor-ring{display:none}}
@media(max-width:560px){.section{padding:92px 0}.header-inner{height:74px}.mobile-menu{top:74px}.brand-words em{display:none}.hero{padding-top:118px}.hero-title{font-size:46px}.hero-copy{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.micro-proof{margin-top:38px}.hero-showcase{height:330px}.browser-main{width:86%;top:55px}.browser-side-a{width:46%;top:4px}.browser-side-b{display:none}.hero-badge{font-size:8px}.badge-a{right:0}.badge-b{right:4%;bottom:0}.proof-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:20px;min-height:130px}.service-card{padding:26px}.service-card h3{margin-top:70px}.project-copy h3{font-size:44px}.project-collage{min-height:340px}.shot-a{height:240px}.shot-b{height:165px}.shot-c{height:155px}.digital-card{padding:20px}.contact-wrap{border-radius:26px}.contact-actions{align-items:flex-start;flex-direction:column}.lead-popup-card{padding:38px 24px}.footer-grid>div:nth-child(2){line-height:1.8}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* === V1.3 / reference-inspired art direction === */
.td-intro{position:fixed;inset:0;z-index:3000;background:#08090b;color:#fff;display:grid;place-items:center;overflow:hidden;transition:opacity .55s cubic-bezier(.76,0,.24,1),visibility .55s}.td-intro.is-out{opacity:0;visibility:hidden;pointer-events:none}.td-intro-inner{position:relative;width:min(860px,86vw);text-align:center}.td-intro-top,.td-intro-bottom{font-size:clamp(54px,10vw,150px);font-weight:950;letter-spacing:-.085em;line-height:.72;transform:translateY(34px);opacity:0;animation:introWord .62s cubic-bezier(.16,1,.3,1) forwards}.td-intro-bottom{color:var(--lime);animation-delay:.13s}.td-intro-line{width:min(640px,72vw);height:88px;margin:-8px auto -4px;overflow:visible}.td-intro-line path{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:620;stroke-dashoffset:620;animation:introStroke .72s .18s cubic-bezier(.65,0,.35,1) forwards}.td-intro-caption{display:block;margin-top:24px;font-size:10px;text-transform:uppercase;letter-spacing:.28em;color:#777;opacity:0;animation:introFade .5s .45s forwards}
.tratto-thread{position:absolute;top:100vh;right:1.2vw;width:12vw;height:calc(100% - 100vh);z-index:4;pointer-events:none;opacity:.18;mix-blend-mode:multiply}.tratto-thread svg{width:100%;height:100%}.tratto-thread path{fill:none;stroke:#111;stroke-width:.42;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:2200;stroke-dashoffset:2200}
.hero-watermark{position:absolute;inset:auto auto 3vh -1vw;z-index:0;display:flex;flex-direction:column;line-height:.67;opacity:.05;pointer-events:none}.hero-watermark span{font-size:clamp(120px,22vw,390px);font-weight:950;letter-spacing:-.11em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #fff}.hero-watermark span:last-child{margin-left:12vw}.hero-edge-meta{position:absolute;right:18px;top:48%;z-index:3;display:flex;gap:28px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;font-weight:900;letter-spacing:.2em;color:#6b6d72;text-transform:uppercase}
.hero-title>span{overflow:hidden}.hero-title.is-visible>span{animation:heroLine .92s cubic-bezier(.16,1,.3,1) both}.hero-title.is-visible>span:nth-child(2){animation-delay:.08s}.hero-title.is-visible>span:nth-child(3){animation-delay:.16s}
.brand-statement{position:relative;background:#f3f1eb;padding:140px 0 130px;border-bottom:1px solid var(--line);overflow:hidden}.statement-grid{display:grid;grid-template-columns:220px 1fr;gap:70px;align-items:start}.statement-side{position:sticky;top:120px;border-top:1px solid #111;padding-top:14px}.statement-side .statement-index{font-size:11px;font-weight:950;letter-spacing:.16em}.statement-side p{margin:70px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#777;max-width:140px}.statement-main h2{font-size:clamp(58px,8vw,122px);max-width:1040px;line-height:.84;margin-bottom:40px}.statement-main h2 span{color:transparent;-webkit-text-stroke:1.5px #111}.statement-main>p:last-child{max-width:700px;font-size:19px;color:#5f605b;margin-left:auto}.statement-line{height:84px;position:relative;margin:12px 0 40px}.statement-line i{position:absolute;left:0;right:0;top:50%;height:2px;background:#111;transform-origin:left;transform:scaleX(.08);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.statement-main.is-visible .statement-line i{transform:scaleX(1)}.statement-line::after{content:"";position:absolute;right:0;top:calc(50% - 8px);width:16px;height:16px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 10px rgba(217,255,67,.22)}
.service-card{transition:transform .25s ease,box-shadow .35s ease}.tilt-service{transform-style:preserve-3d;will-change:transform}.tilt-service h3,.tilt-service p,.tilt-service .service-tags,.tilt-service .service-top{transform:translateZ(18px)}
.work-reel{margin:10px 0 110px;padding:34px 0 18px;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);overflow:hidden}.work-reel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.work-reel-top>span{font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#73767b}.work-reel-track{display:flex;gap:16px;overflow-x:auto;padding:0 0 18px;scroll-snap-type:x mandatory;scrollbar-width:none}.work-reel-track::-webkit-scrollbar{display:none}.reel-card{position:relative;flex:0 0 min(650px,72vw);height:390px;border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;padding:0;background:#111;cursor:pointer;scroll-snap-align:start}.reel-card img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .5s}.reel-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),transparent 52%)}.reel-card>span{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;display:flex;justify-content:space-between;align-items:end;color:#fff}.reel-card b{font-size:27px;letter-spacing:-.04em}.reel-card small{text-transform:uppercase;letter-spacing:.14em;color:#c3c5c5;font-size:8px}.reel-card:hover img{transform:scale(1.045);filter:saturate(1.1) contrast(1.03)}
.contact-wrap{isolation:isolate}.contact-giant{position:absolute;left:-2%;bottom:-6%;z-index:-1;font-size:clamp(100px,15vw,240px);font-weight:950;letter-spacing:-.09em;line-height:.7;color:transparent;-webkit-text-stroke:1px rgba(0,0,0,.13);white-space:nowrap;transform:rotate(-2deg)}
.cursor-ring::after{content:attr(data-label);position:absolute;inset:0;display:grid;place-items:center;font-size:8px;font-weight:950;letter-spacing:.08em;color:#000;opacity:0;transition:.2s opacity}.cursor-ring.has-label{width:72px!important;height:72px!important;background:var(--lime);border-color:var(--lime);mix-blend-mode:normal}.cursor-ring.has-label::after{opacity:1}.cursor-dot.hidden{opacity:0!important}
.section-heading h2,.project-heading h2,.manifesto-title h2,.about-copy h2{max-width:1000px}
.projects-section{background:linear-gradient(180deg,#0b0c0f 0%,#0c0d10 72%,#08090b 100%)}
.project-feature{transition:background .4s}.project-feature:hover{background:linear-gradient(90deg,rgba(255,255,255,.018),transparent)}

@keyframes introWord{to{opacity:1;transform:none}}@keyframes introStroke{to{stroke-dashoffset:0}}@keyframes introFade{to{opacity:1}}@keyframes heroLine{from{opacity:0;transform:translateY(115%) rotate(2deg)}to{opacity:1;transform:none}}

@media(max-width:1050px){.statement-grid{grid-template-columns:150px 1fr}.tratto-thread{display:none}.hero-edge-meta{display:none}}
@media(max-width:800px){.brand-statement{padding:100px 0}.statement-grid{grid-template-columns:1fr;gap:34px}.statement-side{position:static;display:flex;justify-content:space-between;align-items:center}.statement-side p{margin:0;max-width:none}.statement-main>p:last-child{font-size:17px}.reel-card{flex-basis:82vw;height:310px}.hero-watermark{opacity:.035}.td-intro-line{height:62px}.work-reel{margin-bottom:80px}}
@media(max-width:560px){.brand-statement{padding:88px 0}.statement-main h2{font-size:50px}.statement-main h2 span{-webkit-text-stroke:1px #111}.statement-side p{font-size:9px}.reel-card{height:245px;border-radius:18px}.reel-card b{font-size:21px}.contact-giant{bottom:3%;font-size:116px}.hero-watermark{bottom:8vh}.td-intro-top,.td-intro-bottom{font-size:60px}}
@media(prefers-reduced-motion:reduce){.td-intro{display:none}.tratto-thread{display:none}.hero-title.is-visible>span{animation:none}}

/* === V1.4 structural refinements === */
body.intro-open{overflow:hidden}
.td-intro{cursor:default}
.td-intro-enter{margin:34px auto 0;border:1px solid rgba(255,255,255,.34);background:#fff;color:#0b0c0f;border-radius:999px;padding:14px 22px;display:inline-flex;align-items:center;gap:14px;font:850 12px/1 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.02em;cursor:pointer;opacity:0;transform:translateY(12px);animation:introEnter .55s .72s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.td-intro-enter b{font-size:16px}.td-intro-enter:hover{background:var(--lime);border-color:var(--lime)}

/* Hero typography: prioritize legibility at oversized display scale */
.hero-title{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:900;letter-spacing:-.055em;line-height:.90;font-feature-settings:"liga" 0,"kern" 1}

/* Real social proof in the hero instead of a non-social dashboard */
.social-proof-card{position:absolute;margin:0;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(145deg,#fff,#f1efe9);color:#111;box-shadow:0 30px 80px rgba(0,0,0,.42);padding:20px;overflow:hidden;will-change:transform;transform-style:preserve-3d}
.social-proof-card::after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-70px;bottom:-90px;background:#ff1d1d;opacity:.09}
.social-proof-head{display:flex;align-items:center;gap:12px;margin-bottom:28px}.social-proof-head img{width:42px;height:42px;object-fit:contain}.social-proof-head span{font-size:9px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#686964}
.social-proof-card>strong{display:block;font-size:50px;line-height:.9;letter-spacing:-.07em}.social-proof-card>p{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.09em;color:#777;margin:8px 0 21px}.social-proof-mini{display:flex;gap:9px;flex-wrap:wrap}.social-proof-mini span{border:1px solid rgba(0,0,0,.12);border-radius:999px;padding:7px 9px;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.social-proof-mini b{font-size:10px}

/* Service-card expanding circles use the card's intentional contrast */
.service-card>*{position:relative;z-index:1}.service-card::after{z-index:0;opacity:1;border:0;width:210px;height:210px;right:-126px;bottom:-126px}.service-dark::after{background:#fff}.service-accent::after{background:#111}.service-light::after{background:var(--lime)}.service-card:hover::after{transform:scale(1.5)}

/* Brand/client proof strip */
.project-logo-strip{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:24px 0 42px;border-bottom:1px solid rgba(255,255,255,.13)}
.project-logo-strip>span{max-width:180px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:#777b80}.project-logo-row{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-end}.project-logo{height:98px;min-width:150px;max-width:210px;border-radius:20px;display:grid;place-items:center;padding:13px 18px;border:1px solid rgba(255,255,255,.12);overflow:hidden}.project-logo img{width:100%;height:100%;object-fit:contain}.logo-usom{background:#fff}.logo-usom img{max-height:82px}.logo-tre{background:#050505}.logo-sports{background:#050505}

/* USOM case study: less dashboard-like, more editorial/data-led */
.usom-visual{position:relative;min-height:470px;display:flex;flex-direction:column;justify-content:center;padding:58px 46px 38px;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);overflow:hidden}
.usom-orbit{position:absolute;width:410px;height:410px;border:1px solid rgba(217,255,67,.24);border-radius:50%;right:-90px;top:28px}.usom-orbit::before,.usom-orbit::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.09)}.usom-orbit::before{inset:55px}.usom-orbit::after{inset:118px}
.usom-project-logo{position:absolute;right:25px;top:26px;width:84px;height:110px;object-fit:contain;background:#fff;border-radius:18px;padding:10px;box-shadow:0 18px 50px rgba(0,0,0,.3)}
.usom-main-metric{position:relative;z-index:1;display:flex;align-items:flex-end;gap:18px}.usom-main-metric strong{font-size:clamp(82px,9vw,150px);line-height:.72;letter-spacing:-.09em;color:var(--lime)}.usom-main-metric span{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#8d9094;padding-bottom:8px}
.usom-mini-metrics{position:relative;z-index:1;margin-top:54px;display:flex;gap:0;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.13)}.usom-mini-metrics span{padding:15px 22px 0 0;margin:0 22px 10px 0;border-right:1px solid rgba(255,255,255,.13);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#85888d}.usom-mini-metrics span:last-child{border-right:0}.usom-mini-metrics b{display:block;color:#fff;font-size:22px;letter-spacing:-.04em;text-transform:none}.usom-mini-metrics .usom-accent b{color:var(--lime)}

/* Screenshots: show the full product, do not aggressively crop UI evidence */
/* V1.5: screenshot framing handled per component; no letterbox backgrounds */

/* Team / founders — two equal cards */
.team-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:88px;align-items:center}
.team-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;perspective:1100px}
.team-card{position:relative;border-radius:30px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.14);border:1px solid rgba(0,0,0,.08);background:#fff;display:flex;flex-direction:column;min-width:0;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}
.team-card:hover{box-shadow:0 38px 88px rgba(0,0,0,.20)}
.team-photo,.founder-placeholder{aspect-ratio:1/1.08;width:100%;overflow:hidden}
.team-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.founder-placeholder{position:relative;display:grid;place-items:center;align-content:center;gap:14px;background:
  radial-gradient(circle at 50% 36%,rgba(217,255,67,.16),transparent 34%),
  linear-gradient(145deg,#15171c,#08090b);color:#fff}
.founder-placeholder::before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.09);border-radius:22px}
.founder-monogram{font-size:clamp(56px,6vw,88px);line-height:.85;font-weight:950;letter-spacing:-.08em;color:var(--lime);position:relative;z-index:2}
.founder-placeholder svg{position:absolute;width:78%;left:11%;bottom:18%;fill:none;stroke:rgba(217,255,67,.42);stroke-width:2;stroke-linecap:round}
.founder-placeholder small{position:relative;z-index:2;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.16em;color:#8c9094}
.team-card-copy{padding:20px 21px 22px;display:flex;flex-direction:column;min-height:116px}
.team-card-copy strong{font-size:18px;letter-spacing:-.035em}
.team-card-copy span{font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.115em;margin-top:4px}
.team-card-copy small{font-size:10px;color:#797973;margin-top:auto;padding-top:14px}
.team-max{background:#0b0c0f;color:#fff;border-color:rgba(255,255,255,.08)}
.team-max .team-card-copy small{color:#93969a}
.about-copy h2 span{color:#76766f}
.about-copy>p:not(.eyebrow){font-size:18px;color:#62625d;max-width:720px}

@keyframes introEnter{to{opacity:1;transform:none}}

@media(max-width:1050px){.team-layout{grid-template-columns:1fr;gap:58px}.team-cards{min-height:600px;max-width:650px}.project-logo-strip{align-items:flex-start}.project-logo-row{justify-content:flex-start}}
@media(max-width:800px){.project-logo-strip{display:block}.project-logo-strip>span{display:block;margin-bottom:18px}.project-logo-row{overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.project-logo{min-width:145px;height:88px}.usom-visual{min-height:410px;padding:46px 26px 28px}.usom-main-metric{display:block}.usom-main-metric strong{font-size:88px}.usom-main-metric span{display:block;margin-top:14px}.usom-project-logo{width:64px;height:84px}.team-cards{min-height:560px}.team-founder{width:72%}.team-partner{width:52%}}
@media(max-width:560px){.td-intro-enter{margin-top:28px}.hero-title{font-size:45px;line-height:.94;letter-spacing:-.045em}.social-proof-card{width:51%!important;padding:14px}.social-proof-head{margin-bottom:13px}.social-proof-head img{width:28px;height:28px}.social-proof-card>strong{font-size:34px}.social-proof-card>p{font-size:7px;margin-bottom:11px}.social-proof-mini{display:block}.social-proof-mini span{display:block;border:0;padding:2px 0}.project-logo{min-width:125px;height:78px;padding:10px}.usom-visual{min-height:360px}.usom-main-metric strong{font-size:72px}.usom-mini-metrics{margin-top:40px}.usom-mini-metrics span{margin-right:12px;padding-right:12px}.usom-mini-metrics b{font-size:18px}.team-cards{min-height:500px}.team-founder{width:78%}.team-partner{width:58%}.partner-placeholder{height:210px}.team-card-copy{padding:14px 15px}.about-copy h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){.td-intro{display:grid!important}.td-intro-top,.td-intro-bottom,.td-intro-line path,.td-intro-caption,.td-intro-enter{animation:none!important;opacity:1!important;transform:none!important}.td-intro-line path{stroke-dashoffset:0!important}}


/* === V1.5 precision pass === */

/* Hero title: oversized but readable; avoid malformed-looking glyphs from over-tight tracking */
.hero-title{
  font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;
  font-weight:900;
  font-size:clamp(56px,6.35vw,98px);
  line-height:.93;
  letter-spacing:-.038em;
  font-kerning:normal;
  text-rendering:geometricPrecision;
}
.hero-title span{padding-bottom:.025em}
.hero-title .hero-line-main{letter-spacing:-.034em}
.hero-title .ghost-line{-webkit-text-stroke:1.25px rgba(255,255,255,.55)}

/* Hero cards: reliable interactive motion via CSS variables */
.tilt-card{--rx:0deg;--ry:0deg;--lift:0px;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s;will-change:transform}
.browser-main{transform:rotateY(-8deg) rotateZ(1.5deg) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry))}
.browser-side-a{transform:rotateY(9deg) rotateZ(-4deg) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry))}
.browser-side-b{transform:rotateY(9deg) rotateZ(4deg) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry))}
.social-proof-card.browser-side-a{transform:rotateY(9deg) rotateZ(-4deg) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry))}
.tilt-card:hover{box-shadow:0 42px 95px rgba(0,0,0,.56)}
.browser-card img{width:100%;height:auto;aspect-ratio:auto;object-fit:cover;object-position:top;background:transparent}

/* Hero badges anchored visually to the correct proof */
.hero-badge{white-space:nowrap}
.badge-web{right:0;top:26px}
.badge-social{left:0;top:42%}
.badge-digital{left:2%;bottom:6px}
@media(max-width:1050px){
  .badge-web{right:6%;top:12px}.badge-social{left:0;top:40%}.badge-digital{left:2%;bottom:8px}
}

/* Counter cards show a small visual pulse while counting */
.counter.is-counting{color:var(--ink);text-shadow:0 0 0 rgba(217,255,67,0)}
.stat-card:has(.counter.is-counting){box-shadow:inset 0 0 0 2px rgba(217,255,67,.72);background:#fff}

/* Context cursor: correct contrast for each service card */
.cursor-ring.has-label.cursor-on-dark{background:#fff;border-color:#fff;mix-blend-mode:normal}
.cursor-ring.has-label.cursor-on-dark::after{color:#0b0c0f}
.cursor-ring.has-label.cursor-on-lime{background:#0b0c0f;border-color:#0b0c0f;mix-blend-mode:normal}
.cursor-ring.has-label.cursor-on-lime::after{color:#fff}
.cursor-ring.has-label.cursor-on-light{background:var(--lime);border-color:var(--lime);mix-blend-mode:normal}
.cursor-ring.has-label.cursor-on-light::after{color:#0b0c0f}

/* Logos: transparent PNGs, no tiles or visible background boxes */
.project-logo-row{gap:34px;justify-content:flex-end}
.project-logo{height:94px;min-width:130px;max-width:190px;border:0;border-radius:0;padding:0;background:transparent!important;overflow:visible;position:relative}
.project-logo:not(:last-child)::after{content:"";position:absolute;right:-17px;top:20%;height:60%;width:1px;background:rgba(255,255,255,.12)}
.project-logo img{width:100%;height:100%;object-fit:contain;background:transparent;filter:drop-shadow(0 9px 22px rgba(0,0,0,.18))}
.logo-usom img{max-height:90px}
.logo-tre img{max-height:92px}
.logo-sports img{max-height:70px}

/* Screenshot precision: match containers to screenshot ratios, no white letterboxing */
.project-collage{min-height:445px}
.shot{height:auto;background:#111}
.shot img{width:100%;height:100%;object-fit:cover;object-position:top;background:transparent}
.shot-a{width:78%;aspect-ratio:1500/722;right:0;top:24px}
.shot-b{width:48%;aspect-ratio:1143/869;left:0;bottom:2px}
.shot-c{width:43%;aspect-ratio:1023/560;right:4%;bottom:0}
.work-reel-track{align-items:stretch}
.reel-card{height:auto;aspect-ratio:16/9;background:#111}
.reel-card img{width:100%;height:100%;object-fit:cover;object-position:top;background:transparent;padding:0}
.digital-preview{background:#111}
.digital-preview img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;background:transparent}

/* Founder cards are symmetrical and animated, even while Max's photo is pending */
.team-tilt{transform-style:preserve-3d;will-change:transform}
.team-tilt .team-photo,.team-tilt .founder-placeholder,.team-tilt .team-card-copy{transform:translateZ(14px)}

@media(max-width:1050px){
  .team-layout{grid-template-columns:1fr;gap:58px}
  .team-cards{max-width:760px}
}
@media(max-width:800px){
  .team-cards{grid-template-columns:1fr 1fr;gap:12px}
  .project-logo-row{gap:24px}
  .project-logo{min-width:120px;height:84px}
  .project-collage{min-height:390px}
}
@media(max-width:560px){
  .hero-title{font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;font-size:44px;line-height:.96;letter-spacing:-.025em}
  .badge-web{right:0;top:6px}.badge-social{left:0;top:45%}.badge-digital{display:none}
  .team-cards{grid-template-columns:1fr;max-width:360px;margin-inline:auto}
  .team-card{width:100%}
  .team-photo,.founder-placeholder{aspect-ratio:1/1.02}
  .project-logo-row{gap:20px}
  .project-logo{min-width:108px;height:74px}
  .project-collage{min-height:330px}
  .shot-a{width:82%}.shot-b{width:50%}.shot-c{width:45%}
}

/* V1.5 cleanup of legacy V1.4 responsive founder sizing */
@media(max-width:1050px){
  .team-cards{min-height:auto!important}
  .team-founder,.team-max{width:100%!important}
}
@media(max-width:800px){
  .team-cards{min-height:auto!important}
  .team-founder,.team-max{width:100%!important}
}
@media(max-width:560px){
  .team-cards{min-height:auto!important}
  .team-founder,.team-max{width:100%!important}
}

/* === V1.6 publish-ready precision layer === */
.hero-title{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:900;
  font-size:clamp(56px,6.15vw,96px);
  line-height:.94;
  letter-spacing:-.032em;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
}
.hero-line-main{display:block!important}
.hero-line-main>span{display:block}
.hero-digital-word{letter-spacing:-.018em}
.hero-title .accent-line{margin-top:.015em}
.hero-title .ghost-line{margin-top:.015em;-webkit-text-stroke:1.2px rgba(255,255,255,.56)}

/* Keep screenshots exact: no artificial crop and no visible white letterboxing from layout */
.browser-card img{width:100%;height:auto!important;object-fit:contain!important;object-position:top!important;background:#0b0c0f}
.browser-side-b{background:#0b0c0f}
.project-collage .shot img{object-fit:contain!important;background:#0b0c0f}
.reel-card img{object-fit:contain!important;background:#0b0c0f}
.digital-preview img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;background:#0b0c0f}
.digital-preview{background:#0b0c0f}

/* Sports Club dashboard is a panoramic UI after precision crop */
.browser-side-b{width:50%}
.browser-side-b img{aspect-ratio:auto!important}

/* Logos: transparent PNG only, optically aligned with no tile */
.project-logo-row{align-items:center}
.project-logo{display:flex!important;align-items:center;justify-content:center;background:transparent!important}
.project-logo img{object-fit:contain!important;filter:drop-shadow(0 8px 20px rgba(0,0,0,.18))}
.logo-usom img{max-height:94px;width:auto}
.logo-tre img{max-height:92px;width:auto}
.logo-sports img{max-height:70px;width:auto}
.usom-project-logo{background:transparent!important;padding:0!important;border-radius:0!important;box-shadow:none!important}

/* Founder cards stay truly symmetrical */
.team-cards{grid-auto-rows:1fr}
.team-card{height:100%}
.team-photo,.founder-placeholder{aspect-ratio:1/1.05}
.team-card-copy{min-height:128px}

/* Cursor contrast requested: white on black, black on lime, lime on white */
.cursor-ring.has-label.cursor-on-dark{background:#fff!important;border-color:#fff!important}
.cursor-ring.has-label.cursor-on-dark::after{color:#0b0c0f!important}
.cursor-ring.has-label.cursor-on-lime{background:#0b0c0f!important;border-color:#0b0c0f!important}
.cursor-ring.has-label.cursor-on-lime::after{color:var(--lime)!important}
.cursor-ring.has-label.cursor-on-light{background:var(--lime)!important;border-color:var(--lime)!important}
.cursor-ring.has-label.cursor-on-light::after{color:#0b0c0f!important}

/* Keep selected interface cards clean while preserving full screenshots */
.reel-card{background:#0b0c0f}
.reel-card::after{background:linear-gradient(to top,rgba(0,0,0,.78),transparent 42%)}

@media(max-width:560px){
  .hero-title{font-family:Arial,Helvetica,sans-serif;font-size:44px;line-height:.98;letter-spacing:-.018em}
  .hero-line-main>span{display:block}
  .team-card-copy{min-height:116px}
}


/* === V1.6.2 hero refinement === */
.hero-showcase{
  position:relative;
  height:620px;
  perspective:1600px;
  isolation:isolate;
}
.hero-showcase::before{
  content:"";
  position:absolute;
  inset:8% 2% 8% 8%;
  background:radial-gradient(circle at 62% 42%,rgba(255,255,255,.065),transparent 0 34%),
             radial-gradient(circle at 20% 18%,rgba(217,255,67,.11),transparent 0 20%),
             linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,0));
  border-radius:36px;
  border:1px solid rgba(255,255,255,.055);
  opacity:.88;
  pointer-events:none;
}
.hero-surface{transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .38s cubic-bezier(.16,1,.3,1),filter .32s ease,opacity .32s ease,border-color .32s ease}
.hero-surface::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.04));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}
.browser-card{background:#0f1116;border-color:rgba(255,255,255,.10)}
.browser-card img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:cover;object-position:top;background:transparent}
.browser-main{width:80%;right:2%;top:86px;z-index:3;transform:rotateY(-7deg) rotateZ(1.25deg) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry));box-shadow:0 34px 90px rgba(0,0,0,.54)}
.browser-side{width:44%;z-index:4}
.browser-side-a{left:1%;top:14px;transform:rotateY(8deg) rotateZ(-5deg) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry));background:linear-gradient(145deg,#fff,#f2efe7);border-color:rgba(255,255,255,.22);box-shadow:0 34px 84px rgba(0,0,0,.48)}
.browser-side-b{left:7%;bottom:18px;width:50%;transform:rotateY(8deg) rotateZ(3.75deg) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry));background:#0d0f13;box-shadow:0 28px 78px rgba(0,0,0,.48)}
.surface-web{animation:heroFloatWeb 9.4s ease-in-out infinite}
.surface-social{animation:heroFloatSocial 8.2s ease-in-out infinite .2s}
.surface-digital{animation:heroFloatDigital 10s ease-in-out infinite .5s}
.hero-showcase[data-focus="web"] .surface-social,
.hero-showcase[data-focus="web"] .surface-digital,
.hero-showcase[data-focus="social"] .surface-web,
.hero-showcase[data-focus="social"] .surface-digital,
.hero-showcase[data-focus="digital"] .surface-web,
.hero-showcase[data-focus="digital"] .surface-social{opacity:.58;filter:saturate(.78) brightness(.85)}
.hero-showcase[data-focus="web"] .surface-web,
.hero-showcase[data-focus="social"] .surface-social,
.hero-showcase[data-focus="digital"] .surface-digital{opacity:1;filter:none;border-color:rgba(217,255,67,.42);box-shadow:0 44px 110px rgba(0,0,0,.62),0 0 0 1px rgba(217,255,67,.10)}
.surface-caption,.surface-meta{position:absolute;left:18px;bottom:16px;z-index:5;display:flex;flex-direction:column;gap:3px;padding:11px 13px;border-radius:16px;background:rgba(8,9,12,.70);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.09)}
.surface-caption span,.surface-meta small{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:#9ba0a8}
.surface-caption strong,.surface-meta span{font-size:13px;font-weight:800;letter-spacing:-.03em;color:#fff}
.surface-caption-compact{left:auto;right:14px;bottom:14px}
.social-proof-card{padding:22px 22px 18px}
.social-proof-card>strong{font-size:56px;letter-spacing:-.075em}
.social-proof-card>p{margin:8px 0 18px}
.social-proof-mini{gap:10px}
.social-proof-mini span{padding:8px 10px;font-size:8px;background:rgba(255,255,255,.58)}
.social-proof-mini b{font-size:11px}
.surface-meta{left:20px;right:20px;bottom:18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:rgba(255,255,255,.72);backdrop-filter:blur(10px);border-color:rgba(0,0,0,.08)}
.surface-meta span{color:#111}
.surface-meta small{color:#62645f}
.browser-bar{height:34px;padding:0 13px;background:#0b0d11;border-bottom:1px solid rgba(255,255,255,.07)}
.browser-bar span{font-size:8px;color:#8f9398;letter-spacing:.08em}
.orbit{opacity:.7}
.orbit-a{width:400px;height:400px;right:6%;top:100px;border-color:rgba(217,255,67,.16);animation:spin 24s linear infinite}
.orbit-b{width:540px;height:540px;right:-8%;top:8px;border-style:dashed;border-color:rgba(106,114,255,.18);animation:spin 34s linear infinite reverse}
.orbit-c{position:absolute;width:280px;height:280px;left:10%;bottom:40px;border-radius:50%;border:1px solid rgba(255,255,255,.08);animation:spin 28s linear infinite}
.hero-badge{appearance:none;background:rgba(13,15,19,.82);color:#fff;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:11px 14px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease,color .28s ease;white-space:nowrap}
.hero-badge small{font-size:9px;font-weight:650;color:#a3a7ae;margin-left:0}
.hero-badge:hover,.hero-badge:focus-visible{transform:translateY(-2px);border-color:rgba(217,255,67,.42);box-shadow:0 10px 26px rgba(0,0,0,.26);outline:none}
.badge-web{right:0;top:34px}
.badge-social{left:3px;top:45%}
.badge-digital{left:4%;bottom:2px}
.hero-showcase[data-focus="web"] .badge-web,
.hero-showcase[data-focus="social"] .badge-social,
.hero-showcase[data-focus="digital"] .badge-digital{background:rgba(217,255,67,.98);color:#0b0c0f;border-color:var(--lime)}
.hero-showcase[data-focus="web"] .badge-web small,
.hero-showcase[data-focus="social"] .badge-social small,
.hero-showcase[data-focus="digital"] .badge-digital small{color:rgba(11,12,15,.72)}
.hero-showcase[data-focus="web"] .orbit-a,
.hero-showcase[data-focus="social"] .orbit-c,
.hero-showcase[data-focus="digital"] .orbit-b{border-color:rgba(217,255,67,.34)}
@keyframes heroFloatWeb{0%,100%{transform:rotateY(-7deg) rotateZ(1.25deg) translate3d(0,0,0)}50%{transform:rotateY(-7deg) rotateZ(1.25deg) translate3d(0,-10px,0)}}
@keyframes heroFloatSocial{0%,100%{transform:rotateY(8deg) rotateZ(-5deg) translate3d(0,0,0)}50%{transform:rotateY(8deg) rotateZ(-5deg) translate3d(0,-12px,0)}}
@keyframes heroFloatDigital{0%,100%{transform:rotateY(8deg) rotateZ(3.75deg) translate3d(0,0,0)}50%{transform:rotateY(8deg) rotateZ(3.75deg) translate3d(0,-8px,0)}}
@media(max-width:1050px){
  .hero-showcase{height:560px;max-width:760px}
  .browser-main{width:72%;right:4%;top:82px}
  .browser-side-a{width:42%;left:0}
  .browser-side-b{width:47%;left:7%;bottom:18px}
  .badge-web{right:6%;top:22px}.badge-social{left:0;top:43%}.badge-digital{left:3%;bottom:5px}
}
@media(max-width:800px){
  .hero-showcase{height:470px;margin-top:24px}
  .hero-showcase::before{inset:6% 0 6% 4%}
  .browser-main{width:80%;right:0;top:74px}
  .browser-side-a{width:46%;top:8px}
  .browser-side-b{width:50%;left:4%;bottom:14px}
  .surface-caption,.surface-meta{padding:10px 12px}
  .badge-social{top:40%}
}
@media(max-width:560px){
  .hero-showcase{height:360px}
  .hero-showcase::before{display:none}
  .browser-main{width:86%;top:62px}
  .browser-side-a{width:50%;top:6px}
  .browser-side-b{display:block;width:54%;left:3%;bottom:12px}
  .social-proof-card{padding:14px}
  .social-proof-card>strong{font-size:35px}
  .social-proof-head{margin-bottom:14px}
  .social-proof-mini{display:block}
  .social-proof-mini span{display:block;margin-bottom:4px}
  .surface-caption,.surface-meta{left:10px;right:10px;bottom:10px;padding:8px 9px;border-radius:12px}
  .surface-caption strong,.surface-meta span{font-size:10px}
  .surface-caption span,.surface-meta small{font-size:7px}
  .hero-badge{font-size:8px;padding:9px 10px}
  .hero-badge small{font-size:7px}
  .badge-web{right:1%;top:22px}
  .badge-social{left:0;top:45%}
  .badge-digital{left:3%;bottom:0}
}
@media(prefers-reduced-motion:reduce){
  .surface-web,.surface-social,.surface-digital,.orbit-a,.orbit-b,.orbit-c{animation:none!important}
}


/* === V1.6.3 hero equal-card + legibility pass === */
/* Make the descender in “digitale” breathe: no glyph collision with the lime line below. */
.hero-title{
  line-height:.97!important;
  letter-spacing:-.030em!important;
  overflow:visible!important;
}
.hero-line-main{
  overflow:visible!important;
  margin-bottom:.075em!important;
}
.hero-line-main>span{
  overflow:visible!important;
}
.hero-digital-word{
  line-height:1.08!important;
  padding-bottom:.075em!important;
  margin-bottom:-.045em!important;
  letter-spacing:-.014em!important;
  overflow:visible!important;
}
.hero-title .accent-line{margin-top:0!important}

/* Three proofs now share exactly the same outer geometry. */
.hero-showcase{
  height:660px!important;
  perspective:1500px!important;
}
.hero-surface{
  width:72%!important;
  height:228px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  animation:none!important;
  transform-style:preserve-3d!important;
  --rx:0deg;
  --ry:0deg;
  --lift:0px;
  --scale:1;
  transition:transform .22s cubic-bezier(.16,1,.3,1),
             box-shadow .28s cubic-bezier(.16,1,.3,1),
             filter .28s ease,
             opacity .28s ease,
             border-color .28s ease!important;
}
.hero-surface:hover{
  --scale:1.035;
  box-shadow:0 46px 110px rgba(0,0,0,.62)!important;
  border-color:rgba(217,255,67,.42)!important;
}
.surface-social{
  left:0!important;
  top:34px!important;
  z-index:5!important;
  transform:rotateZ(-3.1deg) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--scale))!important;
}
.surface-web{
  right:0!important;
  top:186px!important;
  z-index:4!important;
  transform:rotateZ(1.35deg) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--scale))!important;
}
.surface-digital{
  left:6%!important;
  bottom:4px!important;
  z-index:5!important;
  transform:rotateZ(2.6deg) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--scale))!important;
}

/* Web + digital: same frame, same content area, full screenshots, no letterbox white. */
.surface-web .browser-bar,
.surface-digital .browser-bar{height:34px!important;flex:0 0 34px!important}
.surface-web img,
.surface-digital img{
  width:100%!important;
  height:194px!important;
  object-fit:contain!important;
  object-position:center top!important;
  background:#0b0c0f!important;
}

/* Social card uses the same 72% × 228px canvas. */
.surface-social{
  padding:20px 22px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  background:linear-gradient(145deg,#fff 0%,#f4f0e7 100%)!important;
}
.surface-social .social-proof-head{margin-bottom:12px!important}
.surface-social .social-proof-head img{width:34px!important;height:34px!important}
.surface-social>strong{font-size:50px!important;line-height:.88!important;margin-top:2px!important}
.surface-social>p{font-size:9px!important;margin:7px 0 12px!important}
.surface-social .social-proof-mini{gap:8px!important}
.surface-social .social-proof-mini span{padding:6px 8px!important;font-size:7px!important}
.surface-social .surface-meta{
  left:18px!important;
  right:18px!important;
  bottom:14px!important;
  padding:9px 11px!important;
}

/* Captions are compact and don't obscure the screenshots. */
.surface-web .surface-caption,
.surface-digital .surface-caption{
  left:14px!important;
  bottom:12px!important;
  padding:8px 10px!important;
  border-radius:13px!important;
  max-width:58%!important;
}
.surface-digital .surface-caption{left:auto!important;right:14px!important}
.surface-caption span{font-size:7px!important}
.surface-caption strong{font-size:10px!important}

/* Labels sit beside their own proof, never on top of another. */
.badge-social{left:0!important;top:0!important}
.badge-web{right:0!important;top:150px!important}
.badge-digital{left:6%!important;bottom:-28px!important}

/* Focus state: hovered card rises, siblings quietly recede. */
.hero-showcase[data-focus="web"] .surface-social,
.hero-showcase[data-focus="web"] .surface-digital,
.hero-showcase[data-focus="social"] .surface-web,
.hero-showcase[data-focus="social"] .surface-digital,
.hero-showcase[data-focus="digital"] .surface-web,
.hero-showcase[data-focus="digital"] .surface-social{
  opacity:.54!important;
  filter:saturate(.72) brightness(.76)!important;
}
.hero-showcase[data-focus="web"] .surface-web,
.hero-showcase[data-focus="social"] .surface-social,
.hero-showcase[data-focus="digital"] .surface-digital{
  opacity:1!important;
  filter:none!important;
  --scale:1.045;
}

/* Orbits stay subtle and don't compete with the equal-card system. */
.orbit-a{width:390px!important;height:390px!important;right:4%!important;top:125px!important;opacity:.58!important}
.orbit-b{width:535px!important;height:535px!important;right:-8%!important;top:45px!important;opacity:.45!important}
.orbit-c{width:290px!important;height:290px!important;left:10%!important;bottom:24px!important;opacity:.50!important}

@media(max-width:1050px){
  .hero-showcase{height:620px!important;max-width:760px!important}
  .hero-surface{width:64%!important;height:218px!important}
  .surface-web img,.surface-digital img{height:184px!important}
  .surface-social{left:0!important;top:30px!important}
  .surface-web{right:2%!important;top:175px!important}
  .surface-digital{left:7%!important;bottom:8px!important}
  .badge-web{right:2%!important;top:142px!important}
  .badge-social{top:0!important}
  .badge-digital{left:7%!important;bottom:-25px!important}
}
@media(max-width:800px){
  .hero-title{line-height:.99!important}
  .hero-line-main{margin-bottom:.09em!important}
  .hero-showcase{height:560px!important}
  .hero-surface{width:70%!important;height:195px!important}
  .surface-web img,.surface-digital img{height:161px!important}
  .surface-social{top:26px!important}
  .surface-web{top:154px!important}
  .surface-digital{bottom:14px!important}
  .surface-social>strong{font-size:42px!important}
  .surface-social .surface-meta{display:none!important}
  .badge-web{top:122px!important}
}
@media(max-width:560px){
  .hero-title{font-size:44px!important;line-height:1.01!important;letter-spacing:-.016em!important}
  .hero-line-main{margin-bottom:.11em!important}
  .hero-digital-word{line-height:1.10!important;padding-bottom:.09em!important;margin-bottom:-.03em!important}
  .hero-showcase{height:500px!important;margin-top:22px!important}
  .hero-surface{width:78%!important;height:168px!important;border-radius:18px!important}
  .surface-web img,.surface-digital img{height:134px!important}
  .surface-social{left:0!important;top:30px!important;padding:12px 14px!important}
  .surface-web{right:0!important;top:146px!important}
  .surface-digital{left:5%!important;bottom:26px!important}
  .surface-social .social-proof-head{margin-bottom:8px!important}
  .surface-social .social-proof-head img{width:25px!important;height:25px!important}
  .surface-social>strong{font-size:31px!important}
  .surface-social>p{font-size:6px!important;margin:4px 0 7px!important}
  .surface-social .social-proof-mini span{font-size:6px!important;padding:3px 5px!important}
  .surface-social .social-proof-mini b{font-size:8px!important}
  .surface-caption{display:none!important}
  .hero-badge{font-size:7px!important;padding:7px 9px!important}
  .hero-badge small{font-size:6px!important}
  .badge-social{top:0!important}
  .badge-web{right:0!important;top:118px!important}
  .badge-digital{left:5%!important;bottom:-4px!important}
}


/* === V1.6.4 contact fixes === */
.contact-wrap h2 span.contact-emphasis{color:#0b0c0f!important;-webkit-text-stroke:0!important;text-stroke:0!important;display:inline-block;letter-spacing:-.045em}
.contact-giant{display:none!important}
.contact-wrap h2{letter-spacing:-.045em;line-height:.96}
.contact-actions .email-compose{cursor:pointer}