@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/work/itsthedro/fonts/dro-0.ttf)format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/work/itsthedro/fonts/dro-1.ttf)format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/work/itsthedro/fonts/dro-2.ttf)format("truetype")}@font-face{font-family:League Gothic;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/work/itsthedro/fonts/dro-3.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/work/itsthedro/fonts/dro-4.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/work/itsthedro/fonts/dro-5.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/work/itsthedro/fonts/dro-6.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/work/itsthedro/fonts/dro-7.ttf)format("truetype")}@font-face{font-family:Permanent Marker;font-style:normal;font-weight:400;font-display:swap;src:url(/work/itsthedro/fonts/dro-8.ttf)format("truetype")}.dro-case{--dro-ink:#0b0b0b;--dro-pink:#e8a0c9;--dro-teal:#10b8b4;--dro-lime:#d7e527;--dro-lavender:#e5ddf1;--dro-orange:#ff6a13;--dro-blue:#3c73e8;--dro-warm:#f7f4ec;isolation:isolate;color:var(--ink);font-family:var(--font-body);background:0 0;position:relative}.dro-case .site-header{font-family:var(--font-body)}.dro-case main{width:100%}.dro-case p{text-wrap:pretty}.dro-case h1,.dro-case h2{font-family:var(--font-heading);letter-spacing:-.04em;text-wrap:balance;font-weight:400}:is(.dro-case a:focus-visible,.dro-case button:focus-visible){outline:2px solid var(--accent);outline-offset:6px}.dro-label{color:var(--muted);font:500 10px/1.6 var(--font-body);letter-spacing:.13em;text-transform:uppercase;margin:0}.dro-hand{font:400 clamp(18px,2vw,30px)/1.15 Permanent Marker,cursive}.dro-opening{width:min(1480px,100%);padding:clamp(58px, 8vw, 112px) var(--gutter) clamp(86px, 10vw, 150px);grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);align-items:center;gap:clamp(42px,6vw,92px);margin:0 auto;display:grid}.dro-opening-copy{z-index:2;position:relative}.dro-opening h1{max-width:720px;margin:18px 0 20px;font-size:clamp(46px,4.8vw,66px);line-height:1.06}.dro-summary{max-width:610px;color:var(--muted);margin:0;font-size:clamp(15px,1.15vw,17px);line-height:1.72}.dro-opening-links{flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px;display:flex}.dro-opening-links .case-text-link{border-bottom:0}.dro-opening-links .case-text-link:first-child{font-weight:600}@media (hover:hover){.dro-opening-links .case-text-link:hover{text-underline-offset:5px;text-decoration:underline}}.dro-project-facts{grid-template-columns:1.3fr 1fr;gap:28px;max-width:700px;margin-top:28px;display:grid}.dro-project-facts p{color:var(--ink);margin:0;font-size:12px;line-height:1.55}.dro-project-facts .dro-label{margin-bottom:7px;display:block}.dro-pedro-hero{position:relative}.dro-brand-scene{background:linear-gradient(#ffffff38 1px,#0000 1px) 0 0/58px 58px,linear-gradient(90deg,#ffffff38 1px,#0000 1px) 0 0/58px 58px,radial-gradient(circle at 18% 24%,#e8a0c9e6,#0000 30%),radial-gradient(circle at 80% 75%,#10b8b4a3,#0000 31%),#efd0e5;border:1px solid #ffffffd1;border-radius:32px;min-height:610px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 26px 70px #4d403412}.dro-brand-scene:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff42,#0000 38%);position:absolute;inset:0}.dro-orbit{aspect-ratio:1;border:1px solid #0b0b0b61;border-radius:50%;width:52%;position:absolute;top:13%;right:4%;transform:rotate(-14deg)}.dro-hero-logo{z-index:3;object-fit:contain;object-position:left center;width:27%;max-height:72px;position:absolute;top:6%;left:6%;transform:rotate(-3deg)}.dro-hero-slogan{z-index:3;text-transform:uppercase;letter-spacing:-.015em;width:38%;font:400 clamp(40px,3.8vw,62px)/.88 League Gothic,Impact,sans-serif;display:grid;position:absolute;bottom:17%;left:6%}.dro-brand-scene>.dro-hand{z-index:4;width:35%;margin:0;font-size:clamp(14px,1.3vw,20px);position:absolute;bottom:6%;left:6%;transform:rotate(-3deg)}.dro-pedro-cutout{z-index:4;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 20px 24px #0b0b0b24);width:55%;height:86%;animation:.9s cubic-bezier(.17,.8,.2,1) .42s both dro-pedro-in;position:absolute;bottom:-3%;right:-1%}.dro-chapter{width:min(1480px,100%);padding:clamp(82px, 9vw, 138px) var(--gutter);border-top:1px solid #37312b1f;margin:0 auto;scroll-margin-top:24px}.dro-identity{border-top:0}.dro-chapter-intro{grid-template-columns:150px minmax(0,.95fr) minmax(0,.85fr);align-items:start;gap:clamp(24px,4vw,62px);margin-bottom:clamp(42px,5vw,70px);display:grid}.dro-chapter-intro .dro-label{padding-top:7px}.dro-chapter h2{max-width:640px;margin:0;font-size:clamp(40px,4vw,60px);line-height:1.04}.dro-chapter-intro>p:last-child:not(.dro-label){max-width:460px;color:var(--muted);margin:5px 0 0;font-size:clamp(14px,1.1vw,16px);line-height:1.75}.dro-identity-poster{min-height:540px;color:var(--dro-ink);background:radial-gradient(circle at 18% 85%,#e8a0c985,#0000 34%),radial-gradient(circle at 88% 12%,#d7e5276b,#0000 27%),linear-gradient(135deg,#10b8b4db,#10b8b4a8);border:1px solid #ffffffbf;border-radius:30px;grid-template-columns:.95fr 1.05fr;align-items:center;gap:50px;padding:clamp(34px,5vw,78px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff73,0 22px 60px #4d40340f}.dro-poster-logo{z-index:2;width:100%;height:auto;position:relative;transform:rotate(-4deg)}.dro-poster-message{z-index:2;text-transform:uppercase;font:400 clamp(56px,6vw,94px)/.9 League Gothic,Impact,sans-serif;position:relative}.dro-poster-message span{display:block}.dro-identity-poster .dro-hand{z-index:2;color:var(--dro-ink);grid-column:1/-1;justify-self:end;margin:0 10px 15px;position:relative;transform:rotate(-4deg)}.dro-poster-bar{background:var(--dro-pink);width:160%;height:64px;position:absolute;bottom:48px;left:-10%;transform:rotate(-5deg)}.dro-illustration-world{background:radial-gradient(circle at 76% 38%,#e5ddf18a,#0000 35%),#faf7f09e;border:1px solid #ffffffbf;border-radius:30px;grid-template-columns:1fr 1fr 1.25fr;align-items:center;gap:28px;min-height:590px;padding:36px 28px 125px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff8f}.dro-object{z-index:2;text-align:center;position:relative}.dro-object img{object-fit:contain;width:80%;height:245px;margin:0 auto 26px;transition:transform .48s cubic-bezier(.17,.8,.3,1.25);display:block}.dro-object-mic img{transform:rotate(-10deg)}.dro-object-headphones img{transform:rotate(7deg)}.dro-object .dro-label{color:#37312b9e}.dro-photo-stage{background:#0b0b0b;border-radius:30px;overflow:hidden;box-shadow:0 24px 70px #0b0b0b1a}.dro-photo-spread{grid-template-columns:.85fr 1.15fr;align-items:center;gap:46px;min-height:620px;padding:clamp(36px,5vw,72px);display:grid;position:relative}.dro-photo{color:#0b0b0b;background:var(--dro-warm);margin:0;padding:11px 11px 26px;box-shadow:0 24px 54px #0000007a}.dro-photo img{object-fit:cover;width:100%;height:auto;display:block}.dro-photo-booth{transform:rotate(-4deg)}.dro-photo-booth img{aspect-ratio:4/5}.dro-photo-floor{transform:rotate(3deg)}.dro-photo-floor img{aspect-ratio:4/3}.dro-photo figcaption{margin:18px 5px 0;font-size:24px}.dro-photo-spark{width:72px;position:absolute;bottom:3%;left:40%}.dro-controller-panel{background:radial-gradient(circle at 10% 10%,#e8a0c985,#0000 30%),radial-gradient(circle at 92% 90%,#10b8b457,#0000 34%),#ffffff52;border:1px solid #ffffffbd;border-radius:30px;padding:clamp(18px,2.2vw,32px);box-shadow:inset 0 1px #ffffff8a}.dro-instrument{color:#0b0b0b;background:var(--dro-warm);border:2px solid #0b0b0b;border-radius:10px;padding:clamp(22px,3.5vw,48px);font-family:Manrope,sans-serif;box-shadow:8px 8px #0b0b0b}.dro-instrument-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.dro-instrument-top .dro-hand{color:#0b0b0b;margin:0;transform:rotate(-2deg)}.dro-sound-toggle{cursor:pointer;color:#0b0b0b;background:var(--dro-lime);border:2px solid #0b0b0b;border-radius:999px;min-height:44px;padding:11px 15px;font:500 10px/1.4 IBM Plex Mono,monospace}.dro-sound-toggle[aria-pressed=true]{background:var(--dro-lavender)}.dro-controller-wrap{perspective:1600px;margin:34px -1% 15px}.dro-controller{aspect-ratio:1449.5/756.12;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.25,1);position:relative}.dro-controller>img,.dro-controller>picture>img{width:100%;height:100%;display:block}.dro-lcd{color:#0b0b0b;box-sizing:border-box;background:0 0;border-radius:3px;flex-direction:column;width:25.8%;height:23.7%;padding:1.1% 1.4%;display:flex;position:absolute;top:21.85%;left:37.7%;overflow:hidden}.dro-lcd>span{text-transform:uppercase;font:500 clamp(5px,.65vw,10px)/1.2 IBM Plex Mono,monospace}.dro-lcd strong{white-space:nowrap;margin-top:3%;font:400 clamp(14px,2.7vw,40px)/1.2 League Gothic,sans-serif}.dro-equalizer{align-items:end;gap:4%;height:27%;margin-top:auto;display:flex}.dro-equalizer i{width:4%;height:var(--bar);background:#0b0b0b;display:block}.dro-equalizer.is-playing i{animation:dro-beat .4s ease-in-out var(--beat) infinite alternate}.dro-audio-progress{background:#0b0b0b33;height:3px;margin-top:5%}.dro-audio-progress i{background:#0b0b0b;height:100%;display:block}.dro-controller-pad{z-index:5;cursor:pointer;color:#0b0b0b;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;height:11.9%;padding:0;transition:background .16s,box-shadow .16s,transform .16s;display:flex;position:absolute;top:58.7%}.dro-pad-overlay{z-index:2;pointer-events:none;color:#0b0b0b;text-align:center;text-transform:uppercase;text-shadow:0 1px #ffffff52;flex-direction:column;align-items:center;gap:4px;width:92%;font:600 clamp(6px,.6vw,9px)/1.05 IBM Plex Mono,monospace;display:flex;position:relative}.dro-pad-overlay kbd{font:400 clamp(20px,2.4vw,34px)/1 League Gothic,Impact,sans-serif}.dro-pad-play{opacity:.5;pointer-events:none;width:clamp(7px,.7vw,11px);height:auto;position:absolute;top:10%;right:9%}.dro-controller-pad:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;box-shadow:0 0 0 2px #fff9,0 0 16px 6px var(--pad-color),0 0 36px 10px color-mix(in srgb,var(--pad-color) 65%,transparent);transition:opacity .16s;position:absolute;inset:0}.dro-controller-pad:hover:before,.dro-controller-pad.is-active:before{opacity:1}.dro-controller-pad:focus-visible:before{opacity:1}:is(.dro-controller-pad:hover,.dro-controller-pad:focus-visible,.dro-controller-pad.is-active){background:color-mix(in srgb, var(--pad-color) 40%, transparent);box-shadow:inset 0 0 0 1px #fff8}.dro-controller-pad:active,.dro-controller-pad.is-active{transform:translateY(2px)}.dro-pad-burst{z-index:10;pointer-events:none;width:1px;height:1px;position:absolute;top:50%;left:50%;overflow:visible}.dro-pad-burst img{--burst-travel-x:var(--burst-x);object-fit:contain;width:clamp(26px,3vw,42px);height:clamp(26px,3vw,42px);animation:1.1s cubic-bezier(.2,.8,.3,1) both dro-burst;position:absolute;top:0;left:0}.dro-pad-legend{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:18px;display:none}.dro-pad-legend button{cursor:pointer;color:#0b0b0b;background:var(--pad-color);border:2px solid #0b0b0b;border-radius:6px;width:100%;min-height:56px;padding:9px 6px;font:600 9px/1.45 IBM Plex Mono,monospace;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:3px 3px #0b0b0b}.dro-pad-legend-item{min-width:0;position:relative}.dro-pad-legend .dro-pad-play{width:10px;top:9px;right:9px}:is(.dro-pad-legend button:focus-visible,.dro-pad-legend button.is-active){box-shadow:3px 3px 0 #0b0b0b,0 0 18px var(--pad-color)}.dro-pad-legend button.is-active,.dro-pad-legend button:active{box-shadow:0 0 22px var(--pad-color);transform:translate(3px,3px)}.dro-pad-legend kbd{margin-bottom:4px;font:400 28px/1 League Gothic,sans-serif;display:block}.dro-instrument-bottom{flex-wrap:wrap;justify-content:space-between;gap:8px;margin:20px 0 8px;display:flex}.dro-instrument-bottom p{color:#0b0b0b;margin:0;font:400 9px/1.6 IBM Plex Mono,monospace}.dro-live-link{color:#0b0b0b;border-bottom:1px solid;align-items:center;gap:7px;padding-block:9px;font:500 11px/1.5 Manrope,sans-serif;display:inline-flex}.dro-touch-copy{display:none}@media (max-width:767px),(hover:none){.dro-desktop-copy{display:none}.dro-touch-copy{display:inline}}.dro-detail-demos{background:var(--dro-warm);border:1px solid #ffffffc2;border-radius:30px;overflow:hidden;box-shadow:0 22px 60px #4d40340f}.dro-ui-demo{padding:clamp(30px,4vw,56px)}.dro-ui-specimen{color:#0b0b0b;background:radial-gradient(at 95% 0,#d7e527aa,#0000 50%),#e8a0c9;border:2px solid #0b0b0b;grid-template-columns:1.1fr .9fr;align-content:center;gap:22px 45px;min-height:360px;margin-top:24px;padding:clamp(28px,5vw,70px);display:grid;position:relative;box-shadow:7px 7px #0b0b0b}.dro-ui-display{text-transform:uppercase;grid-row:1/3;font:400 clamp(80px,10vw,150px)/.86 League Gothic,Impact,sans-serif}.dro-ui-body{align-self:end;max-width:290px;font:500 16px/1.6 Manrope,sans-serif}.dro-demo-button{color:#0b0b0b;background:var(--dro-lime);text-transform:uppercase;border:2px solid #0b0b0b;border-radius:7px;place-self:start;align-items:center;min-height:52px;padding:12px 24px;font:400 30px/1 League Gothic,Impact,sans-serif;transition:transform .18s cubic-bezier(.2,.8,.2,1.3),box-shadow .18s;display:inline-flex;box-shadow:5px 5px #0b0b0b}.dro-demo-button:hover{transform:translate(-2px,-2px)rotate(-2deg);box-shadow:7px 7px #0b0b0b}.dro-demo-button:active{transform:translate(4px,4px);box-shadow:1px 1px #0b0b0b}.dro-finale{border-bottom:0}.dro-finale-panel{color:#0b0b0b;background:radial-gradient(circle at 88% 10%,#d7e5278a,#0000 24%),radial-gradient(circle at 18% 92%,#e8a0c975,#0000 30%),linear-gradient(135deg,#10b8b4eb,#10b8b4b8);border:1px solid #ffffffbd;border-radius:32px;grid-template-columns:.92fr 1.08fr;align-items:center;gap:clamp(24px,4vw,60px);min-height:470px;padding:clamp(32px,4.2vw,64px);display:grid;overflow:hidden}.dro-finale-panel .dro-label{color:#0b0b0b94}.dro-finale-panel h2{color:#0b0b0b;max-width:680px;margin:18px 0 20px}.dro-finale-panel>div:first-child>p:not(.dro-label){max-width:560px;margin:0 0 25px;font-size:15px;line-height:1.72}.dro-finale-panel .case-text-link{color:#0b0b0b;border-color:#0b0b0b59}.dro-finale-art{min-height:390px;position:relative;overflow:visible;transform:rotate(1deg)}.dro-finale-art:before{content:"";background:var(--dro-warm);border:2px solid #0b0b0b;position:absolute;inset:19% 6% 17% 10%;transform:rotate(-3deg);box-shadow:9px 9px #0b0b0bc7}.dro-finale-orbit{aspect-ratio:1;border:1px solid #0b0b0b59;border-radius:50%;width:62%;position:absolute;top:1%;right:-2%}.dro-finale-logo{z-index:3;object-fit:contain;width:61%;max-height:120px;position:absolute;top:40%;left:20%;transform:translateY(-50%)rotate(-3deg)}.dro-finale-disco{z-index:4;width:31%;max-height:none;position:absolute;top:1%;right:1%;transform:rotate(9deg)}.dro-finale-lightning{z-index:4;width:20%;max-height:none;position:absolute;bottom:3%;left:0;transform:rotate(-10deg)}.dro-finale-sparkle{z-index:4;width:11%;max-height:none;position:absolute;bottom:8%;right:13%;transform:rotate(10deg)}.dro-finale-art .dro-hand{z-index:4;text-align:center;width:55%;margin:0;font-size:18px;position:absolute;top:61%;left:50%;transform:translate(-50%)rotate(-4deg)}.will-reveal{opacity:0;transition:opacity .76s cubic-bezier(.17,.8,.24,1),transform .76s cubic-bezier(.17,.8,.24,1);transform:translateY(38px)}.will-reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes dro-pedro-in{0%{opacity:0;transform:translateY(46px)rotate(3deg)scale(.96)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes dro-beat{0%{transform-origin:bottom;transform:scaleY(.25)}to{transform-origin:bottom;transform:scaleY(1)}}@keyframes dro-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}12%,70%{opacity:1}to{opacity:0;transform:translate(var(--burst-travel-x),var(--burst-y)) rotate(var(--burst-r)) scale(1.25)}}@media (hover:hover) and (pointer:fine){.dro-object:hover img{transform:translateY(-10px)rotate(0)}.dro-finale-art:hover{transform:rotate(0)translateY(-3px)}.dro-finale-art:hover .dro-finale-disco{transform:translate(-5px,6px)rotate(15deg)}.dro-finale-art:hover .dro-finale-lightning{transform:translate(7px,-5px)rotate(-5deg)}}@media (max-width:1050px){.dro-opening{grid-template-columns:1fr}.dro-opening-copy,.dro-pedro-hero{max-width:820px}.dro-chapter-intro{grid-template-columns:110px 1fr}.dro-chapter-intro>p:last-child:not(.dro-label){grid-column:2}.dro-identity-poster{gap:28px;min-height:470px}.dro-object-disco img{height:300px}.dro-pad-legend{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.dro-opening{gap:36px;padding-top:42px;padding-bottom:78px}.dro-opening h1{font-size:clamp(44px,12.8vw,60px)}.dro-project-facts{grid-template-columns:1fr;gap:20px;margin-top:34px}.dro-brand-scene{background-size:42px 42px,42px 42px,auto,auto,auto;border-radius:24px;min-height:450px}.dro-hero-logo{width:34%}.dro-hero-slogan{width:42%;font-size:clamp(34px,9.5vw,52px);bottom:18%;left:6%}.dro-brand-scene>.dro-hand{width:40%;font-size:13px;bottom:7%;left:6%}.dro-pedro-cutout{width:63%;height:82%;right:-8%}.dro-chapter{padding-block:74px}.dro-chapter-intro{grid-template-columns:1fr;gap:18px;margin-bottom:36px}.dro-chapter-intro .dro-label{padding-top:0}.dro-chapter-intro>p:last-child:not(.dro-label){grid-column:1}.dro-chapter h2{font-size:clamp(37px,10.8vw,52px)}.dro-identity-poster{border-radius:24px;grid-template-columns:1fr;gap:36px;min-height:0;padding:36px 24px 62px}.dro-poster-logo{width:82%;margin-inline:auto}.dro-poster-message{font-size:clamp(54px,15vw,82px)}.dro-identity-poster .dro-hand{font-size:19px}.dro-illustration-world{border-radius:24px;grid-template-columns:1fr 1fr;gap:20px;min-height:0;padding:28px 10px 105px}.dro-object img{height:145px;margin-bottom:16px}.dro-object-disco{grid-column:1/-1}.dro-object-disco img{width:82%;height:290px}.dro-photo-stage{border-radius:24px}.dro-photo-spread{grid-template-columns:1fr;gap:38px;min-height:0;padding:35px 24px 48px}.dro-photo-spark{width:55px;bottom:2%;left:auto;right:2%}.dro-controller-panel{border-radius:24px;padding:10px}.dro-instrument{padding:16px;box-shadow:4px 4px #0b0b0b}.dro-instrument-top .dro-hand{font-size:19px}.dro-controller-wrap{margin-inline:-10px;margin-top:24px}.dro-controller-pad,.dro-controller>.dro-pad-burst{display:none}.dro-pad-legend .dro-pad-burst img{--burst-travel-x:calc(var(--burst-x) * .45)}.dro-pad-legend{display:grid}.dro-lcd>span{font-size:clamp(4px,1.2vw,8px)}.dro-lcd strong{font-size:clamp(13px,4vw,24px)}.dro-pad-legend{gap:8px}.dro-pad-legend button{min-height:62px;font-size:8px}.dro-detail-demos{border-radius:24px;grid-template-columns:1fr}.dro-detail-demos article{border-radius:0;min-height:0}.dro-ui-display{font-size:clamp(64px,19vw,90px)}.dro-finale-panel{border-radius:24px;grid-template-columns:1fr;gap:16px;min-height:0;padding:28px 24px}.dro-finale-art{min-height:290px}.dro-finale-logo{width:64%;left:18%}.dro-finale-disco{width:27%}.dro-finale-lightning{width:18%}}@media (prefers-reduced-motion:reduce){.dro-case *,.dro-case :before,.dro-case :after{transition:none!important;animation:none!important}.will-reveal{opacity:1;transform:none}.dro-controller{transform:none}.dro-pad-burst{display:none}.dro-object:hover img,.dro-finale-art:hover{transform:none}}.dro-keep{white-space:nowrap}.dro-project-facts p{text-wrap:pretty}.dro-object-disco img{width:76%;height:275px;transform:rotate(8deg)}.dro-illustration-world{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:70px}.dro-finale-art{min-height:340px;transform:none}.dro-finale-art:before{inset:32% 8% 14%;transform:rotate(-3deg)}.dro-finale-logo{width:64%;max-height:90px;top:54%;left:18%}.dro-finale-art .dro-hand{width:62%;font-size:16px;top:72%;left:50%}.dro-finale-disco{object-fit:contain;width:21%;height:105px;top:0;right:18%}.dro-finale-lightning{object-fit:contain;width:13%;height:82px;bottom:2%;left:auto;right:0}.dro-finale-sparkle{width:9%;bottom:22%;left:0;right:auto}.dro-finale-orbit{width:82%;top:10%;right:0}.dro-finale-panel{transform:translateY(calc(var(--exit-pull,0) * -65px)) scale(calc(1 - var(--exit-pull,0) * .13));transform-origin:50% 90%}.dro-comparison-note{width:min(1480px,100%);padding:25px var(--gutter) 0;justify-content:space-between;align-items:center;gap:24px;margin:auto;display:flex}.dro-comparison-note .case-text-link{font-size:12px}.dro-case-condensed .dro-photo-spread{min-height:0}.dro-case-condensed .dro-photo-booth img{aspect-ratio:1}.dro-case-condensed .dro-photo-floor img{aspect-ratio:1.3}@media (max-width:767px){.dro-object-disco{grid-column:1/-1}.dro-object-disco img{width:75%;height:260px}.dro-illustration-world{grid-template-columns:1fr 1fr;padding:30px 15px 45px}.dro-ui-demo{padding:25px}.dro-ui-specimen{grid-template-columns:1fr;gap:20px;padding:28px 20px}.dro-ui-display{grid-row:auto;font-size:clamp(76px,21vw,110px)}.dro-ui-body{font-size:14px}.dro-finale-art{min-height:260px}.dro-finale-logo{width:70%;max-height:70px;top:56%;left:15%}.dro-finale-disco{width:23%;height:70px;top:0;right:20%}.dro-finale-lightning{width:12%;height:54px;bottom:0;left:auto;right:0}.dro-finale-art .dro-hand{font-size:13px;top:74%}.dro-comparison-note{flex-direction:column;align-items:start;gap:12px}}@media (prefers-reduced-motion:reduce){.dro-case .will-reveal,.dro-case .will-reveal *{opacity:1!important}.dro-finale-panel{transform:none}}.dro-controller-panel{isolation:isolate;box-shadow:none;background:0 0;border:0;border-radius:0;position:relative}.dro-controller-panel:before{content:"";z-index:-1;pointer-events:none;filter:blur(28px);background:radial-gradient(at 25% 40%,#e8a0c966,#0000 58%),radial-gradient(at 80% 55%,#3c73e838,#0000 58%);position:absolute;inset:-12% -4%}.dro-instrument{box-shadow:none;background:0 0;border:0}.dro-controller{filter:drop-shadow(0 25px 22px #493c3626)}.dro-sound-toggle{place-items:center;width:44px;height:44px;padding:10px;display:grid}.dro-sound-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.dro-instrument-bottom [role=status]:empty{display:none}.dro-demo-button{isolation:isolate;position:relative}.dro-demo-button:before,.dro-demo-button:after{content:"";z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(#3c73e899,#0000 70%);border-radius:50%;position:absolute;inset:-10px}.dro-demo-button:after{background:radial-gradient(#e8a0c9cc,#0000 70%)}.dro-demo-button:hover:before{animation:1.5s ease-out infinite dro-chat-ripple}.dro-demo-button:focus-visible:before{animation:1.5s ease-out infinite dro-chat-ripple}.dro-demo-button:hover:after{animation:1.5s ease-out .65s infinite dro-chat-ripple}.dro-demo-button:focus-visible:after{animation:1.5s ease-out .65s infinite dro-chat-ripple}@keyframes dro-chat-ripple{0%{opacity:0;transform:scale(.8)}25%{opacity:.8}to{opacity:0;transform:scale(1.9,2.5)}}.dro-poster-message.is-visible span{animation:1.35s cubic-bezier(.16,.8,.2,1) backwards dro-type-ink}.dro-poster-message.is-visible span:nth-child(2){animation-delay:.16s}.dro-poster-message.is-visible span:nth-child(3){animation-delay:.32s}@keyframes dro-type-ink{0%{color:#0000;-webkit-text-stroke:1px #0b0b0b;filter:blur(3px);transform:translateY(60px)skewY(10deg)scaleX(.75)}40%{color:#0000;-webkit-text-stroke:1px #0b0b0b;filter:blur()}to{-webkit-text-stroke:0 transparent;transform:translateY(0)skewY(0)scaleX(1)}}.dro-finale-art{overflow:visible}@keyframes dro-art-orbit{0%,to{translate:0}25%{translate:25px -22px}50%{translate:-12px -40px}75%{translate:-25px 12px}}@keyframes dro-star-spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.dro-case{--scroll-energy:0!important}.dro-demo-button:before,.dro-demo-button:after{display:none}.dro-poster-message span,.dro-finale-art img{translate:none;rotate:none;animation:none!important}.dro-controller-wrap{translate:none;rotate:none}}.dro-case .will-reveal{opacity:1;transition:none;transform:none}.dro-case [data-reveal=""].is-visible{animation:1.1s cubic-bezier(.2,.7,.2,1) both dro-editorial-resolve}@keyframes dro-editorial-resolve{0%{opacity:0;filter:blur(3px);translate:0 15px}to{opacity:1;filter:blur();translate:0}}.dro-pedro-cutout{animation:none}.dro-pedro-cutout.is-visible{animation:1.9s cubic-bezier(.16,.8,.25,1) both dro-portrait-settle}.dro-hero-logo.is-visible{animation:1.8s cubic-bezier(.16,.8,.25,1) both dro-crown-print}.dro-hero-slogan.is-visible{animation:2.1s ease-out both dro-slogan-tune}@keyframes dro-portrait-settle{0%{translate:24px 32px;rotate:3deg;scale:.96}to{translate:0;rotate:0deg;scale:1}}@keyframes dro-crown-print{0%{filter:drop-shadow(-8px 4px #e8a0c9)drop-shadow(8px -4px #10b8b4);scale:1.04}55%{filter:drop-shadow(2px -1px #e8a0c9)drop-shadow(-2px 1px #10b8b4)}to{filter:drop-shadow(0 0 #0000);scale:1}}@keyframes dro-slogan-tune{0%{filter:blur(1px);translate:-14px}to{filter:blur();translate:0}}.dro-poster-logo.is-visible{animation:1.8s ease-out both dro-crown-print}.dro-poster-message.is-visible span{animation-duration:1.9s}.dro-identity-poster>.dro-hand.is-visible{animation:1.8s ease-out .45s both dro-hand-flourish}@keyframes dro-hand-flourish{0%{translate:12px 3px;rotate:-5deg}to{translate:0;rotate:0deg}}.dro-object-mic.is-visible img{transform-origin:50% 85%;animation:2.2s cubic-bezier(.2,.7,.2,1) both dro-mic-pendulum}.dro-object-headphones.is-visible img{animation:2s cubic-bezier(.2,.7,.2,1) both dro-headphones-elastic}.dro-object-disco.is-visible img{animation:2.4s cubic-bezier(.16,.8,.25,1) both dro-disco-turn}@keyframes dro-mic-pendulum{0%{rotate:-24deg}to{rotate:0deg}}@keyframes dro-headphones-elastic{0%{translate:0 16px;scale:.86 1.12}to{translate:0;scale:1}}@keyframes dro-disco-turn{0%{filter:brightness(1.25);rotate:-65deg}to{filter:brightness();rotate:0deg}}.dro-photo-booth.is-visible{animation:2.2s cubic-bezier(.16,.8,.25,1) both dro-photo-develop-left}.dro-photo-floor.is-visible{animation:2.2s cubic-bezier(.16,.8,.25,1) both dro-photo-develop-right}@keyframes dro-photo-develop-left{0%{filter:brightness(1.12)contrast(.9);transform:translate(-22px,18px)rotate(-8deg)}to{filter:brightness()contrast();transform:translate(0)rotate(-4deg)}}@keyframes dro-photo-develop-right{0%{filter:brightness(1.15)saturate(.65);transform:translate(22px,22px)rotate(7deg)}to{filter:brightness()saturate();transform:translate(0)rotate(3deg)}}.dro-controller.is-visible{animation:2.1s cubic-bezier(.16,.8,.25,1) dro-deck-tune}@keyframes dro-deck-tune{0%{filter:drop-shadow(0 45px 28px #3c73e833);translate:0 30px;rotate:2deg;scale:.97}to{translate:0;rotate:0deg;scale:1}}.dro-ui-specimen.is-visible .dro-ui-display{transform-origin:0;animation:1.8s cubic-bezier(.16,.8,.25,1) both dro-voice-stretch}.dro-ui-specimen.is-visible{animation:2.4s ease-out dro-invitation-color}@keyframes dro-voice-stretch{0%{rotate:-3deg;scale:.82 1.12}to{rotate:0deg;scale:1}}@keyframes dro-invitation-color{0%{background-position:-60px 35px}to{background-position:0 0}}.dro-finale-art{isolation:isolate}.dro-finale-art:before{z-index:2}.dro-finale-disco,.dro-finale-lightning,.dro-finale-sparkle{z-index:4;animation:none;translate:none;rotate:none}.dro-finale-art.will-reveal:not(.is-visible) .dro-finale-disco{z-index:1;translate:-40% 170%;scale:.45}.dro-finale-art.will-reveal:not(.is-visible) .dro-finale-lightning{z-index:1;translate:-240% -170%;scale:.45}.dro-finale-art.will-reveal:not(.is-visible) .dro-finale-sparkle{z-index:1;translate:430% -150%;scale:.45}.dro-finale-art.is-visible .dro-finale-disco{animation:1.9s cubic-bezier(.16,.8,.25,1) .3s both dro-burst-up}.dro-finale-art.is-visible .dro-finale-lightning{animation:1.9s cubic-bezier(.16,.8,.25,1) .42s both dro-burst-right}.dro-finale-art.is-visible .dro-finale-sparkle{animation:2.1s cubic-bezier(.16,.8,.25,1) .5s both dro-burst-left}.dro-finale-art.is-visible .dro-finale-logo{animation:1.5s ease-out dro-crown-print}@keyframes dro-burst-up{0%{z-index:1;translate:-40% 170%;rotate:-25deg;scale:.45}45%{z-index:1}45.01%{z-index:4}to{z-index:4;translate:0;rotate:0deg;scale:1}}@keyframes dro-burst-right{0%{z-index:1;translate:-240% -170%;rotate:-35deg;scale:.45}45%{z-index:1}45.01%{z-index:4}to{z-index:4;translate:0;rotate:0deg;scale:1}}@keyframes dro-burst-left{0%{z-index:1;translate:430% -150%;rotate:-150deg;scale:.45}45%{z-index:1}45.01%{z-index:4}to{z-index:4;translate:0;rotate:0deg;scale:1}}@media (prefers-reduced-motion:reduce){.dro-case [data-reveal],.dro-case [data-reveal] *,.dro-pedro-cutout{filter:none;animation:none!important}.dro-finale-art img{translate:none!important;rotate:none!important;scale:1!important}}@media (max-width:700px){.dro-case [data-reveal=""].is-visible{animation-name:dro-editorial-mobile}}@keyframes dro-editorial-mobile{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}.dro-case .dro-controller.will-reveal{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.dro-case .dro-photo-booth.will-reveal{transform:rotate(-4deg)}.dro-case .dro-photo-floor.will-reveal{transform:rotate(3deg)}.site-stage-covering .dro-case [data-reveal],.site-stage-covering .dro-case [data-reveal] *,.site-stage-revealing .dro-case [data-reveal],.site-stage-revealing .dro-case [data-reveal] *{animation-play-state:paused}@media (prefers-reduced-motion:no-preference){.dro-case [data-reveal]{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1)}.dro-case [data-reveal].is-visible{opacity:1}}.dro-case.dro-reveals-static [data-reveal]{opacity:1!important;animation:none!important}.site-stage-covering .dro-case [data-reveal],.site-stage-revealing .dro-case [data-reveal]{opacity:0}.dro-responsive-art{display:contents}.dro-responsive-art>source,.dro-type-fill{display:none}@media (max-width:767px){.dro-opening{padding:18px var(--gutter) 44px;grid-template-columns:minmax(0,1fr);gap:0}.dro-opening-copy{display:contents}.dro-opening-copy>.case-hero-label{letter-spacing:.12em;grid-row:1;margin:0 0 18px;font-size:8px}.dro-pedro-hero{grid-row:2;margin:0}.dro-opening h1{grid-row:3;max-width:480px;margin:24px 0 12px;font-size:clamp(32px,8.8vw,44px);line-height:1.08}.dro-summary{grid-row:4;max-width:390px;font-size:14px;line-height:1.65}.dro-opening-links{grid-row:5;gap:24px;margin-top:20px}.dro-project-facts{grid-row:6;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:22px}.dro-project-facts p{font-size:10px}.dro-project-facts .dro-label{font-size:8px}.dro-chapter{border-top:0}.dro-identity{padding-top:36px}.dro-brand-scene{min-height:clamp(340px,105vw,450px);box-shadow:none;border-radius:20px}.dro-hero-logo{width:35%;top:7%;left:7%}.dro-hero-slogan{width:44%;font-size:clamp(37px,10.4vw,56px);bottom:23%;left:7%}.dro-brand-scene>.dro-hand{width:45%;font-size:clamp(13px,3.6vw,18px);bottom:8%;left:7%}.dro-pedro-cutout{filter:none;width:63%;height:83%;bottom:-2%;right:-9%}.dro-orbit{width:65%;top:17%;right:-8%}}@media (max-width:767px),(hover:none){.dro-case [data-reveal]{transition:none}.dro-case [data-reveal].is-warmed{will-change:transform,opacity}.dro-case [data-reveal=""].is-visible{animation:.65s cubic-bezier(.2,.7,.2,1) both dro-mobile-resolve}.dro-hero-logo{--dro-rest-transform:rotate(-3deg)}.dro-poster-logo{--dro-rest-transform:rotate(-4deg)}.dro-finale-logo{--dro-rest-transform:translateY(-50%) rotate(-3deg)}.dro-case .dro-hero-logo,.dro-case .dro-poster-logo,.dro-case .dro-finale-logo{transform:var(--dro-rest-transform)}.dro-case .dro-identity-poster>.dro-hand,.dro-case .dro-photo-booth{transform:rotate(-4deg)}.dro-case .dro-photo-floor{transform:rotate(3deg)}.dro-hero-logo.is-visible,.dro-poster-logo.is-visible{animation:.75s cubic-bezier(.16,.8,.25,1) both dro-mobile-print}.dro-pedro-cutout.is-visible{animation:.8s cubic-bezier(.16,.8,.25,1) both dro-mobile-portrait}.dro-hero-slogan.is-visible{animation:.65s ease-out both dro-mobile-slogan}.dro-case .dro-poster-message.is-visible{animation:.3s ease-out both dro-mobile-fade}.dro-poster-message>span{color:#0000;-webkit-text-stroke:1px #0b0b0b;position:relative}.dro-poster-message.is-warmed>span{will-change:transform}.dro-poster-message .dro-type-fill{color:#0b0b0b;-webkit-text-stroke:0;font-style:normal;display:block;position:absolute;inset:0}.dro-poster-message.is-visible>span{animation:.75s cubic-bezier(.16,.8,.2,1) backwards dro-mobile-type}.dro-poster-message.is-visible .dro-type-fill{animation:.6s ease-out backwards dro-mobile-ink}.dro-poster-message.is-visible>span:nth-child(2),.dro-poster-message.is-visible>span:nth-child(2) .dro-type-fill{animation-delay:90ms}.dro-poster-message.is-visible>span:nth-child(3),.dro-poster-message.is-visible>span:nth-child(3) .dro-type-fill{animation-delay:.18s}.dro-identity-poster>.dro-hand.is-visible{animation:.65s ease-out .1s both dro-mobile-hand}.dro-photo{box-shadow:0 12px 22px #0003}.dro-photo-booth.is-visible{animation:.8s cubic-bezier(.16,.8,.25,1) both dro-mobile-photo-left}.dro-photo-floor.is-visible{animation:.8s cubic-bezier(.16,.8,.25,1) both dro-mobile-photo-right}.dro-controller-wrap{perspective:none}.dro-case .dro-controller{filter:none;transform-style:flat;transition:none}.dro-case .dro-controller.will-reveal{transform:none}.dro-controller.is-visible{animation:.75s cubic-bezier(.16,.8,.25,1) both dro-mobile-deck}.dro-controller-panel:before{filter:none}.dro-case .dro-finale-art.is-visible{animation:.33s ease-out both dro-mobile-fade}.dro-case .dro-finale-art.will-reveal .dro-finale-disco,.dro-case .dro-finale-art.will-reveal .dro-finale-lightning,.dro-case .dro-finale-art.will-reveal .dro-finale-sparkle{z-index:4;translate:none;rotate:none;scale:1}.dro-finale-art.is-visible .dro-finale-disco{animation:.75s cubic-bezier(.16,.8,.25,1) 80ms both dro-mobile-burst-up}.dro-finale-art.is-visible .dro-finale-lightning{animation:.75s cubic-bezier(.16,.8,.25,1) .12s both dro-mobile-burst-right}.dro-finale-art.is-visible .dro-finale-sparkle{animation:.8s cubic-bezier(.16,.8,.25,1) .16s both dro-mobile-burst-left}.dro-finale-art.is-visible .dro-finale-logo{animation:.65s ease-out both dro-mobile-print}.dro-case [data-reveal].is-settled,.dro-poster-message.is-settled>span,.dro-poster-message.is-settled .dro-type-fill,.dro-finale-art.is-visible.is-settled img{animation:none}}@keyframes dro-mobile-fade{0%{opacity:0}to{opacity:1}}@keyframes dro-mobile-resolve{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}@keyframes dro-mobile-print{0%{opacity:0;transform:var(--dro-rest-transform) translate3d(0,12px,0) scale(.97)}to{opacity:1;transform:var(--dro-rest-transform) translate3d(0,0,0) scale(1)}}@keyframes dro-mobile-portrait{0%{opacity:0;transform:translate(12px,18px)rotate(2deg)}to{opacity:1;transform:translate(0,0)rotate(0)}}@keyframes dro-mobile-slogan{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0,0)}}@keyframes dro-mobile-type{0%{transform:translateY(16px)scale(.97)}to{transform:translate(0,0)scale(1)}}@keyframes dro-mobile-ink{0%{opacity:0}to{opacity:1}}@keyframes dro-mobile-hand{0%{opacity:0;transform:translate(8px)rotate(-7deg)}to{opacity:1;transform:translate(0,0)rotate(-4deg)}}@keyframes dro-mobile-photo-left{0%{opacity:0;transform:translate(-10px,14px)rotate(-7deg)}to{opacity:1;transform:translate(0,0)rotate(-4deg)}}@keyframes dro-mobile-photo-right{0%{opacity:0;transform:translate(10px,14px)rotate(6deg)}to{opacity:1;transform:translate(0,0)rotate(3deg)}}@keyframes dro-mobile-deck{0%{opacity:0;transform:translateY(20px)rotate(1deg)}to{opacity:1;transform:translate(0,0)rotate(0)}}@keyframes dro-mobile-burst-up{0%{opacity:0;transform:translate(-40%,170%)scale(.45)rotate(-25deg)}30%{opacity:1}to{opacity:1;transform:translate(0,0)scale(1)rotate(9deg)}}@keyframes dro-mobile-burst-right{0%{opacity:0;transform:translate(-240%,-170%)scale(.45)rotate(-35deg)}30%{opacity:1}to{opacity:1;transform:translate(0,0)scale(1)rotate(-10deg)}}@keyframes dro-mobile-burst-left{0%{opacity:0;transform:translate(430%,-150%)scale(.45)rotate(-150deg)}30%{opacity:1}to{opacity:1;transform:translate(0,0)scale(1)rotate(10deg)}}@media (prefers-reduced-motion:reduce){.dro-case [data-reveal].is-warmed{will-change:auto}.dro-poster-message>span{color:#0b0b0b;-webkit-text-stroke:0}.dro-poster-message .dro-type-fill{display:none}}