@font-face{font-family:Manrope;src:url('/assets/manrope-400.ttf');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/manrope-500.ttf');font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/manrope-600.ttf');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/manrope-700.ttf');font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/manrope-800.ttf');font-weight:800;font-display:swap}
:root{--bg:#08090b;--surface:#121418;--raised:#1a1d23;--text:#f5f5f0;--muted:#a8adb6;--lime:#d3ff62;--blue:#7b86ff;--line:#ffffff24;--pad:clamp(20px,4.3vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:17px;line-height:1.65}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}button{background:none;border:0}button:disabled{cursor:default}::selection{background:var(--lime);color:var(--bg)}:focus-visible{outline:2px solid var(--lime);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;line-height:1.13;letter-spacing:-.055em}h2{font-size:clamp(34px,4vw,58px)}h3{font-size:25px}p{color:var(--muted)}.mono{font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;font-size:11px;letter-spacing:.07em;line-height:1.5}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.1em;color:var(--lime);display:block;margin-bottom:20px}.section,.hero{max-width:1368px;padding-left:var(--pad);padding-right:var(--pad);margin:auto}.section{padding-top:124px;scroll-margin-top:20px}.header{position:fixed;z-index:20;top:24px;left:50%;transform:translateX(-50%);width:calc(100% - var(--pad)*2);max-width:1240px;padding:13px 16px 13px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:70px;background:#121418e8;backdrop-filter:blur(18px);transition:padding .2s,top .2s}.header.scrolled{top:12px;padding-top:9px;padding-bottom:9px}.brand{display:flex;gap:10px;align-items:center;font-size:17px;font-weight:800;letter-spacing:-.04em;line-height:1.3}.brand-icon{font-size:38px;color:var(--lime);line-height:1;letter-spacing:-.18em;padding-right:8px}.brand-icon span{color:var(--text)}.brand-sub{display:block;color:var(--muted);font-size:9px;font-weight:400;letter-spacing:.02em;margin-top:3px}.header nav{display:flex;gap:26px;font-size:12px}.header nav a{position:relative;padding:12px 0}.header nav a.active:before{content:'';width:4px;height:4px;background:var(--lime);border-radius:50%;position:absolute;left:-10px;top:50%}.header nav a:hover{color:var(--lime)}.button{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;min-height:56px;border-radius:50px;background:var(--lime);color:var(--bg);padding:15px 25px;font-weight:700;font-size:14px;line-height:1.4;transition:background .2s,transform .2s}.button span{font-size:23px;line-height:1}.button.small{min-height:44px;font-size:11px;padding:11px 20px;gap:17px}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;padding:12px}.menu-toggle span{display:block;width:18px;height:1px;background:var(--text);margin:5px 0}.hero{padding-top:170px;position:relative}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.hero-top span:first-child{color:var(--text)}.dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:10px;box-shadow:0 0 14px #d3ff6255}.hero-layout{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:30px;padding:42px 0 56px}.hero h1{font-size:clamp(55px,5.6vw,82px);line-height:1.12;letter-spacing:-.065em}.selection{position:relative;display:inline-block;color:var(--lime);border:1px solid #d3ff6280;padding:0 9px 7px;margin:8px -10px 0;white-space:nowrap}.selection i{position:absolute;width:7px;height:7px;background:var(--lime);border:1px solid var(--bg)}.selection i:nth-child(1){left:-4px;top:-4px}.selection i:nth-child(2){right:-4px;top:-4px}.selection i:nth-child(3){left:-4px;bottom:-4px}.selection i:nth-child(4){right:-4px;bottom:-4px}.hero-aside{color:var(--text);font-size:14px;margin-top:16px}.hero-aside>span{color:var(--blue);font-size:24px;margin-right:7px}.intro{max-width:480px;margin-top:30px;font-size:15px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.secondary-link{font-size:12px;border-bottom:1px solid var(--line);padding:12px 0}.hero-art{height:450px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 60% 55%,#7b86ff19,transparent 70%)}.art-coordinate{position:absolute;top:8px;left:18px;color:var(--muted);font-size:9px}.orbit{position:absolute;width:350px;height:350px;border:1px solid #ffffff12;border-radius:50%;transform:rotate(-22deg) scaleX(1.13)}.orbit-two{transform:rotate(45deg) scaleX(.75);width:430px;height:430px}.graphic-frame{width:300px;height:340px;border-radius:7px;border:1px solid #ffffff30;background:linear-gradient(145deg,#242a36,#121418);transform:rotate(-9deg);box-shadow:0 40px 90px #0008;position:relative;overflow:hidden}.graphic-frame:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:32px 32px}.graphic-symbol{font-size:260px;font-weight:800;line-height:.85;letter-spacing:-.12em;color:var(--lime);position:relative;top:15px;left:24px}.graphic-symbol span{font-size:112px;position:absolute;top:36px;right:65px;color:var(--blue);transform:rotate(9deg)}.graphic-label{display:flex;position:absolute;bottom:25px;left:26px;right:26px;justify-content:space-between;font-size:9px;letter-spacing:.1em}.graphic-label span:last-child{font-size:25px}.graphic-sticker{position:absolute;bottom:60px;right:0;background:var(--blue);color:var(--bg);border:1px solid #ffffff30;padding:22px 25px;font-weight:800;line-height:1.1;font-size:23px;transform:rotate(8deg);box-shadow:0 10px 30px #0004}.cursor{position:absolute;left:14px;bottom:67px;display:flex;align-items:flex-start;gap:2px;transform:rotate(-4deg)}.cursor>span{margin-top:23px;background:var(--lime);color:var(--bg);font-size:10px;padding:4px 9px;border-radius:4px}.art-measure{position:absolute;bottom:4px;left:15px;font-size:8px;color:var(--muted)}.hero-bottom{padding:22px 0;border-top:1px solid var(--line);font-size:9px}.section-label{display:flex;justify-content:space-between;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;margin-bottom:37px}.section-label span:first-child{color:var(--lime)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:44px}.section-heading h2{max-width:850px}.section-heading>p{font-size:13px;padding-bottom:5px}.big-star{font-size:85px;line-height:1;color:var(--lime);margin-right:5px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.work-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;gap:44px;align-items:center}.case-art{height:320px;border-radius:22px;overflow:hidden;position:relative;padding:22px;background:var(--lime);color:var(--bg);transition:transform .4s}.work-card:first-child .case-art{height:390px}.art-top,.art-bottom{display:flex;justify-content:space-between;position:relative;z-index:2;font-size:9px}.art-num{position:absolute;font-size:310px;font-weight:800;line-height:1;letter-spacing:-.12em;right:35px;top:25px;opacity:.2}.art-word{position:absolute;bottom:70px;left:24px;font-size:clamp(32px,4vw,60px);font-weight:800;line-height:1.1;letter-spacing:-.06em;max-width:90%}.art-bottom{position:absolute;left:24px;right:24px;bottom:22px;padding-top:16px;border-top:1px solid #08090b40}.art-bottom span:last-child{font-size:20px;line-height:1}.blue .case-art{background:var(--blue)}.pale .case-art{background:#e3e5dd}.work-info{padding:24px 0 12px}.work-category{color:var(--muted);font-size:9px;text-transform:uppercase}.work-info h3{font-size:clamp(26px,2.5vw,36px);margin:16px 0 12px;max-width:420px}.work-info p{font-size:13px}.case-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:24px;padding:12px 0;border-top:1px solid var(--line)}.case-link span{font-size:23px;color:var(--lime);transition:transform .2s}.work-card{min-width:0}.work-card:focus-visible{outline-offset:10px;border-radius:24px}.serif-word{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--lime)}.service-list{border-top:1px solid var(--line)}.service{border-bottom:1px solid var(--line);padding:0 20px;transition:background .2s;border-radius:14px}.service[open]{background:var(--surface);outline:1px solid #d3ff6250;margin:8px 0}.service summary{list-style:none;display:grid;grid-template-columns:45px 1fr auto 20px;align-items:center;gap:20px;cursor:pointer;padding:30px 0}.service summary::-webkit-details-marker,details summary::-webkit-details-marker{display:none}.service-number{color:var(--muted)}.service-title{font-size:26px;font-weight:700;line-height:1.3;letter-spacing:-.04em}.service-desc{display:block;font-size:12px;line-height:1.7;font-weight:400;color:var(--muted);letter-spacing:0;max-width:450px;margin-top:7px}.price{color:var(--lime);font-size:16px;white-space:nowrap}.plus{font-size:25px;font-weight:400;line-height:1;color:var(--muted);transition:transform .25s}details[open]>summary .plus{transform:rotate(45deg);color:var(--lime)}.service-content{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:6px 45px 30px 65px}.service-content .eyebrow{font-size:9px;margin-bottom:10px}.service-content p{font-size:13px;max-width:390px}.text-link{display:inline-block;font-size:12px;color:var(--lime);margin-top:22px;padding:10px 0}.service-note{font-size:9px;color:var(--muted);margin-top:20px}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.about-visual{position:relative;min-height:510px;background:#141824;border:1px solid var(--line);border-radius:28px;padding:28px;overflow:hidden}.about-visual>.mono{font-size:9px;color:var(--muted)}.about-glyph{font-size:370px;line-height:1;font-weight:800;letter-spacing:-.15em;color:var(--blue);transform:rotate(-13deg);position:absolute;top:25px;left:35px}.about-glyph span{color:var(--lime)}.about-note{position:absolute;left:30px;bottom:85px;font-size:35px;line-height:1.1;font-weight:800;letter-spacing:-.05em}.visual-bottom{position:absolute;bottom:28px;left:28px;right:28px;display:flex;justify-content:space-between}.about-copy h2{font-size:clamp(34px,3.5vw,50px);margin-bottom:30px}.about-copy p{font-size:14px;color:var(--text);margin-bottom:20px;line-height:1.85}.about-copy p.muted{color:var(--muted)}.about-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:22px;margin-top:30px}.about-facts strong{font-size:37px;line-height:1.3;letter-spacing:-.06em;color:var(--lime);display:block}.about-facts span{font-size:10px;color:var(--muted)}.process{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:start}.process-title{position:sticky;top:140px}.process-title h2{margin:25px 0}.process-title p{font-size:13px}.steps{padding:0 0 0 32px;margin:0;list-style:none;position:relative;--progress:0%}.steps:before,.steps:after{content:'';position:absolute;left:0;top:0;width:1px;height:100%;background:var(--line)}.steps:after{height:var(--progress);background:var(--lime);transition:height .2s}.steps li{padding:27px 26px;margin-bottom:17px;background:var(--surface);border:1px solid var(--line);border-radius:24px;display:flex;align-items:flex-start;gap:24px;position:relative}.steps li:last-child{margin-bottom:0}.steps li:before{content:'';position:absolute;left:-37px;top:39px;width:8px;height:8px;border:1px solid var(--muted);border-radius:50%;background:var(--bg);z-index:1}.steps li.passed:before{background:var(--lime);border-color:var(--lime);box-shadow:0 0 18px #d3ff6240}.step-number{font-size:14px;color:var(--lime);margin-top:3px}.steps h3{font-size:21px;letter-spacing:-.03em;margin-bottom:12px}.steps p{font-size:13px;line-height:1.8}.faq-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.faq-layout>div>p{font-size:13px;margin-top:25px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:15px;font-weight:600;padding:24px 0;line-height:1.5}.faq-list details p{font-size:13px;line-height:1.9;padding:0 35px 24px 0}.contact{margin-top:125px;padding-top:30px;padding-bottom:48px;max-width:1240px;border:1px solid #ffffff30;border-radius:32px;background:radial-gradient(ellipse at 100% 100%,#d3ff6222,transparent 55%),radial-gradient(ellipse at 0 0,#7b86ff25,transparent 65%),#111317;position:relative;overflow:hidden}.contact-top{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:50px}.contact h2{font-size:clamp(45px,6vw,86px);line-height:1.08}.contact h2>span{color:var(--lime)}.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:42px;align-items:start}.contact-bottom>p{max-width:390px;font-size:14px}.contact-actions{justify-self:end;min-width:270px;max-width:100%}.contact-actions .button{width:100%;font-size:14px}.copy-brief{display:flex;justify-content:space-between;gap:15px;align-items:center;width:100%;padding:16px 4px;font-size:11px;min-height:44px}.copy-brief:hover{color:var(--lime)}#copy-status{display:block;color:var(--lime);font-size:12px;min-height:20px}.selected-service{color:var(--lime);font-size:12px;margin-bottom:12px}footer{display:flex;max-width:1368px;margin:0 auto;padding:48px var(--pad);gap:40px;align-items:center;font-size:12px;color:var(--muted)}.footer-brand{font-size:20px;font-weight:800;letter-spacing:-.04em;color:var(--text);margin-right:auto}.footer-brand>span{display:block;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:0}.to-top{margin-left:25px}.skip{position:fixed;z-index:100;top:-100px;left:20px;background:var(--lime);color:var(--bg);padding:12px}.skip:focus{top:10px}dialog{color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:28px;padding:24px;width:calc(100% - 32px);max-width:550px;max-height:calc(100dvh - 32px)}dialog::backdrop{background:#08090bcc;backdrop-filter:blur(12px)}.menu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;color:var(--muted)}.close-menu{font-size:30px;width:44px;height:44px;background:var(--raised);border-radius:50%}dialog nav a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 0;font-size:22px;font-weight:700}dialog nav a span{color:var(--lime)}dialog>p{margin-top:30px;font-size:9px}.case-page{padding-top:85px}.case-intro{padding-top:80px}.back-link{display:inline-block;font-size:13px;padding:15px 0;margin-bottom:50px;color:var(--muted)}.case-intro h1{font-size:clamp(46px,7vw,96px);max-width:1000px}.case-subtitle{font-size:19px;margin-top:25px}.case-body{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding-top:45px;margin:70px 0 45px}.case-body h2{font-size:28px;max-width:500px}.case-body p{max-width:400px}.next-case{display:block;max-width:1240px;margin:100px auto 0;padding:45px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.next-case>.mono{color:var(--lime)}.next-case h2{margin-top:20px;font-size:36px;display:flex;justify-content:space-between;gap:30px}.next-case h2 span{color:var(--lime)}.not-found{padding-top:200px;min-height:75vh}.not-found h1{font-size:clamp(40px,6vw,75px);margin:20px 0 35px}.not-found>.mono{color:var(--lime)}
@media(hover:hover){.button:hover{background:#e1ff98;transform:translateY(-2px)}.work-card:hover .case-art{transform:translateY(-5px)}.work-card:hover .case-link span{transform:translate(4px,-4px)}.work-card:hover h3{color:var(--lime)}.secondary-link:hover{border-color:var(--lime)}.hero-art{transition:transform .3s}}
@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-copy{animation:enter .65s ease both}.hero-art{animation:enter .8s .1s ease both}
@media(min-width:1500px){.hero h1{font-size:88px}.hero-layout{gap:65px}}
@media(max-width:1100px){.header nav{gap:18px}.header nav a{font-size:11px}.hero h1{font-size:6.1vw}.hero-layout{grid-template-columns:1.25fr 1fr;gap:15px}.graphic-frame{width:250px;height:300px}.graphic-symbol{font-size:225px}.graphic-symbol span{font-size:95px;right:55px}.hero-art{height:420px}.graphic-sticker{font-size:20px;padding:18px}.orbit{width:280px;height:280px}.orbit-two{width:340px;height:340px}.intro{font-size:14px}.hero-actions{gap:17px}.hero-actions .button{font-size:12px;gap:18px}.secondary-link{font-size:10px}.about{gap:40px}.process,.faq-layout{gap:40px}.contact{margin-left:var(--pad);margin-right:var(--pad)}.next-case{margin-left:var(--pad);margin-right:var(--pad)}}
@media(max-width:820px){.header nav,.header-cta{display:none}.menu-toggle{display:block}.header{top:16px;padding:9px 12px 9px 20px}.brand{font-size:16px}.hero{padding-top:130px}.hero-top{font-size:9px}.hero-layout{grid-template-columns:1fr;gap:25px;padding-top:35px}.hero h1{font-size:clamp(48px,9vw,76px)}.hero-copy{max-width:650px}.hero-art{height:380px;margin-top:10px;max-width:510px;width:100%;justify-self:center}.graphic-frame{width:285px;height:325px}.graphic-symbol{font-size:250px}.graphic-symbol span{font-size:108px;right:60px}.graphic-sticker{right:20px;bottom:38px}.art-coordinate{left:35px}.intro{font-size:15px;max-width:550px}.hero-actions .button{font-size:14px}.secondary-link{font-size:12px}.hero-bottom{font-size:8px}.section{padding-top:85px}.section-heading h2{font-size:40px}.big-star{font-size:60px}.work-card:first-child{display:block;grid-column:1/-1}.work-card:first-child .case-art{height:370px}.work-grid{gap:30px 22px}.case-art{height:280px;padding:18px}.art-word{font-size:34px}.work-card:first-child .art-word{font-size:60px}.art-num{font-size:260px;right:25px;top:35px}.work-card:first-child .art-num{font-size:350px;top:10px}.work-info h3{font-size:27px;max-width:100%}.work-info p{font-size:12px}.section-heading>p{display:none}.service-title{font-size:23px}.service-content{padding-left:45px;padding-right:15px;gap:25px}.service summary{grid-template-columns:30px 1fr auto 20px;gap:15px}.service-desc{max-width:350px}.price{font-size:13px}.about{grid-template-columns:1fr 1fr;gap:30px}.about-visual{min-height:420px;padding:20px}.about-glyph{font-size:290px;left:10px;top:40px}.about-note{font-size:28px;left:22px}.about-copy h2{font-size:35px}.about-copy p{font-size:13px}.about-facts{gap:10px}.about-facts strong{font-size:29px}.about-facts span{font-size:9px}.process{grid-template-columns:.9fr 1.2fr;gap:30px}.process h2{font-size:38px}.steps li{padding:25px 18px;gap:15px}.steps h3{font-size:19px}.steps p{font-size:12px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-layout h2 br{display:none}.faq-layout>div>p br{display:none}.contact{padding:27px 30px 30px;margin-top:85px}.contact h2{font-size:58px}.contact-top{font-size:9px;margin-bottom:35px}.contact-bottom{gap:25px}.contact-bottom>p{font-size:13px}.contact-actions{min-width:250px}footer{gap:25px;padding-top:35px;padding-bottom:35px}.to-top{margin-left:0}}
@media(max-width:540px){html{scroll-padding-top:100px}.header{width:calc(100% - 32px)}.brand-sub{font-size:8px}.hero{padding-top:125px}.hero-top>span:last-child{max-width:110px;text-align:right;font-size:8px}.hero-top>span:first-child{font-size:8px}.hero-layout{padding-top:28px;padding-bottom:35px;gap:22px}.hero h1{font-size:clamp(37px,10.7vw,57px);line-height:1.16}.selection{padding:0 5px 5px;margin-left:-6px;margin-right:-6px;margin-top:6px}.hero-aside{font-size:11px;margin-top:12px}.hero-aside>span{font-size:20px}.intro{font-size:13px;line-height:1.85;margin-top:23px}.hero-actions{align-items:flex-start;gap:18px;flex-wrap:wrap;margin-top:24px}.hero-actions .button{min-height:50px;font-size:12px;padding:14px 20px;gap:20px}.secondary-link{font-size:10px;min-height:44px;display:inline-flex;align-items:center}.hero-art{height:310px;max-width:350px;margin-top:6px}.graphic-frame{width:220px;height:260px}.graphic-symbol{font-size:200px;left:18px;top:12px}.graphic-symbol span{font-size:88px;top:28px;right:48px}.graphic-label{font-size:7px;bottom:18px;left:20px;right:20px}.graphic-label span:last-child{font-size:20px}.graphic-sticker{font-size:18px;padding:17px;bottom:26px;right:5px}.cursor{left:0;bottom:39px}.cursor>span{font-size:8px}.art-coordinate{top:0;left:8px;font-size:7px}.art-measure{font-size:6px;bottom:-5px;left:7px}.orbit{width:245px;height:245px}.orbit-two{width:290px;height:290px}.hero-bottom{font-size:6px;gap:15px;padding:18px 0}.section{padding-top:75px}.section-label{font-size:8px;margin-bottom:26px;padding-top:18px;gap:20px}.section-label span:last-child{text-align:right}.section-heading{margin-bottom:27px;align-items:center}.section-heading h2{font-size:clamp(30px,8vw,40px)}.big-star{display:none}.work-grid{grid-template-columns:1fr;gap:30px}.case-art,.work-card:first-child .case-art{height:310px;border-radius:20px}.art-word,.work-card:first-child .art-word{font-size:40px;left:22px;bottom:65px;max-width:85%}.art-top,.art-bottom{font-size:8px}.art-num,.work-card:first-child .art-num{font-size:285px;top:22px;right:35px}.work-info{padding-top:18px}.work-info h3{font-size:27px;margin-top:10px}.work-info p{font-size:12px}.case-link{margin-top:18px}.service{padding:0 15px}.service summary{grid-template-columns:1fr auto 16px;gap:12px;padding:23px 0;align-items:start}.service-number{display:none}.service-title{font-size:22px}.service-desc{font-size:11px;margin-top:9px;max-width:205px}.price{font-size:11px;padding-top:5px}.plus{font-size:22px;margin-top:3px}.service-content{grid-template-columns:1fr;padding:0 0 23px;gap:20px}.service-content p{font-size:12px}.service-content .eyebrow{font-size:8px;margin-bottom:8px}.text-link{margin-top:10px;min-height:44px}.service-note{font-size:7px;line-height:1.8;margin-top:16px}.about{grid-template-columns:1fr;gap:35px}.about-visual{min-height:355px;order:2}.about-glyph{font-size:300px;top:0;left:22%}.about-note{font-size:29px;bottom:65px}.about-copy h2{font-size:36px;margin-bottom:25px}.about-copy p{font-size:14px}.about-facts strong{font-size:37px}.about-facts span{font-size:10px}.process{grid-template-columns:1fr;gap:35px}.process-title{position:static}.process h2{font-size:38px}.process h2 br{display:none}.process-title p{font-size:13px}.steps{padding-left:27px}.steps li{padding:25px 19px;gap:17px}.steps li:before{left:-32px}.steps h3{font-size:20px}.steps p{font-size:13px}.faq-layout{gap:20px}.faq-layout h2{font-size:36px}.faq-list summary{font-size:14px;min-height:70px}.faq-list details p{font-size:13px}.contact{margin-top:75px;padding:24px 22px 25px;border-radius:25px}.contact-top{font-size:7px;margin-bottom:34px}.contact h2{font-size:clamp(32px,9vw,48px);line-height:1.12}.contact-bottom{grid-template-columns:1fr;gap:25px;margin-top:25px}.contact-bottom>p{font-size:13px}.contact-actions{justify-self:stretch;min-width:0}.contact-actions .button{font-size:13px;padding:15px 20px}.copy-brief{font-size:10px}footer{display:grid;grid-template-columns:1fr auto;gap:23px;font-size:11px}.footer-brand{font-size:21px}.to-top{text-align:right}.case-page{padding-top:70px}.case-intro{padding-top:40px}.back-link{margin-bottom:30px}.case-intro h1{font-size:42px}.case-subtitle{font-size:16px}.case-body{grid-template-columns:1fr;gap:35px;margin-top:40px}.case-body h2{font-size:26px}.case-body p{font-size:15px}.next-case{margin-top:70px}.next-case h2{font-size:28px}.next-case>.mono{font-size:9px}.not-found{padding-top:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{transform:none!important}}
@media(min-width:1101px){.service-list{position:relative;min-height:400px}.service{width:54%;border-radius:16px;margin-right:46%;padding:0 22px}.service[open]{margin-right:46%;margin-top:0;margin-bottom:0}.service summary{grid-template-columns:24px 1fr auto 16px;gap:14px;padding:24px 0}.service-title{font-size:24px}.service-desc{font-size:12px}.price{font-size:13px}.service-content{position:absolute;left:59%;top:0;width:41%;min-height:365px;display:flex;flex-direction:column;gap:35px;padding:32px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at 100% 100%,#d3ff620a,transparent 70%),var(--surface)}.service-content p{font-size:15px}.service-content .eyebrow{font-size:10px}.service:not([open]) .service-content{display:none}.service-note{margin-top:25px}}
@media(max-width:540px){.intro,.about-copy p{font-size:16px}.service summary{grid-template-columns:1fr 20px;gap:10px}.service-title{grid-column:1;grid-row:1;font-size:24px}.service-desc{font-size:14px;max-width:none;line-height:1.65}.price{grid-column:1;grid-row:2;font-size:15px;padding-top:4px}.service summary>.plus{grid-column:2;grid-row:1}.service-content p,.steps p,.faq-list details p,.contact-bottom>p{font-size:15px}.faq-list summary{font-size:16px}.steps h3{font-size:22px}.work-info p{font-size:14px}.hero-aside{font-size:12px}}
/* Progressive gallery: horizontal list without JavaScript, perspective carousel with it. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.gallery{--card-width:clamp(200px,25vw,290px);margin:8px 0 68px;min-width:0}
.gallery-meta{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px;margin-bottom:12px}
.gallery-stage{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:24px 8px;min-width:0;overscroll-behavior-x:contain}
.gallery-slide{margin:0;flex:0 0 var(--card-width);width:var(--card-width);aspect-ratio:9/16;scroll-snap-align:center;background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.gallery-slide picture,.gallery-slide img{display:block;width:100%;height:100%}.gallery-slide img{object-fit:contain;user-select:none;-webkit-user-drag:none}
.gallery.is-ready .gallery-stage{display:block;position:relative;overflow:clip;perspective:1100px;height:calc(var(--card-width)*16/9 + 68px);padding:0;touch-action:pan-y;cursor:grab;isolation:isolate}
.gallery.is-dragging .gallery-stage{cursor:grabbing}
.gallery.is-ready .gallery-card{position:absolute;left:50%;top:50%;padding:0;transform-origin:center center;backface-visibility:hidden;will-change:transform,opacity;transition:transform 900ms cubic-bezier(.22,.68,.15,1),opacity 900ms ease;box-shadow:0 18px 40px #0004;cursor:pointer;outline-offset:-4px}
.gallery.is-ready .gallery-card[aria-current="true"]{border-color:#ffffff45;cursor:default}
.gallery.is-ready .gallery-card.is-recycling{transition:none!important}
.gallery-controls:not([hidden]){display:flex;align-items:center;justify-content:center;gap:28px;padding-top:9px}.gallery-controls button{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50px;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.gallery-arrows{display:flex;gap:8px}.gallery-arrows button{font-size:22px}.gallery-count{color:var(--muted);min-width:60px;text-align:center;font-size:11px}.gallery-pause{gap:9px;padding:0 17px;font-size:11px}.pause-icon{color:var(--lime);font-size:15px}.gallery:focus-visible{outline-offset:10px;border-radius:24px}
@media(hover:hover){.gallery-controls button:hover{background:var(--lime);color:var(--bg)}.gallery-controls button:hover .pause-icon{color:var(--bg)}}
@media(max-width:820px){.gallery{--card-width:clamp(200px,33vw,270px);margin-bottom:45px}}
@media(max-width:540px){.gallery{--card-width:64vw}.gallery-meta{font-size:7px;gap:12px}.gallery.is-ready .gallery-stage{height:calc(var(--card-width)*16/9 + 40px)}.gallery-slide{border-radius:19px}.gallery-controls:not([hidden]){gap:18px}.gallery-pause{padding:0 13px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.gallery.is-ready .gallery-card{transition:none!important}}
@media(max-width:540px){.hero-art{overflow:clip}.process>*,.faq-layout>*,.steps li>div{min-width:0}}
/* Hero glow uses the site's blue and lime, fading into the page at both ends. */
.hero{max-width:none;background:linear-gradient(180deg,#08090b 0%,#08090b00 24%,#08090b00 72%,#08090b 100%),radial-gradient(ellipse at 3% 48%,#7b86ff4d 0%,#7b86ff21 28%,#7b86ff00 65%),radial-gradient(ellipse at 97% 55%,#d3ff623d 0%,#d3ff6219 30%,#d3ff6200 66%)}
.hero>.hero-top,.hero>.hero-layout,.hero>.hero-bottom{max-width:calc(1368px - var(--pad)*2);margin-left:auto;margin-right:auto}
/* A shallow 3D block turns over when the illustrated cursor clicks it. */
.hero-art{perspective:1100px}
.graphic-cube{position:relative;width:300px;height:340px;transform:rotateZ(-9deg);transform-style:preserve-3d;flex-shrink:0;will-change:transform}
.graphic-cube .graphic-frame{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;box-shadow:none;transform:translateZ(14px)}
.graphic-cube .cube-back{transform:rotateY(180deg) translateZ(14px);background:linear-gradient(145deg,#283044,#151923)}
.graphic-cube .cube-back .graphic-symbol{color:var(--blue)}
.graphic-cube .cube-back .graphic-symbol span{color:var(--lime)}
.cube-edge{position:absolute;background:#30384a;backface-visibility:hidden;border:1px solid #ffffff20}
.edge-left,.edge-right{top:0;width:28px;height:100%}.edge-left{left:0;transform:translateX(-50%) rotateY(-90deg)}.edge-right{right:0;transform:translateX(50%) rotateY(90deg)}
.edge-top,.edge-bottom{left:0;width:100%;height:28px}.edge-top{top:0;transform:translateY(-50%) rotateX(90deg)}.edge-bottom{bottom:0;transform:translateY(50%) rotateX(-90deg)}
.hero-art .cursor{z-index:3;pointer-events:none;will-change:transform}
.hero-art .cursor:after{content:'';position:absolute;left:4px;top:5px;width:20px;height:20px;border:1px solid var(--lime);border-radius:50%;opacity:0;pointer-events:none}
.hero-art.is-animated .graphic-cube{animation:hero-turn 12s cubic-bezier(.45,0,.2,1) infinite}
.hero-art.is-animated .cursor{animation:hero-cursor 12s cubic-bezier(.45,0,.2,1) infinite}
.hero-art.is-animated .cursor:after{animation:hero-click 12s linear infinite}
.hero-art.is-hero-paused .graphic-cube,.hero-art.is-hero-paused .cursor,.hero-art.is-hero-paused .cursor:after{animation-play-state:paused}
@keyframes hero-turn{0%,22%{transform:rotateZ(-9deg) rotateX(0deg) rotateY(0deg)}28%{transform:rotateZ(-5deg) rotateX(9deg) rotateY(85deg)}34%,68%{transform:rotateZ(-9deg) rotateX(0deg) rotateY(180deg)}74%{transform:rotateZ(-13deg) rotateX(-9deg) rotateY(265deg)}80%,100%{transform:rotateZ(-9deg) rotateX(0deg) rotateY(360deg)}}
@keyframes hero-cursor{0%,10%,40%,58%,86%,100%{transform:translate(0,0) rotate(-4deg) scale(1)}18%,20%,24%,30%,64%,66%,70%,76%{transform:translate(var(--cursor-x),var(--cursor-y)) rotate(-4deg) scale(1)}22%,68%{transform:translate(var(--cursor-x),var(--cursor-y)) rotate(-4deg) scale(.84)}}
@keyframes hero-click{0%,20%,27%,66%,73%,100%{opacity:0;transform:translate(-50%,-50%) scale(.3)}22%,68%{opacity:.85;transform:translate(-50%,-50%) scale(.5)}26%,72%{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}
@media(max-width:1100px){.graphic-cube{width:250px;height:300px}}
@media(max-width:820px){.graphic-cube{width:285px;height:325px}}
@media(max-width:540px){.graphic-cube{width:220px;height:260px}}
@media(prefers-reduced-motion:reduce){.graphic-cube{will-change:auto}.hero-art .cursor{will-change:auto}.hero-art .cursor:after{display:none}}
.work-social{display:flex;justify-content:center;margin-top:36px}