:root{--ink:#090909;--ink-soft:#111010;--surface:#171415;--surface-light:#211d1f;--paper:#f8f6f4;--muted:#b5afb0;--quiet:#777173;--line:rgba(255,255,255,.14);--pink:#df2996;--coral:#fe5a59;--orange:#ff9f1c;--yellow:#ffd00c;--violet:#7c2cc9;--brand-gradient:linear-gradient(110deg,var(--violet),var(--pink) 48%,var(--coral) 75%,var(--orange));--max-width:1200px;--sans:"Manrope",Arial,sans-serif;--mono:"Space Mono",Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{min-width:320px;margin:0;overflow-x:hidden;color:var(--paper);background:var(--ink);font:400 16px/1.6 var(--sans)}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}::selection{color:var(--ink);background:var(--yellow)}
.skip-link{position:fixed;z-index:100;top:-80px;left:16px;padding:10px 15px;color:var(--ink);background:var(--yellow);border-radius:0 0 8px 8px;font-size:13px;font-weight:800}.skip-link:focus{top:0}.page-grain{position:fixed;z-index:20;inset:0;opacity:.035;pointer-events:none;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.shell{width:min(var(--max-width),calc(100% - 64px));margin-inline:auto}.section{padding-block:128px}.eyebrow,.card-index{margin:0;color:var(--muted);font:10px/1.45 var(--mono);letter-spacing:.1em}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 14px var(--orange)}.eyebrow>span:not(.eyebrow-dot){display:inline-block;width:25px;height:1px;background:var(--line)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:800;letter-spacing:-.07em}h1{max-width:720px;margin-bottom:27px;font-size:clamp(55px,7.1vw,94px);line-height:.95}h1 em,h2>span{font-style:normal;color:transparent;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text}h2{margin-bottom:0;font-size:clamp(43px,5.1vw,68px);line-height:1.02}
.site-header{position:sticky;z-index:30;top:0;display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:28px;padding:10px max(32px,calc((100vw - var(--max-width))/2));border-bottom:1px solid var(--line);background:rgba(9,9,9,.86);backdrop-filter:blur(18px);transition:min-height .2s,background .2s}.site-header.is-scrolled{min-height:70px;background:rgba(9,9,9,.96)}.brand{display:inline-flex;flex-shrink:0;align-items:center;gap:11px}.brand img{width:48px;height:48px;border-radius:50%;object-fit:contain;box-shadow:0 0 0 1px rgba(255,255,255,.13)}.brand-label{display:grid;line-height:1}.brand-label b{font-size:15px;letter-spacing:.08em}.brand-label small{margin-top:6px;color:var(--muted);font:8px var(--mono);letter-spacing:.16em}.main-nav{display:flex;align-items:center;gap:clamp(18px,3vw,39px);color:#d1cbcc;font-size:12px;font-weight:700}.main-nav>a:not(.nav-cta){transition:color .2s}.main-nav>a:not(.nav-cta):hover,.main-nav>a.is-active{color:var(--orange)}.nav-cta{padding:10px 15px;border:1px solid rgba(255,255,255,.3);border-radius:99px;transition:color .2s,border-color .2s,background .2s}.nav-cta span{margin-left:10px;color:var(--orange)}.nav-cta:hover{color:var(--ink);border-color:var(--orange);background:var(--orange)}.nav-cta:hover span{color:var(--ink)}.menu-toggle{display:none}
.hero{position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:688px;padding-top:82px;padding-bottom:68px;gap:5%}.hero-copy{position:relative;z-index:2;padding-bottom:18px}.hero-copy .eyebrow{margin-bottom:26px}.hero-lead{max-width:540px;margin-bottom:30px;color:#c6bfc1;font-size:clamp(15px,1.45vw,17px);line-height:1.84}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:21px;min-height:49px;padding:11px 17px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{color:var(--ink);background:var(--brand-gradient);box-shadow:0 12px 32px rgba(222,41,150,.17)}.button-primary:hover{box-shadow:0 16px 35px rgba(255,95,81,.3)}.button-outline{border-color:rgba(255,255,255,.28);background:transparent}.button-outline:hover{border-color:var(--pink);background:rgba(223,41,150,.09)}.button-quiet{color:#dad3d4}.button-quiet span{color:var(--orange);font-size:18px}.hero-services{display:flex;flex-wrap:wrap;gap:8px 18px;margin:37px 0 0;padding:16px 0 0;border-top:1px solid var(--line);color:var(--quiet);font:9px var(--mono);letter-spacing:.05em;list-style:none}.hero-services li::before{margin-right:6px;color:var(--pink);content:"•"}.hero-art{position:relative;min-height:min(520px,43vw);overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:26px;background:radial-gradient(circle at 50% 44%,rgba(218,40,148,.13),transparent 33%),radial-gradient(circle at 22% 75%,rgba(116,38,194,.22),transparent 45%),#111;box-shadow:0 34px 90px rgba(0,0,0,.38)}.hero-art::before{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);content:""}.hero-art-top,.hero-art-bottom{position:absolute;z-index:3;right:22px;left:22px;display:flex;align-items:center;justify-content:space-between;color:#a49d9f;font:8px var(--mono);letter-spacing:.09em}.hero-art-top{top:22px}.hero-art-bottom{bottom:22px}.hero-logo{position:absolute;z-index:2;top:50%;left:50%;width:76%;height:auto;border-radius:50%;mix-blend-mode:screen;filter:drop-shadow(0 17px 28px rgba(0,0,0,.38));transform:translate(-50%,-50%)}.hero-rings i{position:absolute;top:50%;left:50%;display:block;border:1px solid rgba(255,255,255,.18);border-radius:50%;transform:translate(-50%,-50%) rotate(-27deg)}.hero-rings i:nth-child(1){width:86%;height:40%;border-color:rgba(255,159,28,.42)}.hero-rings i:nth-child(2){width:65%;height:86%;border-color:rgba(223,41,150,.34);transform:translate(-50%,-50%) rotate(43deg)}.hero-rings i:nth-child(3){width:92%;height:62%;border-style:dashed;border-color:rgba(124,44,201,.38);transform:translate(-50%,-50%) rotate(71deg)}.hero-tag{position:absolute;z-index:4;padding:8px 10px;border:1px solid rgba(255,255,255,.2);background:rgba(9,9,9,.75);color:#e5dddf;font:8px/1.65 var(--mono);letter-spacing:.08em;backdrop-filter:blur(8px)}.tag-one{top:29%;left:7%;transform:rotate(-7deg)}.tag-two{right:7%;bottom:27%;transform:rotate(7deg)}.signal{display:flex;align-items:end;gap:3px;height:12px}.signal i{width:3px;height:30%;background:var(--orange)}.signal i:nth-child(2),.signal i:nth-child(4){height:65%}.signal i:nth-child(3){height:100%}.signal i:nth-child(5){height:45%}.scroll-cue{position:absolute;bottom:22px;left:0;display:flex;align-items:center;gap:10px;color:var(--quiet);font:8px var(--mono);letter-spacing:.11em}.scroll-cue i{width:30px;height:1px;background:var(--orange)}.service-strip{overflow:hidden;padding-block:16px;border-block:1px solid var(--line);background:#0f0e0f}.service-strip-track{width:max-content;animation:ticker 30s linear infinite}.service-strip-track span{color:#c1b9bc;font-size:10px;font-weight:800;letter-spacing:.16em;white-space:nowrap}.service-strip-track b{margin-inline:32px;color:var(--orange)}@keyframes ticker{to{transform:translateX(-50%)}}
.section-intro{display:grid;grid-template-columns:1fr minmax(260px,340px);align-items:end;gap:45px;margin-bottom:53px}.section-intro .eyebrow{margin-bottom:19px}.section-intro>p{margin:0 0 4px;color:var(--muted);font-size:13px;line-height:1.9}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-card{position:relative;display:flex;flex-direction:column;min-height:335px;padding:25px 23px 24px;border-right:1px solid var(--line);transition:transform .25s,background .25s}.service-card:first-child{border-left:1px solid var(--line)}.service-card:hover{z-index:1;background:linear-gradient(165deg,rgba(223,41,150,.11),transparent 62%);transform:translateY(-4px)}.service-icon{position:absolute;top:23px;right:22px;display:grid;place-items:center;color:var(--orange)}.icon-grid{grid-template-columns:repeat(2,8px);gap:3px}.icon-grid i{width:8px;height:8px;border:1px solid var(--orange);transform:rotate(45deg)}.icon-grid i:nth-child(2),.icon-grid i:nth-child(3){background:var(--orange)}.icon-grid i:nth-child(3){opacity:.35}.icon-window{display:flex;width:31px;height:25px;gap:3px;align-items:flex-start;padding:5px;border:1px solid var(--orange);border-radius:4px}.icon-window i{width:3px;height:3px;border-radius:50%;background:var(--orange)}.icon-window i:last-child{position:absolute;right:5px;bottom:5px;left:5px;height:6px;border-top:1px solid var(--orange);background:none;border-radius:0}.icon-play{width:31px;height:31px;border:1px solid var(--pink);border-radius:50%;color:var(--pink);font-size:10px}.icon-social{display:flex;align-items:end;gap:3px;height:28px}.icon-social i{width:7px;height:14px;border:1px solid var(--coral);border-radius:4px}.icon-social i:nth-child(2){height:25px;background:rgba(254,90,89,.34)}.icon-social i:last-child{height:19px}.service-card h3{margin:auto 0 13px;font-size:23px;line-height:1.16}.service-card p{min-height:90px;margin-bottom:20px;color:var(--muted);font-size:12px;line-height:1.85}.service-card a{display:flex;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid var(--line);color:#f0e8e9;font-size:11px;font-weight:800}.service-card a b{color:var(--orange);font-size:16px;transition:transform .2s}.service-card a:hover b{transform:translate(3px,-3px)}
.portfolio{padding-top:32px}.portfolio-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:17px;margin-bottom:26px;border-block:1px solid var(--line)}.filter-group{display:flex;flex-wrap:wrap;gap:6px}.filter-button{padding:7px 10px;border:1px solid transparent;border-radius:99px;color:var(--muted);background:transparent;font-size:10px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.filter-button:hover,.filter-button.is-active{border-color:var(--line);color:var(--paper);background:var(--surface)}.filter-button span{margin-left:4px;color:var(--orange);font:8px var(--mono)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px 21px}.project-card{min-width:0;padding:0;border:0;color:inherit;text-align:left;background:transparent;cursor:pointer}.project-card.is-hidden{display:none}.project-art{position:relative;display:block;overflow:hidden;aspect-ratio:1.22;border:1px solid rgba(255,255,255,.13);border-radius:12px;transition:transform .35s,border-color .35s}.project-card:hover .project-art{border-color:rgba(255,159,28,.7);transform:translateY(-5px)}.project-meta{display:flex;align-items:center;justify-content:space-between;padding:15px 2px 0}.project-meta span{display:grid;gap:4px}.project-meta small{color:var(--quiet);font:9px var(--mono);letter-spacing:.08em}.project-meta b{font-size:16px;letter-spacing:-.04em}.project-meta i{display:grid;width:35px;height:35px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--orange);font-style:normal;transition:transform .25s,background .25s}.project-card:hover .project-meta i{background:rgba(255,159,28,.1);transform:rotate(45deg)}
.project-poster .project-art{display:flex;flex-direction:column;padding:20px;color:#111;background:linear-gradient(135deg,#fcbd20,#ff7e39 52%,#e13193)}.poster-code,.poster-foot{position:relative;z-index:2;font:8px var(--mono);letter-spacing:.07em}.poster-foot{margin-top:auto}.poster-orbit{position:absolute;top:8%;left:24%;width:76%;height:91%;border:1px solid rgba(0,0,0,.3);border-radius:50%;transform:rotate(29deg)}.poster-orbit::before,.poster-orbit::after{position:absolute;border:1px solid rgba(0,0,0,.2);border-radius:inherit;content:"";inset:15%}.poster-orbit::after{inset:32%}.project-poster strong{position:relative;z-index:1;margin:auto 0;font-size:clamp(54px,7vw,94px);line-height:.79;letter-spacing:-.1em;transform:rotate(-5deg)}.project-poster em{font-family:Georgia,serif;font-weight:400}.project-browser .project-art{padding:12px;background:#151115}.browser-bar{display:flex;align-items:center;gap:4px;height:22px;color:#827579;font:7px var(--mono);border-bottom:1px solid rgba(255,255,255,.14)}.browser-bar i{width:5px;height:5px;border-radius:50%;background:var(--orange)}.browser-bar i:nth-child(2){background:var(--pink)}.browser-bar i:nth-child(3){background:var(--violet)}.browser-bar b{margin-left:auto;margin-right:4px;font-weight:400}.browser-copy{position:absolute;top:25%;left:12%;z-index:2;display:block;font-size:clamp(42px,5.2vw,71px);font-weight:800;letter-spacing:-.1em;line-height:.81}.browser-copy em{color:var(--orange);font-style:normal}.browser-circle{position:absolute;right:-9%;bottom:-35%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 31% 30%,var(--yellow),var(--pink) 44%,var(--violet) 65%,transparent 68%);opacity:.85}.browser-foot{position:absolute;right:12%;bottom:10%;left:12%;color:#ad9ca0;font:7px var(--mono);letter-spacing:.1em}.project-social .project-art{display:flex;flex-direction:column;padding:20px;color:#131011;background:#f6eee2}.social-top,.social-foot{position:relative;z-index:1;font:8px var(--mono);letter-spacing:.08em}.social-foot{margin-top:auto}.project-social strong{position:relative;z-index:1;margin:auto 0;font-size:clamp(54px,7vw,92px);line-height:.8;letter-spacing:-.1em;transform:rotate(-5deg)}.project-social strong span{color:var(--pink)}.social-label{position:relative;z-index:1;width:fit-content;margin-bottom:22px;padding:6px 9px;border:1px solid currentColor;border-radius:99px;font:7px var(--mono)}.project-social .project-art::after{position:absolute;top:8%;right:8%;color:rgba(223,41,150,.13);font-size:clamp(90px,15vw,160px);font-weight:800;letter-spacing:-.12em;content:"03"}.project-video .project-art{padding:20px;background:linear-gradient(135deg,#24122a 0%,#101011 49%,#532058 100%)}.project-video .project-art::before{position:absolute;inset:0;background:linear-gradient(120deg,transparent 42%,rgba(255,255,255,.15) 50%,transparent 58%);content:""}.video-ui,.video-foot{position:relative;z-index:1;display:flex;gap:7px;align-items:center;color:#e8dcdf;font:8px var(--mono)}.video-ui i{width:6px;height:6px;border-radius:50%;background:var(--coral)}.video-ui b{margin-left:auto;font-weight:400}.video-play{position:absolute;z-index:1;top:17%;right:12%;display:grid;width:48px;height:48px;place-items:center;padding-left:2px;border-radius:50%;color:var(--ink);background:var(--brand-gradient)}.project-video strong{position:relative;z-index:1;display:block;margin-top:20%;font-size:clamp(43px,5vw,67px);line-height:.81;letter-spacing:-.09em}.project-video em{color:var(--yellow);font-style:normal}.video-foot{position:absolute;right:20px;bottom:18px;left:20px;color:#ccbdc2}.portfolio-note{display:flex;align-items:flex-start;gap:9px;margin:29px 0 0;color:var(--quiet);font-size:10px;line-height:1.8}.portfolio-note span{width:7px;height:7px;flex:0 0 7px;margin-top:5px;border-radius:50%;background:var(--orange)}
.process{border-block:1px solid var(--line);background:radial-gradient(ellipse at 90% 12%,rgba(223,41,150,.12),transparent 44%),#100e0f}.process-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:11%;align-items:start}.process-intro>p:not(.eyebrow){max-width:400px;margin:25px 0 0;color:var(--muted);font-size:13px;line-height:1.9}.process-intro .eyebrow{margin-bottom:19px}.process-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.process-list li{display:grid;grid-template-columns:63px 1fr;gap:19px;padding:28px 0;border-top:1px solid var(--line)}.process-list li:last-child{border-bottom:1px solid var(--line)}.process-list>li>span{color:var(--orange);font:12px var(--mono)}.process-list h3{margin-bottom:8px;font-size:22px;letter-spacing:-.05em}.process-list p{margin:0;color:var(--muted);font-size:12px;line-height:1.85}.about{display:grid;grid-template-columns:.84fr 1fr;align-items:center;gap:12%}.about-mark{position:relative;display:grid;min-height:380px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle at center,rgba(223,41,150,.13),transparent 54%),#111}.about-mark img{position:relative;z-index:2;width:79%;border-radius:50%;mix-blend-mode:screen}.about-mark>span{position:absolute;z-index:3;bottom:38px;left:50%;color:#bbb0b3;font:9px var(--mono);letter-spacing:.12em;transform:translateX(-50%);white-space:nowrap}.about-grid{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:28px 28px}.about-copy .eyebrow{margin-bottom:18px}.about-copy h2{margin-bottom:25px}.about-copy p{max-width:525px;color:var(--muted);font-size:13px;line-height:1.9}.about-copy .about-lead{color:var(--paper);font-size:18px;line-height:1.65}.about-copy .button{margin-top:6px}
.pricing{padding-top:85px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.price-card{position:relative;display:flex;flex-direction:column;min-height:370px;padding:25px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(150deg,rgba(255,255,255,.03),transparent 65%)}.price-card h3{margin:37px 0 10px;font-size:22px;letter-spacing:-.05em}.price-card>p:not(.price){min-height:65px;margin-bottom:17px;color:var(--muted);font-size:12px;line-height:1.85}.price{display:flex;gap:9px;align-items:baseline;margin:0}.price small{color:var(--quiet);font:11px var(--mono)}.price strong{font-size:clamp(32px,4vw,46px);letter-spacing:-.08em;line-height:1}.price-text strong{font-size:29px}.price-note{min-height:43px;margin-top:12px;color:var(--quiet);font-size:10px;line-height:1.55}.price-card .button{justify-content:space-between;margin-top:auto}.price-featured{border-color:rgba(254,90,89,.6);background:radial-gradient(ellipse at 50% 0%,rgba(223,41,150,.16),transparent 56%),#151113}.price-pill{position:absolute;top:0;right:20px;padding:6px 10px;border-radius:0 0 5px 5px;color:var(--ink);background:var(--orange);font:8px var(--mono);letter-spacing:.08em}.price-disclaimer{margin:19px 0 0;color:var(--quiet);font-size:10px;line-height:1.8}.faq{display:grid;grid-template-columns:.82fr 1.18fr;gap:10%;align-items:start;border-top:1px solid var(--line)}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{position:relative;padding:21px 34px 21px 0;color:#eee5e7;font-size:14px;font-weight:700;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary>span,.faq summary>span::after{position:absolute;top:50%;right:4px;width:15px;height:1px;background:var(--orange);content:""}.faq summary>span::after{transform:rotate(90deg);transition:transform .2s}.faq details[open] summary>span::after{transform:rotate(0)}.faq details p{max-width:620px;margin:0;padding:0 0 21px;color:var(--muted);font-size:12px;line-height:1.9}.contact{border-top:1px solid var(--line);background:radial-gradient(ellipse at 90% 10%,rgba(254,90,89,.15),transparent 45%),radial-gradient(ellipse at 16% 90%,rgba(124,44,201,.18),transparent 43%),#110f10}.contact-layout{display:grid;grid-template-columns:1fr .8fr;gap:11%;align-items:center}.contact-copy .eyebrow{margin-bottom:20px}.contact-copy h2{margin-bottom:24px;font-size:clamp(48px,6vw,77px)}.contact-copy>p:not(.eyebrow){max-width:430px;margin-bottom:27px;color:var(--muted);font-size:13px;line-height:1.9}.button-large{min-height:56px;padding-inline:21px}.contact-panel{display:block;padding:24px;border:1px solid var(--line);border-radius:14px;background:rgba(26,22,24,.82);font-style:normal}.contact-panel>.card-index{display:block;padding-bottom:22px}.contact-panel>div{display:grid;gap:6px;padding:16px 0;border-top:1px solid var(--line)}.contact-panel small{color:var(--quiet);font:9px var(--mono);letter-spacing:.1em}.contact-panel a,.contact-panel strong{display:flex;justify-content:space-between;color:#f3e9eb;font-size:13px;font-weight:700}.contact-panel a b{color:var(--orange);font-size:17px;transition:transform .2s}.contact-panel a:hover b{transform:translate(3px,-3px)}.contact-panel>p{display:flex;gap:9px;align-items:flex-start;margin:18px 0 0;color:var(--muted);font:9px/1.7 var(--mono)}.contact-panel>p span{width:7px;height:7px;flex:0 0 7px;margin-top:4px;border-radius:50%;background:var(--orange)}.site-footer{border-top:1px solid var(--line);background:var(--ink)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:28px}.footer-top>p{margin:0;color:#a99fa2;font-size:9px;font-weight:800;line-height:1.7;letter-spacing:.09em}.footer-top>a:last-child{color:var(--muted);font:9px var(--mono);letter-spacing:.08em}.footer-top>a:last-child:hover,.footer-bottom a:hover{color:var(--orange)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:57px;border-top:1px solid var(--line);color:var(--quiet);font:8px var(--mono);letter-spacing:.05em}.mobile-contact{display:none}.project-dialog{width:min(580px,calc(100% - 32px));padding:38px;border:1px solid rgba(255,255,255,.2);border-radius:17px;color:var(--paper);background:#171315;box-shadow:0 28px 90px rgba(0,0,0,.6)}.project-dialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(5px)}.project-dialog .eyebrow{margin-bottom:17px}.project-dialog h2{margin-bottom:17px;font-size:clamp(33px,6vw,47px)}.project-dialog>p:not(.eyebrow):not(.dialog-note){color:var(--muted);font-size:14px;line-height:1.85}.dialog-close{position:absolute;top:12px;right:14px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--paper);background:transparent;font-size:25px;line-height:1;cursor:pointer}.dialog-close:hover{border-color:var(--orange);color:var(--orange)}.dialog-note{display:flex;gap:8px;margin:23px 0 0;padding-top:15px;border-top:1px solid var(--line);color:var(--quiet);font-size:10px;line-height:1.7}.dialog-note span{color:var(--orange)}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .68s,transform .68s cubic-bezier(.2,.7,.2,1)}.js .reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1020px){.shell{width:min(var(--max-width),calc(100% - 44px))}.site-header{padding-inline:22px}.main-nav{gap:18px}.main-nav>a{font-size:11px}.hero{grid-template-columns:1fr .9fr;gap:4%;min-height:620px;padding-top:65px}.hero-art{min-height:390px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(3){border-left:1px solid var(--line)}.service-card:nth-child(3),.service-card:nth-child(4){border-top:1px solid var(--line)}.section{padding-block:100px}.about-mark{min-height:320px}.process-layout,.contact-layout{gap:8%}.about{gap:9%}}
@media(max-width:760px){html{scroll-padding-top:72px}.shell{width:calc(100% - 38px)}.site-header{min-height:72px;padding-inline:19px}.site-header.is-scrolled{min-height:64px}.brand img{width:41px;height:41px}.brand-label b{font-size:13px}.brand-label small{font-size:7px}.js .menu-toggle{position:relative;z-index:33;display:flex;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:9px;background:transparent;cursor:pointer}.menu-toggle span{width:17px;height:1px;background:var(--paper);transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.js .main-nav{position:fixed;z-index:32;top:71px;right:0;bottom:0;left:0;display:flex;visibility:hidden;flex-direction:column;align-items:stretch;gap:0;padding:17px 22px 32px;background:rgba(9,9,9,.98);opacity:0;transform:translateY(-7px);transition:opacity .2s,transform .2s,visibility .2s}.js .main-nav.is-open{visibility:visible;opacity:1;transform:translateY(0)}.main-nav>a:not(.nav-cta){padding:17px 0;border-bottom:1px solid var(--line);font-size:19px}.nav-cta{margin-top:24px;padding:14px;text-align:center;font-size:13px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:53px;padding-bottom:70px;gap:39px}.hero-copy{padding:0}.hero-copy .eyebrow{margin-bottom:23px}.hero-lead{font-size:14px}.hero-art{min-height:min(102vw,430px)}.hero-logo{width:78%}.scroll-cue{bottom:22px}.hero-services{margin-top:31px}.service-strip{padding-block:14px}.service-strip-track span{font-size:9px}.service-strip-track b{margin-inline:20px}.section{padding-block:77px}.section-intro{display:block;margin-bottom:34px}.section-intro>p{max-width:480px;margin-top:21px;font-size:12px}.section-intro h2,h2{font-size:clamp(39px,10vw,55px)}.service-grid{grid-template-columns:1fr}.service-card{min-height:280px;padding:22px;border-left:1px solid var(--line)}.service-card:first-child{border-top:0}.service-card h3{margin-top:65px}.service-card p{min-height:0}.portfolio{padding-top:14px}.portfolio-controls{align-items:flex-start;flex-direction:column;margin-bottom:23px}.project-grid{grid-template-columns:1fr;gap:30px}.project-art{aspect-ratio:1.08}.project-poster strong,.project-social strong{font-size:clamp(59px,16vw,91px)}.project-browser .browser-copy{font-size:clamp(51px,14vw,71px)}.project-video strong{font-size:clamp(48px,12.6vw,67px)}.process-layout,.about,.faq,.contact-layout{grid-template-columns:1fr;gap:42px}.process-intro>p:not(.eyebrow){margin-top:21px}.about-mark{width:min(310px,90%);min-height:auto;aspect-ratio:1}.about-copy .about-lead{font-size:16px}.pricing{padding-top:77px}.pricing-grid{grid-template-columns:1fr;gap:12px}.price-card{min-height:325px;padding:23px}.price-card>p:not(.price){min-height:0}.faq{gap:31px}.faq summary{font-size:13px}.contact-copy h2{font-size:clamp(48px,12vw,70px)}.contact-panel{padding:20px}.footer-top{flex-wrap:wrap}.footer-top>p{margin-left:auto}.footer-top>a:last-child{width:100%;padding-top:15px;border-top:1px solid var(--line)}.footer-bottom{flex-wrap:wrap;padding-block:15px;gap:7px 18px}.footer-bottom>span:nth-child(2){display:none}.mobile-contact{position:fixed;z-index:25;right:15px;bottom:15px;display:inline-flex;align-items:center;gap:7px;padding:11px 14px;border:1px solid rgba(255,255,255,.23);border-radius:99px;color:var(--ink);background:var(--orange);box-shadow:0 8px 25px rgba(0,0,0,.35);font-size:11px;font-weight:800}.mobile-contact span{font-size:13px}.site-footer{padding-bottom:61px}.project-dialog{padding:34px 24px 25px}}
@media(max-width:390px){.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-art{min-height:290px}.hero-tag{font-size:7px}.tag-one{left:4%}.tag-two{right:4%}.hero-art-top,.hero-art-bottom{right:13px;left:13px}.filter-button{padding:7px 9px}.project-meta b{font-size:15px}.process-list li{grid-template-columns:47px 1fr;gap:13px}.contact-panel a,.contact-panel strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}}
.service-strip-track{display:flex;width:max-content;will-change:transform}.service-strip-group{display:flex;flex:0 0 auto;align-items:center;white-space:nowrap}.service-strip-track span{white-space:nowrap}.service-strip-group b{flex:0 0 auto}.about-mark{width:min(100%,460px);height:auto;min-height:0;aspect-ratio:1/1;justify-self:center}.about-mark img{width:79%;height:auto;aspect-ratio:1/1;object-fit:contain;flex:none}.hero-logo{height:auto;aspect-ratio:1/1;object-fit:contain}
@media(max-width:760px){.main-nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;font-size:9px}.js .main-nav{flex-wrap:nowrap}.about-mark{width:min(310px,90%);min-height:0;aspect-ratio:1/1}}