@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Oswald:wght@500;600;700&display=swap";:root{--paper:#f5f0e7;--ink:#161616;--blue:#1748d7;--yellow:#f6c83f;--coral:#ff765b;--mint:#b9dcc7;--line:rgba(22,22,22,.65);--page-max-width:1320px;font-family:DM Sans,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}.contact-section{display:grid!important;grid-template-columns:minmax(320px,.8fr) minmax(480px,1.2fr)!important;align-items:center;gap:clamp(38px,6vw,92px);padding:88px 7% 96px!important}.contact-copy h2{font-size:clamp(52px,5.5vw,86px)}.contact-copy>a{display:inline-flex;align-items:center;gap:13px;margin-top:39px;padding-bottom:4px;border-bottom:2px solid var(--ink);font-family:DM Mono,monospace;font-size:18px;font-weight:500}.contact-copy>a:hover{color:var(--blue);border-color:var(--blue)}.waterfront-scene{--water-x:0px;--water-y:0px;position:relative;overflow:hidden;aspect-ratio:3 / 2;border:1px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#92c8e8;isolation:isolate}.waterfront-base{display:block;width:104%;height:104%;object-fit:cover;transform:translate(calc(-2% + var(--water-x)),calc(-2% + var(--water-y))) scale(1.025);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.waterfront-reflection{position:absolute;z-index:2;right:0;bottom:0;left:0;height:48%;overflow:hidden;opacity:.34;mix-blend-mode:screen}.waterfront-reflection img{position:absolute;right:-2%;bottom:-2%;width:104%;height:208%;object-fit:cover;object-position:center bottom;filter:saturate(1.3) brightness(1.1) blur(.35px);animation:water-shimmer 7s ease-in-out infinite alternate}.waterfront-light{position:absolute;z-index:3;top:26%;left:56%;width:32%;height:55%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,231,133,.42),rgba(255,190,73,.12) 42%,transparent 72%);mix-blend-mode:screen;transform:translate(var(--water-x),var(--water-y));animation:water-glow 5.5s ease-in-out infinite alternate;pointer-events:none}.waterfront-label{position:absolute;z-index:4;right:13px;bottom:12px;padding:6px 9px;color:var(--ink);background:var(--yellow);border:1px solid var(--ink);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.05em;transform:rotate(-1deg)}.waterfront-scene:hover{box-shadow:10px 10px 0 var(--ink)}.waterfront-scene:hover .waterfront-base{filter:saturate(1.06)}@keyframes water-shimmer{0%{transform:translate3d(-1.5%,1%,0) scaleX(1.02)}45%{transform:translate3d(1%,0,0) scaleX(.985)}to{transform:translate3d(-.4%,-1%,0) scaleX(1.01)}}@keyframes water-glow{0%{opacity:.65;transform:translate(var(--water-x),var(--water-y)) scale(.92)}to{opacity:1;transform:translate(var(--water-x),var(--water-y)) scale(1.08)}}@media(max-width:900px){.contact-section{grid-template-columns:1fr!important;gap:46px;padding:76px 7% 88px!important}.waterfront-scene{width:100%;max-width:720px}}@media(max-width:720px){.contact-section{padding:72px 23px 84px!important}.waterfront-label{right:8px;bottom:8px;font-size:7px}}@media(prefers-reduced-motion:reduce){.waterfront-base,.waterfront-reflection img,.waterfront-light{animation:none;transition:none;transform:none}}.train-door{display:block!important;width:50%!important;height:100%!important;object-fit:fill!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}.train-doors{top:24.58%!important;left:35.46%!important;display:grid!important;grid-template-columns:1fr 1fr;column-gap:6.18%;width:29.2%!important;height:51.52%!important;overflow:hidden;border-radius:3px}.train-door{width:100%!important}.playground-section{display:grid!important;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)!important;align-items:center!important;gap:clamp(28px,4vw,56px)!important;padding:88px 9%!important}.playground-copy{position:relative;z-index:1;max-width:360px}.playground-copy>p:not(.section-kicker){max-width:315px;margin:26px 0 0;font-size:16px;line-height:1.55}.subway-scene{position:relative;justify-self:end;width:min(100%,760px);overflow:hidden;border:1px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.subway-scene>img{display:block;width:100%;aspect-ratio:2 / 1;object-fit:cover}.train-doors{position:absolute;top:24%;left:35.5%;display:flex;width:29%;height:51%;pointer-events:none}.train-door{position:relative;display:block;width:50%;height:100%;overflow:hidden;background:#205eaf;border:2px solid #15284b;box-shadow:inset 0 0 0 3px #ffffff2e}.train-door-left{transform-origin:left center;animation:door-left 7s cubic-bezier(.7,0,.3,1) infinite}.train-door-right{transform-origin:right center;animation:door-right 7s cubic-bezier(.7,0,.3,1) infinite}.train-door i{position:absolute;top:11%;bottom:11%;width:62%;border:2px solid #15284b;background:#8ac0e8;box-shadow:inset 0 0 0 3px #ffffff40}.train-door-left i{right:12%}.train-door-right i{left:12%}.arrival-note{position:absolute;right:12px;bottom:10px;padding:5px 8px;color:var(--ink);background:var(--yellow);border:1px solid var(--ink);font-family:DM Mono,monospace;font-size:9px;transform:rotate(-1.5deg)}@keyframes door-left{0%,19%,84%,to{transform:translate(0)}40%,64%{transform:translate(-97%)}}@keyframes door-right{0%,19%,84%,to{transform:translate(0)}40%,64%{transform:translate(97%)}}@media(max-width:720px){.playground-section{grid-template-columns:1fr!important;gap:32px!important;padding:68px 23px!important}.playground-copy{max-width:none}.playground-copy>p:not(.section-kicker){margin-top:19px;font-size:15px}.subway-scene{width:100%;justify-self:stretch}.arrival-note{font-size:7px;right:7px;bottom:6px}}@media(prefers-reduced-motion:reduce){.train-door-left,.train-door-right{animation:none}}.running-track{position:relative;width:230px;height:112px;margin-top:26px}.track-loop{position:absolute;top:8px;right:0;bottom:8px;left:0;border:2px dashed rgba(255,255,255,.62);border-radius:50%;transform:rotate(-9deg)}.runner-orbit{position:absolute;top:8px;right:0;bottom:8px;left:0;animation:run-loop 6s linear infinite}.runner-icon{position:absolute;top:-13px;left:50%;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:var(--ink);background:var(--yellow);border:1px solid var(--ink);box-shadow:2px 2px #00000047;transform:translate(-50%);animation:runner-upright 6s linear infinite}.track-copy{position:absolute;top:50%;left:50%;color:var(--yellow);font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.1em;transform:translate(-50%,-50%) rotate(-9deg);white-space:nowrap}@keyframes run-loop{to{transform:rotate(360deg)}}@keyframes runner-upright{to{transform:translate(-50%) rotate(-360deg)}}@media(max-width:720px){.running-track{width:205px;height:102px;margin-top:22px}}@media(prefers-reduced-motion:reduce){.runner-orbit,.runner-icon{animation:none}}.about-content{display:grid;gap:26px;align-self:end}.about-intro{max-width:420px;margin:0;color:#e3e9ff;font-size:20px;line-height:1.55}.about-route{margin:26px 0 0;color:var(--yellow);font-family:DM Mono,monospace;font-size:12px;line-height:1.55;transform:rotate(-2deg)}.city-bites{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.city-bites article{min-height:154px;padding:14px;color:var(--ink);background:var(--paper);border:1px solid var(--ink);box-shadow:3px 3px #0000004d}.city-bites article:nth-child(1){background:var(--yellow);transform:rotate(-1.5deg)}.city-bites article:nth-child(2){background:var(--mint);transform:rotate(.8deg)}.city-bites article:nth-child(3){background:#f3b2a2;transform:rotate(-.7deg)}.city-bites svg{display:block;margin-bottom:14px;color:var(--blue)}.city-bites strong{display:block;margin-bottom:6px;font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase}.city-bites span{display:block;font-size:12px;line-height:1.42}.running-note{display:flex;align-items:center;gap:9px;margin:2px 0 0;color:var(--yellow);font-family:DM Mono,monospace;font-size:11px;line-height:1.5}.running-note svg{flex:0 0 auto;color:var(--coral)}@media(max-width:720px){.about-route{margin-top:20px}.about-content{gap:22px}.about-intro{font-size:17px}.city-bites{grid-template-columns:1fr;gap:12px}.city-bites article{min-height:0}.city-bites svg{display:inline-block;margin:0 9px -7px 0}.city-bites strong{display:inline}.city-bites span{margin-top:10px}.running-note{font-size:10px}}.lamp-control{right:24px!important;animation:lamp-control-pulse 2.8s ease-in-out infinite}@keyframes lamp-control-pulse{0%,to{box-shadow:2px 2px #0000002e,0 0 #f0c84b80}50%{box-shadow:2px 2px #0000002e,0 0 0 7px #f0c84b00}}@media(prefers-reduced-motion:reduce){.lamp-control{animation:none}}.coffee-spill{right:15%!important;bottom:18%!important;width:min(33%,260px)!important}@media(max-width:720px){.coffee-spill{right:4%!important;bottom:16%!important;width:47%!important}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--paper)}button,a{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}a{text-decoration:none}button{cursor:pointer}.portfolio{overflow:hidden;background-color:var(--paper);background-image:radial-gradient(rgba(49,37,17,.1) .55px,transparent .7px);background-size:7px 7px;transition:filter .35s ease}.lights-off{filter:saturate(.78) brightness(.83)}.skip-link{position:fixed;top:8px;left:8px;z-index:20;padding:10px 14px;color:#fff;background:var(--ink);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}main{margin-inline:auto;width:min(100%,var(--page-max-width))}.topbar{position:sticky;top:0;z-index:10;color:#fff;background:var(--blue);border-bottom:1px solid rgba(0,0,0,.55)}.topbar-inner{position:relative;display:flex;align-items:center;min-height:73px;width:min(100%,var(--page-max-width));margin-inline:auto;padding:0 32px}.brand{display:flex;align-items:center;gap:12px;font-family:DM Mono,monospace;font-size:20px;font-weight:500;letter-spacing:.06em}.brand span{width:22px;height:22px;border-radius:50%;background:var(--yellow);box-shadow:0 1px #00000073}.nav{display:flex;gap:56px;margin-left:auto;font-weight:700}.nav a{padding:25px 0;transition:color .18s ease,transform .18s ease}.nav a:hover{color:var(--yellow);transform:translateY(-2px)}.work-cta{display:flex;align-items:center;gap:12px;margin-left:80px;padding:11px 15px;color:var(--ink);background:var(--yellow);border:1px solid var(--ink);border-radius:9px;font-weight:700;box-shadow:2px 2px #00000038}.work-cta:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #00000038}.menu-button{display:none;color:#fff;background:transparent;border:0}.hero{position:relative;display:grid;grid-template-columns:minmax(385px,.78fr) minmax(540px,1.22fr);min-height:578px;border-bottom:1px solid var(--line)}.hero-copy{padding:62px 48px 50px;align-self:center}.city-stamp{display:inline-block;margin:0 0 14px;padding:5px 13px;color:var(--coral);border:2px solid var(--coral);font-family:DM Mono,monospace;font-size:14px;font-weight:500;letter-spacing:.08em;transform:rotate(-5deg)}.hero h1{margin:0;font-family:Oswald,Impact,sans-serif;font-size:clamp(90px,10.5vw,168px);font-weight:700;letter-spacing:-.055em;line-height:.9;text-transform:uppercase}.role{margin:34px 0 16px;font-size:28px;font-weight:700;letter-spacing:-.045em}.hero-line{margin:0;font-family:DM Mono,monospace;font-size:18px;line-height:1.5}.hero-line span{position:relative}.hero-line span:after{position:absolute;right:0;bottom:-6px;left:0;height:3px;background:var(--coral);content:"";transform:rotate(-3deg)}.city-note{display:flex;align-items:center;gap:14px;width:max-content;max-width:100%;margin-top:44px;padding:14px 17px;border:1px solid var(--line);background:#dfe9dc;font-family:DM Mono,monospace;font-size:12px;line-height:1.45;transform:rotate(-.5deg)}.city-note svg{flex:0 0 auto}.hero-scene{position:relative;min-height:578px;overflow:hidden}.hero-scene>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center bottom}.route{position:absolute;z-index:2}.route button{display:block;min-width:123px;padding:11px 13px;color:var(--ink);border:1.5px solid var(--ink);box-shadow:3px 3px #16161633;font-family:DM Mono,monospace;font-size:12px;line-height:1.25;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.route button:hover{transform:translate(-3px,-3px) rotate(-1deg);box-shadow:6px 6px #16161633}.route span{display:inline-grid;width:18px;height:18px;margin-right:6px;place-items:center;border-radius:50%;color:#fff;background:var(--blue);font-size:10px}.route svg{float:right;margin-left:16px}.route-work{left:9%;top:36%}.route-work button{background:var(--coral);transform:rotate(1deg)}.route-about{right:8%;top:23%}.route-about button{background:var(--yellow);transform:rotate(-2deg)}.route-play{left:39%;top:14%}.route-play button{background:#8ca9e9;transform:rotate(-3deg)}.scene-control{position:absolute;bottom:24px;z-index:2;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--ink);background:var(--paper);font-family:DM Mono,monospace;font-size:10px;box-shadow:2px 2px #0000002e}.scene-control:hover{color:#fff;background:var(--ink)}.lamp-control{right:135px}.coffee-control{right:24px}.scene-notice{position:absolute;z-index:3;bottom:13px;left:48px;display:flex;align-items:center;gap:6px;margin:0;color:#6b675d;font-family:DM Mono,monospace;font-size:11px}.work-section{padding:30px 48px 42px;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;gap:28px;margin-bottom:22px;font-family:DM Mono,monospace;font-size:19px;font-weight:500;letter-spacing:.035em}.section-heading p{margin:0;border-bottom:3px solid var(--coral)}.section-heading span{color:var(--blue)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#edf0e8;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.project.is-open{border-color:#161616e0;box-shadow:4px 4px #0003;transform:translateY(-2px)}.project-blue{background:#e5ebf3}.project-coral{background:#f8ddd4}.project-trigger{display:grid;grid-template-columns:minmax(150px,.9fr) 1fr 28px;width:100%;min-height:197px;padding:15px;gap:15px;border:0;background:transparent;text-align:left}.project.is-open .project-trigger{background:#ffffff2e}.project-trigger:hover .project-thumb{transform:rotate(-1deg) scale(1.035)}.project-thumb{display:block;overflow:hidden;border:1px solid rgba(22,22,22,.65);border-radius:9px;background:var(--paper);transition:transform .25s ease}.project-thumb img{width:300%;height:100%;object-fit:cover;object-position:inherit}.project-copy{display:flex;flex-direction:column;align-self:center;gap:8px}.project-copy small{color:#4e996b;font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.09em;text-transform:uppercase}.project-blue small{color:var(--blue)}.project-coral small{color:#df5f49}.project-copy strong{font-family:Oswald,Impact,sans-serif;font-size:32px;line-height:1;letter-spacing:-.04em}.project-copy>span{font-size:14px;line-height:1.5}.project-arrow{align-self:end}.project-detail{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:24px;margin-top:18px;padding:22px;color:var(--ink);border:1px solid rgba(22,22,22,.35);border-radius:16px;background:linear-gradient(135deg,#ffffffd1,#ffffff94);box-shadow:4px 4px #00000029}.project-detail-summary{display:grid;align-content:start;gap:13px}.project-detail-eyebrow{margin:0;color:var(--blue);font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.project-detail h3{margin:0;font-family:Oswald,Impact,sans-serif;font-size:clamp(34px,4vw,56px);line-height:.9;letter-spacing:-.05em;text-transform:uppercase}.project-detail-summary>p:not(.project-detail-eyebrow){margin:0;color:#2d302f;font-size:14px;line-height:1.6}.project-detail .case-study-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.project-detail section{background:#f9f7f2;border:1px solid rgba(22,22,22,.22);border-radius:12px;padding:12px 12px 14px}.project-detail h4{margin:0 0 8px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#2f5ab2}.project-detail ul{margin:0;padding-left:16px;display:grid;gap:5px}.project-detail li{font-size:11px;color:#222;line-height:1.45}.project-detail .case-meta{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:2px}.project-detail .case-meta p{display:flex;margin:0;gap:8px;align-items:baseline;color:#2f2f2f}.project-detail .case-meta p span{color:#7d2f21;font-size:10px;text-transform:uppercase;letter-spacing:.08em;min-width:46px}.project-detail .case-link{display:inline-flex;align-items:center;gap:7px;margin-right:14px;color:var(--blue);padding:6px 0;border-bottom:1px solid currentColor}.about-section{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;padding:88px 11%;color:#fff;background:var(--blue)}.section-kicker{display:flex;align-items:center;gap:8px;margin:0 0 20px;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.08em}.about-section h2,.playground-section h2,.contact-section h2{margin:0;font-family:Oswald,Impact,sans-serif;font-size:clamp(50px,6vw,88px);letter-spacing:-.055em;line-height:.92;text-transform:uppercase}.about-section h2 i,.contact-section h2 i{color:var(--yellow);font-style:normal}.about-section>p{align-self:end;max-width:390px;margin:0;color:#e3e9ff;font-size:20px;line-height:1.55}.playground-section{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:end;padding:88px 11%;border-bottom:1px solid var(--line)}.playground-section .section-kicker{grid-column:1/-1}.playground-section button{justify-self:start;display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--ink);color:var(--ink);background:var(--mint);font-family:DM Mono,monospace;font-size:13px;box-shadow:4px 4px 0 var(--ink)}.playground-section button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.contact-section{padding:100px 11% 118px;color:var(--ink);background:var(--yellow)}.contact-section h2{max-width:890px}.contact-section h2 i{color:var(--blue)}.contact-section>a{display:inline-flex;align-items:center;gap:13px;margin-top:39px;padding-bottom:4px;border-bottom:2px solid var(--ink);font-family:DM Mono,monospace;font-size:18px;font-weight:500}.contact-section>a:hover{color:var(--blue);border-color:var(--blue)}footer{padding:0;background:var(--ink);color:#f5f0e7;font-family:DM Mono,monospace;font-size:12px}.footer-inner{width:min(100%,var(--page-max-width));margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:18px;min-height:78px;padding:20px 32px;color:#f5f0e7;font-family:DM Mono,monospace;font-size:12px}footer .heart{color:var(--coral);font-size:19px}footer a{display:flex;align-items:center;gap:5px;margin-left:auto}footer a svg{transform:rotate(180deg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.topbar-inner{padding:0 24px}.nav{gap:26px}.work-cta{margin-left:28px}.hero{grid-template-columns:.78fr 1.22fr}.hero-copy{padding:46px 28px}.route-play{left:34%}.project-trigger{grid-template-columns:1fr 25px}.project-thumb{min-height:135px;grid-column:1/-1}.project-copy{align-self:start}.project-copy>span{font-size:13px}.project-detail{grid-template-columns:1fr;padding:18px}.project-detail .case-study-grid{grid-template-columns:1fr}}@media(max-width:720px){.topbar-inner{min-height:63px;padding:0 18px}.brand{font-size:16px}.brand span{width:17px;height:17px}.work-cta{display:none}.menu-button{display:block;margin-left:auto}.nav{position:absolute;top:63px;right:0;left:0;display:none;flex-direction:column;gap:0;padding:10px 18px 18px;background:var(--blue);border-top:1px solid rgba(255,255,255,.3)}.nav.nav-open{display:flex}.nav a{padding:12px 0}.hero{display:block}.hero-copy{padding:42px 23px 30px}.city-stamp{font-size:11px}.hero h1{font-size:clamp(86px,25vw,122px)}.role{margin-top:24px;font-size:23px}.hero-line{font-size:15px}.city-note{margin-top:30px;font-size:10px}.hero-scene{min-height:420px}.hero-scene>img{object-position:60% bottom}.route button{min-width:106px;padding:8px 9px;font-size:10px}.route-work{left:5%;top:47%}.route-about{right:4%;top:19%}.route-play{left:35%;top:7%}.scene-control{bottom:20px;font-size:9px}.lamp-control{right:111px}.coffee-control{right:16px}.scene-notice{position:relative;bottom:auto;left:auto;padding:11px 23px;background:#ebe3d6}.work-section{padding:25px 18px 30px}.section-heading{margin-bottom:16px;font-size:15px}.project-grid{grid-template-columns:1fr;gap:12px}.project-trigger{grid-template-columns:130px 1fr 25px;min-height:148px}.project-thumb{min-height:0;grid-column:auto}.project-copy{align-self:center}.project-copy strong{font-size:30px}.project-copy>span{font-size:12px}.project-detail{padding:16px;gap:16px}.about-section{grid-template-columns:1fr;gap:28px;padding:68px 23px}.about-section>p{font-size:17px}.playground-section{grid-template-columns:1fr;padding:68px 23px}.contact-section{padding:76px 23px 85px}.footer-inner{width:min(100%,var(--page-max-width));flex-wrap:wrap;justify-content:flex-start;gap:8px 16px;padding:22px;font-size:10px}footer a{margin-left:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.coffee-feedback{position:absolute;right:24px;bottom:71px;z-index:4;display:flex;align-items:center;gap:7px;padding:9px 11px;color:#fff;background:var(--blue);border:1px solid var(--ink);box-shadow:3px 3px #0003;font-family:DM Mono,monospace;font-size:10px;animation:coffee-pop .28s ease-out both}.coffee-feedback svg{color:var(--yellow)}.coffee-control{min-width:93px;justify-content:center}.coffee-control:focus-visible,.scene-control:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.coffee-spill{position:absolute;right:8%;bottom:3%;z-index:3;width:min(42%,330px);pointer-events:none;transform-origin:100% 100%;animation:coffee-pour .65s cubic-bezier(.25,.8,.25,1) both}@keyframes coffee-pop{0%{opacity:0;transform:translateY(8px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes coffee-pour{0%{opacity:0;transform:translate(22%,-24%) rotate(-17deg) scale(.32)}48%{opacity:1;transform:translate(2%,2%) rotate(4deg) scale(.86)}72%{transform:translate(0) rotate(-2deg) scale(1.06)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@media(max-width:720px){.coffee-feedback{right:16px;bottom:61px;font-size:9px}.coffee-spill{right:2%;bottom:5%;width:54%}}.project-detail .case-study-grid{position:relative;display:grid;gap:13px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;min-width:0;padding:20px 18px 24px;overflow:hidden;color:#f4f0df;border:3px solid #1e302b;border-radius:5px 8px 4px 7px;background-color:#29433b;background-image:radial-gradient(rgba(255,255,255,.1) .65px,transparent .8px),radial-gradient(rgba(0,0,0,.18) .8px,transparent 1px);background-position:0 0,3px 4px;background-size:7px 7px,11px 11px;box-shadow:inset 0 0 0 2px #efe9cf1f,inset 0 -10px #0000001f,0 4px #8c6b46}.project-detail .case-study-grid:before{position:absolute;right:12px;bottom:7px;left:12px;height:4px;border-radius:50%;background:#eee7c957;box-shadow:0 2px #0000002e;content:""}.project-detail section{position:relative;z-index:1;min-width:0;padding:15px 14px 17px;border:2px solid rgba(244,240,223,.72);border-radius:7px 4px 8px 5px;background:#0f231e1f;box-shadow:inset 0 0 0 1px #f4f0df1f;transform:rotate(-.35deg)}.project-detail section:nth-child(2){border-radius:4px 8px 5px 7px;transform:rotate(.45deg)}.project-detail section:nth-child(3){border-radius:8px 5px 6px 4px;transform:rotate(-.2deg)}.project-detail h4{margin:0 0 11px;color:#fff9d8;font-family:DM Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.1em;text-shadow:1px 1px 0 rgba(255,255,255,.12),-1px 0 0 rgba(255,255,255,.08)}.project-detail ul{margin:0;padding-left:17px;display:grid;gap:8px}.project-detail li{font-size:12px;color:#f4f0df;line-height:1.48;text-shadow:1px 1px 0 rgba(255,255,255,.08)}.work-section{padding:72px clamp(22px,6vw,84px) 110px;color:#3c3028;background:#dcae85;border-bottom:1px solid rgba(60,48,40,.28)}.work-section .section-heading{max-width:760px;margin-bottom:54px;color:#3c3028}.work-section .section-heading p{border-color:#c96c4e}.work-section .section-heading span{color:#59683b}.project-grid{grid-template-columns:1fr;gap:82px}.project{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}.project.is-open{border:0;box-shadow:none;transform:none}.project-overview{display:grid;grid-template-columns:72px minmax(220px,340px) minmax(0,1fr) 28px;align-items:center;gap:24px}.project-number{align-self:start;padding-top:8px;color:#6b5a4c;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.08em;writing-mode:vertical-rl;transform:rotate(180deg)}.project-thumb{width:100%;aspect-ratio:1.2;border:1px solid rgba(60,48,40,.25);border-radius:22px;background:#d4a27d;box-shadow:0 8px #66453021;transform:rotate(-1deg)}.project:nth-child(2) .project-thumb{transform:rotate(1.2deg)}.project:nth-child(3) .project-thumb{transform:rotate(-.7deg)}.project-copy{display:flex;flex-direction:column;align-self:center;gap:10px}.project-copy small{color:#6b5a4c;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.project-copy strong{display:none}.project-copy h3{margin:0;color:#251d18;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5vw,72px);font-weight:400;line-height:.95;letter-spacing:-.06em}.project-copy p{max-width:540px;margin:7px 0 0;color:#59483c;font-size:16px;line-height:1.55}.project-arrow{align-self:start;color:#59483c;padding-top:7px}.project-detail{display:grid;grid-template-columns:minmax(215px,.33fr) minmax(0,1fr);gap:clamp(30px,5vw,84px);margin:34px 0 0 96px;padding:0;color:#3c3028;border:0;border-radius:0;background:transparent;box-shadow:none}.project-detail-summary{align-content:start;gap:20px;padding:25px 24px 28px;border:1px solid rgba(60,48,40,.24);border-radius:20px;background:#e2b28766}.project-detail-eyebrow{color:#59483c;font-size:10px}.project-detail-summary>p:not(.project-detail-eyebrow){color:#59483c;font-size:15px;line-height:1.65}.project-detail .case-meta{display:grid;gap:18px}.project-detail .case-meta p{display:grid;gap:6px;color:#59483c;line-height:1.5}.project-detail .case-meta p span{color:#3c3028;font-size:10px;font-weight:700}.project-detail .case-link{width:max-content;margin:0;color:#3f5d31;border-color:currentColor}.project-detail .case-study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;min-width:0;padding:0;overflow:visible;color:#3c3028;border:0;border-radius:0;background:transparent;box-shadow:none}.project-detail .case-study-grid:before{display:none}.project-detail section{min-width:0;padding:27px 24px 30px;border:1px solid rgba(60,48,40,.2);border-radius:20px;background:#e2b28740;box-shadow:none;transform:none}.project-detail section:nth-child(2),.project-detail section:nth-child(3){border-radius:20px;transform:none}.project-detail .case-label{margin:0 0 30px;color:#6b5a4c;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.project-detail h4{margin:0 0 22px;color:#251d18;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,2.3vw,34px);font-weight:400;line-height:1.06;letter-spacing:-.04em;text-transform:none}.project-detail ul{margin:0;padding-left:16px;display:grid;gap:11px}.project-detail li{color:#59483c;font-size:13px;line-height:1.55;text-shadow:none}@media(max-width:1000px){.project-overview{grid-template-columns:56px minmax(180px,270px) minmax(0,1fr) 24px;gap:17px}.project-detail{margin-left:73px;grid-template-columns:1fr;gap:24px}.project-detail .case-study-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-detail section{padding:22px 17px 24px}.project-detail h4{font-size:22px}}@media(max-width:720px){.work-section{padding:54px 18px 74px}.work-section .section-heading{margin-bottom:36px}.project-grid{gap:60px}.project-overview{grid-template-columns:28px 112px minmax(0,1fr) 20px;gap:12px;align-items:start}.project-number{padding-top:2px;font-size:9px}.project-thumb{aspect-ratio:1.1;border-radius:14px}.project-copy{gap:6px}.project-copy h3{font-size:clamp(31px,10vw,48px)}.project-copy p{margin-top:3px;font-size:12px;line-height:1.4}.project-arrow{padding-top:2px}.project-detail{margin:25px 0 0;gap:18px}.project-detail-summary{padding:21px 18px 23px}.project-detail .case-study-grid{grid-template-columns:1fr;gap:12px}.project-detail section{padding:22px 18px 24px;border-radius:15px}.project-detail .case-label{margin-bottom:22px}.project-detail h4{margin-bottom:17px;font-size:27px}}@keyframes case-study-arrive{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@keyframes case-study-drift{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(.5deg)}}@keyframes case-study-number{0%,to{transform:rotate(180deg) translate(0)}50%{transform:rotate(180deg) translate(-5px)}}@keyframes case-study-panel{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.project{animation:case-study-arrive .75s cubic-bezier(.2,.75,.25,1) both}.project:nth-child(2){animation-delay:.12s}.project:nth-child(3){animation-delay:.24s}.project-number{animation:case-study-number 5.5s ease-in-out infinite}.project-thumb{animation:case-study-drift 7s ease-in-out infinite}.project:nth-child(2) .project-thumb{animation-delay:-2.2s}.project:nth-child(3) .project-thumb{animation-delay:-4.4s}.project-detail-summary{animation:case-study-panel 8s ease-in-out infinite}.project:nth-child(2) .project-detail-summary{animation-delay:-2.5s}.project:nth-child(3) .project-detail-summary{animation-delay:-5s}.project-detail section{transition:transform .35s cubic-bezier(.2,.75,.25,1),background-color .35s ease,border-color .35s ease}.project-detail section:hover{transform:translateY(-8px) rotate(-.4deg);background:#eabe93a6;border-color:#3c30286b}.project-detail section:nth-child(2):hover{transform:translateY(-8px) rotate(.4deg)}.project-detail section:nth-child(3):hover{transform:translateY(-8px) rotate(-.25deg)}.project-overview:hover .project-thumb{animation-play-state:paused;transform:translateY(-9px) rotate(-2.5deg) scale(1.025);box-shadow:0 15px #66453026}.project:nth-child(2) .project-overview:hover .project-thumb{transform:translateY(-9px) rotate(2.5deg) scale(1.025)}.project:nth-child(3) .project-overview:hover .project-thumb{transform:translateY(-9px) rotate(-1.7deg) scale(1.025)}.project-overview:hover .project-arrow{transform:translate(5px,-5px) rotate(8deg)}.project-arrow{transition:transform .3s cubic-bezier(.2,.75,.25,1)}@media(prefers-reduced-motion:reduce){.project,.project-number,.project-thumb,.project-detail-summary{animation:none}.project-detail section,.project-arrow{transition:none}}.portfolio.palette-clay{--paper:#f5f0e7;--ink:#161616;--blue:#1748d7;--yellow:#f6c83f;--coral:#ff765b;--mint:#b9dcc7;--line:rgba(22,22,22,.65);--case-bg:#dcae85;--case-ink:#3c3028;--case-muted:#59483c;--case-strong:#251d18;--case-panel:rgba(226,178,135,.4);--case-card:rgba(226,178,135,.25);--case-hover:rgba(234,190,147,.65);--case-border:rgba(60,48,40,.24);--case-accent:#c96c4e;--case-secondary:#59683b}.portfolio.palette-citrus{--paper:#f4eedf;--ink:#243125;--blue:#17645f;--yellow:#f0c84b;--coral:#d85d42;--mint:#c7d9b2;--line:rgba(36,49,37,.62);--case-bg:#e8c47f;--case-ink:#2d3528;--case-muted:#596148;--case-strong:#20271e;--case-panel:rgba(244,218,142,.5);--case-card:rgba(244,218,142,.32);--case-hover:rgba(241,214,143,.9);--case-border:rgba(45,53,40,.25);--case-accent:#d96946;--case-secondary:#4b7565}.portfolio.palette-night{--paper:#1d2732;--ink:#f5efdf;--blue:#102131;--yellow:#d8ae4a;--coral:#e97b61;--mint:#9cc7b3;--line:rgba(245,239,223,.5);--case-bg:#263b4d;--case-ink:#f1e8d7;--case-muted:#c3c9c3;--case-strong:#fff8e9;--case-panel:rgba(57,79,98,.72);--case-card:rgba(57,79,98,.52);--case-hover:rgba(72,96,119,.8);--case-border:rgba(241,232,215,.28);--case-accent:#ee956f;--case-secondary:#a7c79e}.portfolio.palette-night .hero-copy h1,.portfolio.palette-night .hero-copy .role,.portfolio.palette-night .hero-copy .hero-line{color:#fff}.portfolio.palette-night .hero-copy .city-note{color:#1d2732}.palette-switcher{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-left:auto;color:var(--case-muted);font-family:DM Mono,monospace;font-size:10px}.palette-label{margin-right:4px;color:var(--case-muted);font-size:9px;letter-spacing:.1em}.palette-option{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;color:inherit;border:1px solid transparent;border-radius:999px;background:transparent;font-family:inherit;font-size:10px;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease}.palette-option:hover{color:var(--case-strong);transform:translateY(-2px)}.palette-option[aria-pressed=true]{color:var(--case-strong);border-color:var(--case-border);background:var(--case-panel)}.palette-swatch{width:12px;height:12px;border:1px solid currentColor;border-radius:50%;box-shadow:inset 3px -2px #ffffff38}.palette-option-clay .palette-swatch{background:#dcae85}.palette-option-citrus .palette-swatch{background:#e8c47f}.palette-option-night .palette-swatch{background:#263b4d}.work-section{color:var(--case-ink);background:var(--case-bg);border-bottom-color:var(--case-border)}.work-section .section-heading,.project-number,.project-copy small,.project-copy p,.project-arrow{color:var(--case-muted)}.work-section .section-heading p{border-color:var(--case-accent)}.work-section .section-heading span{color:var(--case-secondary)}.project-thumb{border-color:var(--case-border);background:var(--case-panel);box-shadow:0 8px color-mix(in srgb,var(--case-strong) 14%,transparent)}.project-copy h3,.project-detail h4{color:var(--case-strong)}.project-detail{color:var(--case-ink)}.project-detail-summary{border-color:var(--case-border);background:var(--case-panel)}.project-detail-eyebrow,.project-detail-summary>p:not(.project-detail-eyebrow),.project-detail .case-meta p,.project-detail li,.project-detail .case-label{color:var(--case-muted)}.project-detail .case-meta p span{color:var(--case-ink)}.project-detail .case-link{color:var(--case-secondary)}.project-detail section{border-color:var(--case-border);background:var(--case-card)}.project-detail section:hover{background:var(--case-hover);border-color:color-mix(in srgb,var(--case-ink) 42%,transparent)}@media(max-width:720px){.work-section .section-heading{align-items:flex-start;flex-wrap:wrap}.palette-switcher{flex-basis:100%;margin-left:0;margin-top:7px}}.project-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important}main{width:100%}.section-inner{width:min(100%,var(--page-max-width));margin-inline:auto}.hero{display:block;min-height:0}.hero-inner{position:relative;display:grid;grid-template-columns:minmax(385px,.78fr) minmax(540px,1.22fr);min-height:578px}.work-section{padding:72px 0 110px}.work-section>.section-inner{padding-inline:clamp(22px,6vw,84px)}.about-section{display:block;padding:0}.about-section>.section-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;padding:88px 11%}.playground-section{display:block;padding:0}.playground-section>.section-inner{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:end;padding:88px 11%}.contact-section{display:block!important;padding:0!important}.contact-section>.section-inner{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(480px,1.2fr);align-items:center;gap:clamp(38px,6vw,92px);padding:88px 7% 96px}@media(max-width:720px){.hero-inner{display:block;min-height:0}.work-section{padding:25px 0 30px}.work-section>.section-inner{padding-inline:18px}.about-section>.section-inner{grid-template-columns:1fr;gap:28px;padding:68px 23px}.playground-section>.section-inner{grid-template-columns:1fr;gap:32px;padding:68px 23px}.contact-section>.section-inner{grid-template-columns:1fr;gap:46px;padding:72px 23px 84px}}.topbar .palette-switcher-top{flex-shrink:0;margin-left:28px;color:#ffffffd1}.topbar .palette-switcher-top .palette-label{color:#ffffff9e}.topbar .palette-switcher-top .palette-option{color:#ffffffc7}.topbar .palette-switcher-top .palette-option:hover{color:var(--yellow)}.topbar .palette-switcher-top .palette-option[aria-pressed=true]{color:var(--yellow);border-color:var(--yellow);background:#00000029}.topbar .work-cta{margin-left:28px}@media(max-width:720px){.topbar .palette-switcher-top{position:absolute;top:50%;right:55px;margin:0;flex-basis:auto;transform:translateY(-50%)}.topbar .palette-switcher-top .palette-label{display:none}.topbar .palette-switcher-top .palette-option{padding:4px;font-size:0}.topbar .palette-switcher-top .palette-swatch{width:11px;height:11px}}.palette-dock{color:var(--case-ink);background:var(--case-bg);border-bottom:1px solid var(--case-border);box-shadow:0 4px color-mix(in srgb,var(--case-strong) 10%,transparent)}.palette-dock-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(100%,var(--page-max-width));margin-inline:auto;padding:11px 32px 13px}.palette-dock-label{display:flex;align-items:center;gap:8px;margin:0;color:var(--case-ink);font-family:DM Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.palette-dock-label svg{color:var(--case-accent)}.palette-switcher-dock{display:flex;align-items:center;gap:10px;margin:0}.palette-switcher-dock .palette-option{min-width:88px;justify-content:center;padding:7px 11px;color:var(--case-ink);border:1px solid var(--case-border);border-radius:12px 8px 11px 7px;background:var(--case-card);box-shadow:2px 2px color-mix(in srgb,var(--case-strong) 16%,transparent);font-family:DM Sans,Arial,sans-serif;font-size:11px;font-weight:700;transform:rotate(-1.5deg)}.palette-switcher-dock .palette-option:nth-child(2){border-radius:8px 12px 7px 11px;transform:rotate(1.2deg)}.palette-switcher-dock .palette-option:nth-child(3){border-radius:11px 7px 12px 8px;transform:rotate(-.8deg)}.palette-switcher-dock .palette-option:hover{color:var(--case-strong);background:var(--case-hover);transform:translateY(-3px) rotate(-2deg)}.palette-switcher-dock .palette-option:nth-child(2):hover{transform:translateY(-3px) rotate(2deg)}.palette-switcher-dock .palette-option:nth-child(3):hover{transform:translateY(-3px) rotate(-1.5deg)}.palette-switcher-dock .palette-option[aria-pressed=true]{color:var(--case-strong);border:2px solid var(--case-accent);background:var(--case-panel);box-shadow:3px 3px 0 var(--case-accent);transform:translateY(-2px) rotate(-1.5deg)}.palette-switcher-dock .palette-swatch{width:18px;height:18px;border-color:var(--case-ink)}@media(max-width:720px){.palette-dock-inner{display:grid;gap:8px;padding:10px 18px 12px}.palette-dock-label{font-size:9px}.palette-switcher-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px}.palette-switcher-dock .palette-option{min-width:0;padding:7px 6px;font-size:10px}.palette-switcher-dock .palette-swatch{width:15px;height:15px}}.playground-section{display:block!important;padding:0!important;color:var(--case-ink);background:var(--case-bg);border-bottom:1px solid var(--case-border)}.playground-section>.section-inner{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(38px,7vw,100px);padding:92px 11%}.playground-section .playground-copy{max-width:430px}.playground-section .section-kicker{color:var(--case-muted)}.playground-section h2 i{color:var(--case-accent);font-style:normal}.playground-section .playground-copy>p:not(.section-kicker){max-width:390px;margin:25px 0 0;color:var(--case-muted);font-size:18px;line-height:1.6}.linkedin-link{display:inline-flex;align-items:center;gap:10px;width:max-content;margin-top:30px;padding:12px 15px;color:var(--case-strong);border:1px solid var(--case-strong);background:var(--case-panel);box-shadow:4px 4px 0 var(--case-strong);font-family:DM Mono,monospace;font-size:12px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.linkedin-link:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--case-strong);background:var(--case-hover)}.dm-scene{position:relative;display:grid;min-height:420px;place-items:center;overflow:hidden;border:1px solid var(--case-border);border-radius:24px 13px 21px 15px;background:linear-gradient(135deg,color-mix(in srgb,var(--case-panel) 78%,transparent),color-mix(in srgb,var(--case-card) 80%,transparent));box-shadow:8px 8px color-mix(in srgb,var(--case-strong) 16%,transparent);isolation:isolate}.dm-scene:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,transparent 49.5%,color-mix(in srgb,var(--case-border) 70%,transparent) 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,color-mix(in srgb,var(--case-border) 70%,transparent) 50%,transparent 50.5%);background-size:42px 42px;content:"";opacity:.42}.dm-window{position:relative;z-index:1;width:min(calc(100% - 48px),540px);overflow:hidden;border:1px solid var(--case-border);border-radius:17px 12px 15px 10px;background:var(--case-bg);box-shadow:0 16px 26px color-mix(in srgb,var(--case-strong) 15%,transparent);transform:rotate(-1.2deg);animation:dm-window-float 5.5s ease-in-out infinite}.dm-window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid var(--case-border);background:color-mix(in srgb,var(--case-panel) 70%,transparent)}.dm-window-dots{display:flex;gap:5px}.dm-window-dots i{display:block;width:8px;height:8px;border-radius:50%;background:var(--case-accent)}.dm-window-dots i:nth-child(2){background:var(--yellow)}.dm-window-dots i:nth-child(3){background:var(--case-secondary)}.dm-window-title{color:var(--case-muted);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.1em}.dm-window-signal{width:20px;height:8px;border-top:2px solid var(--case-secondary);border-radius:50%;transform:rotate(-12deg)}.dm-chat{display:grid;gap:13px;padding:22px 22px 19px}.dm-profile{display:flex;align-items:center;gap:10px}.dm-avatar{display:grid;width:35px;height:35px;place-items:center;border-radius:50%;color:var(--case-bg);background:var(--case-accent);border:1px solid var(--case-strong);font-family:Oswald,Impact,sans-serif;font-size:20px}.dm-profile strong,.dm-profile small{display:block}.dm-profile strong{color:var(--case-strong);font-size:14px}.dm-profile small{margin-top:2px;color:var(--case-muted);font-family:DM Mono,monospace;font-size:9px}.dm-profile b{margin-left:auto;color:var(--case-secondary);font-family:DM Mono,monospace;font-size:9px;font-weight:500;text-transform:uppercase}.dm-bubble{display:block;width:max-content;max-width:78%;padding:11px 14px;color:var(--case-strong);border:1px solid var(--case-border);font-size:14px;line-height:1.35}.dm-bubble-in{border-radius:5px 15px 15px;background:var(--case-panel);animation:dm-message-in 6s ease-in-out infinite}.dm-bubble-out{justify-self:end;border-radius:15px 5px 15px 15px;color:var(--case-bg);background:var(--case-accent);animation:dm-message-out 6s ease-in-out infinite 1s}.dm-typing{display:flex;gap:4px;width:max-content;padding:9px 12px;border-radius:13px;background:var(--case-card);animation:dm-typing 6s ease-in-out infinite 2.1s}.dm-typing i{display:block;width:5px;height:5px;border-radius:50%;background:var(--case-muted);animation:dm-dot 1s ease-in-out infinite}.dm-typing i:nth-child(2){animation-delay:.15s}.dm-typing i:nth-child(3){animation-delay:.3s}.dm-compose{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;color:var(--case-muted);border-top:1px solid var(--case-border);font-family:DM Mono,monospace;font-size:10px}.dm-send{display:grid;width:27px;height:27px;place-items:center;color:var(--case-bg);background:var(--case-strong);border-radius:50%;transform:rotate(-18deg)}.dm-sticker{position:absolute;top:24px;right:8%;z-index:2;padding:8px 11px;color:var(--case-strong);border:1px solid var(--case-border);background:var(--case-panel);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.08em;transform:rotate(4deg);animation:dm-sticker-wiggle 4s ease-in-out infinite}.dm-star{position:absolute;color:var(--case-accent);font-family:Georgia,Times New Roman,serif;font-size:33px;line-height:1}.dm-star-one{bottom:14%;left:10%;animation:dm-star-drift 4.5s ease-in-out infinite}.dm-star-two{right:13%;bottom:16%;color:var(--case-secondary);font-size:23px;animation:dm-star-drift 5s ease-in-out infinite .6s}@keyframes dm-window-float{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-8px) rotate(.8deg)}}@keyframes dm-message-in{0%,9%{opacity:0;transform:translateY(8px)}18%,76%{opacity:1;transform:translateY(0)}87%,to{opacity:0;transform:translateY(-5px)}}@keyframes dm-message-out{0%,22%{opacity:0;transform:translateY(8px)}32%,76%{opacity:1;transform:translateY(0)}87%,to{opacity:0;transform:translateY(-5px)}}@keyframes dm-typing{0%,30%{opacity:0;transform:translateY(5px)}39%,70%{opacity:1;transform:translateY(0)}78%,to{opacity:0;transform:translateY(-4px)}}@keyframes dm-dot{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(-3px);opacity:1}}@keyframes dm-sticker-wiggle{0%,to{transform:rotate(4deg) translateY(0)}50%{transform:rotate(2deg) translateY(-4px)}}@keyframes dm-star-drift{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(5px,-7px) rotate(12deg)}}@media(max-width:720px){.playground-section>.section-inner{grid-template-columns:1fr;gap:38px;padding:68px 23px 76px}.playground-section .playground-copy>p:not(.section-kicker){margin-top:19px;font-size:16px}.linkedin-link{margin-top:24px}.dm-scene{min-height:370px}.dm-window{width:calc(100% - 32px)}.dm-sticker{top:17px;right:6%;font-size:8px}.dm-star-one{left:4%}}@media(prefers-reduced-motion:reduce){.dm-window,.dm-bubble-in,.dm-bubble-out,.dm-typing,.dm-typing i,.dm-sticker,.dm-star{animation:none}}.waterfront-base{transform:translate(-2%,-2%) scale(1.025)}.waterfront-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%!important;height:100%!important;pointer-events:none}@media(prefers-reduced-motion:reduce){.waterfront-base{transform:translate(-2%,-2%) scale(1.025)}}.role-list{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 19px}.role-list span{padding:5px 8px;color:var(--blue);background:var(--mint);border:1px solid var(--ink);font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.02em;line-height:1.2;transform:rotate(-1deg)}.role-list span:nth-child(2){background:var(--yellow);transform:rotate(1deg)}@media(max-width:720px){.role-list{gap:5px;margin-bottom:17px}.role-list span{font-size:9px}}