:root{--cream:#f4efe5;--paper:#ebe4d7;--ink:#181816;--muted:#77736c;--orange:#ef513b;--line:rgba(24,24,22,.2);--font:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.035;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;left:0;top:0;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(239,81,59,.09),transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:0;opacity:0;transition:opacity .3s}body:hover .cursor-glow{opacity:1}.site-header{height:82px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(244,239,229,.88);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:0;font-weight:800;letter-spacing:-.09em;font-size:25px;position:relative}.brand-word{line-height:1}.brand-ai{font-size:12px;letter-spacing:-.03em;background:var(--orange);padding:5px 4px 4px;margin-left:4px;align-self:center;letter-spacing:-.05em}.brand sup{font:9px var(--mono);letter-spacing:0;margin-left:4px;align-self:flex-start}.desktop-nav{display:flex;gap:35px;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.desktop-nav a,.site-footer a{transition:color .25s}.desktop-nav a:hover,.site-footer a:hover{color:var(--orange)}.header-cta{font-size:12px;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--ink);padding:12px 16px;border-radius:100px;transition:background .25s,color .25s}.header-cta span{margin-left:18px}.header-cta:hover{background:var(--ink);color:var(--cream)}.menu-toggle{display:none;background:none;border:0;padding:10px}.section-pad{padding-left:8.5vw;padding-right:8.5vw}.hero{min-height:calc(100svh - 82px);padding-top:32px;padding-bottom:58px;position:relative;overflow:hidden}.hero-topline,.contact-top,.manifesto-label,.manifesto-bottom,.project-type,.project-number,.demo-note,.site-footer,.eyebrow,.service-no,.process-step>span{font-family:var(--mono);font-size:9px;letter-spacing:.08em}.hero-topline{display:flex;justify-content:space-between;color:var(--muted)}.hero-title-wrap{position:relative;z-index:2;margin-top:10vh}.eyebrow{display:block;color:var(--muted);text-transform:uppercase}.hero-title{font-size:clamp(68px,12.5vw,190px);letter-spacing:-.105em;line-height:.79;font-weight:800;margin:24px 0 0;position:relative}.title-line{display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.title-line-middle{padding-left:8%;padding-right:3%;color:var(--orange)}.title-line em,.section-heading h2 em,.process-content h2 em,.contact-title em{font-style:normal;color:var(--orange)}.title-index{font:10px var(--mono);letter-spacing:0;align-self:flex-start;margin:12px 4px 0 20px;color:var(--muted)}.asterisk{font-size:.43em;line-height:1;color:var(--ink);margin-right:9% ;animation:spin 16s linear infinite}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:45px;position:relative;z-index:3}.hero-bottom p{font-size:13px;line-height:1.7;max-width:360px;margin:0}.round-link{width:55px;height:55px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-size:23px;transition:transform .3s,background .3s,color .3s}.round-link:hover{transform:rotate(45deg);background:var(--orange);color:var(--ink)}.hero-orbit{position:absolute;border:1px solid rgba(239,81,59,.35);border-radius:50%;pointer-events:none}.orbit-one{width:330px;height:330px;right:-115px;top:17%;animation:orbit 28s linear infinite}.orbit-two{width:480px;height:480px;right:-190px;top:9%;border-color:rgba(24,24,22,.13);animation:orbit 38s linear infinite reverse}.hero-sticker{position:absolute;right:8%;bottom:14%;width:120px;height:120px;padding:12px;border-radius:50%;background:var(--orange);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:9px;font-weight:800;line-height:1.4;transform:rotate(0deg);z-index:4;animation:float 5s ease-in-out infinite;overflow-wrap:normal;word-break:normal}.hero-sticker b{font-size:12px;line-height:1.25}.hero-sticker i{font-style:normal;font-size:18px;margin-top:4px}.ticker{overflow:hidden;background:var(--orange);padding:17px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);transform:rotate(-1deg) scale(1.02);position:relative;z-index:5}.ticker-track{display:flex;align-items:center;justify-content:space-around;gap:35px;width:max-content;animation:marquee 24s linear infinite;font-size:14px;font-weight:800;letter-spacing:-.03em}.ticker-track b{font-size:19px}.work{padding-top:145px;padding-bottom:145px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:58px;gap:40px}.section-heading h2,.process-content h2{font-size:clamp(48px,7vw,95px);letter-spacing:-.09em;line-height:.94;margin:24px 0 0}.section-heading>p{max-width:280px;font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 5px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 22px}.project-card{min-width:0;position:relative;cursor:pointer}.project-large{grid-column:span 2}.project-wide{grid-column:span 2}.project-open{position:absolute;z-index:3;right:17px;top:17px;width:40px;height:40px;border:0;border-radius:50%;background:var(--cream);display:grid;place-items:center;font-size:20px;transition:transform .35s,background .35s}.project-card:hover .project-open{transform:rotate(45deg);background:var(--orange)}.project-visual{position:relative;overflow:hidden;min-height:390px;transition:transform .6s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.project-card:hover .project-visual{transform:translateY(-5px)}.project-large .project-visual{min-height:480px}.visual-commerce{background:#d8d5ca;color:#23241e;padding:22px 26px;isolation:isolate}.commerce-top,.commerce-footer{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.08em;position:relative;z-index:2}.commerce-copy{position:absolute;left:7%;top:23%;z-index:3}.commerce-copy small{font:9px var(--mono);letter-spacing:.12em}.commerce-copy strong{display:block;font-size:clamp(50px,7.4vw,104px);line-height:.83;letter-spacing:-.09em;margin:20px 0 26px}.commerce-button,.local-button{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:8px;font:9px var(--mono);letter-spacing:.06em}/* ADGENAI: animated 3D sphere system */
.product-orb{position:absolute;display:block;border-radius:50%;isolation:isolate;box-shadow:inset -25px -25px 45px rgba(0,0,0,.22),inset 12px 12px 24px rgba(255,255,255,.48),0 30px 40px rgba(0,0,0,.14);transition:box-shadow .6s ease,scale .6s ease;will-change:translate}
.project-card:hover .product-orb{transform:translateY(-8px) rotate(5deg)}
.orb-a{width:220px;height:220px;right:23%;top:19%;z-index:1;background:radial-gradient(circle at 30% 24%,#ffd5b1 0%,#f58a62 19%,#ef513b 48%,#a82d25 78%,#54221e 100%);animation:adgenSphereFloatA 7s ease-in-out infinite}
.orb-a::before{content:"";position:absolute;width:145%;height:145%;left:50%;top:50%;border:1px solid rgba(239,81,59,.55);border-radius:50%;transform:translate(-50%,-50%);animation:adgenSphereOrbit 18s linear infinite;pointer-events:none}
.orb-a::after{content:"";position:absolute;width:9px;height:9px;left:50%;top:-5px;border-radius:50%;background:var(--orange);box-shadow:0 0 16px rgba(239,81,59,.55);transform-origin:4px 115px;animation:adgenSphereDot 7s linear infinite}
.orb-b{width:165px;height:165px;right:6%;top:41%;z-index:2;background:radial-gradient(circle at 29% 23%,#fff8e9 0%,#e8e0d2 25%,#a4a093 66%,#55564e 100%);animation:adgenSphereFloatB 8s ease-in-out infinite;animation-delay:-2s}
.orb-c{width:125px;height:125px;right:36%;bottom:9%;z-index:3;background:radial-gradient(circle at 30% 25%,#ffb08b 0%,#ef6d4f 22%,#ad2d24 64%,#531b1b 100%);animation:adgenSpherePulse 5s ease-in-out infinite;animation-delay:-1s}
.visual-commerce:hover .product-orb{box-shadow:inset -25px -25px 45px rgba(0,0,0,.2),inset 12px 12px 24px rgba(255,255,255,.5),0 38px 48px rgba(0,0,0,.18)}
.visual-commerce:hover .orb-a{scale:1.035}.visual-commerce:hover .orb-b{scale:1.06}.visual-commerce:hover .orb-c{scale:1.08}
.commerce-sphere-note{position:absolute;right:5%;bottom:7%;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:7px;max-width:190px;padding:13px 15px;border:1px solid rgba(24,24,22,.18);background:rgba(244,239,229,.72);backdrop-filter:blur(10px);transition:transform .4s ease,border-color .4s ease}
.commerce-sphere-note span{font:8px var(--mono);letter-spacing:.08em;color:var(--muted)}
.commerce-sphere-note strong{font-size:17px;line-height:1.05;letter-spacing:-.055em;transition:color .3s ease,transform .3s ease}
.commerce-sphere-note i{font:normal 8px var(--mono);line-height:1.5;color:var(--muted)}
.visual-commerce:hover .commerce-sphere-note{transform:translateY(-5px);border-color:var(--orange)}
.visual-commerce:hover .commerce-sphere-note strong{color:var(--orange);transform:translateX(3px)}
@keyframes adgenSphereFloatA{0%,100%{translate:0 0}50%{translate:0 -13px}}
@keyframes adgenSphereFloatB{0%,100%{translate:0 0}50%{translate:0 11px}}
@keyframes adgenSpherePulse{0%,100%{translate:0 0;filter:brightness(1)}50%{translate:-5px -9px;filter:brightness(1.12)}}
@keyframes adgenSphereOrbit{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes adgenSphereDot{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.commerce-footer{position:absolute;left:26px;right:26px;bottom:20px}.visual-studio{background:#d3d9c6;padding:23px;color:#252b22;min-height:400px}.studio-nav,.launch-nav,.local-nav{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.08em;position:relative;z-index:2}.studio-word{position:absolute;left:7%;top:23%;font-size:clamp(62px,8vw,105px);font-weight:800;line-height:.78;letter-spacing:-.11em;z-index:2}.studio-word i{font-style:normal;color:var(--orange)}.studio-sun{position:absolute;width:230px;height:230px;border-radius:50%;background:linear-gradient(140deg,#e7a47d,#e85c3e);right:8%;bottom:13%;mix-blend-mode:multiply;transition:transform .8s}.project-card:hover .studio-sun{transform:scale(1.08) rotate(14deg)}.studio-caption{position:absolute;left:7%;bottom:10%;font-size:10px;line-height:1.5}.studio-side{position:absolute;right:18px;top:42%;writing-mode:vertical-rl;font:8px var(--mono);letter-spacing:.12em}.visual-launch{background:#171b24;color:#f4efe5;padding:23px;min-height:400px}.launch-head{position:absolute;left:7%;top:23%;font-size:clamp(52px,7.2vw,91px);line-height:.8;font-weight:800;letter-spacing:-.1em;z-index:2}.launch-head span{color:var(--orange)}.launch-can{position:absolute;width:130px;height:230px;border-radius:24px 24px 30px 30px;right:17%;top:23%;background:linear-gradient(100deg,#b83727,#f15c3c 40%,#8f261f);box-shadow:20px 24px 38px rgba(0,0,0,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(11deg);transition:transform .6s}.project-card:hover .launch-can{transform:rotate(3deg) translateY(-10px)}.can-top{position:absolute;top:-7px;left:25px;right:25px;height:10px;border-radius:50%;background:#9d9c93;border:2px solid #4d4c48}.launch-can strong{font-size:28px;letter-spacing:-.08em;writing-mode:vertical-rl;transform:rotate(180deg)}.launch-can small{position:absolute;bottom:16px;font:6px var(--mono);letter-spacing:.1em;writing-mode:vertical-rl}.launch-foot{position:absolute;bottom:21px;left:23px;right:23px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.08em}.visual-local{background:#edc7ae;padding:23px;color:#2c2723;min-height:450px}.local-nav{border-bottom:1px solid rgba(44,39,35,.3);padding-bottom:15px}.local-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;position:absolute;inset:75px 7% 55px}.local-layout>div:first-child{z-index:2}.local-layout small{font:8px var(--mono);letter-spacing:.07em}.local-layout strong{display:block;font-size:clamp(52px,7vw,95px);letter-spacing:-.1em;line-height:.82;margin:18px 0}.local-layout strong i{color:var(--orange);font-style:normal}.local-layout p{max-width:220px;font-size:11px;line-height:1.6;margin-bottom:22px}.local-photo{height:100%;min-height:240px;background:linear-gradient(160deg,rgba(38,30,25,.03),rgba(38,30,25,.3)),url('https://images.unsplash.com/photo-1445116572660-236099ec97a0?auto=format&fit=crop&w=900&q=85') center/cover;border-radius:48% 48% 3px 3px;filter:saturate(.72);transition:filter .5s,transform .6s}.project-card:hover .local-photo{filter:saturate(1);transform:scale(.98)}.local-bottom{position:absolute;bottom:19px;left:23px;font:8px var(--mono);letter-spacing:.08em}.project-meta{display:flex;justify-content:space-between;align-items:flex-start;padding-top:16px;gap:15px}.project-meta>div{display:flex;gap:12px;align-items:baseline}.project-number{color:var(--orange)}.project-meta h3{font-size:15px;letter-spacing:-.04em;margin:0;font-weight:700}.project-type{color:var(--muted);font-size:8px;padding-top:3px;text-align:right}.demo-note{text-align:center;margin-top:60px;color:var(--muted);font-size:8px}.manifesto{background:var(--ink);color:var(--cream);padding-top:90px;padding-bottom:75px;position:relative;overflow:hidden}.manifesto-label,.manifesto-bottom{display:flex;justify-content:space-between;gap:20px;color:#a5a198}.manifesto-copy{font-size:clamp(42px,7.4vw,100px);line-height:1.05;letter-spacing:-.085em;max-width:1040px;margin:100px 0 110px;font-weight:700;position:relative;z-index:2}.outlined{color:transparent;-webkit-text-stroke:1px var(--cream)}.highlight-word{color:var(--orange)}.manifesto-bottom{border-top:1px solid #4b4a44;padding-top:17px}.services{padding-top:145px;padding-bottom:145px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:65px 1fr 50px;align-items:center;gap:15px;padding:28px 0;border-bottom:1px solid var(--line);transition:padding .3s}.service-row:hover{padding-left:12px;padding-right:12px}.service-no{color:var(--orange)}.service-row h3{font-size:clamp(23px,3vw,36px);letter-spacing:-.065em;margin:0 0 7px}.service-row p{font-size:11px;line-height:1.7;color:var(--muted);margin:0;max-width:500px}.service-icon{font-size:24px;text-align:right;transition:transform .3s}.service-row:hover .service-icon{transform:translate(4px,-4px);color:var(--orange)}.process{background:#e8e0d2;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;padding-top:125px;padding-bottom:135px;position:relative;overflow:hidden}.process-stamp{width:170px;height:170px;border:1px solid var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:15px;line-height:1.05;letter-spacing:-.05em;font-weight:800;transform:rotate(-13deg);animation:float 6s ease-in-out infinite}.process-stamp span{color:var(--orange)}.process-content h2{margin-bottom:55px}.process-steps{border-top:1px solid var(--line)}.process-step{display:grid;grid-template-columns:45px 1fr;gap:12px;padding:19px 0;border-bottom:1px solid var(--line)}.process-step>span{color:var(--orange);padding-top:4px}.process-step h3{font-size:16px;margin:0 0 6px;letter-spacing:-.04em}.process-step p{font-size:11px;line-height:1.7;color:#6f6a61;margin:0;max-width:470px}.contact{padding-top:90px;padding-bottom:80px;background:var(--orange);position:relative;overflow:hidden}.contact-top{display:flex;justify-content:space-between;gap:20px}.contact-top .eyebrow{color:rgba(24,24,22,.65)}.contact-title{font-size:clamp(70px,13vw,180px);line-height:.78;letter-spacing:-.11em;margin:110px 0 80px;position:relative}.contact-title em{color:var(--cream)}.contact-star{font-size:.36em;display:inline-block;vertical-align:top;margin:0 0 0 3%;animation:spin 18s linear infinite}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.contact-bottom p{font-size:13px;line-height:1.7;max-width:340px;margin:0}.contact-button{border:1px solid var(--ink);border-radius:100px;padding:17px 20px;font:10px var(--mono);letter-spacing:.04em;display:inline-flex;gap:38px;align-items:center;transition:background .25s,color .25s,transform .25s}.contact-button:hover{background:var(--ink);color:var(--cream);transform:translateY(-3px)}.contact-button span{font-size:17px}.site-footer{padding:27px 4.5vw;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:8px}.footer-brand{color:var(--ink);font:800 21px var(--font);letter-spacing:-.09em}.project-modal{position:fixed;inset:0;z-index:50;background:rgba(24,24,22,.62);display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;backdrop-filter:blur(7px)}.project-modal.is-open{opacity:1;visibility:visible}.modal-panel{width:min(560px,100%);background:var(--cream);padding:clamp(28px,5vw,55px);position:relative;transform:translateY(20px);transition:transform .3s}.project-modal.is-open .modal-panel{transform:translateY(0)}.modal-close{position:absolute;right:17px;top:13px;border:0;background:none;font-size:29px;cursor:pointer}.modal-panel h2{font-size:clamp(32px,5vw,52px);letter-spacing:-.08em;line-height:1;margin:22px 0}.modal-panel>p{font-size:13px;line-height:1.8;color:var(--muted)}.modal-tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.modal-tags span{font:9px var(--mono);border:1px solid var(--line);padding:9px 11px;border-radius:100px}.modal-panel .modal-disclaimer{font:9px var(--mono);text-transform:uppercase;letter-spacing:.05em;border-top:1px solid var(--line);padding-top:17px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}.hero-title .title-line>span:first-child{animation:titleEnter 1s cubic-bezier(.16,1,.3,1) both}.hero-title .title-line:nth-child(2)>span:first-child{animation-delay:.12s}.hero-title .title-line:nth-child(3)>span:first-child{animation-delay:.24s}@keyframes titleEnter{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}@media(min-width:1500px){.section-pad{padding-left:12vw;padding-right:12vw}.hero-title{font-size:clamp(180px,12vw,225px)}}@media(max-width:800px){.site-header{height:70px;padding:0 5vw}.desktop-nav{gap:17px;font-size:9px}.section-pad{padding-left:6vw;padding-right:6vw}.hero{min-height:760px;padding-top:25px}.hero-topline span:last-child{display:none}.hero-title-wrap{margin-top:14vh}.hero-title{font-size:clamp(62px,13vw,105px)}.title-index{font-size:8px}.hero-sticker{right:7%;bottom:12%;width:94px;height:94px;padding:9px}.hero-bottom{margin-top:45px}.hero-bottom p{max-width:260px}.work,.services{padding-top:100px;padding-bottom:100px}.project-visual,.visual-studio,.visual-launch{min-height:340px}.project-large .project-visual{min-height:390px}.visual-local{min-height:400px}.orb-a{width:170px;height:170px;right:17%}.orb-b{width:130px;height:130px}.orb-c{width:100px;height:100px}.project-type{font-size:7px}.process{grid-template-columns:.45fr 1.55fr;gap:5vw;padding-top:90px;padding-bottom:95px}.process-stamp{width:125px;height:125px;font-size:12px}.contact-title{margin:90px 0 70px}}@media(max-width:600px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px}.menu-toggle span{display:block;width:24px;height:1px;background:var(--ink);transition:transform .25s}.site-header.menu-open .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.site-header.menu-open .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.desktop-nav.mobile-visible{position:absolute;display:flex;flex-direction:column;left:0;right:0;top:69px;background:var(--cream);padding:25px 6vw 30px;border-bottom:1px solid var(--line);font-size:12px;gap:22px}.hero{min-height:700px}.hero-title-wrap{margin-top:15vh}.hero-title{font-size:clamp(54px,13.5vw,82px)}.title-line-middle{padding-left:2%;padding-right:0}.title-index{display:none}.hero-bottom{align-items:flex-start;margin-top:35px}.hero-bottom p{font-size:12px;max-width:235px}.round-link{width:45px;height:45px;flex-shrink:0}.hero-sticker{right:6%;bottom:10%;width:84px;height:84px;padding:8px;font-size:7px}.hero-sticker b{font-size:9px}.orbit-one{width:250px;height:250px;right:-160px;top:22%}.orbit-two{width:350px;height:350px;right:-220px;top:15%}.ticker{padding:13px 0}.ticker-track{font-size:12px;gap:22px}.section-heading{display:block;margin-bottom:36px}.section-heading h2,.process-content h2{font-size:clamp(48px,12vw,72px)}.section-heading>p{margin-top:22px;max-width:330px}.work-grid{grid-template-columns:1fr;gap:40px}.project-large,.project-wide{grid-column:span 1}.project-large .project-visual{min-height:365px}.project-visual,.visual-studio,.visual-launch{min-height:350px}.visual-local{min-height:390px}.commerce-copy strong{font-size:66px}.orb-a{width:140px;height:140px;right:14%;top:22%}.orb-b{width:105px;height:105px;right:4%;top:50%}.orb-c{width:85px;height:85px;right:34%;bottom:10%}.commerce-sphere-note{right:4%;bottom:5%;max-width:155px;padding:10px 11px}.commerce-sphere-note strong{font-size:15px}.orb-a::before{width:135%;height:135%}.studio-word{font-size:72px}.studio-sun{width:170px;height:170px;right:4%}.launch-head{font-size:66px}.launch-can{width:100px;height:190px;right:12%}.local-layout{grid-template-columns:1fr 1fr;gap:12px;inset:75px 5% 50px}.local-layout strong{font-size:59px}.local-photo{min-height:200px}.project-meta{flex-wrap:wrap}.project-meta h3{font-size:14px}.project-type{width:100%;text-align:left;padding-left:27px}.demo-note{line-height:1.7;margin-top:42px}.manifesto{padding-top:65px;padding-bottom:55px}.manifesto-label span:last-child{max-width:120px;text-align:right}.manifesto-copy{font-size:clamp(43px,11vw,65px);margin:75px 0 80px}.manifesto-bottom{font-size:8px}.service-row{grid-template-columns:32px 1fr 25px;gap:10px;padding:23px 0}.service-row h3{font-size:23px}.service-row p{font-size:10px}.service-icon{font-size:20px}.process{display:block;padding-top:70px;padding-bottom:75px}.process-stamp{margin:0 0 60px auto;width:110px;height:110px;font-size:11px}.process-content h2{margin-bottom:40px}.process-step{grid-template-columns:30px 1fr}.contact{padding-top:60px;padding-bottom:55px}.contact-top span:last-child{display:none}.contact-title{font-size:clamp(61px,14vw,92px);margin:85px 0 65px}.contact-bottom{display:block}.contact-bottom p{margin-bottom:28px}.contact-button{font-size:9px;padding:15px 17px;gap:24px}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px 6vw;font-size:7px}.site-footer span:nth-child(2){text-align:right}.site-footer span:nth-child(3){grid-column:1}.site-footer>a:last-child{grid-column:2;grid-row:2;text-align:right}.footer-brand{font-size:20px}}@media(prefers-reduced-motion:reduce){.orb-a,.orb-a::before,.orb-a::after,.orb-b,.orb-c{animation:none!important}.product-orb,.commerce-sphere-note,.commerce-sphere-note strong{transition:none!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.cursor-glow{display:none}}

/* Full service directory CTA */
.all-services-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.all-services-cta p{font:9px/1.9 var(--mono);letter-spacing:.06em;color:var(--muted);margin:0}.all-services-cta strong{color:var(--ink);font-weight:500}.all-services-link{display:inline-flex;align-items:center;gap:30px;padding:14px 17px;border:1px solid var(--ink);border-radius:100px;font:9px var(--mono);letter-spacing:.06em;white-space:nowrap;transition:background .25s,color .25s}.all-services-link span{font-size:17px}.all-services-link:hover{background:var(--orange);color:var(--ink);border-color:var(--orange)}@media(max-width:600px){.all-services-cta{align-items:flex-start;flex-direction:column;gap:18px}.all-services-link{font-size:8px}}


/* Expanded AdGenAi contact footer */
.site-footer-expanded{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  padding:0!important;
  overflow:hidden;
  color:#f4efe5;
  background:#17191f;
  font-family:var(--font);
  font-size:13px;
  letter-spacing:normal;
}
.site-footer-expanded:before{
  content:"";
  position:absolute;inset:0;pointer-events:none;opacity:.18;
  background:
    radial-gradient(ellipse at 15% 25%,rgba(239,81,59,.22),transparent 36%),
    repeating-radial-gradient(ellipse at 90% 100%,transparent 0 32px,rgba(244,239,229,.13) 33px 34px,transparent 35px 55px);
}
.site-footer-expanded .footer-main{
  position:relative;z-index:1;
  display:grid;grid-template-columns:1.45fr 1fr .8fr 1.1fr;
  gap:clamp(28px,4vw,64px);
  padding:58px 5vw 48px;
}
.site-footer-expanded .footer-about{max-width:340px}
.site-footer-expanded .footer-brand{color:#f4efe5;font-size:27px;margin-bottom:24px}
.site-footer-expanded .footer-description{
  max-width:310px;margin:0 0 25px;color:rgba(244,239,229,.76);
  font-size:13px;line-height:1.8;letter-spacing:0;
}
.site-footer-expanded .footer-socials{display:flex;gap:10px;align-items:center}
.site-footer-expanded .footer-socials a{
  width:40px;height:40px;display:grid;place-items:center;border-radius:50%;
  border:1px solid rgba(244,239,229,.28);color:#f4efe5;transition:background .2s,color .2s,transform .2s;
}
.site-footer-expanded .footer-socials a:hover{background:var(--orange);color:#17191f;transform:translateY(-3px)}
.site-footer-expanded .footer-socials svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-footer-expanded .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.site-footer-expanded .footer-column h2{
  margin:3px 0 10px;font-size:16px;line-height:1.3;font-weight:800;
  color:#fff;letter-spacing:-.035em;
}
.site-footer-expanded .footer-column>a:not(.footer-contact-item){
  color:rgba(244,239,229,.77);font-size:12px;line-height:1.5;letter-spacing:0;transition:color .2s;
}
.site-footer-expanded .footer-column>a:hover{color:var(--orange)}
.site-footer-expanded .footer-column .footer-all-link{
  margin-top:5px;color:var(--orange)!important;font-weight:700;
}
.site-footer-expanded .footer-all-link span{display:inline-block;margin-left:6px;transition:transform .2s}
.site-footer-expanded .footer-all-link:hover span{transform:translate(3px,-3px)}
.site-footer-expanded .footer-contact{gap:17px}
.site-footer-expanded .footer-contact-item{
  display:flex;align-items:flex-start;gap:13px;color:rgba(244,239,229,.82);
  font-size:12px;line-height:1.6;letter-spacing:0;text-decoration:none;
}
.site-footer-expanded .footer-contact-icon{
  display:inline-grid;place-items:center;flex:0 0 19px;width:19px;height:22px;
  color:var(--orange);font-size:19px;line-height:1;
}
.site-footer-expanded .footer-contact-item div{display:flex;flex-direction:column;gap:3px}
.site-footer-expanded .footer-contact-item strong{font-size:13px;color:#fff;font-weight:700}
.site-footer-expanded .footer-contact-item span:last-child{overflow-wrap:anywhere}
.site-footer-expanded .footer-bottom{
  position:relative;z-index:1;border-top:1px solid rgba(244,239,229,.2);
  padding:20px 5vw;display:flex;align-items:center;justify-content:space-between;gap:18px;
  color:rgba(244,239,229,.6);font:9px var(--mono);letter-spacing:.07em;
}
.site-footer-expanded .footer-bottom a{color:rgba(244,239,229,.82);white-space:nowrap}
.site-footer-expanded .footer-bottom a:hover{color:var(--orange)}
@media(max-width:1000px){
  .site-footer-expanded .footer-main{grid-template-columns:1.2fr 1fr 1fr;gap:38px}
  .site-footer-expanded .footer-contact{grid-column:2/4}
}
@media(max-width:680px){
  .site-footer-expanded .footer-main{grid-template-columns:1fr 1fr;gap:34px 24px;padding:42px 6vw 34px}
  .site-footer-expanded .footer-about{grid-column:1/-1;max-width:480px}
  .site-footer-expanded .footer-contact{grid-column:auto}
  .site-footer-expanded .footer-bottom{padding:18px 6vw;display:grid;grid-template-columns:1fr auto;gap:12px;font-size:8px}
  .site-footer-expanded .footer-bottom span:nth-child(2){grid-column:1/-1;grid-row:2}
  .site-footer-expanded .footer-bottom a{grid-column:2;grid-row:1}
}
@media(max-width:420px){
  .site-footer-expanded .footer-main{grid-template-columns:1fr;gap:30px}
  .site-footer-expanded .footer-about,.site-footer-expanded .footer-contact{grid-column:auto}
  .site-footer-expanded .footer-column{gap:11px}
}

/* ========================================
   ADGENAI SPHERE IMAGE STYLING
   ======================================== */

/* Keep each sphere and its image properly layered */
.product-orb {
  position: absolute;
  border-radius: 50%;
  isolation: isolate;
}

/* Images placed inside the spheres */
.product-orb .orb-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  border-radius: 50%;
  padding: 12%;
  box-sizing: border-box;
  z-index: 1;
  pointer-events: none;
  transition: transform 0.6s ease, filter 0.6s ease;
  filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.12));
}

/* Bulb image */
.product-orb .orb-art-bulb {
  object-fit: contain;
  padding: 10%;
}

/* Megaphone image */
.product-orb .orb-art-megaphone {
  object-fit: contain;
  padding: 8%;
}

/* Clapperboard image */
.product-orb .orb-art-clapper {
  object-fit: contain;
  padding: 10%;
}

/* Subtle image animation on project hover */
.project-card:hover .product-orb .orb-art {
  transform: scale(1.06) rotate(-2deg);
}

/* Respect reduced-motion accessibility settings */
@media (prefers-reduced-motion: reduce) {
  .product-orb .orb-art {
    transition: none;
  }

  .project-card:hover .product-orb .orb-art {
    transform: none;
  }
}

/* Full-bleed hero video */
.hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 100vh;
  min-height: 100svh;
  background: #171717;
}

/* Video covers the entire hero */
.hero .hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  display: block;
  object-fit: cover;

  /* Adjust this to control which part of the video is visible */
  object-position: center 45%;

  z-index: -2;
}

/* Darken video slightly for readable text */
.hero .hero-video-overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.52),
    rgba(0, 0, 0, 0.18)
  );
}

/* Keep the hero content above the video */
.hero > :not(.hero-video):not(.hero-video-overlay) {
  position: relative;
}

/* Mobile crop */
@media (max-width: 768px) {
  .hero {
    min-height: 100svh;
  }

  .hero .hero-video {
    object-position: center center;
  }
}

/* AdGenAi hero typography — glass-inspired treatment */
.hero-title {
  color: rgba(255, 255, 255, 0.22);
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.9);
  text-shadow: 0 0 24px rgba(255, 255, 255, 0.08);
}

.hero-title em {
  color: #ff5545;
  -webkit-text-stroke: 0;
  text-shadow: 0 0 22px rgba(255, 85, 69, 0.18);
}

/* Keep the supporting copy readable over the video */
.hero-bottom p,
.hero-topline,
.hero .eyebrow {
  color: rgba(255, 255, 255, 0.88);
}

/* Make the small title index visible */
.hero-title .title-index {
  color: rgba(255, 255, 255, 0.8);
}

/* Scale the hero heading to fit the video */
.hero-title {
  width: 100%;
  max-width: 1100px;
  margin-inline: auto;
  font-size: clamp(3.2rem, 7.2vw, 7rem);
  line-height: 0.88;
  letter-spacing: -0.075em;
}

/* Keep each line from stretching too far */
.hero-title .title-line {
  display: flex;
  align-items: center;
  width: 100%;
}

/* Preserve the staggered layout, but reduce the overflow */
.hero-title .title-line-middle {
  padding-left: 7%;
}

.hero-title .title-index {
  font-size: 0.12em;
  letter-spacing: 0;
}

.hero-title .asterisk {
  font-size: 0.48em;
  margin-left: auto;
}

/* Prevent the final line from extending beyond the hero */
.hero-title .title-line:last-child {
  flex-wrap: wrap;
}

/* Supporting text */
.hero-bottom {
  margin-top: 1.5rem;
}

.hero-bottom p {
  max-width: 370px;
  font-size: 0.9rem;
  line-height: 1.6;
}

/* Tablet */
@media (max-width: 900px) {
  .hero-title {
    font-size: clamp(3rem, 8vw, 5.5rem);
  }

  .hero-title .title-line-middle {
    padding-left: 3%;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .hero-title {
    font-size: clamp(2.5rem, 10vw, 4.2rem);
    line-height: 0.95;
    letter-spacing: -0.065em;
  }

  .hero-title .title-line-middle {
    padding-left: 0;
  }

  .hero-title .title-index,
  .hero-title .asterisk {
    display: none;
  }

  .hero-bottom p {
    max-width: 290px;
    font-size: 0.82rem;
  }
}

/* Hero: video first, typography below */
.hero {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 5rem;
  overflow: hidden;
  background: #f4efe5;
}

/* Video frame */







.hero-video-frame .hero-video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  transform: scale(1.2);
}

/* Text below video */
.hero-title-wrap {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding-top: clamp(2.5rem, 5vw, 5rem);
}

.hero-title {
  width: 100%;
  max-width: none;
  margin: 0;
  font-size: clamp(3.5rem, 9.5vw, 9rem);
  line-height: 0.88;
  letter-spacing: -0.075em;
  color: #202020;
  -webkit-text-stroke: 0;
}

.hero-title .title-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.hero-title .title-line-middle {
  padding-left: 7%;
}

.hero-title em {
  color: #f45140;
  -webkit-text-stroke: 0;
}

.hero-title .title-index {
  font-size: 0.12em;
  letter-spacing: 0;
}

.hero-title .asterisk {
  font-size: 0.48em;
  margin-left: auto;
  color: #f45140;
}

.hero-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-top: 2rem;
}

.hero-bottom p {
  max-width: 420px;
  color: #292929;
  font-size: 0.95rem;
  line-height: 1.7;
}

/* Tablet and mobile */
@media (max-width: 768px) {
  .hero-video-frame {
    height: 52vw;
    min-height: 280px;
  }

  .hero-title {
    font-size: clamp(2.7rem, 9vw, 5rem);
  }

  .hero-title .title-line-middle {
    padding-left: 0;
  }

  .hero-bottom {
    margin-top: 1.5rem;
  }
}

@media (max-width: 480px) {
  .hero-video-frame {
    height: 300px;
  }

  .hero-title {
    font-size: clamp(2.2rem, 10vw, 3.5rem);
    line-height: 0.95;
  }

  .hero-title .title-index,
  .hero-title .asterisk {
    display: none;
  }

  .hero-bottom p {
    font-size: 0.85rem;
  }
}



/* FIX: keep the video above its dark frame background.
   An older full-bleed rule assigned z-index:-2, hiding the video behind the frame. */
.hero .hero-video-frame {
  position: relative;
  isolation: isolate;
  background: #171717;
}

.hero .hero-video-frame .hero-video {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.hero .hero-video-frame .hero-video-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.04) 0%,
    rgba(0, 0, 0, 0.12) 100%
  );
}