/* Studio art direction: oversized type, contrasting stages and a client-led feature. */
.hero-redesign{min-height:760px;background:radial-gradient(ellipse at 85% 10%,#69202c55,transparent 50%),linear-gradient(135deg,#090809,#140b0e 70%,#080708);padding-block:100px}
.hero-redesign::before{content:'IMPACT';position:absolute;right:-1%;bottom:-.12em;z-index:-1;font:800 clamp(150px,24vw,400px)/1 var(--display);letter-spacing:-.03em;color:#ffffff04;pointer-events:none}
.hero-redesign h1{font-size:clamp(58px,5.8vw,100px);line-height:.92;letter-spacing:-.02em}.hero-redesign h1 span{color:#ef3b45;text-shadow:0 5px 0 #60151c,0 24px 50px #c5172320}
.hero-index{font:600 10px var(--body);letter-spacing:.2em;color:#a8747c;margin-top:28px}.hero-coordinate{position:absolute;top:-32px;left:2px;font-size:8px;letter-spacing:.2em;color:#a78991}
.hero-redesign .hero-brandboard{border-color:#6a3d47;background:linear-gradient(135deg,#2e2328,#100b0e 60%);box-shadow:18px 22px 0 -7px #1c1216,19px 23px 0 -7px #84404f,0 50px 80px #000b}
.studio-marquee{overflow:hidden;border-block:1px solid #ff76814d;background:#d82736;color:#fff;padding:20px 0;transform:rotate(-1.3deg) scale(1.015);position:relative;z-index:3;box-shadow:0 12px 30px #0007}
.marquee-track{display:flex;width:max-content;animation:studio-marquee 32s linear infinite}.marquee-track>span{flex-shrink:0;font:700 clamp(24px,3vw,43px)/1 var(--display);letter-spacing:.06em;white-space:nowrap}.marquee-track b{display:inline-block;padding:0 30px;color:#580f1c;font-size:.8em}
@keyframes studio-marquee{to{transform:translateX(-50%)}}
.device-showcase{padding-block:110px;background:radial-gradient(ellipse at 70% 50%,#49202d55,transparent 55%),#0c090b}.showcase-copy h2{font-size:clamp(60px,6vw,90px)}
.section-title{display:grid;grid-template-columns:180px 1fr;align-items:end;gap:10px 30px;text-align:left;max-width:1450px;margin:0 auto 45px}.section-title p{font-size:14px;align-self:start;padding-top:10px}.section-title h2{font-size:clamp(44px,4.8vw,72px);margin:0;max-width:950px}.section-title .title-rule{grid-column:1/-1;width:100%;height:1px;margin:18px 0 0;background:linear-gradient(90deg,#d52323 18%,#3a2b31 18%);box-shadow:none}
.services{padding-block:95px}.service h3{font-size:28px}.service p{font-size:14px}.service-row{gap:20px}
.portfolio{padding-block:100px;background:#0d0a0c}.portfolio-toolbar{justify-content:flex-start;max-width:1450px}.portfolio-count{text-align:left;max-width:1450px;margin:18px auto 35px}.real-work .project-card{padding-bottom:14px}.real-work .project-card h3{font-size:28px}.real-work .project-art{aspect-ratio:1.2}
.featured-story{background:#e7e3e1;color:#1c1719;padding-block:75px;overflow:hidden}.feature-label{display:flex;justify-content:space-between;border-bottom:1px solid #b6a7ad;padding-bottom:18px;font-size:10px;letter-spacing:.16em;font-weight:700;max-width:1450px;margin:0 auto 50px}.featured-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(35px,6vw,90px);max-width:1450px;margin:auto}.featured-art{position:relative;aspect-ratio:1;display:grid;place-items:center;perspective:1000px;isolation:isolate}.featured-art::before{content:'';position:absolute;inset:9%;border-radius:50%;background:radial-gradient(ellipse,#6b223f55,transparent 65%);filter:blur(25px);z-index:-1}.featured-logo{width:80%;background:#090709;border:1px solid #776068;padding:28px;border-radius:16px;transform:rotateY(-12deg) rotateZ(-5deg);box-shadow:12px 15px 0 #b9a8af,13px 16px 0 #806c74,0 35px 50px #2a132a40;animation:feature-float 8s ease-in-out infinite;animation-play-state:paused}.featured-logo img{display:block;width:100%;height:auto}.scene-in-view .featured-logo{animation-play-state:running}.feature-orbit{position:absolute;inset:0;border:1px solid #9d828c70;border-radius:50%;transform:rotateX(65deg) rotateZ(-30deg);z-index:-1}.orbit-two{inset:6%;transform:rotateY(65deg) rotateZ(25deg);border-color:#c7244c50}.feature-stamp{position:absolute;right:0;bottom:10%;padding:18px 20px;background:#bb263e;color:white;box-shadow:5px 6px 0 #6d182b;font:700 23px/1 var(--display);transform:rotate(5deg)}.feature-stamp small{font:600 8px var(--body);letter-spacing:.15em}
@keyframes feature-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -16px;rotate:2deg}}
.featured-copy h2{font:700 clamp(46px,4.5vw,75px)/.96 var(--display);text-transform:uppercase;margin:18px 0 24px}.featured-copy h2 span{color:#a71e36}.feature-description{font-size:15px;line-height:1.8;color:#61545b;max-width:450px}.featured-copy blockquote{margin:28px 0;padding:3px 0 3px 22px;border-left:3px solid #b62843;font:italic 21px/1.5 Georgia,serif}.featured-copy cite{display:block;font:600 11px/1.6 var(--body);color:#6b535e;margin-top:15px}.feature-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.feature-inquiry{font-size:12px;font-weight:700;border-bottom:1px solid #a71e36;padding-block:8px}
.process-grid strong{width:64px;height:64px;font-size:25px}.process-grid h3{font-size:34px}.package-grid h3{font-size:42px}.pricing-section .section-heading h2{font:700 clamp(44px,5vw,72px)/1 var(--display);text-transform:uppercase}.pricing-section .section-heading h2 span{color:#e84050}.price{font:800 65px/1 var(--display)}
.contact-banner{position:relative;max-width:1280px;margin:0 auto 65px;padding-right:10%;font:800 clamp(55px,8.6vw,140px)/.88 var(--display);letter-spacing:-.015em}.contact-banner span{color:#e83b4c}.contact-banner b{position:absolute;right:0;bottom:0;color:#e83b4c;font-size:1.2em;font-weight:400}.contact{padding-block:100px}.site-footer{padding-block:45px}
.studio-marquee:hover .marquee-track{animation-play-state:paused}
@media(max-width:1050px){.section-title{grid-template-columns:130px 1fr}.hero-redesign{padding-block:80px}.featured-layout{gap:35px}.featured-logo{padding:18px}}
@media(max-width:850px){.hero-redesign{min-height:0;padding-block:65px}.hero-redesign h1{font-size:clamp(55px,9vw,80px)}.hero-coordinate{top:-24px}.featured-layout{grid-template-columns:1fr}.featured-art{width:min(100%,520px);margin:auto}.featured-copy{max-width:650px}.featured-copy h2{font-size:clamp(48px,8vw,70px)}.section-title{grid-template-columns:1fr;gap:12px}.section-title .title-rule{grid-column:1}.section-title h2{font-size:clamp(40px,7vw,60px)}.section-title p{padding:0}.feature-label{margin-bottom:25px}.device-showcase{padding-block:75px}}
@media(max-width:480px){.hero-redesign{padding-block:55px}.hero-redesign h1{font-size:clamp(48px,12vw,60px)}.hero-coordinate{font-size:6px}.marquee-track b{padding-inline:18px}.studio-marquee{padding-block:15px}.featured-story,.portfolio,.services,.contact{padding-block:60px}.feature-label{font-size:8px;gap:16px}.featured-logo{padding:14px}.feature-stamp{font-size:19px;padding:12px}.featured-copy blockquote{font-size:19px}.contact-banner{font-size:14vw;margin-bottom:40px}.feature-actions{gap:15px}.real-work .project-art{aspect-ratio:1.25}}
@media(prefers-reduced-motion:reduce){.marquee-track,.featured-logo{animation:none}.studio-marquee{transform:none}.marquee-track{width:100%}.marquee-track>span{white-space:normal;line-height:1.6;padding-inline:20px;font-size:22px}.marquee-track>span+span{display:none}.featured-logo{transform:none}}
body.motion-paused .featured-logo{transform:none;translate:none;rotate:none}
