/* Shared continuation of the Hi-Def agency identity. */
:root{--page-ink:#101434;--page-blue:#2738cd;--page-paper:#f5f3ee;--page-lime:#ddff78}
html{scroll-padding-top:24px}
body a:focus-visible,body button:focus-visible,summary:focus-visible{outline:3px solid #2738cd;outline-offset:6px}
.home-v2 .agency-footer.studio-footer,.case-v2 .agency-footer.studio-footer,.studio-v2 .agency-footer.studio-footer{display:grid;grid-template-columns:auto 1fr 1.3fr auto;align-items:start;gap:35px;padding-top:55px;padding-bottom:55px}
.studio-footer>div{display:flex;flex-direction:column;gap:20px}.studio-footer nav{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:start}.studio-footer nav a{line-height:1.6}.studio-footer a:hover{color:#ddff78}.studio-footer nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.offer-v2{background:var(--page-paper);color:var(--page-ink)}
.offer-v2 .agency-header,.offer-v2 .agency-header .brand{color:var(--page-ink)}
.offer-v2 .agency-header .brand-dash,.offer-v2 .agency-header .brand-dot{color:var(--page-blue)}
.offer--rental .agency-header,.offer--product .agency-header,.offer--rental .agency-header .brand,.offer--product .agency-header .brand,.utility-v2 .agency-header,.utility-v2 .agency-header .brand{color:#fff}
.offer--rental .agency-header .brand-dash,.offer--product .agency-header .brand-dash,.offer--rental .agency-header .brand-dot,.offer--product .agency-header .brand-dot,.utility-v2 .agency-header .brand-dash,.utility-v2 .agency-header .brand-dot{color:var(--page-lime)}
.offer-hero{padding:145px clamp(22px,4.4vw,76px) 0;min-height:100svh;position:relative;overflow:hidden;isolation:isolate;background:#f5f3ee}
.offer--rental .offer-hero{background:#2738cd;color:#fff}.offer--product .offer-hero{background:#101434;color:#fff}
.offer-eyebrow,.offer-audience,.offer-price-strip>span,.offer-price-strip>a,.offer-section>div>span,.offer-section-heading>span,.studio-form-copy>span,.utility-hero>span,.status-page>span{font:600 .69rem/1.5 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.offer-eyebrow{display:block;color:#2738cd;margin-bottom:55px}.offer--rental .offer-eyebrow,.offer--product .offer-eyebrow{color:#ddff78}
.offer-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:45px;align-items:center;padding-bottom:65px}
.offer-audience{margin:0 0 28px;opacity:.8}.offer-hero h1{font-size:clamp(4rem,6.6vw,8rem);line-height:.9;letter-spacing:-.085em;font-weight:900;margin:0 0 35px;max-width:15ch}.offer-hero h1 em{color:#2738cd}.offer--rental .offer-hero h1 em,.offer--product .offer-hero h1 em{color:#ddff78}
.offer-intro{font-size:clamp(1.05rem,1.3vw,1.35rem);line-height:1.5;max-width:570px}.offer-hero-cta{display:inline-flex;justify-content:space-between;gap:35px;padding:16px 20px;border:1px solid currentColor;margin-top:20px;font-weight:800;font-size:.85rem}.offer-hero-cta:hover{background:#101434;color:#fff;border-color:#101434}.offer--product .offer-hero-cta:hover,.offer--rental .offer-hero-cta:hover{background:#ddff78;color:#101434;border-color:#ddff78}
.offer-price-strip{display:grid;grid-template-columns:.7fr 1fr auto;align-items:center;gap:30px;padding:27px 0;border-top:1px solid currentColor}.offer-price-strip strong{font-size:clamp(1.4rem,2vw,2.1rem);letter-spacing:-.04em}.offer-price-strip a{border-bottom:1px solid;padding-bottom:5px;justify-self:end}
.offer-art{min-width:0;position:relative;perspective:1000px;transform-style:preserve-3d}.art-caption{position:absolute;left:0;bottom:-35px;right:0;text-align:center;font:500 .6rem/1.4 'DM Mono',monospace;letter-spacing:.09em}
.offer-calendar{height:480px;display:grid;place-items:center}.calendar-sheet{width:90%;aspect-ratio:1/1.05;max-width:430px;background:#2738cd;color:#fff;border:1px solid #101434;box-shadow:10px 10px 0 #ddff78,11px 11px 0 #101434,20px 20px 0 #e1e3ee,21px 21px 0 #101434;transform:rotate(-7deg) rotateY(-12deg);display:flex;flex-direction:column;justify-content:space-between;padding:28px}.calendar-sheet>span{font:600 .7rem/1.5 'DM Mono',monospace;color:#ddff78}.calendar-sheet>b{font-size:clamp(9rem,16vw,18rem);line-height:.85;letter-spacing:-.14em;font-weight:850;padding-right:.1em}.calendar-sheet>div{display:flex;justify-content:space-between;border-top:1px solid #ffffff80;padding-top:19px;font:600 .7rem/1.5 'DM Mono',monospace}
.offer-browser{height:480px;background:#111315;border:1px solid #ffffff9c;box-shadow:22px 28px 0 #10143438;transform:perspective(1100px) rotateY(-10deg) rotate(5deg);overflow:hidden}.offer-browser-bar{display:flex;align-items:center;gap:5px;padding:12px 14px;background:#101434;color:#fff}.offer-browser-bar>i{width:6px;height:6px;border-radius:50%;background:#ddff78}.offer-browser-bar>span{margin-left:15px;font:500 .6rem/1.3 'DM Mono',monospace}.offer-browser img{width:100%;height:calc(100% - 34px);object-fit:cover;object-position:top}.offer-browser .art-caption{bottom:0;background:#101434;color:#ddff78;padding:12px}
.offer-system{height:500px;isolation:isolate}.system-axis{position:absolute;inset:8% 10%;border:1px solid #ddff7870;border-radius:50%;transform:rotateX(55deg) rotateZ(-25deg);box-shadow:0 0 0 45px #ddff7808,0 0 0 90px #ddff7805}.system-plane{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:65%;height:190px;padding:22px;left:18%;border:1px solid #ffffff80;background:#2738cd;box-shadow:0 25px 45px #0003;transform:rotateX(45deg) rotateZ(-22deg);transform-origin:center}.system-plane small{font:600 .7rem/1.4 'DM Mono',monospace;letter-spacing:.08em}.system-plane>b{font-size:3.2rem;font-weight:800;letter-spacing:-.1em}.system-plane--0{top:15px;background:#ddff78;color:#101434;z-index:4}.system-plane--1{top:110px;z-index:3}.system-plane--2{top:205px;background:#6875ec;z-index:2}.system-plane--3{top:300px;background:#e8ebfa;color:#101434;z-index:1}
.offer-section{padding:clamp(90px,9vw,145px) clamp(22px,4.4vw,76px)}.offer-section h2{font-size:clamp(3rem,5.5vw,6.5rem);line-height:.97;letter-spacing:-.07em;margin:25px 0 35px}.offer-section h2 em{color:#2738cd}.offer-section>div>span,.offer-section-heading>span{color:#2738cd}.offer-section p{font-size:1.08rem;line-height:1.6}.offer-opening{display:grid;grid-template-columns:1fr .7fr;gap:clamp(40px,8vw,130px);align-items:center}.offer-opening>p{font-size:clamp(1.25rem,2vw,2rem);line-height:1.4;margin:0}
.offer-includes{padding-top:35px}.offer-section-heading{max-width:1050px;margin-bottom:60px}.offer-section-heading>p{max-width:750px}.offer-includes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #aab0c1;border-bottom:1px solid #aab0c1}.offer-includes-grid article{padding:45px 26px;min-height:350px;border-right:1px solid #aab0c1;display:flex;flex-direction:column}.offer-includes-grid article:first-child{padding-left:0}.offer-includes-grid article:last-child{padding-right:0;border-right:0}.offer-includes-grid h3{font-size:clamp(1.7rem,2.5vw,2.7rem);line-height:1.05;margin:0 0 45px;letter-spacing:-.06em}.offer-includes-grid p{font-size:.95rem;line-height:1.6;margin:auto 0 0}
.offer-process{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);background:#e8ebfa}.offer-process ol{list-style:none;margin:0;padding:0}.offer-process li{display:grid;grid-template-columns:40px 1fr;gap:22px;padding:28px 0;border-top:1px solid #9ba2b8}.offer-process li>span{font:600 .75rem/1.4 'DM Mono',monospace;color:#2738cd}.offer-process li h3{font-size:clamp(1.65rem,2.2vw,2.5rem);margin:0 0 15px;line-height:1.1}.offer-process li p{font-size:.98rem;margin:0}
.offer-proof{background:#101434;color:#fff}.offer-proof h2 em,.offer-proof .offer-section-heading>span{color:#ddff78}.offer-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.offer-project{display:block;min-width:0;border:1px solid #ffffff60}.offer-project-image{height:350px;overflow:hidden;background:#171a22}.offer-project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s ease}.offer-project:hover img{transform:scale(1.035)}.offer-project>div:last-child{padding:22px}.offer-project span{font:500 .65rem/1.4 'DM Mono',monospace;letter-spacing:.04em;color:#ddff78}.offer-project h3{font-size:clamp(1.35rem,1.9vw,2.2rem);margin:18px 0 0;line-height:1.1;display:flex;justify-content:space-between;gap:10px}.offer-project h3 b{font:inherit}.offer-projects--single{grid-template-columns:1fr}.offer-projects--single .offer-project{display:grid;grid-template-columns:1.2fr 1fr}.offer-projects--single .offer-project-image{height:580px}.offer-projects--single .offer-project>div:last-child{display:flex;flex-direction:column;justify-content:end;padding:40px}
.offer-photo{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#e8ebfa}.offer-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center}.offer-conditions{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,7vw,110px)}.offer-conditions dl{margin:0}.offer-conditions dl>div{display:grid;grid-template-columns:.7fr 1fr;gap:22px;border-top:1px solid #9ba2b8;padding:25px 0}.offer-conditions dt{font-weight:800;font-size:1.05rem}.offer-conditions dd{font-size:.94rem;line-height:1.6;margin:0}.offer-conditions>div>p{max-width:550px;font-size:.95rem}
.offer-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(45px,7vw,110px);background:#e8ebfa}.offer-faq details{border-top:1px solid #9ba2b8}.offer-faq details:last-child{border-bottom:1px solid #9ba2b8}.offer-faq summary{list-style:none;display:flex;justify-content:space-between;gap:25px;align-items:center;padding:27px 0;cursor:pointer;font-size:clamp(1.15rem,1.55vw,1.6rem);font-weight:750;line-height:1.3;letter-spacing:-.025em}.offer-faq summary::-webkit-details-marker{display:none}.offer-faq summary>span{font-size:1.8rem;font-weight:400;color:#2738cd}.offer-faq details[open] summary>span{transform:rotate(45deg)}.offer-faq details>p{margin:0;padding:0 30px 30px 0;font-size:1rem;line-height:1.65}
.studio-form-area{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,135px);padding:clamp(95px,10vw,150px) clamp(22px,4.4vw,76px);background:#ddff78;color:#101434;scroll-margin-top:20px}.studio-form-copy>span{color:#2738cd}.studio-form-copy h2{font-size:clamp(3.4rem,5.5vw,6.5rem);line-height:.93;letter-spacing:-.08em;margin:45px 0 40px}.studio-form-copy h2 em{color:#2738cd}.studio-form-copy>p{font-size:1.12rem;line-height:1.55;max-width:570px}.studio-form-copy>a{display:inline-block;margin:20px 0 40px;border-bottom:1px solid;padding-bottom:5px;font-weight:800}.studio-form-copy p.form-expectation{font:500 .74rem/1.6 'DM Mono',monospace;max-width:44ch}
.studio-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:30px 24px;min-width:0;align-content:start;padding-top:7px}.field{display:flex;flex-direction:column;gap:14px;min-width:0}.field--wide{grid-column:1/-1}.field label{font:650 .82rem/1.4 'DM Sans',sans-serif}.field label>span{color:#2738cd}.field input,.field textarea{width:100%;border:0;border-bottom:1px solid #101434a0;border-radius:0;padding:12px 0;background:transparent;color:#101434;font:400 1.15rem/1.5 'DM Sans',sans-serif;box-shadow:none}.field textarea{resize:vertical;min-height:165px}.field input:focus,.field textarea:focus{outline:2px solid #2738cd;outline-offset:7px;border-bottom-color:transparent}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-bottom:2px solid #8c1b39}.field input::placeholder,.field textarea::placeholder{color:#4c5637;opacity:1}.field small,.studio-contact-form>small{font-size:.75rem;line-height:1.5}.form-privacy{font-size:.77rem;line-height:1.6;margin:3px 0}.form-privacy a{text-decoration:underline;text-underline-offset:3px}.form-submit{background:#101434;color:#fff;border:1px solid #101434;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;cursor:pointer;font:750 .94rem/1.3 'DM Sans',sans-serif}.form-submit>b{font-size:1.65rem;font-weight:400}.form-submit:hover{background:#2738cd;border-color:#2738cd}.form-submit:disabled{cursor:wait;opacity:.75}.form-error,.field-validation{color:#7d1230;font-size:.83rem;line-height:1.5;margin:0}.form-error[hidden]{display:none}.form-honeypot{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.studio-contact-form noscript{grid-column:1/-1;font-size:.85rem}
.utility-hero{padding:160px clamp(22px,4.4vw,76px) 65px;background:#101434;color:#fff;min-height:65svh;display:flex;flex-direction:column;justify-content:space-between;gap:50px}.utility-hero>span{color:#ddff78}.utility-hero h1{font-size:clamp(4rem,8vw,9rem);line-height:.92;letter-spacing:-.08em;margin:0;max-width:18ch;font-weight:850}.utility-hero h1 em{color:#ddff78}.utility-hero>p{font:500 .75rem/1.5 'DM Mono',monospace;margin:0}.utility-hero--contact h1{font-size:clamp(3.4rem,7vw,8rem);max-width:20ch}.legal-layout{display:grid;grid-template-columns:.5fr 1.5fr;gap:clamp(40px,8vw,125px);padding:90px clamp(22px,4.4vw,76px) 130px;align-items:start}.legal-layout>nav{position:sticky;top:35px;display:flex;flex-direction:column;gap:15px;font:600 .75rem/1.5 'DM Mono',monospace}.legal-layout>nav a:hover{color:#2738cd}.legal-copy{max-width:880px}.legal-copy section{margin-bottom:65px;scroll-margin-top:35px}.legal-copy h2{font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.05;margin:0 0 25px;letter-spacing:-.05em}.legal-copy p{font-size:1rem;line-height:1.75;max-width:75ch}.legal-copy a{border-bottom:1px solid #2738cd;color:#2738cd}.legal-copy strong{font-weight:750}
.status-page{position:relative;min-height:100svh;background:#101434;color:#fff;padding:160px clamp(22px,4.4vw,76px) 65px;overflow:hidden}.status-page>span{color:#ddff78}.status-page h1{position:relative;font-size:clamp(4rem,8vw,9rem);line-height:.94;letter-spacing:-.08em;max-width:16ch;margin:80px 0 40px}.status-page h1 em{color:#ddff78}.status-page>p{position:relative;max-width:650px;font-size:1.2rem;line-height:1.6}.status-symbol{position:absolute;right:7%;top:25%;font-size:clamp(11rem,27vw,30rem);font-weight:300;line-height:1;color:#ddff7820;transform:rotate(-10deg);pointer-events:none}.status-actions{position:relative;display:flex;flex-wrap:wrap;gap:30px;align-items:center;margin:45px 0}.status-primary{border:1px solid #ddff78;background:#ddff78;color:#101434;padding:19px 24px;font-weight:800;font-size:.9rem}.status-primary:hover{background:#fff;border-color:#fff}.status-actions>a:last-child{border-bottom:1px solid;padding-bottom:5px;font-size:.9rem}.status-work{display:inline-block;margin-top:30px;font:600 .75rem/1.4 'DM Mono',monospace;color:#ddff78}.status-page noscript{font-size:.85rem;max-width:700px;line-height:1.6}.status-page[data-state=error] h1 em{color:#f4a2af}.status-page[data-state=error] .status-symbol{color:#f4a2af25}
html[lang=en] .services-hero h1{font-size:clamp(4rem,9vw,11rem);max-width:16ch}html[lang=en] .agency-contact h2{font-size:clamp(3.5rem,8.2vw,10rem)}
@media(prefers-reduced-motion:no-preference){.offer-calendar .calendar-sheet{animation:calendar-hover 8s ease-in-out infinite}.offer-system .system-axis{animation:system-turn 18s linear infinite}@keyframes calendar-hover{50%{transform:translateY(-12px) rotate(-4deg) rotateY(-6deg)}}@keyframes system-turn{to{transform:rotateX(55deg) rotateZ(335deg)}}}
@media(min-width:1600px){.offer-hero-grid{padding-bottom:90px}.offer-calendar,.offer-system,.offer-browser{height:560px}}
@media(max-width:1000px){.home-v2 .agency-footer.studio-footer,.case-v2 .agency-footer.studio-footer,.studio-v2 .agency-footer.studio-footer{grid-template-columns:auto 1fr}.studio-footer nav{grid-column:1/-1}.studio-footer>span:last-child{grid-column:1/-1}.offer-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:25px}.offer-hero h1{font-size:clamp(3.3rem,7vw,5.5rem)}.offer-calendar,.offer-browser,.offer-system{height:380px}.system-plane{height:145px;left:12%;width:78%}.system-plane--0{top:5px}.system-plane--1{top:75px}.system-plane--2{top:145px}.system-plane--3{top:215px}.offer-includes-grid{grid-template-columns:1fr 1fr}.offer-includes-grid article{min-height:260px;border-bottom:1px solid #aab0c1}.offer-includes-grid article:nth-child(2n){border-right:0;padding-right:0}.offer-includes-grid article:nth-child(3){padding-left:0}.offer-includes-grid article:nth-child(n+3){border-bottom:0}.offer-projects{gap:12px}.offer-project-image{height:280px}.offer-project>div:last-child{padding:18px}.offer-conditions dl>div{grid-template-columns:1fr;gap:10px}.offer-photo{gap:40px}.studio-form-area{gap:50px}.studio-contact-form{grid-template-columns:1fr}.field--wide{grid-column:auto}.studio-contact-form noscript{grid-column:auto}}
@media(max-width:760px){.offer-hero{padding-top:170px}.offer-eyebrow{margin-bottom:35px}.offer-hero-grid{grid-template-columns:1fr;gap:65px}.offer-hero h1{font-size:clamp(3.7rem,10.5vw,6rem);max-width:16ch}.offer-intro{max-width:620px}.offer-art{max-width:480px;width:100%;justify-self:center}.offer-calendar{height:420px}.calendar-sheet>b{font-size:14rem}.offer-system{height:430px}.system-plane{height:165px}.system-plane--0{top:15px}.system-plane--1{top:95px}.system-plane--2{top:175px}.system-plane--3{top:255px}.offer-price-strip{grid-template-columns:1fr;gap:15px;padding:28px 0}.offer-price-strip a{justify-self:start}.offer-opening,.offer-process,.offer-photo,.offer-conditions,.offer-faq,.studio-form-area,.legal-layout{grid-template-columns:1fr;gap:45px}.offer-opening>p{font-size:1.3rem}.offer-section h2{font-size:clamp(3rem,9.5vw,5rem)}.offer-section-heading{margin-bottom:40px}.offer-projects{grid-template-columns:1fr;gap:30px}.offer-project-image{height:420px}.offer-projects--single .offer-project{grid-template-columns:1fr}.offer-projects--single .offer-project-image{height:480px}.offer-projects--single .offer-project>div:last-child{padding:25px}.offer-project h3{font-size:1.75rem}.offer-conditions dl>div{grid-template-columns:.65fr 1fr}.offer-faq details>p{padding-right:0}.studio-form-copy h2{font-size:clamp(3.4rem,10.5vw,5rem);margin:25px 0 30px}.studio-form-copy>a{margin-bottom:15px}.studio-contact-form{grid-template-columns:1fr 1fr}.studio-contact-form>.field:first-child,.studio-contact-form>.field:nth-child(2){grid-column:1/-1}.field--wide{grid-column:1/-1}.utility-hero{padding-top:180px;min-height:620px}.utility-hero h1{font-size:clamp(3.6rem,10vw,6rem)}.utility-hero--contact h1{font-size:clamp(3.2rem,9.5vw,5rem)}.legal-layout>nav{position:static;flex-direction:row;flex-wrap:wrap;gap:12px 20px;padding-bottom:35px;border-bottom:1px solid #aab0c1}.status-page{padding-top:180px}.status-page h1{font-size:clamp(3.6rem,10vw,6rem);margin-top:70px}.status-page>p{font-size:1.08rem}.status-symbol{top:22%;right:-5%;font-size:20rem}html[lang=en] .services-hero h1{font-size:clamp(3.5rem,10vw,6rem)}}
@media(max-width:480px){.offer-includes-grid{grid-template-columns:1fr}.offer-includes-grid article,.offer-includes-grid article:first-child,.offer-includes-grid article:last-child,.offer-includes-grid article:nth-child(2n),.offer-includes-grid article:nth-child(3){min-height:0;padding:30px 0;border-right:0;border-bottom:1px solid #aab0c1}.offer-includes-grid article:last-child{border-bottom:0}.offer-includes-grid h3{margin-bottom:20px}.offer-calendar{height:345px}.calendar-sheet{padding:24px;max-width:300px}.calendar-sheet>b{font-size:11rem}.calendar-sheet>div{font-size:.6rem}.offer-browser{height:380px}.offer-system{height:380px}.system-plane{height:150px}.system-plane--0{top:0}.system-plane--1{top:70px}.system-plane--2{top:140px}.system-plane--3{top:210px}.offer-conditions dl>div{grid-template-columns:1fr}.studio-contact-form{grid-template-columns:1fr}.studio-contact-form>.field:first-child,.studio-contact-form>.field:nth-child(2),.field--wide{grid-column:auto}.studio-form-copy h2{font-size:10vw}.offer-hero h1{font-size:10.5vw}.offer-hero-grid{padding-bottom:75px}.offer-project-image{height:350px}.status-actions{align-items:start;flex-direction:column}.status-primary{width:100%;text-align:center}.home-v2 .agency-footer.studio-footer,.case-v2 .agency-footer.studio-footer,.studio-v2 .agency-footer.studio-footer{grid-template-columns:1fr;gap:28px}.studio-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}.studio-footer>div{gap:12px}.utility-hero h1{overflow-wrap:normal}.utility-hero--contact{min-height:600px}}
@media(max-width:760px){.hero-dimension .dimension-coordinate{display:none}}
@media(prefers-reduced-motion:reduce){.offer-art,.offer-art *{animation:none!important}.offer-project-image img{transition:none}html{scroll-behavior:auto!important}}
