*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{--bg:#091012;--ink:#f2f6f0;--muted:#a0b2ad;--line:#ffffff20;--surface:#111c1e;--accent:#b4f2d5;margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%}button{color:inherit}.wrap{width:calc(100% - 112px);max-width:1360px;margin:auto}.skip{position:absolute;left:10px;top:-100px;background:var(--accent);color:#111;padding:12px;z-index:100}.skip:focus{top:10px}.concept-bar{display:flex;justify-content:space-between;gap:10px;padding:11px 56px;background:#020707;color:#9eb2a9;font-size:10px;letter-spacing:.1em}.concept-bar div{display:flex;gap:24px}.concept-bar button{border:0;background:none;color:inherit;font-size:10px;letter-spacing:.06em;padding:0}.concept-bar a{text-decoration:underline;text-underline-offset:3px}header{height:106px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:12px}.brand img{width:43px;height:43px;object-fit:contain;border-radius:10px}.brand>span{font-size:24px;letter-spacing:-1px;font-weight:800}.brand-light{font-weight:400;color:var(--muted)}.brand i{display:block;font-style:normal;font-size:8px;letter-spacing:.2em;margin-top:4px;color:var(--muted)}nav{display:flex;gap:36px;font-size:12px}nav a{padding:12px 0;position:relative}nav a:after{content:'';position:absolute;height:1px;bottom:6px;left:0;width:0;background:var(--accent);transition:width .2s}nav a:hover:after{width:100%}.nav-cta{border:1px solid var(--line);border-radius:30px;padding:15px 20px;font-size:12px}.nav-cta span{margin-left:25px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;padding-top:10px;padding-bottom:35px;isolation:isolate}.hero-copy{z-index:2;padding-bottom:14px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:10px;line-height:1.6}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--accent);box-shadow:0 0 16px var(--accent)}h1{font-size:clamp(60px,6.65vw,96px);line-height:.99;font-weight:600;letter-spacing:-.075em;margin:31px 0 27px}h1 em{font-style:normal;color:var(--accent)}.intro{font-size:19px;color:var(--muted);line-height:1.6;margin:0 0 27px}.hero-actions{display:flex;align-items:center;gap:32px}.button{display:inline-flex;align-items:center;gap:40px;padding:19px 25px;border-radius:5px;font-size:13px;font-weight:700;transition:transform .25s,box-shadow .25s}.primary{background:var(--accent);color:#14221b}.button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003}.secondary{font-size:12px}.secondary span{margin-left:10px}.hero-proof{display:flex;gap:20px;margin-top:38px;text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:var(--muted)}.hero-proof span+span{border-left:1px solid var(--line);padding-left:20px}.hero-art{height:590px;position:relative;min-width:0;perspective:1000px}.art-grid{position:absolute;inset:40px -10px 30px;background-image:linear-gradient(#b4f2d507 1px,transparent 1px),linear-gradient(90deg,#b4f2d507 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse,black,transparent 70%)}.orb{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none}.orb-a{width:420px;height:420px;top:60px;left:45px;background:#24665648;animation:glow 9s ease-in-out infinite alternate}.orb-b{width:180px;height:230px;right:0;bottom:30px;background:#4e61c933}.orbit{position:absolute;border:1px solid #b4f2d522;width:520px;height:520px;border-radius:50%;left:20px;top:30px;transform:rotateX(25deg) rotateZ(-20deg)}.orbit:after{content:'';position:absolute;inset:45px -40px;border:1px solid #b4f2d516;border-radius:50%;transform:rotate(-25deg)}.art-word{position:absolute;top:90px;left:95px;font-size:300px;letter-spacing:-.12em;font-weight:900;color:#b4f2d507;line-height:1}.art-caption{position:absolute;top:24px;right:5px;font-size:9px;letter-spacing:.18em;color:var(--muted)}.phone{position:absolute;padding:6px;background:#0d1314;border:1px solid #c4ded052;border-radius:32px;box-shadow:8px 30px 50px #0009;overflow:hidden;transition:box-shadow .4s;will-change:transform;animation:float 7s ease-in-out infinite}.phone:hover{box-shadow:0 0 0 2px var(--accent),8px 30px 60px #0008}.phone img{width:100%;height:100%;object-fit:contain;background:#070707;border-radius:25px}.phone-left{width:185px;height:376px;left:3%;top:137px;--r:-14deg;transform:rotate(-14deg);animation-delay:-3s}.phone-main{width:219px;height:438px;left:32%;top:61px;z-index:2;--r:4deg;transform:rotate(4deg);box-shadow:0 0 0 2px #b4f2d51b,12px 20px 55px #0009}.phone-right{width:170px;height:358px;right:0;top:165px;--r:17deg;transform:rotate(17deg);animation-delay:-5s}.float-tag{position:absolute;z-index:3;padding:13px 16px;display:flex;gap:12px;align-items:center;background:#182726ed;border:1px solid #b4f2d52d;box-shadow:0 14px 30px #0004;border-radius:10px;backdrop-filter:blur(15px)}.float-tag strong{display:block;font-size:12px;letter-spacing:-.02em}.float-tag span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.float-tag .app-icon{width:36px;height:36px;border-radius:9px}.tag-main{left:4%;top:70px;animation:tag-float 8s ease-in-out infinite}.tag-main>span{font-size:23px;margin-left:8px;color:var(--accent)}.tag-small{bottom:24px;left:27%;animation:tag-float 8s ease-in-out -4s infinite}.tag-small .spark{font-size:30px;line-height:1;color:var(--accent);margin:0}.tiny-icons{position:absolute;display:flex;bottom:4px;right:0;gap:6px;transform:rotate(-5deg)}.tiny-icons .app-icon{height:26px;width:26px;border-radius:7px}.app-family{padding:24px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rail-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;letter-spacing:.16em}.app-rail{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:24px}.app-rail>a{display:flex;align-items:center;gap:11px;font-size:10px;line-height:1.4;transition:transform .2s}.app-rail>a:hover{transform:translateY(-5px)}.app-icon{width:40px;height:40px;border-radius:10px;object-fit:contain;flex-shrink:0}.services{padding-top:88px;padding-bottom:90px}.section-heading h2{font-size:clamp(37px,3.5vw,53px);letter-spacing:-.055em;line-height:1.08;margin:18px 0 22px;font-weight:500}.section-heading p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.7}.service-grid{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.service-grid article{border-top:1px solid var(--line);position:relative;padding:24px 0 0}.service-num{font-size:9px;letter-spacing:.12em;color:var(--muted)}.service-symbol{font-size:38px;color:var(--accent);margin:23px 0}.service-grid h3{font-size:22px;font-weight:500;letter-spacing:-.04em;margin:0 0 12px}.service-grid p{font-size:14px;color:var(--muted);line-height:1.7;max-width:360px}.service-detail{display:block;font-size:10px;color:var(--muted);padding-top:12px}.work{padding-top:42px;padding-bottom:60px}.work-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.work-heading em{font-style:normal;color:var(--accent)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.work-card{min-width:0;border-radius:12px;overflow:hidden;background:var(--surface);border:1px solid var(--line)}.work-visual{height:310px;background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--app-color) 30%,transparent),transparent 78%);overflow:hidden;position:relative}.preview-button{height:100%;width:100%;display:block;position:relative;background:none;border:0;padding:0}.preview-button>img{width:190px;height:auto;border:5px solid #252929;border-radius:25px;position:absolute;left:50%;top:30px;transform:translateX(-50%) rotate(-7deg);transition:transform .5s}.preview-button:hover>img{transform:translateX(-50%) rotate(0) translateY(-10px)}.preview-button>span{position:absolute;right:15px;bottom:15px;padding:9px 13px;background:#121a1bed;color:#fff;border-radius:20px;font-size:10px}.work-copy{padding:24px}.work-top{display:flex;gap:10px;align-items:center}.work-top>span{font-size:8px;letter-spacing:.12em;color:var(--muted)}.work-top>b{margin-left:auto;font-size:11px;color:var(--muted);font-weight:400}.work-copy h3{font-size:24px;letter-spacing:-.04em;margin:20px 0 10px}.work-copy p{color:var(--muted);font-size:13px;line-height:1.7;min-height:65px}.text-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;border-top:1px solid var(--line);padding-top:17px;margin-top:22px}.card-teams{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.card-teams .work-visual{height:480px;order:2;background:radial-gradient(ellipse at 50% 70%,#8c354459,transparent 70%)}.card-teams .preview-button>img{width:230px;top:25px}.card-teams .work-copy{padding:60px;align-self:center}.card-teams h3{font-size:45px}.card-teams p{font-size:16px;max-width:440px}.card-teams .text-link{max-width:390px}.preview-note{color:var(--muted);font-size:10px;margin-top:20px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:80px;padding-bottom:95px;border-bottom:1px solid var(--line)}.about-mark{min-height:360px;padding:45px;background:var(--accent);color:#14221b;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between}.about-mark>span{font-size:40px;letter-spacing:-.05em;line-height:1.1}.about-mark em{font-family:Georgia,serif;font-weight:400}.about-mark img{width:68px;border-radius:12px}.about h2{font-size:50px;letter-spacing:-.06em;margin:20px 0}.about p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted)}.process{padding:0;margin:30px 0 0;list-style:none;display:flex;gap:30px}.process li{display:flex;flex-direction:column;gap:13px;font-size:10px;flex:1}.process b{font-size:10px;color:var(--accent)}.contact{text-align:center;padding-top:100px;padding-bottom:100px}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(50px,6vw,90px);letter-spacing:-.065em;line-height:1.02;margin:30px 0}.contact h2 em{font-style:normal;color:var(--accent)}.contact p:last-child{font-size:12px;color:var(--muted);margin-top:25px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:27px 0;font-size:9px;letter-spacing:.06em;color:var(--muted)}dialog{max-height:92vh;width:min(600px,92vw);border:1px solid var(--line);border-radius:15px;padding:20px;background:var(--surface);color:var(--ink)}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-heading h2{font-size:18px}.dialog-heading button{border:1px solid var(--line);background:transparent;border-radius:50%;height:36px;width:36px}.full-preview{max-height:72vh;width:auto;margin:auto;border-radius:12px}.paused *,.capture *{animation-play-state:paused!important}.paused html{scroll-behavior:auto}
@keyframes float{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-14px) rotate(calc(var(--r) + 2deg))}}@keyframes glow{to{opacity:.45;transform:scale(1.16) translate(15px,-10px)}}@keyframes tag-float{50%{transform:translateY(9px)}}
/* Direction 02: a warmer, editorial design studio. */
.editorial{--bg:#f5f1e9;--ink:#262d28;--muted:#71766b;--line:#23372829;--surface:#fffaf2;--accent:#ac4a33}.editorial .concept-bar{background:#e9e4d9;color:#6b6458}.editorial header{border-bottom:1px solid var(--line)}.editorial .hero{grid-template-columns:1.05fr 1fr;padding-top:25px;min-height:660px}.editorial h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(55px,5.9vw,86px);letter-spacing:-.06em;line-height:1.01}.editorial h1 em{font-style:italic}.editorial .eyebrow{font-size:9px}.editorial .primary{background:#293d34;color:#fff;border-radius:0}.editorial .nav-cta{border-radius:0;border-color:#293d34}.editorial .hero-art{background:#dce2d5;height:550px;border-radius:48% 48% 5px 5px;margin:10px 0 15px 20px}.editorial .art-grid{display:none}.editorial .orb{filter:none;opacity:1}.editorial .orb-a{background:#e2b397;width:220px;height:220px;top:270px;left:-25px;border-radius:50%;animation:glow 8s infinite alternate}.editorial .orb-b{width:190px;height:190px;top:30px;right:-10px;background:#d2c7dc}.editorial .orbit{width:380px;height:440px;left:55px;top:35px;border:1px solid #5368503a}.editorial .orbit:after{border-color:#53685024}.editorial .art-word{color:#fff4;top:40px;left:65px;font-family:Georgia,serif}.editorial .art-caption{top:24px;right:90px;font-size:8px;color:#465747}.editorial .phone{box-shadow:0 20px 40px #18281938;border-color:#788575}.editorial .phone-main{left:31%;top:60px}.editorial .phone-left{left:1%;top:150px;width:170px;height:350px}.editorial .phone-right{right:-3%;top:160px;width:160px;height:335px}.editorial .float-tag{background:#fffcf4f5;border:1px solid #bbb4a4;box-shadow:0 10px 20px #262d2815}.editorial .tag-main{top:70px;left:-18px}.editorial .tag-small{bottom:16px;left:17%}.editorial .tiny-icons{right:15px;bottom:-12px}.editorial .app-family{border-top:0}.editorial .section-heading h2,.editorial .about h2,.editorial .contact h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}.editorial .work-heading em,.editorial .contact h2 em{font-style:italic}.editorial .work-card{border-radius:0;border:0;background:#eae9df}.editorial .work-visual{background:#e0e3d8}.editorial .card-teams .work-visual{background:#ddc4bc}.editorial .about-mark{background:#dce2d5;border-radius:0}.editorial .service-symbol{color:#52694c}.editorial .service-grid h3{font-family:Georgia,serif;font-size:25px}.editorial .contact{border-top:1px solid var(--line)}
/* Direction 03: expressive, bold, and app-forward. */
.electric{--bg:#f5f5ed;--ink:#172754;--muted:#636d84;--line:#1737822b;--surface:#fff;--accent:#dfff79;background:#f5f5ed}.electric .concept-bar{background:#1332b2;color:#c3d0ff}.electric header{background:#244eee;color:#fff;width:100%;max-width:none;padding:0 56px;height:104px}.electric .brand-light,.electric .brand i{color:#c3d0ff}.electric .nav-cta{background:#dfff79;color:#172754;border:0;transform:rotate(-2deg);border-radius:6px}.electric .hero{background:#244eee;color:white;width:100%;max-width:none;padding:20px 56px 40px;min-height:650px;overflow:hidden;grid-template-columns:1.05fr 1fr}.electric h1{font-size:clamp(66px,7.4vw,108px);font-weight:900;letter-spacing:-.06em;line-height:.9;transform:rotate(-2deg);margin-top:35px;margin-bottom:30px}.electric h1 em{color:#dfff79}.electric .hero .eyebrow,.electric .intro,.electric .hero-proof{color:#d5dfff}.electric .hero-proof span+span{border-color:#8da6ff}.electric .button{border-radius:5px;box-shadow:4px 4px 0 #122764}.electric .hero-art{height:565px}.electric .art-grid{background-image:radial-gradient(#fff4 1.5px,transparent 1.5px);background-size:22px 22px;inset:30px 0;mask-image:radial-gradient(ellipse,black,transparent 75%)}.electric .orbit{border:2px dashed #fff4;transform:rotate(-15deg);height:440px;top:75px}.electric .orbit:after{display:none}.electric .orb{filter:none}.electric .orb-a{width:300px;height:300px;background:#deff78;left:190px;top:105px;border-radius:35%;transform:rotate(20deg);animation:glow 12s infinite alternate}.electric .orb-b{width:150px;height:150px;right:20px;bottom:20px;background:#ffa3c7;border-radius:50%}.electric .art-word{font-size:125px;top:0;left:20px;color:#ffffff0b;letter-spacing:-.1em}.electric .art-caption{color:#e4ebff}.electric .phone{border:2px solid #152150;box-shadow:6px 8px 0 #152150}.electric .phone-main{--r:-5deg;transform:rotate(-5deg);left:31%;top:63px}.electric .phone-left{--r:-19deg;transform:rotate(-19deg);top:130px;left:0}.electric .phone-right{--r:18deg;transform:rotate(18deg);right:-1%;top:165px}.electric .float-tag{background:#fff3b5;color:#152150;border:2px solid #152150;box-shadow:4px 4px 0 #152150;border-radius:7px}.electric .float-tag span{color:#536086}.electric .tag-main{top:65px;left:1%}.electric .tag-small{bottom:20px;left:17%;background:#ffa3c7}.electric .tag-small .spark,.electric .tag-main>span{color:#152150}.electric .app-family{padding-top:27px}.electric .section-heading h2,.electric .contact h2{font-weight:800}.electric .service-symbol{color:#244eee}.electric .service-grid article{background:#e7e9ff;border:0;border-radius:12px;padding:28px}.electric .service-grid article:nth-child(2){background:#e6f1ca}.electric .service-grid article:nth-child(3){background:#f7e0e8}.electric .work-heading em{color:#244eee}.electric .work-card{border:1px solid #d6dced;border-radius:15px}.electric .work-visual{background:#e6e9ff}.electric .card-teams .work-visual{background:#ffdce2}.electric .card-yourloop .work-visual{background:#d8eee3}.electric .card-gigstack .work-visual{background:#fff0b1}.electric .card-park .work-visual{background:#ffdbbd}.electric .about-mark{background:#244eee;color:#fff}.electric .process b{color:#244eee}.electric .contact{background:#244eee;color:white;border-radius:18px;margin-bottom:65px}.electric .contact p:last-child{color:#c4d0ff}.electric .contact .primary{box-shadow:5px 5px 0 #112661}.electric dialog{--line:#1737822b}
@media(min-width:1600px){.hero-art{max-width:640px}.phone-left{left:10%}.phone-main{left:38%}.electric header{padding-left:max(56px,calc((100% - 1360px)/2));padding-right:max(56px,calc((100% - 1360px)/2))}.electric .hero{padding-left:max(56px,calc((100% - 1360px)/2));padding-right:max(56px,calc((100% - 1360px)/2))}}
@media(max-width:1100px) and (min-width:761px){.wrap{width:calc(100% - 64px)}.hero-art{transform:scale(.84);transform-origin:center right;margin-left:-50px}.hero{min-height:580px}.hero h1{font-size:66px}.hero-actions{gap:16px}.button{padding:17px 18px;gap:18px}.app-rail>a{flex-direction:column;text-align:center}.electric .hero,.electric header{padding-left:32px;padding-right:32px}.editorial .hero-art{margin-left:0}.work-grid{gap:18px}.card-teams .work-copy{padding:35px}nav{gap:20px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.concept-bar{padding:9px 20px;font-size:8px}.concept-bar div{gap:12px}.concept-bar a{display:none}.concept-bar button{font-size:8px}header{height:86px}.brand img{width:35px;height:35px}.brand>span{font-size:21px}.brand i{font-size:7px}nav{display:none}.nav-cta{font-size:10px;padding:11px 13px}.nav-cta span{margin-left:8px}.hero{grid-template-columns:1fr;min-height:0;padding:20px 0 18px}.hero-copy{padding:0}.eyebrow{font-size:8px;letter-spacing:.13em}.hero h1{font-size:clamp(54px,14.5vw,86px);letter-spacing:-.065em;margin:25px 0}.intro{font-size:16px;margin-bottom:24px}.hero-actions{gap:22px}.button{font-size:11px;padding:17px 18px;gap:25px}.secondary{font-size:10px}.hero-proof{font-size:7px;gap:13px;margin-top:28px}.hero-proof span+span{padding-left:13px}.hero-art{height:400px;width:100%;max-width:480px;margin:18px auto 0}.art-grid{inset:0}.orb-a{width:250px;height:280px;left:10%;top:30px}.orb-b{height:160px;width:150px;bottom:20px}.orbit{width:300px;height:330px;left:5%;top:25px}.art-word{font-size:210px;top:60px;left:15%}.art-caption{font-size:7px;right:5px;top:8px}.phone{padding:4px;border-radius:23px}.phone img{border-radius:18px}.phone-main{width:146px;height:292px;left:32%;top:55px}.phone-left{width:124px;height:251px;left:0;top:102px}.phone-right{width:115px;height:245px;right:0;top:115px}.float-tag{padding:9px 11px;gap:9px}.float-tag strong{font-size:9px}.float-tag span{font-size:8px;margin-top:3px}.float-tag .app-icon{width:28px;height:28px;border-radius:8px}.tag-main{top:32px;left:0}.tag-main>span{font-size:15px;margin-left:2px}.tag-small{bottom:8px;left:24%}.tag-small .spark{font-size:25px}.tiny-icons{display:none}.app-family{padding:18px 0 22px}.rail-caption{font-size:7px;gap:14px}.app-rail{grid-template-columns:repeat(4,1fr);row-gap:22px;margin-top:22px}.app-rail>a{flex-direction:column;text-align:center;font-size:9px;gap:8px}.app-rail .app-icon{width:37px;height:37px}.services{padding-top:50px;padding-bottom:30px}.section-heading h2{font-size:37px;margin-top:16px}.section-heading p:not(.eyebrow){font-size:13px}.service-grid{grid-template-columns:1fr;gap:24px;margin-top:28px}.service-grid article{padding-top:22px}.service-symbol{position:absolute;right:8px;top:12px;font-size:30px;margin:0}.service-grid h3{margin-top:24px}.service-detail{padding-top:0}.work-heading{display:block}.work{padding-top:45px;padding-bottom:20px}.work-grid{grid-template-columns:1fr;gap:24px}.work-card{display:flex;flex-direction:column}.work-visual{height:320px}.work-copy{padding:25px}.work-copy p{min-height:0}.card-teams{display:flex}.card-teams .work-visual{height:420px;order:0}.card-teams .preview-button>img{width:210px;top:25px}.card-teams .work-copy{padding:25px}.card-teams h3{font-size:30px}.card-teams p{font-size:13px}.about{grid-template-columns:1fr;gap:32px;padding-top:55px;padding-bottom:45px}.about-mark{min-height:280px;padding:30px}.about-mark>span{font-size:33px}.about h2{font-size:43px}.about p:not(.eyebrow){font-size:14px}.process{gap:15px}.contact{padding-top:55px;padding-bottom:55px}.contact h2{font-size:49px}.contact .eyebrow{font-size:7px}.contact .button{font-size:12px}.contact p:last-child{font-size:11px}footer{gap:20px;flex-wrap:wrap;line-height:1.5;font-size:8px}footer>span:nth-child(2){display:none}.editorial .hero{grid-template-columns:1fr;min-height:0;padding-top:20px}.editorial .hero h1{font-size:clamp(52px,13vw,78px)}.editorial .hero-art{height:380px;width:calc(100% - 15px);margin:30px auto 15px}.editorial .art-caption{right:55px;top:17px;font-size:6px}.editorial .orb-a{width:160px;height:160px;top:180px;left:-8px}.editorial .orb-b{width:130px;height:130px;right:3px;top:35px}.editorial .orbit{width:230px;height:300px;left:50px;top:30px}.editorial .phone-main{width:146px;height:292px;left:32%;top:45px}.editorial .phone-left{width:118px;height:242px;left:-1%;top:105px}.editorial .phone-right{width:113px;height:237px;right:-2%;top:115px}.editorial .tag-main{left:-5px;top:42px}.editorial .tag-small{left:20%;bottom:0}.editorial .hero .eyebrow{font-size:8px}.electric header{padding:0 20px;height:86px}.electric .hero{padding:20px 20px 25px;grid-template-columns:1fr;min-height:0}.electric .hero h1{font-size:clamp(67px,18vw,98px);margin-top:27px}.electric .hero-art{height:400px;margin-top:25px}.electric .orb-a{width:210px;height:210px;left:34%;top:80px}.electric .orb-b{width:100px;height:100px;right:5px;bottom:30px}.electric .orbit{height:290px;top:65px}.electric .phone-main{width:146px;height:292px;left:32%;top:55px}.electric .phone-left{width:124px;height:251px;left:0;top:100px}.electric .phone-right{width:115px;height:245px;right:-1%;top:115px}.electric .tag-main{left:0;top:35px}.electric .tag-small{left:20%;bottom:5px}.electric .art-word{font-size:85px;top:10px}.electric .service-grid article{padding:25px}.electric .service-symbol{right:25px;top:18px}.electric .contact{padding-left:15px;padding-right:15px;margin-bottom:35px}.electric .contact h2{font-size:45px}}
/* Decorative light and transformed devices must not add page scrollbars. */
html,body{overflow-x:clip}
.float-tag{backdrop-filter:none;background:#182726}
.editorial .float-tag{background:#fffcf4}
.electric .float-tag{background:#fff3b5}
.electric .tag-small{background:#ffa3c7}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Production motion control; respects the system accessibility preference. */
footer #motion{border:0;background:none;color:inherit;padding:0;font-size:10px;text-decoration:underline;text-underline-offset:3px}
footer #motion:disabled{cursor:default;text-decoration:none}
html:has(body.paused){scroll-behavior:auto}
/* Proposed Built by Danny studio panel. */
.about{align-items:center;gap:68px}
.builder-panel{position:relative;isolation:isolate;overflow:hidden;border:1px solid #b4f2d52a;border-radius:20px;background:radial-gradient(ellipse at 50% 44%,#21443a70 0,transparent 65%),linear-gradient(145deg,#101f20,#0b1317);padding:25px 26px 26px;min-width:0;box-shadow:0 25px 65px #0002}
.builder-panel:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#a8dec328 .7px,transparent .8px);background-size:18px 18px;mask-image:radial-gradient(ellipse,black,transparent 80%)}
.builder-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#c4dbd1}
.builder-panel-heading>span{font-size:10px;letter-spacing:.17em;font-weight:600}
.builder-count{font-size:9px;letter-spacing:.1em;border:1px solid #b4f2d526;padding:7px 10px;border-radius:30px;color:#99b7ab;white-space:nowrap}
.builder-count i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:6px;background:#b4f2d5;box-shadow:0 0 12px #9df7cd}
.builder-constellation{position:relative;height:350px;margin:14px 0 5px}
.builder-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.builder-lines .orbit-path{fill:none;stroke:#b4f2d51a;stroke-width:1;vector-effect:non-scaling-stroke}
.builder-lines .connector{fill:none;stroke:#b4f2d53c;stroke-width:1;stroke-dasharray:3 7;vector-effect:non-scaling-stroke;animation:studio-signal 24s linear infinite}
.builder-hub{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:128px;height:128px;padding:8px;border:1px solid #c1ffe35c;border-radius:30px;background:#d5ffec15;box-shadow:0 0 0 12px #b4f2d504,0 0 70px #9df7cd16;z-index:2}
.builder-hub:after{content:'';position:absolute;inset:-16px;border:1px solid #b4f2d52a;border-radius:44px;animation:studio-halo 7s ease-in-out infinite;pointer-events:none}
.builder-hub>img{width:100%;height:100%;object-fit:contain;border-radius:23px;box-shadow:0 12px 24px #0005}
.builder-node{position:absolute;left:var(--x);top:var(--y);width:94px;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:9px;z-index:3}
.builder-node-inner{display:flex;align-items:center;flex-direction:column;gap:9px;animation:studio-drift var(--duration,7s) ease-in-out var(--delay,0s) infinite}
.builder-node img{width:52px;height:52px;border-radius:14px;object-fit:contain;background:#fff;border:1px solid #ffffff3d;box-shadow:0 8px 20px #0005;transition:transform .25s,box-shadow .25s}
.builder-node:hover img,.builder-node:focus-visible img{transform:translateY(-3px) scale(1.06);box-shadow:0 0 0 3px #b4f2d52a,0 10px 25px #0005}
.builder-node span.label{font-size:10px;line-height:1.25;text-align:center;color:#b9cdc5;white-space:nowrap;letter-spacing:-.01em}
.builder-caption{position:relative;border-top:1px solid #b4f2d51c;padding-top:22px;text-align:center}
.builder-caption h3{font-size:24px;font-weight:500;letter-spacing:-.045em;line-height:1.15;margin:0 0 10px;color:#eef7f2}
.builder-caption>a{display:inline-flex;gap:14px;align-items:center;color:#b4f2d5;font-size:12px;padding:4px 0}
.builder-caption>a span{font-size:17px;transition:transform .25s}.builder-caption>a:hover span{transform:translate(3px,-3px)}
@keyframes studio-drift{0%,100%{transform:translate(0,0) rotate(-2deg)}50%{transform:translate(3px,-9px) rotate(2deg)}}
@keyframes studio-halo{0%,100%{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}
@keyframes studio-signal{to{stroke-dashoffset:-80}}
@media(max-width:1000px) and (min-width:761px){.about{gap:35px}.builder-panel{padding:20px 16px}.builder-node{width:80px}.builder-node img{width:46px;height:46px}.builder-node span.label{font-size:9px}.builder-hub{width:110px;height:110px}.builder-constellation{height:335px}.builder-caption h3{font-size:21px}}
@media(max-width:760px){.about{gap:35px}.builder-panel{padding:21px 16px 22px;border-radius:17px}.builder-panel-heading>span{font-size:8px;letter-spacing:.13em}.builder-count{font-size:7px;padding:6px 8px}.builder-constellation{height:315px;margin-top:16px}.builder-hub{width:106px;height:106px;padding:7px;border-radius:24px}.builder-hub>img{border-radius:17px}.builder-hub:after{inset:-11px;border-radius:34px}.builder-node{width:76px}.builder-node img{height:43px;width:43px;border-radius:11px}.builder-node span.label{font-size:8px}.builder-caption{padding-top:20px}.builder-caption h3{font-size:21px}.builder-caption>a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.builder-panel *{animation:none!important;transition:none!important}}
/* Readability pass: increase supporting type throughout the Midnight page. */
nav{font-size:14px}
.nav-cta{font-size:14px}
.brand i{font-size:10px;letter-spacing:.15em}
.eyebrow{font-size:12px;letter-spacing:.13em}
.button{font-size:14px}
.secondary{font-size:14px}
.hero-proof{font-size:11px;letter-spacing:.08em}
.art-caption{font-size:11px;letter-spacing:.12em}
.float-tag strong{font-size:14px}
.float-tag span{font-size:12px}
.rail-caption{font-size:11px;letter-spacing:.1em}
.app-rail>a{font-size:12px}
.service-num{font-size:12px;letter-spacing:.08em}
.service-grid p{font-size:15px}
.service-detail{font-size:12px;line-height:1.6}
.work-top>span{font-size:11px;letter-spacing:.09em}
.work-top>b{font-size:12px}
.work-copy p{font-size:15px}
.text-link{font-size:14px}
.preview-button>span{font-size:12px}
.preview-note{font-size:12px;line-height:1.6}
.process li,.process b{font-size:12px;line-height:1.5}
.contact p:last-child{font-size:14px}
footer{font-size:12px;letter-spacing:.025em;line-height:1.6}
footer #motion{font-size:12px}
.builder-panel-heading{justify-content:flex-end}
.builder-count{font-size:11px;letter-spacing:.06em}
.builder-node span.label{font-size:12px;line-height:1.3}
.builder-caption>a{font-size:14px}
@media(max-width:1100px) and (min-width:761px){.hero-proof{font-size:10px}.hero-actions{gap:17px}.button{font-size:13px}.secondary{font-size:13px}.builder-node span.label{font-size:11px}}
@media(max-width:760px){
.brand i{font-size:10px;letter-spacing:.1em}
.nav-cta{font-size:12px;padding:11px 12px}
.nav-cta span{display:none}
.eyebrow{font-size:11px;letter-spacing:.08em}
.button,.contact .button{font-size:13px;gap:18px}
.hero-actions{gap:18px}
.secondary{font-size:12px}
.hero-proof{font-size:11px;letter-spacing:.025em;gap:10px;flex-wrap:wrap}
.hero-proof span+span{padding-left:10px}
.art-caption{font-size:11px;letter-spacing:.06em}
.float-tag strong{font-size:12px}
.float-tag span{font-size:11px}
.tag-small .spark{font-size:25px}
.rail-caption{font-size:10px;letter-spacing:.06em;line-height:1.5}
.rail-caption>span:last-child{text-align:right;max-width:50%}
.app-rail>a{font-size:11px;line-height:1.4}
.section-heading p:not(.eyebrow){font-size:15px}
.service-num{font-size:11px}
.service-detail{font-size:12px}
.work-copy p,.card-teams p{font-size:15px}
.work-top>span{font-size:11px}
.about p:not(.eyebrow){font-size:16px}
.contact .eyebrow{font-size:11px}
.contact p:last-child{font-size:13px}
footer{font-size:11px;gap:18px}
.builder-count{font-size:11px}
.builder-node span.label{font-size:11px;line-height:1.25}
.builder-caption>a{font-size:13px}
}
@media(max-width:370px){.nav-cta{font-size:11px;padding:10px}.brand>span{font-size:20px}.brand{gap:9px}.hero-actions{flex-wrap:wrap}.builder-node span.label{font-size:10px}}