:root{--navy:#101c32;--pink:#e9a7b4;--ink:#162238;--muted:#697287;--cream:#f8f6f2;--line:#e4e4e4;--teal:#2d9d9c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{max-width:1220px;margin:auto;padding:0 36px}.nav{z-index:30;background:#fffffff7;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:84px;padding:0 5%;display:flex;position:sticky;top:0}.wordmark{letter-spacing:.21em;font-size:21px;font-weight:700;line-height:1}.wordmark span{font-weight:400}.wordmark small{letter-spacing:.23em;margin-top:10px;font-size:8px;display:block}.nav nav{align-items:center;gap:32px;font-size:13px;font-weight:600;display:flex}.nav-cta{background:var(--navy);color:#fff;padding:13px 20px}.menu{background:0 0;border:0;font-size:24px;display:none}.hero{background:var(--navy);color:#fff;min-height:650px;position:relative;overflow:hidden}.hero-shape{background:radial-gradient(circle at 75% 60%,#b96d83 0,#0000 33%),radial-gradient(circle at 90% 5%,#1b7182 0,#0000 42%),linear-gradient(120deg,#0b162b 30%,#29324a 90%);position:absolute;inset:0}.hero-inner{z-index:2;max-width:1220px;margin:auto;padding:110px 36px 34px;position:relative}.eyebrow{letter-spacing:.23em;color:#bb6d80;font-size:11px;font-weight:700}.eyebrow.light{color:#f4b5c3}.eyebrow span{color:#d3d6e0}.hero h1,h2{letter-spacing:-.035em;font-family:Playfair Display,Georgia,serif;font-weight:500}.hero h1{margin:32px 0 26px;font-size:clamp(52px,6.1vw,96px);line-height:1.05}.hero h1 em,h2 em{color:var(--pink);font-weight:500}.hero p{color:#d6d9e1;max-width:540px;font-size:17px;line-height:1.8}.hero-actions{gap:12px;margin-top:30px;display:flex}.btn{justify-content:space-between;align-items:center;gap:24px;padding:17px 22px;font-size:13px;font-weight:700;display:inline-flex}.btn.pink{background:var(--pink);color:var(--navy)}.btn.ghost{border:1px solid #ffffff70}.hero-bottom{letter-spacing:.17em;color:#d9d8df;margin-top:85px;font-size:10px}.hero-bottom b{color:var(--pink);margin:0 14px}.hero-art{opacity:.9;width:540px;height:540px;position:absolute;top:90px;right:1%}.orbit{border:1px solid #ffffff3a;border-radius:50%;position:absolute;transform:rotate(-25deg)}.o1{inset:20px 20px 60px 40px}.o2{border-width:25px;border-color:#efb2c245;inset:70px 80px 110px 110px}.orb-text{color:#fff;font:italic 54px/1 Georgia;position:absolute;top:195px;right:65px;transform:rotate(-12deg)}.orb-star{color:#e9b0b6;opacity:.35;font-size:230px;position:absolute;bottom:0;left:45px}.proof-strip{background:#f4f1ed;grid-template-columns:repeat(4,1fr);gap:24px;padding:30px max(36px,50vw - 575px);display:grid}.proof-strip>div{border-right:1px solid #d9d3d0;align-items:center;gap:15px;display:flex}.proof-strip>div:last-child{border:0}.proof-strip strong{letter-spacing:-.04em;font-size:32px}.proof-strip span{color:#677084;font-size:11px;line-height:1.6}.intro{grid-template-columns:1fr 1fr;gap:90px;padding-top:115px;padding-bottom:115px;display:grid}.intro h2,.section-head h2,.method h2,.contact h2{margin:22px 0;font-size:clamp(43px,4.2vw,66px);line-height:1.13}.intro h2 em,.section-head h2 em,.method h2 em{color:#bc788a}.intro p{color:#5e6776;font-size:15px;line-height:1.85}.intro .lead{color:#283449;font-size:20px;line-height:1.6}.skill-tags{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.skill-tags span{border:1px solid #d9dce1;border-radius:40px;padding:10px 12px;font-size:11px}.work-section{background:var(--cream);padding:100px 0 115px}.section-head{justify-content:space-between;align-items:end;gap:60px;display:flex}.section-head p{color:#647084;max-width:350px;font-size:14px;line-height:1.8}.filters{flex-wrap:wrap;gap:8px;margin:35px 0;display:flex}.filter{background:0 0;border:1px solid #d7d5d4;border-radius:30px;padding:11px 16px;font-size:12px}.filter.active{background:var(--navy);color:#fff;border-color:var(--navy)}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.case{background:#fff;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.case:hover{transform:translateY(-4px);box-shadow:0 15px 35px #15233b14}.case.featured{grid-column:span 2;grid-template-columns:1fr 1fr;display:grid}.case-media{background:#e3e8ed;height:225px;position:relative;overflow:hidden}.case-media img{object-fit:cover;width:100%;height:100%}.featured .case-media{height:100%;min-height:400px}.employ-media{background:linear-gradient(140deg,#143e70,#25b5df);flex-direction:column;justify-content:center;align-items:center;display:flex}.employ-media .employ-logo{object-fit:contain;z-index:1;border-radius:50%;width:130px;height:130px}.employ-graphic{text-align:center;color:#fff;margin-top:28px;font:500 32px/1.2 Georgia,serif}.employ-graphic em{color:#d5f7ff}.photo-label{letter-spacing:.13em;background:#fff;padding:8px 12px;font-size:10px;position:absolute;bottom:15px;left:15px}.case-body{flex-direction:column;flex:1;padding:26px;display:flex}.case-meta{letter-spacing:.13em;color:#a55c72;font-size:10px;font-weight:700}.case h3{letter-spacing:-.04em;margin:12px 0 8px;font-size:27px}.case h3 span{float:right;font-size:20px}.challenge{color:#576175;flex:1;font-size:13px;line-height:1.7}.metrics{flex-wrap:wrap;gap:20px;margin:16px 0 23px;display:flex}.metrics b{letter-spacing:-.04em;font-size:23px;display:block}.metrics small{color:#717b89;font-size:10px;line-height:1.5}.text-link{text-align:left;color:#b05c76;background:0 0;border:0;margin-top:auto;padding:0;font-size:12px;font-weight:700}.text-link:hover{text-decoration:underline}.qualifier{color:#8991a0;font-size:11px}.brand-card{color:#fff;background:#132641;position:relative}.brand-card .challenge,.brand-card .qualifier{color:#d3dce9}.brand-pattern{color:#ffffff13;font-size:190px;position:absolute;top:-30px;right:0}.brand-card .case-body{padding:36px;position:relative}.method{padding-top:115px;padding-bottom:115px}.method-grid{grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px;display:grid}.method-grid>div{border-top:1px solid #d5dbe1;padding-top:25px}.method-grid span{color:#bd6d82;font-size:13px}.method-grid h3{font-size:26px}.method-grid p{color:#697386;font-size:14px;line-height:1.75}.contact{background:var(--navy);color:#fff;padding:95px 0}.contact-inner{grid-template-columns:1.3fr 1fr;align-items:center;gap:80px;display:grid}.contact h2{font-size:clamp(48px,5vw,75px)}.contact p{color:#c5cbd6;max-width:450px;line-height:1.8}.contact-card{color:var(--navy);background:#fff;padding:35px}.contact-label{letter-spacing:.2em;color:#a56579;font-size:10px}.contact-mail{border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:25px 0;font-family:Georgia,serif;font-size:28px;display:flex}.contact-card p{color:#8b94a3;font-size:12px}.contact-card>a:last-child{margin-top:15px;font-size:13px;font-weight:700;display:inline-block}footer{color:#818999;justify-content:space-between;gap:20px;padding:30px 5%;font-size:11px;display:flex}dialog{border:0;width:calc(100% - 32px);max-width:720px;padding:0;box-shadow:0 25px 80px #0a19364d}dialog::backdrop{background:#0d182fc4}.close{z-index:2;background:0 0;border:0;font-size:32px;position:absolute;top:13px;right:20px}.dialog-inner{padding:50px}.dialog-inner h2{margin:15px 0;font-size:43px}.dialog-inner p{color:#586375;line-height:1.8}.dialog-inner h4{margin-bottom:4px}.dialog-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0;display:grid}.dialog-metrics>div{background:#f2f5f8;padding:16px}.dialog-metrics b{font-size:22px;display:block}.dialog-metrics small{color:#5b6979;font-size:11px}.note{background:#f9f2f0;padding:14px;font-size:12px!important}.hidden{display:none!important}.case.wide{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.dp-media{grid-template-columns:1fr 1fr;height:100%;min-height:400px;display:grid}.dp-tile{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.dp-tile small{letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-size:10px}.dp-deel{color:#fff;background:#15192c}.dp-deel .dp-word{letter-spacing:-.05em;font:700 56px/1 DM Sans,Arial,sans-serif}.dp-deel .dp-word i{color:#8b7bff;font-style:normal}.dp-pay{color:#0b3a6b;background:#f4f7fb}.dp-pay .dp-word{letter-spacing:-.04em;font:700 44px/1 DM Sans,Arial,sans-serif}.dp-pay .dp-word i{color:#e8423f;font-style:normal}.dp-roles{grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 4px;display:grid}.dp-roles div{font-size:13px;line-height:1.5}.dp-roles b{letter-spacing:.1em;text-transform:uppercase;color:#697287;font-size:11px;display:block}@media (width<=1000px){.case.wide{flex-direction:column;display:flex}.dp-media{min-height:260px}}@media (width<=650px){.dp-media,.dp-roles{grid-template-columns:1fr}}@media (width<=1000px){.hero-art{opacity:.22;right:-120px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case.featured{grid-column:span 2}.proof-strip{grid-template-columns:repeat(2,1fr)}.intro{gap:40px}}@media (width<=650px){.wrap{padding-left:20px;padding-right:20px}.nav{height:70px;padding:0 20px}.wordmark{font-size:16px}.wordmark small{font-size:7px}.menu{display:block}.nav nav{background:#fff;flex-direction:column;align-items:stretch;gap:20px;padding:22px;display:none;position:absolute;top:70px;left:0;right:0;box-shadow:0 12px 25px #0002}.nav nav.open{display:flex}.hero{min-height:650px}.hero-inner{padding:100px 22px 35px}.hero h1{font-size:51px}.hero p{font-size:15px}.hero-bottom{margin-top:60px;line-height:2.3}.hero-art{right:-240px}.proof-strip{gap:18px;padding:25px 20px}.proof-strip>div{display:block}.proof-strip strong{font-size:25px}.proof-strip span{display:block}.intro,.contact-inner{grid-template-columns:1fr;gap:25px}.intro{padding-top:75px;padding-bottom:75px}.work-section{padding:75px 0}.section-head{display:block}.case-grid{grid-template-columns:1fr}.case.featured{grid-column:auto;display:flex}.featured .case-media{height:300px;min-height:0}.case-media{height:230px}.method{padding-top:80px;padding-bottom:80px}.method-grid{grid-template-columns:1fr;gap:20px;margin-top:35px}.contact{padding:70px 0}footer{line-height:2;display:block}.dialog-inner{padding:35px 22px}.dialog-metrics{grid-template-columns:1fr 1fr}}
