@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("manrope-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("manrope-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("space-grotesk-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("space-grotesk-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body.do-landing {margin:0;background:#0a0e23;}
#do-home{--ink:#11172b;--navy:#0a0e23;--lime:#d0ff76;--blue:#3453ff;--paper:#f6f6f0;--body:'Manrope',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif;isolation:isolate;color:var(--ink);font:500 16px/1.55 var(--body);background:var(--paper);width:100%;text-align:left}
#do-home *,#do-home *::before,#do-home *::after{box-sizing:border-box}
#do-home :where(h1,h2,h3,p,ol,figure){margin:0}
#do-home :where(h1,h2,h3){font-family:var(--display);font-weight:700;line-height:1.03;letter-spacing:-.05em;color:inherit}
#do-home :where(a){text-decoration:none;color:inherit}
#do-home :where(button,input){font:inherit}
#do-home button{cursor:pointer}
#do-home :where(a,button,input,summary):focus-visible{outline:3px solid #6a81ff;outline-offset:4px}
#do-home [hidden]{display:none!important}
#do-home :where(img,canvas){display:block;max-width:100%}
#do-home svg:not(.do-defs){width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
#do-home .do-defs{position:absolute;width:0;height:0;pointer-events:none}
#do-home .do-sr,#do-home .do-skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#do-home .do-skip:focus{position:absolute;top:12px;left:12px;background:white;color:#111;z-index:20;padding:10px 18px}
#do-home .do-wrap{width:min(100% - 110px,1320px);margin-inline:auto}
#do-home .do-hero-shell{position:relative;color:#f8faff;overflow:hidden;background:radial-gradient(ellipse at 78% 46%,#1c2d81 0%,#101943 28%,transparent 58%),radial-gradient(ellipse at 20% 100%,#131d50 0%,transparent 50%),var(--navy)}
#do-home .do-header{height:87px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #afb9f429;position:relative;z-index:5}
#do-home .do-brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;width:max-content;font:700 25px/1 var(--display);letter-spacing:-.075em;color:#fff}
#do-home .do-brand-oxygen{font-weight:500} #do-home .do-brand-oxygen>span{color:var(--lime);font-weight:700}
#do-home .do-mark{position:relative;display:grid;place-items:center;width:31px;height:31px;border:1.5px solid #a7aaff;border-radius:50%;transform:rotate(-32deg)}
#do-home .do-mark::before{content:'';position:absolute;width:37px;height:13px;border:1.5px solid var(--lime);border-radius:50%} #do-home .do-mark span{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #d0ff7677}
#do-home #do-nav{display:flex;gap:34px;color:#d9ddf4;font-size:14px;font-weight:700}
#do-home #do-nav a:hover,#do-home .do-footer a:hover{color:var(--lime)}
#do-home .do-header-cta{justify-self:end;display:inline-flex;align-items:center;gap:14px;border:1px solid #adb8ff57;border-radius:100px;padding:10px 17px;font-weight:750;font-size:13px;white-space:nowrap}
#do-home .do-header-cta:hover{border-color:var(--lime);color:var(--lime)}
#do-home .do-header-cta svg{width:16px;height:16px}
#do-home .do-mobile-contact{display:none}
#do-home .do-menu{display:none}
#do-home .do-hero{min-height:660px;display:grid;grid-template-columns:1fr .95fr;grid-template-rows:1fr auto;align-items:center;column-gap:10px;position:relative}
#do-home .do-hero-copy{position:relative;z-index:2;padding:64px 0 78px}
#do-home .do-kicker{font:700 12px/1.3 var(--display);letter-spacing:.15em;color:#3646ab;display:inline-flex;align-items:center;gap:10px}
#do-home .do-kicker>span{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block;flex:none}
#do-home .do-kicker-light{color:var(--lime)} #do-home .do-kicker-light>span{box-shadow:0 0 15px #d0ff7666}
#do-home h1{font-size:clamp(67px,7.5vw,119px);line-height:.96;letter-spacing:-.088em;margin:22px 0 25px;white-space:nowrap}
#do-home h1 em{font-style:normal;color:#b7c9ff;background:linear-gradient(105deg,#d8e1ff 4%,#aebfff 46%,#8299ff 91%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#do-home .do-lede{color:#c2cce9;font-size:clamp(16px,1.5vw,19px);max-width:495px;line-height:1.67}
#do-home .do-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}
#do-home .do-btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:100px;padding:13px 21px;font-size:14px;font-weight:800;white-space:nowrap;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s,transform .2s}
#do-home .do-btn:hover{transform:translateY(-3px)}
#do-home .do-btn-lime{color:#151e12;background:var(--lime)} #do-home .do-btn-lime:hover{background:#ecffcc}
#do-home .do-btn-ghost{border-color:#a9b6ff60;color:#f4f7ff} #do-home .do-btn-ghost:hover{border-color:#e8edff}
#do-home .do-art{position:relative;aspect-ratio:1.08;min-width:0;width:108%;margin-left:-4%;transform:translateY(-5px)}
#do-home .do-art-grid{position:absolute;inset:8% 2%;background-image:linear-gradient(#9ea9ff18 1px,transparent 1px),linear-gradient(90deg,#9ea9ff18 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse,#000 11%,transparent 74%)}
#do-home .do-orbit{position:absolute;inset:13% 8%;border:1px solid #91a6ff40;border-radius:50%;transform:rotate(-27deg);pointer-events:none}
#do-home .do-orbit-one{inset:16% 6%;transform:rotate(-31deg) scaleY(.67)}
#do-home .do-orbit-two{inset:11% 11%;border-style:dashed;transform:rotate(24deg) scaleY(.90);opacity:.65}
#do-home .do-art-corner{position:absolute;width:15px;height:15px;border:1px solid #a8bbff69}
#do-home .do-tl{top:6%;left:5%;border-right:0;border-bottom:0} #do-home .do-tr{top:6%;right:5%;border-left:0;border-bottom:0}
#do-home .do-bl{bottom:6%;left:5%;border-right:0;border-top:0} #do-home .do-br{bottom:6%;right:5%;border-left:0;border-top:0}
#do-home .do-object{position:absolute;inset:-4% -1% -3%;display:grid;place-items:center;pointer-events:none;transform:perspective(980px) translate3d(var(--do-x,0px),var(--do-y,0px),0) rotateX(var(--do-rx,0deg)) rotateY(var(--do-ry,0deg));transition:transform .33s cubic-bezier(.2,.7,.2,1)}
#do-home .do-sculpture,#do-home .do-canvas{grid-area:1/1;width:100%;height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 16px 35px #3c58ff59)}
#do-home .do-canvas{visibility:hidden}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 #do-home .do-sculpture{animation:do-oxygen-breathe 6s ease-in-out infinite}
}
@keyframes do-oxygen-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.014)}}
#do-home .do-art.do-webgl .do-canvas{visibility:visible}
#do-home .do-art.do-webgl .do-sculpture{visibility:hidden}
#do-home .do-float{position:absolute;display:flex;gap:10px;align-items:center;padding:9px 13px 9px 9px;white-space:nowrap;border:1px solid #acb8ff59;border-radius:12px;background:#101b42df;box-shadow:0 11px 32px #05072159;color:#eff4ff;font:700 11px/1.25 var(--display);letter-spacing:.11em;pointer-events:none}
#do-home .do-float small{display:block;color:#b4c1e4;font:600 10px/1.4 var(--body);letter-spacing:0;margin-top:3px}
#do-home .do-float-a{left:4%;top:19%;transform:translate3d(calc(var(--do-x,0px) * -.45),calc(var(--do-y,0px) * -.45),0)}
#do-home .do-float-b{right:1%;bottom:21%;transform:translate3d(calc(var(--do-x,0px) * .48),calc(var(--do-y,0px) * .48),0)}
#do-home .do-float-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#263f9c;color:#d9e6ff}
#do-home .do-float-b .do-float-icon{background:var(--lime);color:#1b2917}
#do-home .do-float-icon svg{width:16px;height:16px}
#do-home .do-art-label{position:absolute;bottom:1.8%;left:6%;color:#a6b8ee;font:700 10px/1 var(--display);letter-spacing:.17em}
#do-home .do-art-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:6px} #do-home .do-art-label>span{margin-left:11px;color:#a3acd4}
#do-home .do-hero-bottom{grid-column:1/-1;border-top:1px solid #afb9f429;min-height:62px;display:flex;gap:17px;align-items:center;color:#bec9e8;font:650 10px/1.3 var(--display);letter-spacing:.13em}
#do-home .do-hero-bottom>a{display:grid;place-items:center;border-radius:50%;width:31px;height:31px;border:1px solid #aab9ff6b;color:white}
#do-home .do-hero-bottom>a:hover{color:var(--lime);border-color:var(--lime)}
#do-home .do-hero-bottom>a svg{width:15px;height:15px}
#do-home .do-hero-bottom i{display:inline-block;width:3px;height:3px;background:#8aa3ff;border-radius:50%;margin:0 7px 2px}
#do-home .do-coordinates{margin-left:auto}
#do-home .do-clients{background:#ecede6;border-bottom:1px solid #dadbd3}
#do-home .do-client-row{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding-block:18px}
#do-home .do-micro{font:700 10px/1 var(--display);letter-spacing:.13em;color:#50586c}
#do-home .do-client-row>span:not(.do-micro){white-space:nowrap;color:#252c3d}
#do-home .do-client-am{font:800 23px/1 var(--body);letter-spacing:-.085em}
#do-home .do-client-air{font:700 italic 18px/1 var(--display);letter-spacing:-.025em}
#do-home .do-client-dia{font:italic 600 26px/1 Georgia,serif}
#do-home .do-client-opt{font:600 18px/1 Georgia,serif}
#do-home .do-client-fff{font:700 16px/1 var(--display);letter-spacing:-.02em}
#do-home .do-section{padding-block:clamp(68px,9vw,125px);scroll-margin-top:24px}
#do-home .do-section-head{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:30px;margin-bottom:35px}
#do-home h2{font-size:clamp(48px,6.2vw,92px);letter-spacing:-.078em;margin-top:13px}
#do-home .do-period{color:var(--blue)}
#do-home .do-section-head>p,#do-home .do-process>div>p:last-child{max-width:370px;color:#4e566a;font-size:17px;line-height:1.62}
#do-home .do-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:31px 19px}
#do-home .do-work-media{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:1.66;border:0;padding:0;border-radius:17px;isolation:isolate}
#do-home .do-work-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.18,.7,.25,1)}
#do-home .do-work-air .do-work-media,#do-home .do-work-dia .do-work-media{background:#cad3f8}
#do-home .do-work-air .do-work-media img,#do-home .do-work-dia .do-work-media img{inset:15% 7% auto;width:86%;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 15px 35px #1b244d5e}
#do-home .do-work-dia .do-work-media{background:#e7e0f4}
#do-home .do-work-am .do-work-media{background:#085884}
#do-home .do-work-fff .do-work-media{background:#142860}
#do-home .do-work-media:hover img{transform:scale(1.055)}
#do-home .do-work-flag{position:absolute;z-index:1;top:13px;left:13px;background:#f6f7f1;color:#202842;padding:7px 10px;border-radius:5px;font:700 10px/1 var(--display);letter-spacing:.095em}
#do-home .do-work-arrow,#do-home .do-circle-arrow{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--lime);color:#19210e}
#do-home .do-work-arrow{position:absolute;right:13px;bottom:13px;transition:transform .25s}
#do-home .do-work-media:hover .do-work-arrow{transform:rotate(12deg)}
#do-home .do-fff-name{position:absolute;bottom:17%;left:8%;font:700 clamp(28px,4.2vw,61px)/.9 var(--display);letter-spacing:-.08em;color:white;text-shadow:0 2px 10px #0005}
#do-home .do-fff-name span{color:var(--lime)}
#do-home .do-work-meta{padding-bottom:13px;display:flex;justify-content:space-between;align-items:center;gap:9px}
#do-home .do-work-meta span{font:700 10px/1.3 var(--display);letter-spacing:.12em;color:#525c75}
#do-home .do-work-meta>span{text-align:right} #do-home .do-work-meta h3{font-size:clamp(24px,3vw,39px);margin-top:5px}
#do-home .do-directory{margin-top:30px;border-block:1px solid #d2d5d3}
#do-home .do-directory summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:17px;font-weight:800;padding:12px 0;list-style:none}
#do-home .do-directory summary::-webkit-details-marker{display:none}
#do-home .do-directory[open] .do-circle-arrow{transform:rotate(180deg)}
#do-home .do-directory-content{padding-bottom:18px}
#do-home .do-directory-controls{display:flex;justify-content:space-between;flex-wrap:wrap;gap:13px}
#do-home .do-filters{display:flex;flex-wrap:wrap;gap:7px}
#do-home .do-filters button,#do-home .do-search input{border:1px solid #c6ccda;background:white;border-radius:30px;color:#242d49;padding:8px 13px;font-size:13px;font-weight:700}
#do-home .do-filters button[aria-pressed=true]{color:#fff;background:#263dbd;border-color:#263dbd}
#do-home .do-search input{min-width:220px;max-width:100%}
#do-home .do-directory-status{margin:11px 0;color:#535b72;font-size:13px}
#do-home .do-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#do-home .do-entry{padding:9px 10px;background:#eeefe8;border:1px solid #e1e3dc;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:7px;min-width:0;font-size:13px;font-weight:750}
#do-home a.do-entry:hover{background:#e0e7ff}
#do-home .do-entry svg{width:15px;height:15px}
#do-home .do-service-band{background:#111936;color:white}
#do-home .do-service-band .do-section-head>p{color:#c1cbea}
#do-home .do-service-band .do-period,#do-home .do-contact-band .do-period{color:var(--lime)}
#do-home .do-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
#do-home .do-service{background:#192653;border:1px solid #374881;border-radius:15px;min-height:251px;padding:18px;display:flex;flex-direction:column;transition:background .2s,border-color .2s}
#do-home .do-service:hover{background:#263b7c;border-color:#7890ff}
#do-home .do-service-top{display:flex;align-items:center;justify-content:space-between;color:#c5d5ff;font:700 12px var(--display);letter-spacing:.13em;margin-bottom:31px}
#do-home .do-service-top svg{width:26px;height:26px;color:var(--lime)}
#do-home .do-service h3{font-size:clamp(25px,3.25vw,39px)}
#do-home .do-service p{font-size:14px;color:#c6d0e9;margin-top:13px}
#do-home .do-process{display:grid;grid-template-columns:1fr 1fr;gap:32px}
#do-home .do-process>div>p:last-child{margin-top:20px}
#do-home .do-steps{padding:0;list-style:none;border-top:1px solid #d2d5d3}
#do-home .do-steps li{display:flex;gap:19px;padding:17px 0;border-bottom:1px solid #d2d5d3}
#do-home .do-steps li>span{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:50%;background:#dfe5ff;color:#263dbd;font:700 12px var(--display)}
#do-home .do-steps h3{font-size:26px} #do-home .do-steps p{margin-top:4px;color:#4d5669}
#do-home .do-review-band{background:#ebedf8}
#do-home .do-review-band .do-section{padding-block:clamp(58px,7vw,92px)}
#do-home .do-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
#do-home .do-review{padding:clamp(17px,3vw,32px);background:#f9f9f5;border-radius:15px;border:1px solid #d9dff0;display:flex;flex-direction:column;align-items:flex-start}
#do-home .do-stars{color:#344db8;letter-spacing:.14em;font-size:16px}
#do-home .do-review blockquote{margin:12px 0 23px;color:var(--ink);font:700 clamp(22px,2.7vw,36px)/1.12 var(--display);letter-spacing:-.038em}
#do-home .do-review figcaption{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:14px}
#do-home .do-review figcaption a{display:grid;place-items:center;border:1px solid #aab5dc;border-radius:50%;width:31px;height:31px;color:#2b3e91}
#do-home .do-review figcaption svg{width:15px;height:15px}
@media(max-width:540px){#do-home .do-review-grid{grid-template-columns:1fr}}
#do-home .do-contact-band{background:radial-gradient(ellipse at 84% 25%,#405aff,#293ab0 50%,#172467 100%);color:#fff}
#do-home .do-contact-inner{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:30px}
#do-home .do-contact-inner p:not(.do-kicker){font-size:19px;max-width:350px;margin-bottom:19px;color:#f0f2ff}
#do-home .do-phone{display:inline-block;margin:15px 0 0 11px;font-size:14px;font-weight:750}
#do-home .do-phone:hover{text-decoration:underline}
#do-home .do-footer{background:#0a0e23;color:#c1cbea}
#do-home .do-footer-inner{min-height:105px;display:flex;gap:19px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-block:23px}
#do-home .do-footer-inner>div{display:flex;gap:15px;flex-wrap:wrap;font-size:13px} #do-home .do-footer-inner>span{font-size:12px}
#do-home .do-case{position:fixed;inset:0;width:min(790px,calc(100vw - 28px));max-height:calc(100dvh - 26px);margin:auto;border:1px solid #dee3f1;border-radius:18px;padding:clamp(16px,4vw,31px);background:#f9f9f5;color:var(--ink);overflow:auto;box-shadow:0 25px 80px #0005}
#do-home .do-case::backdrop{background:#05081bc9}
#do-home .do-case-top{display:flex;align-items:center;justify-content:space-between}
#do-home .do-close{width:37px;height:37px;border:1px solid #c6ccda;border-radius:50%;background:white;color:#202942;font-size:24px;line-height:1}
#do-home .do-case h2{font-size:clamp(38px,6vw,64px);margin:7px 0 13px}
#do-home .do-case p{color:#444f6a}
#do-home .do-case-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
#do-home .do-case-comparison img{width:100%;height:auto;border:1px solid #dce1ed;border-radius:5px}
#do-home .do-case-comparison figcaption{font-weight:800;font-size:12px;margin-bottom:4px}
#do-home .do-text-link{display:inline-flex;align-items:center;gap:7px;color:#263dbd;font-size:14px;font-weight:800;margin-top:14px}
@media(max-width:1130px){
 #do-home .do-wrap{width:min(100% - 70px,1320px)}
 #do-home .do-hero{min-height:590px}
 #do-home h1{font-size:clamp(59px,8.1vw,95px)}
 #do-home .do-bento{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
 #do-home .do-wrap{width:calc(100% - 46px)}
 #do-home .do-header{height:68px;grid-template-columns:1fr auto auto;gap:11px}
 #do-home .do-header-cta{font-size:11px;padding:8px 11px;gap:4px}
 #do-home .do-menu:not([hidden]){display:grid;place-content:center;gap:5px;order:2;width:37px;height:37px;border:1px solid #a7b7ff70;border-radius:50%;background:transparent;color:white}
 #do-home .do-menu span{display:block;background:currentColor;width:13px;height:1px}
 #do-home #do-nav{grid-column:1/-1;grid-row:2;flex-wrap:wrap;gap:12px}
 #do-home .do-nav-ready #do-nav{position:absolute;right:0;top:62px;display:none;flex-direction:column;min-width:182px;padding:13px 17px;background:#111d43;border:1px solid #526396;border-radius:10px}
 #do-home .do-nav-ready #do-nav.is-open{display:flex}
 #do-home .do-mobile-contact{display:block}
 #do-home .do-hero{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0}
 #do-home .do-hero-copy{padding:53px 0 0}
 #do-home h1{font-size:clamp(55px,10.4vw,88px)}
 #do-home .do-art{width:min(100%,540px);margin:-5px auto 12px;transform:none;aspect-ratio:1.12}
 #do-home .do-art-label{bottom:0}
 #do-home .do-client-row{gap:15px 20px}
 #do-home .do-section-head{grid-template-columns:1fr;gap:13px;margin-bottom:23px}
 #do-home .do-section-head>p{max-width:540px}
 #do-home .do-process{gap:21px}
}
@media(max-width:540px){
 #do-home .do-wrap{width:calc(100% - 32px)}
 #do-home .do-hero-copy{padding-top:40px}
 #do-home .do-brand{font-size:22px;gap:8px}
 #do-home .do-mark{width:25px;height:25px} #do-home .do-mark::before{width:31px;height:11px}
 #do-home .do-kicker{font-size:10px;letter-spacing:.13em}
 #do-home h1{font-size:clamp(37px,10.5vw,58px);margin:15px 0 18px;letter-spacing:-.073em}
 #do-home .do-lede{font-size:15px}
 #do-home .do-actions{gap:8px;margin-top:20px}
 #do-home .do-btn{min-height:46px;padding:10px 12px;gap:7px;font-size:12px}
 #do-home .do-btn svg{width:15px;height:15px}
 #do-home .do-art{margin-top:5px}
 #do-home .do-float{padding:6px;gap:6px;border-radius:7px;font-size:8px}
 #do-home .do-float small{font-size:8px}
 #do-home .do-float-icon{width:24px;height:24px}
 #do-home .do-float-icon svg{width:13px;height:13px}
 #do-home .do-hero-bottom{min-height:50px;gap:8px;letter-spacing:.055em;font-size:9px}
 #do-home .do-coordinates{display:none}
 #do-home .do-client-row{justify-content:flex-start;min-height:0;gap:10px 15px}
 #do-home .do-micro{flex-basis:100%}
 #do-home .do-client-row>span:not(.do-micro){font-size:14px}
 #do-home .do-section{padding-block:58px}
 #do-home h2{font-size:clamp(43px,11vw,61px)}
 #do-home .do-section-head>p,#do-home .do-process>div>p:last-child{font-size:15px}
 #do-home .do-work-grid,#do-home .do-process,#do-home .do-contact-inner{grid-template-columns:1fr}
 #do-home .do-work-grid{gap:25px}
 #do-home .do-work-meta h3{font-size:29px}
 #do-home .do-directory-grid{grid-template-columns:1fr 1fr}
 #do-home .do-bento{gap:8px}
 #do-home .do-service{min-height:0;padding:11px}
 #do-home .do-service-top{margin-bottom:15px}
 #do-home .do-service h3{font-size:23px}
 #do-home .do-service p{font-size:12px}
 #do-home .do-contact-inner p:not(.do-kicker){font-size:16px}
 #do-home .do-footer-inner{gap:12px}
}
@media(max-width:350px){
 #do-home .do-header-cta{display:none}
 #do-home .do-header{grid-template-columns:1fr auto}
 #do-home .do-bento,#do-home .do-directory-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 #do-home *,#do-home *::before,#do-home *::after{transition:none!important;animation:none!important}
}

/* Digital Oxygen 360° */
#do-home .do-header{height:88px}
#do-home .do-brand-original{width:65px;height:65px;display:grid;place-items:center;border-radius:14px;background:#f7f8fb;box-shadow:0 7px 18px #04081d44;overflow:hidden}
#do-home .do-brand-original img{width:100%;height:100%;object-fit:contain}
#do-home .do-hero{min-height:675px;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:18px}
#do-home .do-hero h1{font-size:clamp(49px,5.25vw,91px);white-space:normal;line-height:.99;letter-spacing:-.083em}
#do-home .do-hero h1 em{background:linear-gradient(120deg,#c6d2ff,#d3ff8e);background-clip:text;-webkit-background-clip:text}
#do-home .do-platforms{display:flex;gap:6px 7px;flex-wrap:wrap;margin-top:23px}
#do-home .do-platforms span{padding:5px 9px;border:1px solid #8497e947;border-radius:6px;font:650 11px var(--display);color:#d6e1ff;background:#1b295b53}
#do-home .do-bubble-art{width:108%;margin-left:-4%;aspect-ratio:1.06}
#do-home .do-bubble-object{inset:-2%;perspective:850px}
#do-home .do-bubble-object img{grid-area:1/1;width:100%;height:auto;filter:drop-shadow(0 0 25px #5f7bff72);animation:do-breathe 6.5s ease-in-out infinite}
#do-home .do-bubble-center{grid-area:1/1;display:grid;justify-items:center;gap:9px;align-content:center;color:#edf1ff;line-height:1;text-shadow:0 3px 22px #111a55}
#do-home .do-bubble-center span{font:700 clamp(58px,8vw,112px)/.8 var(--display);letter-spacing:-.115em;padding-right:.08em}
#do-home .do-bubble-center small{font:700 11px var(--display);letter-spacing:.20em;color:#f3ffdc}
@keyframes do-breathe{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.022) translateY(-6px)}}
#do-home .do-orbit-services{list-style:none;margin:0;padding:0;position:absolute;inset:0;pointer-events:none}
#do-home .do-orbit-services a{position:absolute;left:calc(50% + cos((var(--i) * 1turn / 11) - .25turn) * 39%);top:calc(49% + sin((var(--i) * 1turn / 11) - .25turn) * 39%);transform:translate(-50%,-50%);pointer-events:auto;white-space:nowrap;font:700 clamp(10px,1vw,14px) var(--display);padding:7px 10px;background:#10204df5;border:1px solid #7894db96;border-radius:8px;color:#f2f6ff;box-shadow:0 5px 19px #06112b6a}
#do-home .do-orbit-services a:hover,#do-home .do-orbit-services a:focus-visible{background:var(--lime);color:#17210e;z-index:3}
#do-home .do-marquee{padding:14px 0 17px}
#do-home .do-marquee-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px}
#do-home .do-marquee-toggle{border:1px solid #bbc4d6;background:#f9faf5;border-radius:20px;padding:4px 11px;color:#273658;font-size:11px;font-weight:800}
#do-home .do-marquee-window{overflow:auto hidden;scrollbar-width:none}
#do-home .do-marquee-window::-webkit-scrollbar{display:none}
#do-home .do-marquee-track,#do-home .do-marquee-group{display:flex;width:max-content;gap:0}
#do-home .do-partner{margin-right:7px;padding:9px 15px;white-space:nowrap;border:1px solid #d5d9d5;border-radius:8px;background:#f6f7ef;font:700 16px var(--display);display:inline-flex;align-items:center;gap:8px}
#do-home a.do-partner:hover{background:#e0e7ff;border-color:#98a9e4}
#do-home .do-partner svg{width:13px;height:13px}
#do-home .do-btn-case{margin-top:25px;border-color:#c2c9da;background:#fff;color:#273db3}
#do-home .do-directory .do-entry{display:block}
#do-home .do-entry>a{display:flex;align-items:center;justify-content:space-between;gap:5px}
#do-home .do-entry>a:hover{text-decoration:underline}
#do-home .do-entry-more{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
#do-home .do-entry-more a{display:flex;align-items:center;gap:3px;font-size:10px;background:white;border-radius:4px;padding:2px 5px}
#do-home .do-entry-more svg{width:11px;height:11px}
#do-home .do-work-egg .do-work-media{background:#1a1820}
#do-home .do-work-egg .do-work-media img{object-fit:contain;background:#10111e}
#do-home .do-work-opt .do-work-media{background:#e0e9dd}
#do-home .do-work-opt .do-work-media img{object-fit:contain}
#do-home .do-work-dr .do-work-media{background:linear-gradient(120deg,#10182f,#2d4386)}
#do-home .do-work-dr .do-work-media img{inset:0 0 0 auto;width:56%;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 22%)}
#do-home .do-dr-label{position:absolute;bottom:22%;left:7%;color:white;font:700 clamp(28px,5vw,74px)/1 var(--display);letter-spacing:-.075em}
#do-home .do-dr-label small{display:block;color:var(--lime);font:700 clamp(9px,1.2vw,16px) var(--display);letter-spacing:.14em;margin-top:7px}
#do-home .do-world{background:#0e1731}
#do-home .do-world .do-section{padding-block:clamp(58px,7vw,95px)}
#do-home .do-world-inner{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(180px,1fr);gap:18px;align-items:center}
#do-home .do-map{position:relative;aspect-ratio:1000/446;width:100%;background:#121e3e;border:1px solid #384e82;border-radius:16px}
#do-home .do-map img{width:100%;height:auto}
#do-home .do-pin{position:absolute;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%);width:17px;height:17px;border-radius:50%;border:2px solid #162858;background:#caff8e;box-shadow:0 0 0 4px #caff8e51;padding:0}
#do-home .do-pin[aria-pressed=true]{background:#fff;box-shadow:0 0 0 5px #caff8e87}
#do-home .do-country-list{display:flex;gap:7px;flex-wrap:wrap}
#do-home .do-country-list button{border:1px solid #536aa0;background:#18294d;color:#fff;border-radius:7px;padding:7px 9px;font:700 13px var(--display)}
#do-home .do-country-list button[aria-pressed=true]{background:var(--lime);color:#121e16;border-color:var(--lime)}
#do-home .do-country-selected{margin-top:16px;padding:15px;border:1px solid #5268a2;border-radius:10px;background:#1c2c56;color:#dce6ff}
#do-home .do-country-selected h3{font-size:23px;color:#fff;margin-bottom:6px}
#do-home .do-service{min-height:178px}
#do-home .do-service-top{margin-bottom:15px}
#do-home .do-service h3{font-size:clamp(22px,2.5vw,34px)}
#do-home .do-review-controls{display:flex;gap:8px;justify-content:flex-end;margin:0 0 11px}
#do-home .do-review-controls button{width:39px;height:39px;border:1px solid #a9b6d8;border-radius:50%;background:#fff;color:#273db3;font-size:20px}
#do-home .do-review-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 30px) / 3);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:11px}
#do-home .do-review-carousel>figure{scroll-snap-align:start}
#do-home .do-review-carousel blockquote{font-size:clamp(18px,2vw,29px)}
#do-home .do-review-carousel figcaption a{width:auto;padding:0 9px;gap:5px;font-size:10px;border-radius:20px;display:inline-flex}
#do-home .do-review-band .do-section-head a{color:#283bb6;text-decoration:underline}
#do-home .do-contact-v2{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start}
#do-home .do-contact-v2>div>p:not(.do-kicker){margin:20px 0 17px}
#do-home .do-contact-form{position:relative;padding:clamp(15px,3vw,29px);border-radius:15px;background:#fcfcff;color:var(--ink);display:grid;gap:10px}
#do-home .do-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#do-home .do-contact-form label{display:grid;gap:4px;font:700 13px var(--body)}
#do-home .do-contact-form :where(input:not([type=checkbox]),select,textarea){width:100%;min-width:0;border:1px solid #bfc9df;border-radius:6px;background:#f4f6fd;color:#202b49;padding:8px;font:500 14px var(--body)}
#do-home .do-form-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#do-home .do-contact-form .do-form-consent{display:flex;gap:7px;align-items:flex-start}
#do-home .do-form-consent a{color:#273db3;text-decoration:underline}
#do-home .do-contact-form button{justify-self:start;min-height:42px}
#do-home .do-contact-form .do-form-status{font:700 12px var(--body);margin:0;color:#394b7c}
#do-home .do-footer-v2{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:17px;padding:36px 0 22px}
#do-home .do-footer-v2>div{display:grid;align-content:start;gap:6px;font-size:14px}
#do-home .do-footer-v2 strong{color:#fff;margin-bottom:5px}
#do-home .do-footer-v2 svg{width:12px;height:12px;vertical-align:middle}
#do-home .do-footer-v2 .do-brand-original{margin-bottom:4px}
#do-home .do-footer-legal{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #35446b;padding:15px 0 20px;font-size:12px}
#do-home .do-cases-intro{padding:75px 0;color:#fff}
#do-home .do-cases-intro h1{font-size:clamp(50px,8vw,108px)}
#do-home .do-cases-intro p:last-child{max-width:650px;color:#d0d9f2;font-size:18px}
#do-home .do-studies{padding:32px 0 80px}
#do-home .do-study-index{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:20px}
#do-home .do-study-index a,#do-home .do-study-links a{padding:7px 11px;border:1px solid #c7d0e5;background:#fff;border-radius:7px;font-weight:800;color:#283aa1;display:inline-flex;gap:6px;align-items:center}
#do-home .do-study{padding:30px 0;border-top:1px solid #cdd2d4;scroll-margin-top:20px}
#do-home .do-study h2{font-size:clamp(38px,5.8vw,77px);margin:7px 0 12px}
#do-home .do-study-lead{font-size:18px;color:#414c69;max-width:850px}
#do-home .do-case-comparison figure,#do-home .do-study-single{background:#fff;border:1px solid #dce1ed;border-radius:11px;padding:12px}
#do-home .do-case-comparison img{height:clamp(160px,26vw,330px);object-fit:contain;background:#f5f6fb}
#do-home .do-case-comparison p,#do-home .do-study-single p{margin-top:9px;color:#3a4668}
#do-home .do-study-single{margin:15px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:15px;align-items:center}
#do-home .do-study-single img,#do-home .do-study-extra img{max-height:285px;width:100%;object-fit:contain}
#do-home .do-study-extra{margin:12px 0}
#do-home .do-study-extra summary{cursor:pointer;font-weight:800}
#do-home .do-study-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
#do-home .do-study-note{color:#515b75;font-size:13px}
@media(max-width:1010px){#do-home #do-nav{gap:16px} #do-home .do-orbit-services a{padding:5px 7px}}
@media(max-width:820px){
 #do-home .do-header{height:72px}
 #do-home .do-brand-original{width:53px;height:53px}
 #do-home .do-hero{grid-template-columns:1fr;min-height:0}
 #do-home .do-hero h1{font-size:clamp(42px,8vw,70px)}
 #do-home .do-bubble-art{width:min(100%,510px);margin:0 auto 10px}
 #do-home .do-review-carousel{grid-auto-columns:calc((100% - 15px) / 2)}
 #do-home .do-contact-v2{grid-template-columns:1fr}
}
@media(max-width:540px){
 #do-home .do-hero h1{font-size:clamp(39px,9.8vw,52px)}
 #do-home .do-platforms{margin-top:14px}
 #do-home .do-orbit-services a{font-size:9px;padding:4px 5px}
 #do-home .do-bubble-center small{font-size:8px}
 #do-home .do-world-inner,#do-home .do-study-single,#do-home .do-case-comparison{grid-template-columns:1fr}
 #do-home .do-pin{width:11px;height:11px;box-shadow:0 0 0 2px #caff8e81}
 #do-home .do-review-carousel{grid-auto-columns:89%;grid-template-columns:none}
 #do-home .do-footer-v2{grid-template-columns:1fr 1fr;gap:14px}
 #do-home .do-footer-legal{flex-wrap:wrap}
}
#do-home .do-study-single img,#do-home .do-study-extra img{height:auto}

/* Digital Oxygen portfolio and case studies */
#do-home .do-brand-original{background:transparent;box-shadow:none;border-radius:0;width:75px;height:75px}
#do-home .do-original-bubbles{position:absolute;right:7%;top:12%;width:38px;height:auto;opacity:.73;filter:drop-shadow(0 0 11px #7efbfc)}
#do-home .do-bubble-object img{filter:drop-shadow(0 0 28px #3adfd959)}
#do-home .do-bubble-center span{color:#e5fffb;text-shadow:0 3px 26px #0b355c}
#do-home .do-count-band{background:#0c152e;color:#f5f9ff;padding:48px 0;border-bottom:1px solid #34426d}
#do-home .do-count-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
#do-home .do-count{min-width:0;display:grid;gap:6px;padding:16px 12px 16px 16px;border:1px solid #4f648b;background:linear-gradient(145deg,#253d66,#17254b);border-radius:11px}
#do-home .do-count strong{font:700 clamp(30px,4.5vw,67px)/1 var(--display);letter-spacing:-.07em;color:#dcffc3;font-variant-numeric:tabular-nums}
#do-home .do-count span{font:650 clamp(11px,1.15vw,14px)/1.3 var(--body);color:#d9e6fa}
#do-home .do-country-selected p{max-height:170px;overflow:auto}
#do-home .do-entry-country{display:block;color:#52627e;font-size:10px;margin-top:4px}
#do-home .do-brand-gallery{margin:50px 0 25px}
#do-home .do-brand-gallery h2{font-size:clamp(42px,5vw,71px)}
#do-home .do-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
#do-home .do-brand-grid a{display:grid;min-width:0;gap:8px;padding:10px;background:#fff;border:1px solid #d6dbe4;border-radius:12px;font-weight:800}
#do-home .do-brand-grid img{width:100%;height:135px;object-fit:contain;background:#f5f6f8;border-radius:7px;padding:11px}
#do-home .do-brand-grid a>span{display:flex;justify-content:space-between;align-items:center}
#do-home .do-brand-grid svg{width:15px;height:15px;color:#3147b4}
#do-home .do-detail-intro{background:radial-gradient(ellipse at 77% 0%,#284387,#101933 65%);padding:clamp(30px,6vw,78px) max(calc((100% - 1320px)/2),5vw);color:#fff}
#do-home .do-detail-intro h1{white-space:normal;font-size:clamp(44px,7vw,95px);line-height:1;letter-spacing:-.07em;margin:12px 0}
#do-home .do-back{display:block;width:max-content;margin-bottom:20px;color:#dbe8ff;font-size:14px;font-weight:800}
#do-home .do-back:hover{text-decoration:underline}
#do-home .do-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#do-home .do-index-card{border:1px solid #d0d9e5;background:#fff;border-radius:12px;overflow:hidden}
#do-home .do-index-card>a{display:flex;flex-direction:column;height:100%}
#do-home .do-index-card>a:hover{box-shadow:inset 0 0 0 2px #7789da}
#do-home .do-index-media{height:180px;display:grid;place-items:center;background:#e4eafa;color:#172d6c;overflow:hidden}
#do-home .do-index-media img{width:100%;height:180px;object-fit:contain;padding:10px}
#do-home .do-index-result{font-weight:800;text-align:center}
#do-home .do-index-result strong{display:block;font:700 65px/1 var(--display);letter-spacing:-.075em}
#do-home .do-index-copy{display:flex;flex-direction:column;flex:1;padding:16px;gap:8px}
#do-home .do-index-copy h2{font-size:clamp(23px,2.5vw,34px);margin:0;letter-spacing:-.05em}
#do-home .do-index-copy p:not(.do-kicker){color:#47556d;font-size:14px}
#do-home .do-index-copy>span{display:flex;align-items:center;gap:5px;color:#2e44b7;font-weight:800;margin-top:auto}
#do-home .do-index-copy>span svg{width:16px;height:16px}
#do-home .do-study-detail .do-study{border:0;padding-top:0}
#do-home .do-study-detail .do-study h2{font-size:clamp(34px,5vw,60px);margin:0 0 16px}
#do-home .do-study-detail .do-study>section{margin-bottom:37px}
#do-home .do-method>div{display:grid;grid-template-columns:39px minmax(0,1fr);gap:14px;border-top:1px solid #ccd4e4;padding:15px 0}
#do-home .do-method>div>span{display:grid;place-items:center;border-radius:50%;width:36px;height:36px;background:#e0e7ff;color:#203675;font:700 13px var(--display)}
#do-home .do-method h3{font-size:clamp(23px,3vw,32px);margin-bottom:5px}
#do-home .do-method p{max-width:76ch;color:#46526b}
#do-home .do-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:9px 0 20px}
#do-home .do-metric{padding:15px 13px;min-width:0;display:grid;gap:5px;border:1px solid #c3d3f0;border-radius:11px;background:linear-gradient(155deg,#edf3ff,#fff)}
#do-home .do-metric strong{font:700 clamp(28px,4vw,54px)/1 var(--display);letter-spacing:-.07em;color:#1d357b}
#do-home .do-metric span{font-weight:800}
#do-home .do-metric small{font-size:12px;color:#465577}
#do-home .do-group-label{font-size:23px;margin:14px 0 0}
#do-home .do-chart{display:grid;gap:11px;padding:17px;border:1px solid #cfdbf2;border-radius:11px;background:#fff;margin-bottom:13px}
#do-home .do-chart figcaption{font-weight:800;font-size:16px}
#do-home .do-chart-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2.4fr) minmax(47px,.4fr);gap:10px;align-items:center;font-size:13px}
#do-home .do-chart-track{height:12px;background:#e9eef8;border-radius:20px;overflow:hidden}
#do-home .do-chart-track i{display:block;height:100%;width:var(--bar);border-radius:20px;background:linear-gradient(90deg,#3652d2,#4fcacb)}
#do-home .do-table-scroll{overflow:auto}
#do-home .do-table-scroll table{width:100%;min-width:550px;border-collapse:collapse;background:#fff;font-size:13px;text-align:left}
#do-home .do-table-scroll caption{text-align:left;font-weight:800;padding:12px 0}
#do-home .do-table-scroll th,#do-home .do-table-scroll td{border-bottom:1px solid #d8e1f2;padding:9px}
#do-home .do-table-scroll thead{background:#e3ecff}
#do-home .do-case-gallery>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
#do-home .do-case-gallery figure{padding:10px;border:1px solid #d3dce9;background:#fff;border-radius:10px}
#do-home .do-case-gallery img{width:100%;height:175px;object-fit:contain;background:#f5f7fa;border-radius:7px}
#do-home .do-case-gallery figcaption{font-size:12px;color:#485875;font-weight:700;margin-top:5px}
#do-home .do-study-note{max-width:84ch;padding:10px;border-left:3px solid #8396e8;background:#edf1fd}
@media(max-width:820px){#do-home .do-brand-original{width:61px;height:61px}#do-home .do-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#do-home .do-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){#do-home .do-brand-original{width:57px;height:57px}#do-home .do-count-grid,#do-home .do-metric-grid,#do-home .do-case-gallery>div{grid-template-columns:repeat(2,minmax(0,1fr))}#do-home .do-index-grid{grid-template-columns:1fr}#do-home .do-case-gallery img{height:125px}#do-home .do-original-bubbles{width:26px}}
.do-gallery-dialog{box-sizing:border-box;width:max-content;max-width:min(94vw,1120px);max-height:94vh;padding:12px;border:1px solid #47557b;border-radius:16px;background:#10172a;color:#fff}
.do-gallery-dialog::backdrop{background:rgba(6,10,24,.87)}
.do-gallery-dialog button{display:block;margin:0 0 10px auto;padding:7px 12px;border:1px solid #47557b;border-radius:8px;background:#202a46;color:#fff;cursor:pointer;font:inherit}
.do-gallery-dialog img{display:block;width:auto;max-width:100%;max-height:calc(94vh - 68px);object-fit:contain;background:#f5f3ee}

/* Dimensional hero, shared portfolio image treatment */
#do-home .do-bubble-canvas{display:none;grid-area:1/1;width:94%;height:auto;aspect-ratio:1;filter:drop-shadow(0 10px 30px #1bc8da53)}
#do-home .do-has-3d .do-bubble-canvas{display:block;animation:do-breathe 8s ease-in-out infinite}
#do-home .do-has-3d>img{display:none}
#do-home .do-work .do-work-media{background:radial-gradient(ellipse at 47% 57%,#f9fbff 3%,#e4eaf8 62%,#d6e1f3 100%);border:1px solid #cdd7e8}
#do-home .do-work .do-work-media::before{content:"";position:absolute;inset:12% 10%;border:1px solid #c0cde3;border-radius:50%;transform:rotate(-11deg);opacity:.65;pointer-events:none}
#do-home .do-work .do-work-media img{inset:13% 8% auto;width:84%;height:74%;background:transparent;object-fit:contain;object-position:center;mask-image:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 11px 13px #14234d33)}
#do-home .do-work-egg .do-work-media img{inset:16% 8% auto;height:68%}
#do-home .do-work-dia .do-work-media img{inset:19% 10% auto;width:80%;height:65%}
#do-home .do-work-dr .do-work-media img{inset:12% 8% auto;height:76%}
#do-home .do-work .do-work-media .do-work-flag{background:#fcfdff;border:1px solid #d1daec}
#do-home .do-brand-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:820px){#do-home .do-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:540px){#do-home .do-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#do-home .do-has-3d .do-bubble-canvas{animation:none}}
#do-home .do-hero-tagline{font-size:.86em}
#do-home .do-bubble-object.do-has-3d{isolation:isolate}
#do-home .do-has-3d::before,#do-home .do-has-3d::after{content:"";position:absolute;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at 26% 25%,#e7ffff 0 5%,#88e8e9 7%,#25455a 23%,#1a385078 50%,#43c9d08c 76%,#a5ffffc2 94%);box-shadow:inset 0 0 5px #aaffff88,0 0 17px #38dce444}
#do-home .do-has-3d::before{width:9%;aspect-ratio:1;left:14%;top:26%}
#do-home .do-has-3d::after{width:7%;aspect-ratio:1;right:13%;bottom:25%}

/* Motion edition: the graphic layer stays separate from content and hit areas. */
#do-home .do-bubble-art{perspective:850px;isolation:isolate}
#do-home .do-oxygen-aura{position:absolute;inset:-1% -7%;pointer-events:none;background:radial-gradient(ellipse at 51% 48%,#6fd6f77d 0%,#55acdb4a 32%,#4767ae1d 56%,transparent 72%);z-index:-1}
#do-home .do-oxygen-particles{position:absolute;inset:0;width:100%;height:98%;fill:#b6eaff;pointer-events:none;animation:do-particles-drift 12s ease-in-out infinite alternate}
#do-home .do-oxygen-satellites{position:absolute;inset:0;pointer-events:none;transform:rotateX(var(--do-rx,0deg)) rotateY(var(--do-ry,0deg));transform-style:preserve-3d;transition:transform .22s ease-out}
#do-home .do-oxygen-satellites span,#do-home .do-oxygen-fallback{display:block;border-radius:50%;aspect-ratio:1;background:radial-gradient(ellipse at 31% 19%,#f7ffffbc 0%,#e7fcff54 12%,transparent 35%),radial-gradient(ellipse at 71% 84%,#f3ffff7a 1%,transparent 29%),radial-gradient(circle,#b6ebfa07 57%,#9adff33a 68%,#bbf2ff95 77%);box-shadow:inset 0 0 0 1px #d4f8ff6a,inset -4px -7px 14px #bcf7ff42,0 3px 13px #69caff35}
#do-home .do-oxygen-satellites span{position:absolute;left:var(--sx);top:var(--sy);width:var(--ss);transform:translate3d(-50%,-50%,var(--sz));animation:do-oxygen-float calc(5s + var(--si)*.61s) ease-in-out infinite alternate;animation-delay:calc(-.77s * var(--si))}
#do-home .do-oxygen-fallback{grid-area:1/1;width:71%}
#do-home .do-has-3d .do-oxygen-fallback{display:none}
#do-home .do-has-3d::before,#do-home .do-has-3d::after{content:none}
#do-home .do-bubble-canvas{filter:drop-shadow(0 4px 20px #73d6ff48)}
#do-home .do-oxygen-touch{position:absolute;top:49%;left:50%;width:65%;aspect-ratio:1;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
#do-home .do-oxygen-touch:focus-visible{outline:2px solid #ecfbff;outline-offset:4px}
#do-home .do-oxygen-wave{position:absolute;left:50%;top:49%;width:69%;aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid #d2fbff;border-radius:50%;opacity:0;pointer-events:none}
#do-home .do-oxygen-hint{margin-left:auto;padding:5px 8px;border:1px solid #82bee48c;border-radius:20px;background:#0b1c48c4;font:650 10px var(--body);letter-spacing:0;color:#ddf6ff}
#do-home .do-oxygen-hint[hidden],#do-home .do-oxygen-touch[hidden]{display:none}
#do-home .do-orbit-one{border-color:#b7edff60}
#do-home .do-orbit-two{border-color:#b7edff7c}
#do-home .do-orbit-services a{background:#112554ec}
@keyframes do-particles-drift{from{transform:translate(-5px,4px);opacity:.63}to{transform:translate(6px,-9px);opacity:1}}
@keyframes do-oxygen-float{from{transform:translate3d(-50%,-44%,var(--sz))}to{transform:translate3d(-56%,-61%,var(--sz))}}
#do-home .do-motion-strip{display:grid;grid-template-columns:1fr minmax(0,610px) 1fr;align-items:center;gap:12px;height:55px;margin:3px 0 18px;color:#4e69d6;overflow:hidden;pointer-events:none}
#do-home .do-motion-strip>span{height:1px;background:linear-gradient(90deg,transparent,currentColor);opacity:.28}
#do-home .do-motion-strip>span:last-child{transform:rotate(180deg)}
#do-home .do-motion-strip svg{width:100%;height:55px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
#do-home .do-motion-strip .do-motion-trace{stroke-width:1.45;opacity:.7}
#do-home .do-motion-strip .do-motion-thin{stroke-width:.65;opacity:.32}
#do-home .do-motion-strip .do-motion-panels{stroke-width:1.35;fill:currentColor;fill-opacity:.08}
#do-home .do-motion-strip .do-motion-atom{stroke-width:1.35;transform-box:fill-box;transform-origin:center}
#do-home .do-motion-strip .do-motion-dot{fill:currentColor;stroke:none}
#do-home .do-motion-strip.do-in-view .do-motion-trace{stroke-dasharray:11 4;animation:do-trace-flow 8s linear infinite}
#do-home .do-motion-strip.do-in-view .do-motion-panels{animation:do-motion-signal 3.3s ease-in-out infinite alternate}
#do-home .do-motion-strip.do-in-view .do-motion-atom{animation:do-motion-atom 4.9s ease-in-out infinite alternate}
#do-home .do-motion-strip.do-in-view .do-motion-dot{animation:do-motion-signal 2s ease-in-out infinite alternate}
#do-home .do-motion-numbers,#do-home .do-motion-world,#do-home .do-motion-services,#do-home .do-motion-contact{color:#a0eaff}
#do-home .do-brand-gallery .do-motion-brand,#do-home .do-count-band .do-motion-numbers{height:41px;margin-bottom:8px}
#do-home .do-contact-inner .do-motion-contact{width:min(100%,425px);margin:20px 0 0}
#do-home .do-motion-footer .do-motion-strip{height:36px;margin:0 0 12px;opacity:.54}
#do-home .do-study-compare img,#do-home .do-case-gallery img,#do-home .do-index-media img{transition:transform .3s ease-out}
#do-home .do-case-gallery a:hover img,#do-home .do-index-card a:hover img{transform:scale(1.045)}
#do-home .do-pin[aria-pressed=true]::after{content:"";position:absolute;inset:-5px;border:1px solid #d4ffb2;border-radius:50%;animation:do-pin-wave 2.9s ease-out infinite;pointer-events:none}
@keyframes do-trace-flow{to{stroke-dashoffset:-120}}
@keyframes do-motion-signal{from{opacity:.43}to{opacity:1}}
@keyframes do-motion-atom{from{transform:rotate(-10deg) scale(.92)}to{transform:rotate(10deg) scale(1.08)}}
@keyframes do-pin-wave{0%{opacity:1;transform:scale(.85)}80%,100%{opacity:0;transform:scale(1.85)}}
@media(max-width:700px){#do-home .do-motion-strip{grid-template-columns:1fr;gap:0;height:36px;margin-bottom:12px}#do-home .do-motion-strip svg{height:36px}#do-home .do-motion-strip>span{display:none}}
@media(prefers-reduced-motion:reduce){#do-home .do-oxygen-particles,#do-home .do-oxygen-satellites span,#do-home .do-motion-strip.do-in-view svg *,#do-home .do-pin[aria-pressed=true]::after{animation:none}#do-home .do-oxygen-satellites{transition:none}}
#do-home .do-oxygen-particles{fill:#a6e9ff}
#do-home .do-oxygen-particles circle:nth-child(4n){fill:#e6fcff}
#do-home .do-oxygen-particles circle:nth-child(3n){fill:#468abb}
#do-home .do-motion-strip.do-in-view svg{animation:do-motion-aperture .95s cubic-bezier(.2,.62,.27,1) both}
@keyframes do-motion-aperture{from{clip-path:inset(0 48%)}to{clip-path:inset(0)}}
#do-home .do-motion-arrived>*{animation:do-motion-arrive .56s cubic-bezier(.19,.65,.24,1) backwards}
#do-home .do-motion-arrived>:nth-child(4n+2){animation-delay:.055s}
#do-home .do-motion-arrived>:nth-child(4n+3){animation-delay:.11s}
#do-home .do-motion-arrived>:nth-child(4n+4){animation-delay:.165s}
@keyframes do-motion-arrive{from{opacity:.5;translate:0 13px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){#do-home .do-motion-strip.do-in-view svg,#do-home .do-motion-arrived>*{animation:none}}
#do-home svg.do-oxygen-particles{width:100%;height:98%;stroke:none}
#do-home .do-oxygen-particles circle{fill:#a6e9ff;stroke:none}
#do-home .do-oxygen-particles circle:nth-child(4n){fill:#e6fcff}
#do-home .do-oxygen-particles circle:nth-child(3n){fill:#468abb}

/* Motion Plus: reflections, orbital light and the extracted brand emblem. */
#do-home .do-oxygen-kinetics{position:absolute;inset:0;pointer-events:none}
#do-home .do-oxygen-kinetics svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:1}
#do-home .do-oxygen-track{stroke:#acebff;opacity:.16}
#do-home .do-oxygen-trail,#do-home .do-oxygen-comet{stroke-dashoffset:0;animation:do-oxygen-orbit 5.8s linear infinite;animation-delay:calc(-1.83s * var(--orbit-track))}
#do-home .do-oxygen-trail{stroke:#80deff;stroke-width:2;stroke-dasharray:15 85;opacity:.59;filter:drop-shadow(0 0 5px #52c7ff)}
#do-home .do-oxygen-comet{stroke:#dcfbff;stroke-width:4;stroke-dasharray:.6 99.4;filter:drop-shadow(0 0 5px #9df2ff)}
#do-home .do-oxygen-kinetics svg g:nth-child(2) :is(.do-oxygen-trail,.do-oxygen-comet){animation-duration:7.3s;animation-direction:reverse}
#do-home .do-oxygen-kinetics svg g:nth-child(3) :is(.do-oxygen-trail,.do-oxygen-comet){animation-duration:9.6s}
#do-home .do-oxygen-wave{box-shadow:0 0 25px #bcf6ff}
#do-home .do-oxygen-wave:nth-of-type(2){border-color:#74e3ff}
#do-home .do-oxygen-wave:nth-of-type(3){border-color:#a8b5ff}
#do-home .do-oxygen-spark{position:absolute;left:49.5%;top:48.5%;width:7px;height:7px;border-radius:50%;opacity:0;background:#f0ffff;box-shadow:0 0 13px #9be7ff}
#do-home .do-oxygen-spark:nth-of-type(3n){width:4px;height:4px;background:#86eaff}
#do-home .do-oxygen-emblem{position:relative;grid-area:1/1;z-index:1;display:grid;place-items:center;width:clamp(68px,8.8vw,125px);aspect-ratio:1;animation:do-oxygen-emblem-float 5.4s ease-in-out infinite}
#do-home .do-oxygen-emblem::before{content:"";position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,#8deaff40,transparent 70%);z-index:-1}
#do-home .do-oxygen-emblem img{width:100%;height:auto;animation:none;filter:drop-shadow(0 3px 19px #59d1ff9c)}
#do-home .do-oxygen-satellites span{animation-duration:calc(3.4s + var(--si)*.47s)}
#do-home .do-oxygen-offscreen :is(.do-oxygen-trail,.do-oxygen-comet,.do-oxygen-emblem,.do-bubble-canvas,.do-oxygen-particles,.do-oxygen-satellites span){animation-play-state:paused}
@keyframes do-oxygen-orbit{to{stroke-dashoffset:-100}}
@keyframes do-oxygen-emblem-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px) scale(1.065)}}
@media(max-width:700px){#do-home .do-oxygen-emblem{width:clamp(58px,16.8vw,104px)}}
@media(prefers-reduced-motion:reduce){#do-home :is(.do-oxygen-trail,.do-oxygen-comet,.do-oxygen-emblem){animation:none}#do-home :is(.do-oxygen-trail,.do-oxygen-comet){display:none}}

/* Editable projects reuse the Motion Plus cards. */
#do-home .do-project-filters{margin:0 0 20px}
#do-home .do-project-filters[hidden],#do-home .do-index-card[hidden]{display:none}
#do-home .do-work-media :is(.do-index-result,.do-project-media-label){display:grid;place-content:center;min-height:100%;color:#172d6c}
#do-home .do-work-media .do-index-result strong{font-size:clamp(31px,6vw,65px)}
#do-home .do-project-media-label{font-weight:750}
#do-home .do-brand-grid a>.do-project-media-label,#do-home .do-brand-grid a>.do-index-result{min-height:135px;display:grid;place-content:center;text-align:center;background:#f5f6f8;border-radius:7px}

#do-home .do-social-band{padding:clamp(52px,8vw,112px) 0;scroll-margin-top:22px}
#do-home .do-social-video{background:#101a30;color:#f6f8ff}
#do-home .do-social-video .do-section-head>p{color:#c9d5eb}
#do-home .do-social-posts{background:#f0f2f8;color:#101a30}
#do-home .do-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#do-home .do-social-posts .do-social-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#do-home .do-social-card{min-width:0;overflow:hidden;border:1px solid #9fb0cb40;border-radius:16px;background:#142440;color:#fff}
#do-home .do-social-cover{position:relative;display:flex;align-items:flex-end;isolation:isolate;min-height:128px;aspect-ratio:16/9;padding:15px;background:radial-gradient(ellipse at 77% 34%,#4662aa,#253659 45%,#17223c 75%);color:#fff}
#do-home .do-social-facebook-reel .do-social-cover{background:radial-gradient(ellipse at 76% 37%,#3769bc,#25437e 42%,#101c36 76%)}
#do-home .do-social-instagram .do-social-cover{background:radial-gradient(ellipse at 76% 32%,#7a4d8f,#523e74 37%,#27223f 76%)}
#do-home .do-social-tiktok .do-social-cover{background:radial-gradient(ellipse at 76% 32%,#277c81,#254853 37%,#172838 76%)}
#do-home .do-social-posts .do-social-cover{aspect-ratio:5/4}
#do-home .do-social-cover:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#0005,transparent 38%,#091124eb 100%);pointer-events:none}
#do-home .do-social-cover img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}
#do-home .do-social-cover-vertical img{object-position:50% 17%}
#do-home .do-social-cover:hover img{transform:scale(1.04)}
#do-home .do-social-cover:focus-visible,#do-home .do-social-source:focus-visible{outline:2px solid var(--lime);outline-offset:-4px}
#do-home .do-social-platform{position:absolute;top:13px;left:14px;padding:5px 9px;border:1px solid #ffffff50;border-radius:30px;background:#101a31db;color:#fff;font-size:12px;font-weight:750}
#do-home .do-social-card-name{font-size:clamp(17px,2.35vw,28px);font-weight:850;line-height:1.12;letter-spacing:-.03em}
#do-home .do-social-play,#do-home .do-social-post-icon{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff64;background:#101b37aa;transform:translate(-50%,-50%);transition:background .2s,scale .2s}
#do-home .do-social-play:before{content:"";margin-left:3px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff}
#do-home .do-social-post-icon:before{content:"";width:16px;height:17px;border:1.5px solid #fff;border-radius:3px;box-shadow:3px -3px 0 -1px #e4e9ff}
#do-home .do-social-cover:hover :is(.do-social-play,.do-social-post-icon){background:#354d91;scale:1.08}
#do-home .do-social-source{display:flex;justify-content:space-between;padding:10px 14px;color:#d5e1ff;font-size:13px;font-weight:700}
#do-home .do-social-source:hover{color:#fff;background:#233557}
#do-home .do-social-more{margin-top:16px;border:1px solid #8299bd60;border-radius:12px;padding:11px 14px}
#do-home .do-social-more summary{cursor:pointer;font-weight:750;color:#e3ecff}
#do-home .do-social-more[open]>summary{margin-bottom:14px}
#do-home .do-social-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#do-home .do-social-channels a{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid #8299bd40;border-radius:8px;color:#e3ecff;font-size:13px}
#do-home .do-social-channels a:hover{background:#26395d}
#do-home .do-social-channels a span{color:#b6c9e6;white-space:nowrap}
.do-social-dialog{width:min(870px,calc(100vw - 28px));max-height:calc(100dvh - 28px);margin:auto;padding:0;border:1px solid #7890b3;border-radius:16px;background:#101a30;color:#fff;overflow:auto;font:16px/1.4 system-ui,sans-serif}
.do-social-dialog::backdrop{background:#090d1cd9}
.do-social-dialog-head{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;padding:14px 16px}
.do-social-dialog-head h2{margin:0 0 3px;font:750 21px/1.2 system-ui,sans-serif;color:#fff}
.do-social-dialog-head a{color:#d6e3ff;font-size:13px;text-decoration:underline}
.do-social-dialog-head button{width:38px;height:38px;flex:none;border:1px solid #7890b3;border-radius:9px;background:#202e4d;color:#fff;font:26px/1 system-ui,sans-serif;cursor:pointer}
.do-social-dialog-head button:focus-visible{outline:2px solid #cafa82}
.do-social-player{background:#0b1221}
.do-social-player iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0}
.do-social-dialog:is([data-provider="facebook-reel"],[data-provider="youtube-short"],[data-provider="tiktok"]){width:min(470px,calc(100vw - 28px))}
.do-social-dialog:is([data-provider="facebook-reel"],[data-provider="youtube-short"],[data-provider="tiktok"]) iframe{aspect-ratio:9/16;height:min(720px,calc(100dvh - 105px))}
.do-social-dialog[data-provider="instagram"]{width:min(550px,calc(100vw - 28px))}
.do-social-dialog[data-provider="instagram"] iframe{aspect-ratio:auto;height:min(660px,calc(100dvh - 105px));background:#fff}
@media(max-width:850px){#do-home .do-social-grid,#do-home .do-social-posts .do-social-grid,#do-home .do-social-channels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#do-home .do-social-grid,#do-home .do-social-posts .do-social-grid{gap:10px}#do-home .do-social-cover{aspect-ratio:4/3;padding:10px}#do-home .do-social-card-name{font-size:15px}#do-home .do-social-platform{top:8px;left:8px;font-size:10px;padding:4px 7px}#do-home .do-social-play,#do-home .do-social-post-icon{width:34px;height:34px}#do-home .do-social-source{font-size:11px;padding:8px 9px}#do-home .do-social-channels{grid-template-columns:1fr}}

/* Portfolio covers and client artwork */
#do-home .do-social-poster{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;isolation:isolate;color:#d4ecff;background:radial-gradient(ellipse at 75% 25%,#3775ab88,transparent 57%),linear-gradient(142deg,#223f72,#101936 70%);pointer-events:none}
#do-home .do-social-instagram .do-social-poster{background:radial-gradient(ellipse at 86% 24%,#a747a681,transparent 55%),linear-gradient(137deg,#482d68,#101936 72%)}
#do-home .do-social-youtube .do-social-poster,#do-home .do-social-youtube-short .do-social-poster{background:radial-gradient(ellipse at 86% 24%,#a7406580,transparent 55%),linear-gradient(137deg,#613047,#101936 72%)}
#do-home .do-social-poster i{position:absolute;inset:19% 13% 19% 35%;transform:rotate(-26deg);border-radius:50%;border:1px solid #b9f2ff6b;box-shadow:0 0 0 15px #87c7f613,0 0 0 30px #87c7f60c,inset 0 0 40px #7dc8f633}
#do-home .do-social-poster b{position:absolute;right:11%;top:23%;font:600 clamp(24px,4vw,64px)/1 var(--display);letter-spacing:-.04em;opacity:.18}
#do-home .do-social-stat{display:block;color:#daff7d;font-size:.68em;margin-top:6px}
#do-home .do-post-card{border-radius:16px;overflow:hidden;background:#edf4ff;border:1px solid #cddbf1;min-width:0}
#do-home .do-post-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
#do-home .do-post-frame{flex:0 0 100%;scroll-snap-align:start;min-height:184px;display:grid;place-items:center;padding:14px;text-align:center;background:radial-gradient(ellipse at 88% 20%,#c9ebff,transparent 57%),linear-gradient(135deg,#e7f0ff,#c4d6f7);color:#162b58;font-weight:750}
#do-home .do-post-frame:focus-visible,#do-home .do-post-frame:hover{box-shadow:inset 0 0 0 2px #3856ba}
#do-home .do-post-caption{display:flex;align-items:center;gap:7px;padding:12px;color:#162b58}
#do-home .do-post-caption h3{font-size:14px;margin-right:auto}
#do-home .do-post-caption button{border:1px solid #a0b2d1;background:#fff;color:#243e70;border-radius:50%;width:32px;height:32px;cursor:pointer}
.do-social-dialog[data-provider="facebook-photo"] .do-social-player{width:min(490px,86vw);height:min(67vh,655px);aspect-ratio:auto}
.do-social-player>a{display:grid;place-items:center;min-height:120px;color:white;text-decoration:underline;padding:18px}
#do-home a.do-service{color:#fff;text-decoration:none}
#do-home .do-service-link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:16px;color:#d4fa80;font-size:13px;font-weight:700}
#do-home .do-service-link svg{width:15px;height:15px}
#do-home .do-service:focus-visible{outline:3px solid #c8ed72;outline-offset:3px}
#do-home .do-service-example{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:clamp(20px,5vw,72px);margin-bottom:clamp(35px,6vw,88px)}
#do-home .do-service-example .do-btn{margin-top:18px}
#do-home .do-service-client{display:grid;place-items:center;min-height:250px;padding:18px;background:#eef4ff;border-radius:18px;overflow:hidden}
#do-home .do-service-client img{max-height:330px;width:100%;height:auto;object-fit:contain}
#do-home .do-service-client-name{font:700 clamp(25px,5vw,72px)/1.1 var(--display);color:#233e75;text-align:center;overflow-wrap:anywhere}
#do-home .do-service-process>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 30px}
#do-home .do-service-process>div>div{padding:18px;border:1px solid #cfdef7;background:#f0f5fe;border-radius:14px}
#do-home .do-service-process h3{font-size:19px}
#do-home .do-service-choices{border:1px solid #6576aa;border-radius:10px;margin:0;padding:10px 12px}
#do-home .do-service-choices legend{font-weight:700;padding:0 5px}
#do-home .do-service-choices>p{font-size:12px;margin:0 0 8px;color:#cbd6f5}
#do-home .do-service-choices>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 9px}
#do-home .do-service-choices label{display:flex;align-items:center;gap:6px;font-size:12px;min-height:28px}
#do-home .do-service-choices input[type=checkbox]{width:16px;height:16px;margin:0;flex:none;accent-color:#d5fc76}
@media(max-width:680px){#do-home .do-service-example,#do-home .do-service-process>div{grid-template-columns:1fr}#do-home .do-service-client{min-height:160px}}
#do-home .do-post-frame{grid-template-rows:minmax(0,1fr) auto;gap:10px}
#do-home .do-post-frame img{display:block;width:100%;height:clamp(190px,25vw,345px);object-fit:contain;object-position:center;border-radius:8px}
#do-home .do-post-frame span{font-size:12px}

#do-home .do-process-right{min-width:0;grid-column:2;grid-row:1}
#do-home .do-process-right .do-motion-strip{width:100%;margin-top:0}
#do-home .do-process-right .do-steps{margin-top:0}
#do-home .do-service-client .do-service-client-logo{width:min(78%,300px);max-height:170px;object-fit:contain}
#do-home .do-service-choices{padding:0}
#do-home .do-service-choices summary{padding:12px;cursor:pointer;color:#172443;background:#f5f7ff;border-radius:9px;font-size:14px;font-weight:750}
#do-home .do-service-choices[open] summary{border-bottom:1px solid #6576aa}
#do-home .do-service-choices>div{padding:9px 12px 12px}
#do-home .do-selection-count{color:#2b4892}
#do-home .do-work-opt .do-work-media img{object-fit:contain;background:#101a37}
#do-home .do-entry-work{color:#526489;font-size:12px}
.do-social-dialog[data-provider="local"] .do-social-player{aspect-ratio:auto;width:min(76vw,810px)}
.do-social-player video{display:block;width:100%;max-height:69vh;object-fit:contain}
@media(max-width:700px){#do-home .do-process-right{grid-column:1;grid-row:auto}}
.do-local-preview-message{display:grid;place-items:center;min-height:120px;margin:0;padding:24px;color:white;text-align:center}