@font-face{font-family:Display;src:url('assets/display.ttf') format('truetype');font-display:swap;font-weight:700}
@font-face{font-family:Body;src:url('assets/body.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Body;src:url('assets/body-semibold.ttf') format('truetype');font-display:swap;font-weight:600}
:root{--red:#ed3039;--cream:#f4f1e9;--ink:#191a17;--line:#d5d2c9;--pad:5vw}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Body,Arial,sans-serif;font-size:16px}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #00b6b2;outline-offset:5px}button:focus-visible{z-index:10}::selection{background:var(--red);color:var(--ink)}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--cream);color:var(--ink);padding:14px}.skip:focus{top:12px}.site-header{background:var(--ink);color:var(--cream);padding:20px var(--pad);display:flex;align-items:center;gap:28px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.4px;font-weight:600;line-height:1.4}.mini-monogram{display:block;flex-shrink:0;width:32px;height:39px;color:var(--red)}.brand-symbol{width:100%;height:100%;display:block}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:12px}.site-header nav a{padding:10px 0;position:relative}.site-header nav a::after{content:'';position:absolute;left:0;right:100%;bottom:3px;height:2px;background:var(--red);transition:right .25s}.site-header nav a:hover::after{right:0}.language-switch{display:flex;gap:2px;border:1px solid #ffffff30;border-radius:30px;padding:3px}.language-switch button{min-width:36px;min-height:36px;padding:8px;border:0;border-radius:50%;background:none;color:var(--cream);font-size:11px;font-weight:600}.language-switch button[aria-pressed=true]{background:var(--cream);color:var(--ink)}.nav-cta{background:var(--red);color:var(--ink);border-radius:30px;display:flex;align-items:center;gap:25px;padding:13px 20px;font-size:12px;font-weight:600}.nav-cta:hover{background:var(--cream)}.arrow-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.arrow-up{transform:rotate(-45deg)}.menu-toggle{display:none}
.hero{padding:20px var(--pad) 24px;background:var(--ink);color:var(--cream);overflow:hidden}.hero-top{display:flex;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin:0 9px 1px 0}.hero-brand{position:relative;margin:20px 0 28px;line-height:.85}.wordmark{display:block;font-family:Display,Impact,sans-serif;font-size:19.9vw;font-weight:700;letter-spacing:-.55vw;line-height:.9;color:var(--red);-webkit-text-stroke:.026em currentColor;transform:scaleX(1.025);transform-origin:left;width:97.5%}.brand-subtitle{display:block;position:absolute;right:0;bottom:8px;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px}.hero-stage{display:grid;grid-template-columns:1fr 1.14fr;align-items:center;gap:5vw;padding:10px 0 25px}.hero-copy{position:relative;z-index:3}.hero-copy h1{font-size:clamp(37px,4.4vw,70px);line-height:1.03;letter-spacing:-2px;font-family:Display,Impact,sans-serif;max-width:610px;-webkit-text-stroke:.012em currentColor}.hero-copy>p{font-size:12px;line-height:1.8;color:#cccec4;max-width:365px;margin:22px 0 27px}.solid-cta{display:inline-flex;gap:25px;align-items:center;border-radius:30px;padding:14px 20px;background:var(--cream);color:var(--ink);font-size:12px;font-weight:600}.solid-cta>span:last-child{font-size:22px;line-height:1;transition:transform .25s}.solid-cta:hover>span:last-child{transform:translate(3px,3px)}.hero-collage{height:345px;position:relative;perspective:1000px}.hero-piece{position:absolute;padding:0;border:0;box-shadow:0 14px 40px #0005;transition:filter .3s,scale .3s;overflow:hidden;border-radius:8px;background:var(--cream);color:var(--ink);text-align:left}.hero-piece:hover{scale:1.045;filter:brightness(1.1);z-index:5}.hero-piece img{width:100%;height:calc(100% - 30px);object-fit:cover;object-position:top}.hero-piece>span{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;font-size:9px;line-height:16px;font-weight:600}.hero-piece>span>b{font-size:16px}.hero-food{left:0;top:28px;width:60%;height:246px;transform:rotate(-8deg);animation:float-food 8s ease-in-out infinite}.hero-food img{object-position:center}.hero-tech{right:0;top:0;width:58%;height:205px;transform:rotate(8deg);animation:float-tech 9s ease-in-out infinite}.hero-podcast{right:7%;bottom:6px;width:34%;height:206px;background:#070707;transform:rotate(5deg);animation:float-pod 10s ease-in-out infinite}.hero-podcast img{height:100%;object-fit:contain;padding:8px}.hero-spark{position:absolute;left:6%;bottom:0;color:var(--red);font-size:80px;line-height:1;transform:rotate(10deg)}.collage-note{position:absolute;bottom:5px;left:24%;font-size:8px;line-height:1.5;max-width:110px;letter-spacing:1px;text-transform:uppercase;color:#c6c8bc}.hero-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px;color:#b9bcb0;font-size:9px;letter-spacing:.4px}.scroll-link{display:flex;gap:26px;align-items:center;padding:10px 0}.scroll-link>span:last-child{font-size:20px;color:var(--red)}.motion-toggle{color:inherit;border:0;background:transparent;padding:12px 0 12px 15px;display:flex;gap:8px;font-size:9px;align-items:center}.motion-icon{font-size:12px}.ticker{display:flex;justify-content:space-around;align-items:center;gap:4vw;background:var(--red);color:var(--ink);padding:19px var(--pad);overflow:hidden}.ticker-item{display:flex;align-items:center;gap:4vw}.ticker span{font-family:Display,sans-serif;font-size:clamp(22px,3vw,44px);line-height:1;white-space:nowrap;font-weight:700}.ticker b{font-size:31px;line-height:1;font-weight:400}
.section{padding:100px var(--pad)}h2{font-family:Display,Impact,sans-serif;font-size:clamp(45px,5.9vw,92px);line-height:1;letter-spacing:-1.8px;-webkit-text-stroke:.018em currentColor}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:24px 70px;align-items:end;margin-bottom:48px}.section-heading>.eyebrow{grid-column:1/-1;display:block}.section-heading>p{font-size:13px;line-height:1.8;max-width:400px;justify-self:end}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 30px;align-items:start}.work-card{padding:0;border:0;background:none;color:inherit;text-align:left;min-width:0}.work-bigoton{grid-column:1/-1}.work-image{position:relative;isolation:isolate;overflow:hidden;border-radius:10px;aspect-ratio:1.25;display:grid;place-items:center;transition:transform .35s,box-shadow .35s;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.work-bigoton .work-image{aspect-ratio:2.1;padding:40px 7% 0;background:#f4b82b}.work-bytech .work-image{padding:28px 28px 0;background:#a8bbd6}.work-podtudo .work-image{background:#11110f}.project-screen{width:100%;align-self:end;box-shadow:0 9px 40px #0003;border-radius:8px 8px 0 0;overflow:hidden;transition:transform .55s;transform:rotate(-2deg) translateY(16px);background:white}.work-bigoton .project-screen{max-width:1000px;transform:rotate(-3deg) translateY(30px)}.work-bytech .project-screen{width:113%;max-width:none;margin-left:16%;transform:rotate(5deg) translateY(25px);align-self:center}.project-screen img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top}.browser-bar{display:flex;gap:4px;align-items:center;background:#fff;padding:7px 9px;color:#54544f;font-size:7px;line-height:1}.browser-bar i{width:4px;height:4px;background:#bbb;border-radius:50%}.browser-bar span{margin:auto}.view-project{position:absolute;right:20px;bottom:20px;background:var(--cream);border-radius:40px;padding:10px 11px 10px 17px;display:flex;gap:20px;align-items:center;font-size:10px;font-weight:600;box-shadow:0 3px 15px #0001;color:var(--ink);z-index:4}.view-project b{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:var(--ink);color:var(--cream);font-size:18px;font-weight:400;transition:transform .25s}.work-card:hover .view-project b{transform:rotate(45deg)}.work-card:hover .project-screen{transform:rotate(0) translateY(7px)}.work-caption{display:flex;align-items:start;justify-content:space-between;gap:15px;padding-top:19px}.work-caption h3{font-size:22px;font-weight:600;letter-spacing:-.5px}.work-caption p{font-size:11px;margin-top:7px;line-height:1.5;color:#66665d}.work-caption>span{font-size:28px}.podcast-cover>img{position:relative;z-index:2;width:59%;max-height:85%;object-fit:contain;transition:transform .45s}.podcast-orbit{position:absolute;width:95%;aspect-ratio:1;border:1px solid #ed303966;border-radius:50%;transform:translate(18%,15%)}.podcast-orbit::after{content:'';position:absolute;inset:14%;border:1px solid #32b6b755;border-radius:50%}.concept-note{margin-top:40px;max-width:630px;font-size:12px;line-height:1.8;color:#67675c}
.services{background:#e9e7de;display:grid;grid-template-columns:1fr 1.65fr;gap:45px 8vw;position:relative}.services>.section-heading{grid-column:1;display:block;margin:0}.services .section-heading h2{font-size:clamp(45px,4.6vw,73px);margin:24px 0}.service-overview{font-size:12px;line-height:1.85}.scope-note{font-size:10px;color:#626258;margin-top:18px}.service-themes{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:24px 0 0}.service-themes li{border:1px solid #afafa1;border-radius:20px;padding:5px 10px;font-size:9px}.services-gallery{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:10px}.services-gallery img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:8px}.service-list{grid-column:2;grid-row:1;align-self:start}.service-list details{border-top:1px solid #b9bbae;padding:7px 0}.service-list details:last-child{border-bottom:1px solid #b9bbae}.service-list summary{display:flex;align-items:center;gap:15px;padding:23px 0;list-style:none;cursor:pointer}.service-list summary::-webkit-details-marker{display:none}.service-list h3{font-family:Display,sans-serif;font-size:clamp(32px,3.2vw,50px);line-height:1;letter-spacing:-.7px}.plus{font-size:25px;font-weight:400;margin-left:auto;transition:transform .25s}.service-list details[open] .plus{transform:rotate(45deg)}.service-content{font-size:12px;line-height:1.8;padding-bottom:23px}.service-content p{max-width:510px}.service-content ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:20px 0 0;padding:0}.service-content li{font-size:9px;padding:6px 10px;border:1px solid #b9bbae;border-radius:20px}.service-mobile-art{display:none}
.studio{background:var(--red);color:var(--ink);display:grid;grid-template-columns:1fr 3fr;gap:6vw}.studio-label{display:flex;flex-direction:column;justify-content:space-between}.asterisk{font-size:160px;line-height:.8;align-self:start;margin-left:-10px}.studio h2{font-size:clamp(50px,6.9vw,106px)}.studio-copy{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:35px;font-size:13px;line-height:1.8}.principles{color:white;border-top:1px solid #191a1760;padding-top:24px;margin-top:42px;display:flex;gap:25px;justify-content:space-between;font-size:10px;line-height:1.6}.process-heading{display:flex;align-items:start;justify-content:space-between;gap:40px;margin-bottom:50px}.process-heading .eyebrow{padding-top:8px}.process-heading h2{width:65%}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.process-grid article{padding:28px;background:#e8e6dc;border-radius:10px}.process-grid article:nth-child(2){background:#dedfd3}.process-grid article:nth-child(3){background:#d4d8ca}.process-grid .eyebrow{display:grid;place-items:center;width:37px;height:37px;border:1px solid #74766c;border-radius:50%;font-size:10px}.process-grid h3{font-family:Display,sans-serif;font-size:30px;line-height:1.1;margin:35px 0 16px}.process-grid p{font-size:12px;line-height:1.8}.contact{background:var(--ink);color:var(--cream);padding-bottom:70px}.contact h2{font-size:clamp(58px,10.5vw,166px);line-height:.93;color:var(--red);margin:45px 0;letter-spacing:-2px}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-bottom p{font-size:13px;line-height:1.8}.contact-email{font-size:clamp(19px,2.7vw,40px);letter-spacing:-1px;border-bottom:1px solid #a5a79b;padding-bottom:9px}.contact-email:hover{color:var(--red)}footer{background:var(--ink);color:var(--cream);padding:30px var(--pad)}.footer-brand{font-family:Display,sans-serif;font-size:8.35vw;color:#4b4d43;letter-spacing:-.17vw;line-height:1;display:flex;justify-content:space-between;align-items:center}.footer-brand>span{color:var(--red);font-size:7vw}.footer-brand:hover{color:var(--cream)}footer>div{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#b5b8a9;line-height:1.6;border-top:1px solid #3e4037;margin-top:35px;padding-top:24px}
dialog{border:0;width:min(1080px,94vw);max-height:92vh;padding:0;background:var(--cream);color:var(--ink);border-radius:12px;box-shadow:0 20px 100px #0006;overscroll-behavior:contain}dialog::backdrop{background:#111a;backdrop-filter:blur(8px)}.close{position:sticky;float:right;top:14px;margin:14px 14px -58px 0;z-index:8;width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--ink);box-shadow:0 3px 15px #0002;font-size:30px;line-height:1}.case-visual{background:#b9c8dd;overflow:hidden;padding:28px 65px 0;height:440px;display:grid;place-items:center}.case-visual img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:8px 8px 0 0;box-shadow:0 8px 40px #0002}.case-visual.bigoton{background:#f4b82b}.case-visual.podtudo{background:#11110f;padding:35px;height:400px}.case-visual.podtudo img{object-fit:contain;box-shadow:none;border-radius:0}.case-body{padding:42px 50px 50px}.case-body h2{font-size:clamp(40px,5vw,65px);margin:16px 0 25px}.case-intro{font-size:17px;line-height:1.6;max-width:820px}.case-details{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:35px}.case-details h3{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 12px}.case-details p{font-size:12px;line-height:1.85}.case-status{font-size:10px;color:#606257;margin:30px 0 20px}.button{display:inline-flex;gap:45px;align-items:center;background:var(--ink);color:var(--cream);padding:15px 22px;border-radius:30px;font-size:12px}.button span{font-size:22px}.button:hover{background:#b61f34}
@keyframes float-food{50%{transform:translateY(-7px) rotate(-6deg)}}@keyframes float-tech{50%{transform:translateY(7px) rotate(6deg)}}@keyframes float-pod{50%{transform:translateY(-7px) rotate(1deg)}}
html.motion-paused .hero-piece{animation-play-state:paused}html.motion-paused{scroll-behavior:auto}html.motion-paused *{transition:none!important}.reveal{opacity:1;transform:none}.js-motion .reveal:not(.is-visible){opacity:0;transform:translateY(22px)}.js-motion .reveal{transition:opacity .7s,transform .7s}
@media(min-width:1700px){:root{--pad:max(5vw,calc((100vw - 1530px)/2))}.wordmark{font-size:338px;letter-spacing:-9px}.hero-stage{gap:80px}.hero-collage{height:410px}.hero-food{height:290px}.hero-tech{height:250px}.hero-podcast{height:250px}.footer-brand{font-size:142px}}
@media(max-width:1000px){.site-header{gap:18px}.site-header nav{gap:18px}.nav-cta{padding:12px 15px;gap:14px}.hero-copy h1{font-size:43px}.hero-collage{height:310px}.hero-food{height:215px}.hero-tech{height:180px}.hero-podcast{height:180px}.hero-spark{font-size:65px}.collage-note{left:23%;max-width:85px;font-size:7px}.section{padding-top:75px;padding-bottom:75px}.section-heading{gap:20px 40px}.services{gap:40px}.studio-copy{font-size:12px;gap:28px}.asterisk{font-size:115px}.process-grid article{padding:23px}.process-grid h3{font-size:27px}.work-bytech .work-image{padding:22px 22px 0}.case-visual{height:380px}}
@media(max-width:700px){:root{--pad:6vw}html{scroll-padding-top:20px}.site-header{padding-top:15px;padding-bottom:15px;gap:12px;flex-wrap:wrap}.brand{font-size:8px;gap:8px;letter-spacing:1px}.mini-monogram{width:27px;height:33px}.language-switch{margin-left:auto;padding:2px}.language-switch button{min-width:31px;min-height:31px;font-size:10px;padding:6px}.nav-cta{display:none}.menu-toggle{display:flex;align-items:center;gap:8px;background:none;border:0;color:var(--cream);padding:10px 0 10px 7px;font-size:10px;min-height:42px}.menu-lines{display:block;width:17px;height:9px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] .menu-lines{transform:rotate(-45deg)}.site-header nav{display:none;order:5;width:100%;margin:4px 0 0;padding:10px 0 8px;gap:16px;border-top:1px solid #ffffff30}.site-header nav.is-open{display:flex;justify-content:space-between}.site-header nav a{font-size:11px}.hero{padding-top:10px;padding-bottom:18px}.hero-top{gap:10px}.hero-top .eyebrow{font-size:7px;letter-spacing:1px}.dot{width:4px;height:4px;margin-right:5px}.hero-brand{margin:24px 0 25px}.wordmark{font-size:19.5vw;letter-spacing:-.55vw}.brand-subtitle{bottom:1px;right:-3px;font-size:5px;letter-spacing:1px}.hero-stage{display:flex;flex-direction:column;gap:25px;align-items:stretch;padding:0}.hero-copy h1{font-size:clamp(39px,8.9vw,58px);letter-spacing:-1.2px;max-width:430px}.hero-copy>p{font-size:11px;line-height:1.8;margin:17px 0 20px;max-width:330px}.solid-cta{font-size:11px;padding:12px 17px;gap:35px}.hero-collage{height:285px;width:100%;max-width:530px;align-self:center;margin-top:0}.hero-food{height:207px;top:17px;left:2%;width:59%}.hero-tech{height:170px;right:2%;width:55%;top:3px}.hero-podcast{height:170px;right:9%;bottom:0;width:32%}.hero-piece{border-radius:6px}.hero-piece>span{padding:6px 9px;font-size:8px}.hero-spark{left:7%;font-size:65px}.collage-note{left:28%;max-width:88px;font-size:7px;bottom:6px}.hero-foot{margin-top:12px;font-size:8px}.motion-toggle{font-size:8px}.ticker{padding:15px var(--pad);gap:25px}.ticker-item{gap:20px}.ticker span{font-size:22px}.ticker b{font-size:23px}.section{padding-top:60px;padding-bottom:60px}h2{font-size:49px;letter-spacing:-1.2px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{margin:22px 0}.section-heading>p{font-size:12px;max-width:370px}.work-grid{display:block}.work-card{display:block;width:100%;margin-bottom:32px}.work-card:last-child{margin-bottom:0}.work-bigoton .work-image{aspect-ratio:1.25;padding:30px 16px 0}.work-bigoton .project-screen{width:124%;max-width:none;transform:rotate(-4deg) translateY(17px);margin-left:-15%}.project-screen img{aspect-ratio:1.5}.work-bytech .work-image{aspect-ratio:1.25;padding:30px 20px 0}.work-podtudo .work-image{aspect-ratio:1.25}.work-caption{padding-top:14px}.work-caption h3{font-size:19px}.work-caption p{font-size:10px;margin-top:5px}.view-project{right:14px;bottom:14px;padding:8px 9px 8px 14px;font-size:9px;gap:17px}.view-project b{width:24px;height:24px}.concept-note{font-size:11px;margin-top:30px}.services{display:block}.services .section-heading h2{font-size:49px;margin:22px 0}.service-list{margin-top:35px}.service-list summary{padding:22px 0}.service-list h3{font-size:37px}.service-content{font-size:12px}.services-gallery{display:none}.service-mobile-art{display:block;width:100%;max-height:270px;object-fit:cover;border-radius:7px;margin-bottom:20px}.studio{display:block}.studio-label{flex-direction:row;align-items:center;margin-bottom:30px}.asterisk{font-size:58px;margin:0}.studio h2{font-size:51px}.studio-copy{display:block;margin-top:26px;font-size:12px;line-height:1.9}.studio-copy p+p{margin-top:20px}.principles{font-size:9px;gap:15px;margin-top:32px;padding-top:23px}.process-heading{display:block;margin-bottom:30px}.process-heading h2{width:auto;margin-top:24px}.process-grid{display:block}.process-grid article{position:relative;padding:26px 25px 26px 80px;margin-bottom:12px}.process-grid .eyebrow{position:absolute;left:23px;top:25px;width:32px;height:32px;font-size:9px}.process-grid h3{font-size:27px;margin:0 0 12px}.process-grid p{font-size:11px}.contact h2{font-size:14vw;letter-spacing:-1px;margin:32px 0}.contact-bottom{display:block}.contact-bottom p{font-size:12px}.contact-email{display:inline-block;font-size:24px;letter-spacing:-.5px;margin-top:28px}.contact{padding-bottom:35px}footer{padding-top:20px}.footer-brand{font-size:8vw;letter-spacing:-.17vw}footer>div{font-size:8px;gap:16px;flex-wrap:wrap;margin-top:25px;padding-top:20px}footer>div>span:first-child{width:100%}.case-visual{height:245px;padding:24px 15px 0}.case-visual.podtudo{height:275px;padding:30px}.case-body{padding:28px 25px 32px}.case-body h2{font-size:42px;margin-top:14px}.case-intro{font-size:14px}.case-details{display:block;margin-top:28px}.case-details>div+div{margin-top:24px}.case-details p{font-size:12px}.close{width:40px;height:40px;top:10px;margin-top:10px;margin-right:10px;font-size:26px}dialog{width:94vw;max-height:92dvh}}
@media(max-width:360px){.brand{font-size:7px}.site-header{gap:8px}.hero-top .location{font-size:6px}.hero-copy h1{font-size:36px}.hero-collage{height:250px}.hero-food{height:185px}.hero-tech{height:150px}.hero-podcast{height:150px}.ticker span{font-size:18px}.ticker b{font-size:18px}.contact-email{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal:not(.is-visible){opacity:1;transform:none}.motion-toggle{display:none}}

/* Keep the full wordmark and icon glyphs consistent across devices. */
.wordmark{font-size:18.6vw;transform:none;width:100%;letter-spacing:-.5vw}.arrow-down-right{transform:rotate(90deg)}.arrow-down{transform:rotate(135deg)}.hero-spark,.asterisk,.ticker b{font-family:Arial,sans-serif}.view-project b .arrow-icon{width:16px;height:16px}.hero-piece b .arrow-icon{width:12px;height:12px}.solid-cta>.arrow-icon{width:20px;height:20px}.motion-icon{font-family:Arial,sans-serif}
@media(min-width:1700px){.wordmark{font-size:316px;letter-spacing:-8px}}
@media(max-width:700px){.wordmark{font-size:18.2vw;letter-spacing:-.5vw}}

.spark-svg{display:block;width:1em;height:1em}.hero-spark{width:1em;height:1em}.ticker b{display:block}.brand-subtitle{right:-8px}
@media(max-width:700px){.brand-subtitle{right:-6px}}

.mobile-contact{display:none}.footer-brand{color:#93968a}
@media(max-width:700px){.site-header nav .mobile-contact{display:block}.site-header nav{gap:12px}.hero-spark{font-size:54px;left:5%}.collage-note{left:27%;max-width:80px;font-size:6px}}

/* v16: a more comfortable reading size and a tighter selected-work rhythm. */
.site-header nav{font-size:14px}.nav-cta{font-size:14px}.language-switch button{font-size:12px}
.eyebrow{font-size:11px}.hero-copy>p{font-size:14px;line-height:1.75;max-width:410px}
.solid-cta{font-size:14px}.hero-foot,.motion-toggle{font-size:11px}.hero-piece>span{font-size:10px}
.section-heading>p{font-size:15px;line-height:1.75}.work-caption p{font-size:13px}.view-project{font-size:12px}
.concept-note{font-size:14px;line-height:1.75}.service-overview{font-size:14px;line-height:1.8}
.scope-note{font-size:12px}.service-themes li,.service-content li{font-size:11px}
.service-content{font-size:14px;line-height:1.75}.studio-copy{font-size:15px;line-height:1.75}
.principles{font-size:12px}.process-grid p{font-size:14px;line-height:1.75}
.contact-bottom p{font-size:15px}footer>div{font-size:11px}
.case-intro{font-size:18px}.case-details p{font-size:14px;line-height:1.75}
.case-details h3,.case-status{font-size:12px}.button{font-size:14px}
#work{padding-top:80px;padding-bottom:80px}
#work>.section-heading{grid-template-columns:1.2fr 1fr;gap:20px 40px;margin-bottom:34px}
#work>.section-heading h2{font-size:clamp(44px,5.2vw,80px)}
.work-grid{gap:36px 28px}.work-bigoton .work-image{aspect-ratio:2.55;padding-top:28px}
.work-bytech .work-image,.work-podtudo .work-image{aspect-ratio:1.5}
.work-caption{padding-top:16px}#work .concept-note{margin-top:28px}
@media(max-width:1000px) and (min-width:701px){
 .site-header{gap:14px}.site-header nav{gap:15px;font-size:13px}.nav-cta{font-size:13px}
 .studio-copy{font-size:14px}#work{padding-top:64px;padding-bottom:64px}
 #work>.section-heading{gap:20px 30px}#work>.section-heading h2{font-size:clamp(44px,5.2vw,60px)}
}
@media(max-width:700px){
 .site-header nav a{font-size:13px}.menu-toggle{font-size:12px}.language-switch button{font-size:11px}
 .hero-top .eyebrow{font-size:9px;letter-spacing:.75px}.hero-top{flex-wrap:wrap;gap:8px 15px}
 .hero-copy>p{font-size:13px;max-width:350px}.solid-cta{font-size:13px;gap:22px}
 .hero-piece>span{font-size:9px}.hero-foot,.motion-toggle{font-size:10px}
 .section-heading>p{font-size:14px}.work-caption p{font-size:12px}.view-project{font-size:11px}
 .concept-note{font-size:13px}.service-overview,.service-content{font-size:14px}.scope-note{font-size:12px}
 .studio-copy{font-size:14px}.principles{font-size:11px;gap:13px}.process-grid p{font-size:13px}
 .contact-bottom p{font-size:14px}footer>div{font-size:10px}
 .case-intro{font-size:16px}.case-details p{font-size:14px}
 #work{padding-top:50px;padding-bottom:50px}#work>.section-heading{margin-bottom:26px}
 #work>.section-heading h2{font-size:44px;margin:18px 0}
 .work-card{margin-bottom:24px}.work-bigoton .work-image,.work-bytech .work-image,.work-podtudo .work-image{aspect-ratio:1.55}
 .work-bigoton .work-image{padding-top:23px}.work-bytech .work-image{padding-top:23px}
 .work-caption{padding-top:12px}#work .concept-note{margin-top:24px}
 .podcast-cover>img{width:49%;max-height:87%}
}
@media(max-width:360px){
 .hero-top .location{font-size:8px}.hero-foot,.motion-toggle{font-size:9px}
 .site-header nav a{font-size:12px}.site-header nav{gap:9px}
 #work>.section-heading h2{font-size:40px}.principles{flex-direction:column;gap:9px}
}
/* Keep the website's top edge visible inside the shallower feature image. */
.work-bigoton .project-screen{align-self:start}

.hero-lockup{display:block;width:100%;height:auto;color:var(--red)}
.hero-food{background:#ffcc16}
.hero-food img{display:block;object-fit:cover;object-position:top left}
.hero-food>span{background:#ffcc16;color:#171714}
.collage-note{position:static;display:block;max-width:none;padding-top:14px;font-size:clamp(13px,1.15vw,18px);font-weight:600;letter-spacing:.045em;line-height:1.4;color:var(--cream)}
.hero-collage{margin-bottom:38px}
.hero-collage .collage-note{position:absolute;left:0;right:0;top:100%;bottom:auto;text-align:center}
.concept-note{max-width:none}
.service-themes li,.service-content li{background:#b61f34;border-color:#b61f34;color:white;font-size:14px;font-weight:600;padding:6px 14px;line-height:1.5}
.services-gallery{align-items:start}
.services-gallery img,.service-mobile-art{display:block;width:100%;height:auto;aspect-ratio:auto;max-height:none}
@media(min-width:701px){.service-mobile-art{display:none}}

/* Reserve the bottom row of the podcast cover for its project link. */
.podcast-cover>img{position:absolute;inset:6% 8% auto;width:84%;height:calc(94% - 72px);max-height:none;object-fit:contain}
@media (prefers-reduced-motion:no-preference){
  html:not(.motion-paused) .work-card:is(:hover,:focus-visible,:active) .podcast-cover>img{
    transform:translateY(-2px) rotate(-4deg);
  }
}