@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--bg:#142235;--deep:#101c2d;--panel:#1c2c41;--line:#3c4958;--ink:#f6f7f8;--muted:#b9c1cc;--lime:#dcf697;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:6px}img{display:block;max-width:100%}.wrap{padding-left:6%;padding-right:6%}header{height:94px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);padding:0 4%;background:var(--bg);position:relative;z-index:20}.logo-space{width:120px;min-width:70px;height:48px;margin-right:auto}nav{display:flex;gap:24px;font-size:14px}nav a:hover,.text-link:hover{color:var(--lime)}.nav-contact{font-size:14px;border:1px solid #74808c;border-radius:30px;padding:12px 18px;white-space:nowrap}.nav-contact span{margin-left:14px}.menu-button{display:none}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:550}.hero{padding-top:36px}.hero>.eyebrow{display:flex;justify-content:space-between;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:5%;padding-top:42px;padding-bottom:66px;align-items:center}h1,h2,h3,p{margin:0}h1{font-size:clamp(58px,7.5vw,118px);font-weight:500;letter-spacing:-.065em;line-height:.98}em{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}h1 em{color:var(--lime);font-size:1.08em}h1 .accent{color:var(--lime)}.hero-copy>p{color:var(--muted);font-size:18px;line-height:1.65;margin-top:32px}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;padding:17px 24px;border-radius:40px;font-size:15px;font-weight:600;transition:transform .2s}.button:hover{transform:translateY(-3px)}.lime{background:var(--lime);color:var(--deep)}.text-link{font-size:14px}.text-link span{margin-left:14px}.hero-art{height:510px;position:relative;background:var(--panel);overflow:hidden;border-radius:3px}.art-top{font-size:12px;letter-spacing:.1em;position:absolute;top:25px;left:26px;color:var(--muted)}.hero-frame{position:absolute;width:45%;aspect-ratio:9/16;border-radius:9px;overflow:hidden;box-shadow:0 15px 35px #0006;transition:transform .5s}.hero-frame img{width:100%;height:100%;object-fit:cover}.frame-one{left:6%;top:89px;transform:rotate(-9deg)}.frame-two{right:6%;top:74px;transform:rotate(9deg)}.hero-art:hover .frame-one{transform:rotate(-5deg) translateY(-5px)}.hero-art:hover .frame-two{transform:rotate(5deg) translateY(-5px)}.art-bottom{position:absolute;bottom:0;padding:30px 26px 20px;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.09em;background:linear-gradient(transparent,var(--panel) 70%)}.art-bottom>span:last-child{font-size:22px}.intro{border-top:1px solid var(--line);padding:48px 0 66px;display:grid;grid-template-columns:1fr 2fr;gap:10%}.small-label{font-size:12px;letter-spacing:.1em;line-height:1.8;color:var(--muted)}.intro p{font-size:clamp(20px,2.2vw,30px);line-height:1.5;letter-spacing:-.02em;color:var(--muted)}.intro b{color:var(--ink);font-weight:500}.section-top{display:flex;align-items:baseline;gap:36px;margin-bottom:44px}.section-top>.eyebrow{width:170px;flex-shrink:0;color:var(--muted)}h2{font-size:clamp(44px,5vw,76px);font-weight:500;letter-spacing:-.05em;line-height:1.05}.section-note{margin-left:auto;font-size:12px;letter-spacing:.09em;color:var(--muted)}.services{padding-top:65px;padding-bottom:80px;background:var(--deep)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service{padding:28px 28px 14px 0;transition:background .2s}.service+.service{border-left:1px solid var(--line);padding-left:28px}.service-num{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.service-num span{font-size:23px;line-height:1;color:var(--lime)}.service h3{font-size:30px;font-weight:450;letter-spacing:-.04em;margin-top:47px}.service p{color:var(--muted);max-width:290px;margin-top:14px;min-height:55px}.tags{font-size:12px;line-height:1.8;margin-top:28px;color:var(--lime)}.service:hover h3{color:var(--lime)}.process{padding-top:80px;padding-bottom:95px}.process-flow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.process-flow>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 24px}.process-flow span{font-size:12px;color:var(--lime)}.process-flow h3{font-size:20px;font-weight:450;margin-top:12px}.work{background:#edf0f2;color:var(--deep);padding-top:80px;padding-bottom:80px}.work .eyebrow,.work .section-note{color:#526174}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px}.video-card{min-width:0}.video-image{position:relative;aspect-ratio:9/13;overflow:hidden;background:#cbd0d6;border-radius:3px}.video-image>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.video-card:hover img{transform:scale(1.045)}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:64px;height:64px;display:grid;place-items:center;background:#142235b0;border:1px solid #ffffff80;color:#fff;backdrop-filter:blur(8px);font-size:21px;padding-left:3px}.video-caption{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding-top:15px;letter-spacing:.035em}.video-caption span:last-child{font-size:12px;color:#526174}.image-work,.landing-work,.results{padding-top:85px;padding-bottom:85px}.ads-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.image-card,.landing-card,.result{border:0;background:transparent;padding:0;text-align:left}.image-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px;transition:transform .3s}.image-card:hover img{transform:translateY(-6px)}.image-card>span,.result>span{font-size:12px;display:flex;justify-content:space-between;margin-top:15px;color:var(--muted);gap:15px}.image-card>span>span,.result>span>span{color:var(--ink)}.landing-work{border-top:1px solid var(--line)}.landing-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.landing-preview{height:510px;background:#344153;padding:40px 55px 0;overflow:hidden}.landing-preview img{width:100%;box-shadow:0 10px 40px #0004;transition:transform 1s}.landing-card:hover .landing-preview img{transform:translateY(-22px)}.landing-caption{padding-top:20px;display:flex;justify-content:space-between;font-size:20px;gap:16px}.landing-caption span:last-child{font-size:14px;color:var(--muted);white-space:nowrap}.results{background:var(--deep)}.results-grid{display:grid;grid-template-columns:2fr .62fr .9fr;grid-template-rows:220px 220px;gap:28px}.result{background:var(--panel);padding:18px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border:1px solid var(--line)}.result img{max-height:calc(100% - 40px);object-fit:contain;align-self:center}.result>span{width:100%;margin-top:auto;padding-top:15px}.result-wide{grid-area:1/1/2/2}.result-table{grid-area:2/1/3/2}.result-hook{grid-area:1/2/3/3}.result-mobile{grid-area:1/3/3/4}.result-hook img,.result-mobile img{width:100%;height:auto}.contact{padding-top:85px;padding-bottom:70px;background:var(--lime);color:var(--deep)}.contact .eyebrow{color:#475333}.contact-heading{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.contact h2{font-size:clamp(70px,10vw,150px);line-height:.95}.contact-arrow{font-size:100px;width:160px;height:160px;border-radius:50%;border:1px solid #14223560;display:grid;place-items:center;line-height:1;transition:background .2s}.contact-arrow:hover{background:var(--deep);color:var(--lime)}.contact-details{margin-top:60px;padding-top:30px;border-top:1px solid #14223550;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}.contact-details a{font-size:16px;overflow-wrap:anywhere}.contact-details span{display:block;font-size:12px;letter-spacing:.12em;margin-bottom:12px;color:#48543e}footer{display:flex;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:28px;font-size:12px;color:var(--muted);gap:20px}.skip{position:fixed;top:-100px;background:var(--lime);color:var(--deep);padding:15px;z-index:100}.skip:focus{top:0}dialog{padding:0;border:1px solid var(--line);background:var(--deep);color:var(--ink);width:min(1000px,94vw);max-height:92vh;overflow:hidden}dialog::backdrop{background:#07101bea;backdrop-filter:blur(7px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line)}.dialog-bar h2{font-size:20px;letter-spacing:-.02em}.dialog-bar button{background:none;border:1px solid var(--line);padding:8px 12px;border-radius:30px;white-space:nowrap;font-size:14px}.dialog-scroll{overflow:auto;max-height:calc(92vh - 85px);padding:24px}.dialog-scroll img{margin:auto;width:auto;max-width:100%;height:auto}
@media(min-width:1550px){.wrap{padding-left:max(6%,calc((100vw - 1370px)/2));padding-right:max(6%,calc((100vw - 1370px)/2))}.hero-art{height:570px}}@media(max-width:1150px){header{gap:20px;padding:0 4%}nav{gap:15px;font-size:13px}.logo-space{width:70px}.hero-art{height:445px}.hero-grid{gap:3%}.frame-one{top:100px}.frame-two{top:84px}.section-top>.eyebrow{width:140px}.landing-preview{padding:28px 30px 0;height:420px}.contact-details{grid-template-columns:1.5fr 1fr 1fr;font-size:14px}.contact-details a{font-size:14px}}
@media(max-width:900px){header{height:80px}.menu-button{display:block;background:none;border:1px solid var(--line);border-radius:30px;padding:10px 15px;font-size:14px}header nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--deep);padding:26px 6%;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:24px;font-size:16px}header nav.open{display:flex}.logo-space{margin-right:auto}.hero>.eyebrow span:last-child{display:none}.hero-grid{grid-template-columns:1fr 1fr}.hero-art{height:400px}.frame-one{top:105px}.frame-two{top:90px}.hero-copy>p{font-size:16px}.hero-actions{gap:20px;flex-wrap:wrap}.intro{gap:5%;grid-template-columns:1fr 2fr}.section-top{gap:20px;flex-wrap:wrap}.section-top>.eyebrow{width:100%;}.section-note{margin-left:auto}.service h3{font-size:25px}.service p{font-size:15px;min-height:75px}.service+.service{padding-left:20px}.service{padding-right:20px}.video-grid{gap:30px 18px}.video-caption{flex-direction:column}.landing-preview{height:370px;padding:25px 20px 0}.results-grid{grid-template-columns:1.6fr .65fr 1fr;gap:16px}.result{padding:12px}.result>span{flex-wrap:wrap}.contact-arrow{width:120px;height:120px;font-size:70px}}
@media(max-width:600px){.wrap{padding-left:6%;padding-right:6%}header{padding:0 6%;gap:12px}.nav-contact{font-size:12px;padding:10px 12px}.nav-contact span{margin-left:4px}.logo-space{width:40px;min-width:40px}.hero{padding-top:26px}.hero-grid{grid-template-columns:1fr;padding-top:34px;padding-bottom:34px;gap:40px}h1{font-size:clamp(52px,13vw,78px)}.hero-copy>p{margin-top:25px}.hero-actions{margin-top:25px}.hero-art{height:430px;max-width:440px;width:100%;margin:auto}.frame-one{top:76px;width:43%;left:8%}.frame-two{top:65px;width:43%;right:8%}.intro{grid-template-columns:1fr;gap:24px;padding:30px 0 50px}.intro .small-label br{display:none}.intro p{font-size:22px}.section-top{margin-bottom:30px;gap:18px}h2{font-size:48px}.services,.process,.work,.image-work,.landing-work,.results,.contact{padding-top:54px;padding-bottom:54px}.service-grid{grid-template-columns:1fr}.service,.service+.service{border-left:0;border-bottom:1px solid var(--line);padding:25px 0}.service h3{margin-top:18px;font-size:30px}.service p{min-height:0;max-width:none;font-size:16px}.tags{margin-top:18px}.process-flow{grid-template-columns:repeat(2,1fr)}.process-flow>div{padding:20px 16px}.process-flow h3{font-size:18px}.video-grid{grid-template-columns:repeat(2,1fr);gap:25px 14px}.video-image{aspect-ratio:9/15}.play-icon{width:46px;height:46px;font-size:16px}.video-caption{font-size:11px;letter-spacing:0}.ads-grid{grid-template-columns:1fr;gap:30px}.landing-grid{grid-template-columns:1fr;gap:32px}.landing-preview{height:425px;padding:26px 36px 0}.landing-caption{font-size:18px}.results-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:16px}.result-wide{grid-area:1/1/2/3;min-height:150px}.result-table{grid-area:2/1/3/3;min-height:210px}.result-hook{grid-area:3/1/4/2}.result-mobile{grid-area:3/2/4/3}.result img{max-height:350px}.result-hook img{width:auto;max-width:100%}.result>span{font-size:12px;margin-top:14px}.contact h2{font-size:76px}.contact-arrow{width:80px;height:80px;font-size:48px}.contact-details{grid-template-columns:1fr;gap:26px;margin-top:35px}.contact-details a{font-size:17px}.contact-details span{margin-bottom:6px}footer{align-items:flex-start;line-height:1.7}footer>span{max-width:180px}.dialog-bar{padding:14px}.dialog-bar h2{font-size:16px}.dialog-scroll{padding:10px}.section-note{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Keep tall landing-page captures at a comfortable reading width. */
dialog.landing-dialog{width:min(640px,94vw)}
dialog.landing-dialog .dialog-scroll img{width:min(420px,100%);max-width:100%;height:auto}

.logo-space{height:68px;display:flex;align-items:center}.logo-crop{display:block;position:relative;width:64px;height:64px;overflow:hidden;border-radius:50%;flex-shrink:0}.logo-crop img{position:absolute;width:108.5%;height:108.5%;max-width:none;left:-4.25%;top:-5.8%}.video-image video{display:block;width:100%;height:100%;object-fit:contain;background:#0a1019}@media(max-width:600px){.logo-crop{width:46px;height:46px}.logo-space{min-width:46px}}