@font-face{font-family:Archivo;src:url(assets/archivo-black.ttf);font-display:swap}@font-face{font-family:Inter;src:url(assets/inter.ttf);font-display:swap}:root{--yellow:#ecff32;--ink:#141414;--rust:#9e3f27}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--yellow);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a,button,summary,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:6px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:3px}::selection{background:var(--rust);color:white}header{padding:25px 3.5%;display:flex;align-items:center;gap:24px}header .home{display:block;width:42px;height:42px}.header-location{font-size:10px;line-height:1.5}nav{margin-left:auto;display:flex;align-items:center;gap:36px;font-size:13px}nav sup{font-size:8px;margin-left:3px}.nav-contact{border-bottom:1px solid;padding-bottom:6px;margin-left:35px}.nav-contact span{margin-left:22px}.hero{padding:45px 3.5% 20px}.hero-top,.hero-foot,.section-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.035em}.hero-top{border-top:1px solid;padding-top:15px}.brand{padding:34px 0 28px}.brand img{width:100%;height:auto;display:block;animation:arrive .9s both}.hero-bottom{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;padding:16px 0 65px;gap:40px}h1,h2,h3,p{margin:0}h1{font:clamp(32px,4.5vw,75px)/1.04 Archivo,Arial,sans-serif;letter-spacing:-.06em}h1 span{display:inline-block;margin-left:8vw;animation:shift 1.2s both}.hero-copy{font-size:17px;line-height:1.45;max-width:370px;margin-left:auto;width:100%;padding-bottom:5px}.text-link{display:flex;justify-content:space-between;border-bottom:1px solid;margin-top:30px;padding-bottom:9px;font-size:12px}.hero-foot{border-top:1px solid;padding-top:16px}.section{padding:70px 3.5% 100px}.section-label{border-top:1px solid;padding-top:17px}.work{background:#fff;padding-top:40px}.work-heading{display:flex;align-items:end;justify-content:space-between;margin:65px 0 55px}h2{font:clamp(40px,5.2vw,82px)/1.02 Archivo,Arial,sans-serif;letter-spacing:-.065em}.work-heading p{line-height:1.6;font-size:13px;margin-right:5vw}.project{display:block;position:relative}.project-art{position:relative;min-height:500px;padding:30px 35px;overflow:hidden;transition:background .4s}.project-ec{width:85%}.project-ec .project-art{background:var(--ink);color:var(--yellow)}.project-number{font-size:10px;letter-spacing:.05em}.editorial-title{font:clamp(60px,8vw,130px)/.9 Archivo,sans-serif;letter-spacing:-.065em;padding:75px 0 65px}.editorial-title span{display:block;margin-left:5%;font-size:.8em}.art-foot{font-size:11px;display:flex;justify-content:space-between}.project-arrow{position:absolute;right:28px;top:26px;font-size:30px;transition:transform .25s}.project:hover .project-arrow,.project:focus-visible .project-arrow{transform:translate(5px,-5px)}.project:hover .editorial-title span{transform:translateX(15px)}.editorial-title span{transition:transform .4s}.project-caption{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:20px 0;font-size:11px;align-items:baseline}.project-caption h3{font-size:16px;font-weight:400}.project-pommy{width:65%;margin:70px 0 0 auto}.project-pommy .project-art{background:var(--rust);color:white;min-height:540px}.pizza-type{font:clamp(55px,7vw,110px)/.88 Archivo,sans-serif;letter-spacing:-.06em;padding-top:55px}.pizza-type span{display:block;margin:8px 0 45px 13%;font-size:.72em}.status{border:1px solid #ffffff70;border-radius:30px;padding:9px 14px;font-size:10px;display:inline-block}.studio{background:var(--ink);color:white}.studio h2{margin:70px 0}.studio h2>span{color:var(--yellow);display:inline-block;margin-left:7vw}.studio-body{display:grid;grid-template-columns:1fr 1.1fr;gap:10vw;align-items:center}.optical{aspect-ratio:1.05;display:grid;place-items:center;background:repeating-radial-gradient(ellipse at 25% 60%,var(--yellow) 0 2px,transparent 3px 13px);overflow:hidden}.optical img{width:52%;background:var(--ink);padding:24px;transition:translate .5s}.optical:hover img{translate:15px -10px}.lead{font-size:25px;line-height:1.35;letter-spacing:-.04em}.studio-copy>p+p{color:#bbb;font-size:14px;line-height:1.7;margin-top:24px}.people{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:45px;border-top:1px solid #555;padding-top:25px}.people h3{font-size:22px;margin-bottom:8px}.people span{font-size:10px;color:var(--yellow)}.people p{font-size:12px;line-height:1.6;margin-top:12px;color:#bbb}.approach{display:flex;justify-content:space-between;align-items:start;border-top:1px solid #555;margin-top:90px;padding-top:28px}.approach>span{font-size:10px}.approach p{font-size:clamp(24px,3.5vw,50px);letter-spacing:-.05em;line-height:1.2}.approach i{font-style:normal;color:#888}.capabilities{background:white}.cap-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;margin:65px 0}.cap-intro p{max-width:320px;font-size:17px;line-height:1.6;margin-left:auto}.services{margin-left:22%}details{border-top:1px solid #bbb}details:last-child{border-bottom:1px solid #bbb}summary{display:flex;align-items:center;gap:30px;padding:25px 0;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary>span{font-size:10px}summary h3{font-size:clamp(23px,3vw,40px);font-weight:400;letter-spacing:-.055em}summary b{font-size:28px;margin-left:auto;font-weight:400;transition:rotate .2s}details[open] summary b{rotate:45deg}details>div{padding:0 45px 28px;max-width:650px;font-size:14px;line-height:1.6}details>div>span{display:block;font-size:10px;margin-top:20px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:65px}.contact h2{font-size:clamp(60px,8vw,130px)}.contact h2 span{display:inline-block;transform:translate(15px,10px)}.contact-grid>div>p{margin-top:30px;line-height:1.6;font-size:14px}.contact-symbol{margin-top:65px}form{font-size:12px}.form-note{font-size:12px;line-height:1.6;margin-bottom:35px;max-width:400px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}label{display:block;margin-bottom:25px}input,textarea,select{display:block;width:100%;border:0;border-bottom:1px solid #14141470;border-radius:0;background:transparent;padding:12px 0;color:var(--ink);font-size:13px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#4b5018}small{font-weight:400;opacity:.7}.submit{border:0;background:var(--ink);color:var(--yellow);padding:20px;width:100%;display:flex;justify-content:space-between;cursor:pointer}.submit:hover{background:#333}#form-status{font-size:10px;margin-top:15px;line-height:1.5}footer{background:var(--ink);color:white;padding:35px 3.5% 20px}footer>div{display:flex;justify-content:space-between;font-size:10px}footer>img{width:100%;height:auto;display:block;margin:65px 0 20px}dialog{border:0;background:var(--ink);color:white;padding:70px 7%;width:min(1000px,94vw);max-height:90vh}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.close{position:absolute;right:25px;top:22px;background:none;color:var(--yellow);border:0;cursor:pointer;padding:10px}dialog .eyebrow{font-size:10px;color:var(--yellow);margin-bottom:30px}dialog h2{font-size:clamp(38px,6vw,75px);margin-bottom:35px}dialog .dialog-lead{font-size:23px;line-height:1.4;margin-bottom:35px}dialog .case-row{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid #555;padding:22px 0;gap:30px}dialog h3{font-size:12px;color:var(--yellow)}dialog p{font-size:14px;line-height:1.7}dialog .text-link{color:var(--yellow)}.skip{position:fixed;left:15px;top:-100px;background:white;color:black;padding:15px;z-index:20}.skip:focus{top:15px}@keyframes arrive{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes shift{from{translate:-25px 0}to{translate:0 0}}@media(min-width:1600px){body{max-width:2000px;margin:auto}.hero{padding-top:65px}}@media(max-width:800px){nav{gap:20px}.nav-contact{margin-left:0}.header-location{display:none}.hero{padding-top:30px}.hero-top span:last-child{display:none}.hero-bottom{grid-template-columns:1.2fr 1fr;gap:20px}.hero-copy{font-size:13px}.project-ec{width:94%}.project-pommy{width:80%}.project-art{min-height:390px}.project-pommy .project-art{min-height:440px}.studio-body{gap:5vw}.lead{font-size:21px}.cap-intro{grid-template-columns:1.4fr 1fr}.services{margin-left:10%}.contact-grid{gap:5vw}.project-caption{grid-template-columns:1fr 1fr}.project-caption>span:last-child{display:none}}@media(max-width:540px){header{padding:18px 5%;gap:15px}header .home,header .home img{width:30px;height:30px}nav{font-size:11px;gap:18px}nav sup{display:none}nav a[href="#capabilities"]{display:none}.nav-contact span{margin-left:8px}.hero{padding:25px 5% 20px}.hero-top{font-size:9px}.brand{padding:32px 0}.hero-bottom{display:block;padding:15px 0 40px}h1{font-size:39px}h1 span{margin-left:6vw}.hero-copy{margin:34px 0 0 24%;font-size:14px;width:auto}.hero-copy .desktop{display:none}.hero-foot{font-size:8px}.hero-foot span:first-child{max-width:120px}.hero-foot span:last-child{max-width:110px;text-align:right}.section{padding:40px 5% 60px}.section-label{font-size:8px;gap:15px}.work-heading{display:block;margin:45px 0 30px}h2{font-size:40px}.work-heading p{margin-top:24px;font-size:12px}.project-ec,.project-pommy{width:100%}.project-art{padding:23px 20px;min-height:320px}.editorial-title{font-size:51px;padding:65px 0 60px}.editorial-title span{font-size:.78em;margin-left:0}.project-number{font-size:8px}.art-foot{font-size:9px}.art-foot>span{max-width:90px;text-align:right}.project-caption h3{font-size:14px}.project-caption{font-size:9px;gap:10px}.project-caption>span{text-align:right}.project-pommy{margin-top:35px}.project-pommy .project-art{min-height:380px}.pizza-type{font-size:65px;padding-top:50px}.studio h2{font-size:34px;margin:45px 0 35px}.studio h2>span{margin:10px 0 0 5%}.studio-body{display:flex;flex-direction:column;gap:35px}.optical{width:100%;aspect-ratio:1.4}.optical img{width:42%}.lead{font-size:22px}.studio-copy>p+p{font-size:13px}.people{gap:25px;margin-top:30px}.approach{display:block;margin-top:45px}.approach p{margin-top:25px;font-size:29px}.cap-intro{display:block;margin:40px 0 30px}.cap-intro p{margin:25px 0 0;font-size:14px;max-width:270px}.services{margin-left:0}summary{gap:18px;padding:22px 0}summary h3{font-size:25px}details>div{padding-left:30px;padding-right:10px;font-size:13px}.contact-grid{display:block;margin-top:40px}.contact h2{font-size:80px}.contact-symbol{display:none}.contact-grid>div>p{font-size:13px;margin-top:25px}form{margin-top:40px}.form-pair{gap:20px}.form-note{font-size:11px}footer{padding:25px 5% 10px}footer>div{flex-wrap:wrap;gap:25px;font-size:9px}footer>div>span:nth-child(2){order:3;width:100%}footer>div>span:last-child{margin-left:auto}footer>img{margin:30px 0 15px}dialog{padding:65px 25px 30px}dialog .dialog-lead{font-size:19px}dialog .case-row{grid-template-columns:1fr;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:540px){nav{gap:12px;font-size:10px}nav a[href="#capabilities"]{display:block}.nav-contact span{margin-left:3px}input[name="timing"]::placeholder{font-size:10px}}
/* A shared motion language: displacement, assembly, annotation. */
.hero{position:relative}.hero-sticker{position:absolute;z-index:1;right:24%;top:16px;border:1px solid;border-radius:50%;padding:18px 25px;font-size:12px;line-height:1.1;rotate:12deg;background:var(--yellow)}.hero-top span:last-child{max-width:280px;text-align:right}.moving-type{overflow:hidden;background:var(--ink);color:var(--yellow);padding:20px 0;border-bottom:1px solid var(--ink)}.moving-type>div{white-space:nowrap;font:clamp(40px,6vw,88px)/1 Archivo,sans-serif;letter-spacing:-.055em;transform:translateX(calc(var(--travel,0) * -1px));will-change:transform}.work-heading h2,.cap-intro h2,.studio h2,.contact h2{transition:translate .9s cubic-bezier(.2,.8,.2,1)}.motion-ready .section:not(.arrived) h2{translate:20px 15px}.hero-bottom h1 span{transform:translateX(calc(var(--hero-drift,0) * 1px))}.ec-study{background:var(--ink);color:white;margin-top:30px;padding:45px 35px 35px}.study-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:end}.eyebrow{font-size:10px;letter-spacing:.05em}.study-intro h3{font:clamp(35px,5vw,76px)/1 Archivo,sans-serif;letter-spacing:-.065em;margin-top:30px}.study-intro h3 em{font-style:normal;color:var(--yellow);display:inline-block;margin-left:4vw}.study-intro>p{font-size:14px;line-height:1.65;max-width:310px;margin-left:auto}.study-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #555;border-bottom:1px solid #555;padding:15px 0;margin-top:45px;font-size:9px;letter-spacing:.04em}.study-toolbar button{background:var(--yellow);color:var(--ink);border:0;border-radius:30px;padding:11px 16px;cursor:pointer;font-size:11px;display:flex;gap:22px;align-items:center}.wire-journey{height:190vh;min-height:1150px;--progress:0}.wire-sticky{position:sticky;top:20px;height:calc(100vh - 40px);max-height:950px;min-height:620px;display:flex;flex-direction:column;justify-content:center}.wire-stage{position:relative;height:620px;perspective:1400px;--s:var(--progress)}.wire-board{--paper:#f1f1e9;--line:#292929;position:absolute;margin:0;background:var(--paper);color:var(--line);border:1px solid #777;box-shadow:0 20px 45px #0005;transition:background .5s,color .5s;overflow:hidden;transform-origin:50% 50%;will-change:transform}.window-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid;font-size:8px;gap:10px}.window-bar>span:first-child{letter-spacing:3px;font-size:7px}.wire-screen{position:relative}.board-home{width:70%;left:3%;top:15px;z-index:3;transform:translate(calc(var(--s)*-3%),calc(var(--s)*-10px)) rotate(calc(-5deg + var(--s)*5deg)) scale(calc(.9 + var(--s)*.1))}.board-product{width:58%;right:0;top:190px;z-index:4;transform:translate(calc(70px - var(--s)*70px),calc(20px - var(--s)*-20px)) rotate(calc(8deg - var(--s)*8deg))}.board-lab{width:30%;left:4%;top:310px;z-index:5;transform:translate(calc(-20px + var(--s)*20px),calc(55px - var(--s)*55px)) rotate(calc(-10deg + var(--s)*10deg))}.wire-announcement{text-align:center;border-bottom:1px solid;padding:7px;font-size:7px}.wire-nav{display:flex;justify-content:space-between;font-size:8px;padding:12px 18px}.wire-brand{text-align:center;padding:0 0 22px;display:flex;flex-direction:column;align-items:center}.wire-brand strong{font:30px/1 Archivo,sans-serif;letter-spacing:-.07em}.wire-brand small{font-size:10px;margin:5px}.wire-brand>span{font-size:6px;letter-spacing:.18em}.wire-brand .cookie-orbit{font-size:33px;margin:0 0 2px}.wire-brand i{font-size:20px;margin:10px 0 0;font-family:Georgia,serif}.wire-home-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid;border-radius:15px 15px 0 0;margin:0 20px}.wire-home-grid>div{padding:12px 10px;overflow:hidden}.wire-home-grid>div+div{border-left:1px solid}.wire-screen small{font-size:6px;letter-spacing:.1em}.wire-screen h4{font-family:Archivo,sans-serif;letter-spacing:-.055em;font-size:21px;line-height:1.05;margin:10px 0}.wire-home-grid>div>span:not(.wire-pill){font-size:6px;display:block}.wire-pill{display:block;border:1px solid;border-radius:25px;font-size:7px;padding:7px 9px;margin-top:9px}.cookie-outline{width:75px;height:75px;border:1px solid;border-radius:48% 52% 43% 57% / 50% 42% 58% 50%;margin:15px auto;position:relative;background:repeating-linear-gradient(45deg,transparent 0 9px,currentColor 9px 10px,transparent 10px 18px);opacity:.65}.cookie-outline:after{content:'';position:absolute;width:125%;border-top:1px solid;top:50%;left:-12%;rotate:-45deg}.small-cookie{width:57px;height:57px}.wire-local{font-size:6px;display:flex;justify-content:space-between;padding:12px 20px}.wire-board figcaption{padding:12px 15px;background:var(--yellow);color:var(--ink);font-size:8px;border-top:1px solid;display:flex;justify-content:space-between;gap:10px}.wire-board figcaption>span{font-size:7px}.wire-mini-nav{padding:12px;border-bottom:1px solid;font-size:8px}.wire-product-grid{display:grid;grid-template-columns:1fr 1fr;min-height:285px}.cookie-photo-placeholder{border-right:1px solid;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.cookie-photo-placeholder>span{font-size:6px;letter-spacing:.1em}.cookie-photo-placeholder .cookie-outline{width:110px;height:110px}.cookie-photo-placeholder i{font-family:Georgia,serif;font-size:16px;text-align:center}.wire-product-copy{padding:25px 20px}.wire-product-copy h4{font-size:34px}.wire-product-copy p{font-size:8px}.wire-product-copy>span:not(.wire-pill){font-size:7px}.wire-rule{border-top:1px solid;margin:15px 0}.wire-buy{background:var(--line);color:var(--paper);font-size:8px;display:block;margin-top:18px;padding:10px}.wire-lab{padding:22px}.wire-lab h4{font-size:42px;margin:16px 0}.wire-lab p{font-size:10px;line-height:1.4}.wire-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;font-size:7px;line-height:1.7}.wire-note{position:absolute;color:var(--yellow);font:italic 20px/1.2 Georgia,serif;z-index:6;pointer-events:none}.note-one{right:4%;top:40px;rotate:9deg}.note-two{left:40%;bottom:0;rotate:-6deg}.study-progress{display:flex;align-items:center;gap:20px;font-size:8px;letter-spacing:.08em;margin:20px 0}.study-progress>div{height:2px;background:#555;flex:1}.study-progress i{display:block;height:100%;background:var(--yellow);transform:scaleX(var(--progress));transform-origin:left}.study-foot{border-top:1px solid #555;padding-top:25px;display:flex;gap:50px;justify-content:space-between}.study-foot>p{font-size:10px;line-height:1.65;color:#aaa;max-width:350px}.study-foot>div{width:260px;flex-shrink:0}.study-foot .text-link{margin:0 0 18px;font-size:11px}.colour-mode .board-home{--paper:#141d30;--line:#f5e9e0}.colour-mode .wire-announcement{background:#eed9e5;color:#141d30}.colour-mode .wire-brand strong{color:#d482aa}.colour-mode .wire-brand i{color:#d482aa}.colour-mode .wire-home-grid{background:#ffffff1c}.colour-mode .board-product{--paper:#ecd7bd;--line:#633c25}.colour-mode .cookie-photo-placeholder{background:#dfbc93}.colour-mode .board-lab{--paper:#e7d5e5;--line:#3a2043}.colour-mode .wire-pill{background:#dcaac9;color:#241c2c}.colour-mode .cookie-outline{background:repeating-linear-gradient(45deg,transparent 0 9px,currentColor 9px 10px,transparent 10px 18px)}.project-pommy{position:relative}.project-pommy:before{content:'still in the oven. ↘';position:absolute;left:-25%;top:70px;font:italic 22px Georgia,serif;color:var(--rust);rotate:-9deg}.project-pommy .project-art{transition:clip-path .7s,transform .7s}.project-pommy:hover .project-art{transform:rotate(-1deg)}#motion-toggle{font:inherit;color:var(--yellow);background:none;border:0;padding:0;cursor:pointer}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}.motion-paused .moving-type>div{transform:none}.motion-paused .hero-bottom h1 span{transform:none}.motion-paused .wire-journey{height:auto;min-height:0}.motion-paused .wire-sticky{position:relative;height:auto;min-height:0;padding:35px 0}.motion-paused .wire-stage{--s:1;height:650px}.motion-paused .section h2{translate:none}.motion-paused .study-progress{display:none}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){body:not(.motion-paused) .optical{animation:optical-shift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes optical-shift{from{background-position:-50px -30px}to{background-position:50px 30px}}}}
@media(min-width:1600px){.wire-stage{max-width:1400px;width:100%;margin:auto}}@media(max-width:950px){.study-intro{grid-template-columns:1.4fr 1fr}.study-intro h3{font-size:42px}.study-intro>p{font-size:12px}.ec-study{padding:35px 25px}.wire-stage{height:550px}.wire-sticky{min-height:600px}.board-home{width:83%;left:0}.board-product{width:65%;top:210px}.board-lab{width:34%;top:300px;left:0}.wire-screen h4{font-size:17px}.wire-product-copy h4{font-size:28px}.wire-lab h4{font-size:34px}.wire-product-copy{padding:18px 12px}.cookie-photo-placeholder .cookie-outline{width:75px;height:75px}.wire-product-grid{min-height:260px}.note-one{top:-30px}.note-two{bottom:-20px}.study-foot{gap:25px}.study-foot>div{width:220px}.hero-sticker{right:35%;top:-8px;font-size:10px;padding:14px 19px}.project-pommy:before{left:-23%;font-size:16px}}
@media(max-width:600px){.hero-sticker{top:6px;right:9%;font-size:9px;padding:12px 15px;rotate:10deg}.brand{padding-top:55px}.hero-top span:last-child{display:none}.moving-type{padding:16px 0}.moving-type>div{font-size:45px}.ec-study{margin-left:-5.55%;margin-right:-5.55%;padding:35px 5% 30px}.study-intro{display:block}.study-intro h3{font-size:36px;margin-top:25px}.study-intro h3 em{margin:6px 0 0 4vw}.study-intro>p{font-size:13px;margin:25px 0 0;max-width:290px}.study-toolbar{margin-top:30px;gap:20px}.study-toolbar>span{max-width:115px;line-height:1.6;font-size:8px}.study-toolbar button{font-size:10px;padding:10px 13px;gap:10px}.wire-journey{height:auto;min-height:0}.wire-sticky{position:relative;top:auto;height:auto;max-height:none;min-height:0;padding-top:35px}.wire-stage{height:auto;display:flex;flex-direction:column;gap:25px}.wire-board{position:relative;left:auto;right:auto;top:auto;width:100%;transform:none;will-change:auto}.board-home{rotate:-2deg;width:96%;align-self:start}.board-product{rotate:2deg;width:96%;align-self:end}.board-lab{width:74%;align-self:start;rotate:-2deg}.wire-brand strong{font-size:29px}.wire-home-grid{margin:0 12px}.wire-home-grid>div{padding:10px 7px}.wire-screen h4{font-size:17px}.cookie-outline{width:52px;height:52px}.small-cookie{width:45px;height:45px}.wire-pill{font-size:6px;padding:7px 6px}.wire-local{padding:12px}.window-bar{font-size:7px;padding:10px}.wire-board figcaption{font-size:7px;padding:10px}.wire-board figcaption>span{font-size:6px}.wire-product-copy h4{font-size:30px}.wire-lab h4{font-size:45px}.wire-note{display:none}.study-progress{display:none}.study-foot{display:block;margin-top:35px}.study-foot>div{width:100%;margin-top:25px}.project-pommy:before{position:static;display:block;margin:20px 0;rotate:-4deg;font-size:20px}.motion-paused .wire-stage{height:auto}.motion-paused .wire-sticky{padding-top:35px}.motion-ready .section:not(.arrived) h2{translate:10px 5px}footer>div{gap:20px}}
@media(prefers-reduced-motion:reduce){.wire-journey{height:auto;min-height:0}.wire-sticky{position:relative;top:auto;height:auto;min-height:0;padding:40px 0}.wire-stage{--s:1}.moving-type>div,.hero-bottom h1 span{transform:none}.section h2{translate:none!important}.study-progress{display:none}}
@media(min-width:601px){.ec-study{overflow:clip}.wire-stage{height:700px}.wire-sticky{min-height:780px}.board-product{width:54%;right:4%;transform:translate(calc(30px - var(--s)*30px),calc(20px + var(--s)*20px)) rotate(calc(8deg - var(--s)*8deg))}.board-lab{width:26%;left:3%;top:300px}.note-two{left:36%;bottom:10px}.motion-paused .wire-stage{height:700px}}
@media(min-width:601px) and (max-width:950px){.board-home{width:82%}.board-product{width:62%;right:1%;top:245px}.board-lab{width:33%;left:0;top:335px}.wire-lab{padding:18px}.wire-lab h4{font-size:30px}.wire-board figcaption>span{display:none}}
@media(max-width:600px) and (prefers-reduced-motion:no-preference){body:not(.motion-paused) .wire-board{transition:transform .7s cubic-bezier(.2,.8,.2,1),background .5s,color .5s}.motion-ready:not(.motion-paused) .wire-board:not(.frame-arrived){transform:translateY(28px)}}
.skip:not(:focus){width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{width:auto;height:auto;clip-path:none}
@media(min-width:951px){.board-lab{top:230px}}
@media(min-width:601px) and (max-width:950px){.board-lab{top:275px}}
@media(max-width:600px){.hero-bottom h1 span{transform:translateX(calc(var(--hero-drift,0) * .2px))}}
/* Rust opening, client-led case study, and a living colour specimen. */
body,header,.hero{background:var(--rust)}header,.hero{color:#fff}.hero-sticker{display:none}.moving-type{background:#000;color:#fff;border-color:#000}.wire-brand i,.cookie-photo-placeholder i,.wire-note{font-family:Inter,Arial,sans-serif;font-style:normal;letter-spacing:-.035em}.wire-note{font-size:17px}.project-pommy:before{display:none}.brand{padding-top:34px}.pommy-feature{--pommy-red:#f32624;--pommy-black:#050505;background:var(--pommy-red);color:var(--pommy-black);padding:35px;margin-top:90px;overflow:clip}.pommy-kicker{display:flex;justify-content:space-between;gap:25px;font-size:10px;border-top:1px solid;padding-top:15px}.pommy-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;padding:45px 0 55px}.pommy-logo-crop{display:block;width:220px;aspect-ratio:2.5;overflow:hidden;margin-bottom:35px}.pommy-logo-crop img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen}.pommy-intro h3{font:clamp(40px,5.6vw,84px)/.97 Archivo,sans-serif;letter-spacing:-.065em}.pommy-intro p{font-size:15px;line-height:1.65;max-width:440px;margin-top:30px}.pommy-status{display:inline-block;margin-top:25px;border:1px solid;border-radius:30px;padding:10px 15px;font-size:11px}.pommy-mascot{background:#000;padding:20px;transform:rotate(4deg);position:relative}.pommy-mascot img{display:block;width:100%;height:auto}.pommy-mascot>span{color:#fff;display:block;border-top:1px solid #555;padding-top:15px;font-size:10px}.pommy-concept-header{display:flex;justify-content:space-between;align-items:end;gap:25px;border-top:1px solid;padding:25px 0}.pommy-concept-header h4{font-size:23px;letter-spacing:-.04em;margin:0}.pommy-concept-header p{font-size:10px}.pommy-concept{position:relative;padding:20px 12% 30px 0}.pommy-browser{background:#000;color:white;margin:0;border:1px solid #000;transform:rotate(-2deg);box-shadow:0 25px 40px #5a000033;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.pommy-browser:hover{transform:rotate(0deg)}.pommy-browser-bar{display:flex;justify-content:space-between;border-bottom:1px solid #555;padding:12px 16px;font-size:8px}.pommy-web-nav{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 25px;border-bottom:1px solid #555;font-size:9px}.pommy-small-logo{display:block;width:110px;aspect-ratio:2.5;overflow:hidden}.pommy-small-logo img{display:block;width:100%;height:100%;object-fit:cover}.pommy-order-label{border:1px solid #f32624;color:#ff4542;padding:9px 12px}.pommy-web-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;padding:40px 35px;align-items:center}.pommy-web-hero small,.pommy-wire-menu small{font-size:8px;letter-spacing:.05em}.pommy-web-hero h5{font:clamp(35px,4.8vw,70px)/.95 Archivo,sans-serif;letter-spacing:-.065em;margin:20px 0;color:#ff4542}.pommy-web-hero p{font-size:11px;line-height:1.6}.pommy-web-hero>img{width:100%;height:auto;display:block}.pommy-wire-cta{display:inline-block;padding:12px 18px;margin-top:23px;background:#f32624;color:#000;font-size:10px}.pommy-web-strip{font:18px/1 Archivo,sans-serif;letter-spacing:-.04em;padding:16px;background:#f32624;color:#000;white-space:nowrap;overflow:hidden}.pommy-wire-menu{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;padding:30px;color:#fff}.pommy-wire-menu h5{font:25px/1 Archivo,sans-serif;letter-spacing:-.05em;margin:20px 0}.pommy-wire-menu p{font-size:9px;line-height:1.6}.pizza-wire{border:1px solid #ff4542;display:grid;place-items:center;padding:15px;position:relative;min-height:180px}.pizza-wire>span{position:absolute;top:10px;font-size:6px;color:#ff4542}.pizza-wire>div{width:90%;aspect-ratio:1;border:1px solid #ff4542;border-radius:50%;background:linear-gradient(45deg,transparent 49.5%,#ff4542 50%,transparent 50.5%),linear-gradient(-45deg,transparent 49.5%,#ff4542 50%,transparent 50.5%)}.pommy-wire-provider{border-bottom:1px solid #777;display:block;font-size:10px;padding:12px 0}.pommy-browser figcaption{background:#fff;color:#000;padding:13px 20px;font-size:8px;line-height:1.6}.pommy-phone{position:absolute;right:0;bottom:5%;width:23%;border:7px solid #222;background:#000;border-radius:30px;color:white;padding:15px 12px;transform:rotate(7deg);box-shadow:0 20px 30px #0004}.phone-speaker{width:40%;height:5px;border-radius:20px;background:#444;margin:0 auto 15px}.pommy-phone .pommy-small-logo{width:75%;margin:auto}.pommy-phone h5{font:clamp(17px,2vw,28px)/1 Archivo,sans-serif;letter-spacing:-.05em;margin:25px 0 10px;color:#ff4542}.phone-mascot{display:block;width:100%;height:auto}.pommy-phone .pommy-wire-cta{width:100%;font-size:8px;text-align:center;margin-top:12px}.pommy-phone p{font-size:7px;text-align:center;margin-top:16px;color:#bbb}.pommy-project-foot{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-top:35px;border-top:1px solid;padding-top:20px}.pommy-project-foot p{font-size:11px;line-height:1.7}.pommy-project-foot .text-link{min-width:260px;margin:0}.pommy-dialog{background:#000}.pommy-dialog .eyebrow,.pommy-dialog h3,.pommy-dialog .text-link,.pommy-dialog .close{color:#ff4542}.dialog-pommy-logo{width:180px;margin-bottom:30px}.services details>div{overflow:hidden}.services details.animating{overflow:hidden}.services details>div{opacity:1}summary b{transition:rotate .35s}.footer-brand{margin-top:65px;padding:45px 0 20px;display:block!important;background:var(--footer-bg,#000);color:var(--footer-fg,#fff);transition:background-color 1s,color 1s}.footer-brand>img{display:block;width:100%;height:auto;transition:filter 1s}.palette-controls{display:flex;justify-content:space-between;padding:25px 25px 0;font-size:10px}.palette-controls button{font:inherit;background:none;color:inherit;border:0;cursor:pointer;padding:4px}.palette-controls button:focus-visible{outline:2px solid currentColor}.footer-brand{--footer-bg:#000;--footer-fg:#fff}footer[data-palette="1"] .footer-brand{--footer-bg:#ecff32;--footer-fg:#141414}footer[data-palette="2"] .footer-brand{--footer-bg:#141414;--footer-fg:#ecff32}footer[data-palette="3"] .footer-brand{--footer-bg:#fff;--footer-fg:#000}footer[data-palette="4"] .footer-brand{--footer-bg:#9e3f27;--footer-fg:#fff}footer[data-palette="5"] .footer-brand{--footer-bg:#fff;--footer-fg:#9e3f27}footer[data-palette="6"] .footer-brand{--footer-bg:#7439d8;--footer-fg:#fff}footer[data-palette="7"] .footer-brand{--footer-bg:#ed342e;--footer-fg:#fff}footer[data-palette="8"] .footer-brand{--footer-bg:#1d704c;--footer-fg:#fff}footer[data-palette="1"] .footer-brand>img{filter:brightness(0) invert(.06)}footer[data-palette="2"] .footer-brand>img{filter:brightness(0) saturate(100%) invert(95%) sepia(83%) saturate(1553%) hue-rotate(8deg) brightness(106%) contrast(105%)}footer[data-palette="3"] .footer-brand>img{filter:brightness(0)}footer[data-palette="5"] .footer-brand>img{filter:brightness(0) saturate(100%) invert(27%) sepia(33%) saturate(1804%) hue-rotate(333deg) brightness(92%) contrast(91%)}
@media(max-width:800px){.pommy-intro{gap:30px}.pommy-intro h3{font-size:44px}.pommy-intro p{font-size:13px}.pommy-concept-header{align-items:start}.pommy-concept-header p{max-width:150px;line-height:1.6}.pommy-web-nav{padding:12px 18px;font-size:7px}.pommy-web-hero{padding:25px 20px}.pommy-web-hero h5{font-size:38px}.pommy-wire-menu{padding:20px;gap:16px}.pommy-wire-menu h5{font-size:20px}.pizza-wire{min-height:130px}.pommy-phone{border-width:5px;padding:12px 8px}.pommy-phone h5{font-size:19px}.pommy-phone .pommy-wire-cta{padding:10px 6px}}
@media(max-width:540px){.brand{padding-top:32px}.pommy-feature{margin:50px -5.55% 0;padding:30px 5%}.pommy-kicker{font-size:8px;line-height:1.5}.pommy-kicker>span:last-child{max-width:135px;text-align:right}.pommy-intro{grid-template-columns:1fr;padding:30px 0;gap:35px}.pommy-logo-crop{width:190px;margin-bottom:30px}.pommy-intro h3{font-size:46px}.pommy-intro p{font-size:14px;margin-top:22px}.pommy-mascot{width:78%;justify-self:end;transform:rotate(3deg);padding:12px}.pommy-status{font-size:10px}.pommy-concept-header{display:block;padding-top:25px}.pommy-concept-header h4{font-size:23px}.pommy-concept-header p{max-width:none;margin-top:12px}.pommy-concept{padding:10px 0 0}.pommy-browser{transform:rotate(-1deg)}.pommy-small-logo{width:80px}.pommy-web-nav{padding:10px;font-size:6px;gap:6px}.pommy-order-label{padding:7px}.pommy-web-hero{padding:25px 15px;grid-template-columns:1.3fr 1fr}.pommy-web-hero h5{font-size:31px}.pommy-web-hero small{font-size:6px}.pommy-web-hero p{font-size:9px}.pommy-wire-cta{font-size:8px;padding:9px 12px}.pommy-web-strip{font-size:14px;padding:12px}.pommy-wire-menu{grid-template-columns:1fr 1fr;padding:20px 15px;gap:20px}.pommy-wire-menu>div:last-child{grid-column:1/-1}.pommy-wire-menu>div:last-child h5{display:inline-block;margin-right:30px}.pommy-wire-provider{display:inline-block;margin-right:22px;min-width:90px}.pizza-wire{min-height:130px}.pommy-browser figcaption{font-size:7px;padding:12px}.pommy-phone{position:relative;right:auto;bottom:auto;width:55%;margin:35px 5% 15px auto;padding:16px 12px;border-width:6px;transform:rotate(5deg)}.pommy-phone h5{font-size:24px}.pommy-phone .pommy-wire-cta{font-size:9px}.pommy-project-foot{display:block;margin-top:40px}.pommy-project-foot .text-link{margin-top:25px;min-width:0}.footer-brand{margin-top:35px;padding-top:30px}.palette-controls{padding:25px 12px 0;font-size:8px}.wire-note{font-size:15px}}
footer[data-palette] .footer-brand>img{filter:none}
.contact{background:var(--yellow)}.pommy-logo-crop img{filter:invert(1);mix-blend-mode:screen}
/* Less narration in the opening. More room for the identity. */
.hero{padding-top:15px;padding-bottom:55px}.hero .brand{padding-top:35px;padding-bottom:45px}.hero-bottom{padding-bottom:10px}.hero-copy{font-size:22px}.hero-copy .text-link{font-size:14px;margin-top:25px}.header-location{font-size:11px}.pommy-food-art{margin:0;transform:rotate(3deg);background:#000;color:white;box-shadow:0 25px 45px #0002}.pommy-food-art>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.pommy-food-art figcaption{padding:16px 18px;font-size:11px;display:flex;justify-content:space-between;gap:15px}.pommy-food-art figcaption>span{font-size:9px;color:#bbb}.pommy-intro{grid-template-columns:1fr 1.25fr;gap:55px}.pommy-concept{padding-right:0}.pommy-browser{transform:rotate(-1deg)}.pommy-web-hero{grid-template-columns:1fr 1.1fr}.pommy-web-hero>img.pommy-wire-pizza{aspect-ratio:1.15;object-fit:cover;object-position:70% center;min-width:0}.pommy-mini-mascot{width:35px;height:35px;object-fit:contain}.pommy-web-nav>span:nth-child(2){margin-left:auto}.pommy-phone{display:none}
/* One full-bleed footer canvas; original artwork stays unchanged. */
footer{position:relative;padding:0;min-height:100svh;isolation:isolate;overflow:clip;background:#000}footer>div:first-child{position:absolute;top:30px;left:3.5%;right:3.5%;z-index:5;color:var(--footer-fg,#fff);display:flex;align-items:center;gap:20px;font-size:11px}footer #motion-toggle{color:inherit}footer .footer-brand{position:relative;min-height:100svh;margin:0;padding:0;display:flex!important;align-items:center;justify-content:center;width:100%;overflow:hidden;isolation:isolate;--footer-bg:#000;--footer-fg:#fff}footer .footer-brand>img{position:relative;z-index:2;width:100%;height:auto;max-height:65svh;object-fit:contain;margin:0;padding:0 2%;background:var(--footer-bg);transition:background-color 1s}.palette-controls{position:absolute;bottom:30px;left:3.5%;right:3.5%;z-index:5;font-size:11px;padding:0;align-items:center}.palette-controls button{font-size:12px}.footer-brand:before{content:'';position:absolute;inset:0;z-index:0;opacity:0;transition:opacity 1s;pointer-events:none}.footer-brand:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(var(--footer-bg) 0%,transparent 18%,transparent 82%,var(--footer-bg) 100%)}footer[data-palette="1"],footer[data-palette="9"],footer[data-palette="12"]{--footer-fg:#141414}footer[data-palette="2"]{--footer-fg:#ecff32}footer[data-palette="3"]{--footer-fg:#000}footer[data-palette="5"]{--footer-fg:#9e3f27}footer[data-palette="9"] .footer-brand{--footer-bg:#ecff32;--footer-fg:#141414}footer[data-palette="10"] .footer-brand{--footer-bg:#141414;--footer-fg:#fff}footer[data-palette="11"] .footer-brand{--footer-bg:#9e3f27;--footer-fg:#fff}footer[data-palette="12"] .footer-brand{--footer-bg:#ecff32;--footer-fg:#141414}footer[data-palette="13"] .footer-brand{--footer-bg:#7439d8;--footer-fg:#fff}footer[data-palette="14"] .footer-brand{--footer-bg:#141414;--footer-fg:#fff}footer[data-palette="9"] .footer-brand:before{opacity:1;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 12px,#141414 13px 16px,transparent 17px 28px);transform:scale(1.15);animation:footer-ripple 14s ease-in-out infinite alternate}footer[data-palette="10"] .footer-brand:before{opacity:1;background:repeating-linear-gradient(165deg,transparent 0 12px,#fff 13px 15px,transparent 16px 25px);clip-path:polygon(0 0,100% 0,100% 38%,65% 32%,35% 47%,0 30%,0 70%,35% 59%,65% 78%,100% 62%,100% 100%,0 100%)}footer[data-palette="11"] .footer-brand:before{opacity:1;background:conic-gradient(from 22deg at 15% 30%,#ecff32 0 20deg,transparent 20deg 120deg,#141414 120deg 240deg,transparent 240deg),conic-gradient(from 90deg at 85% 70%,#fff 0 55deg,transparent 55deg 210deg,#ecff32 210deg 260deg,transparent 260deg);clip-path:polygon(0 0,100% 0,98% 30%,88% 29%,90% 32%,65% 25%,0 34%,0 76%,30% 65%,60% 78%,85% 70%,100% 72%,100% 100%,0 100%)}footer[data-palette="12"] .footer-brand:before{opacity:.55;background-image:url(assets/elsewhere-w-ink.svg);background-size:95px 95px;transform:rotate(-8deg) scale(1.4)}footer[data-palette="13"] .footer-brand:before{opacity:.8;background:repeating-radial-gradient(circle at 10% 90%,#ed342e 0 40px,transparent 41px 65px,#ecff32 66px 85px,transparent 86px 130px);background-size:100% 150%;mix-blend-mode:screen}footer[data-palette="14"] .footer-brand:before{opacity:1;background:conic-gradient(#7439d8 25%,#141414 0 50%,#ecff32 0 75%,#9e3f27 0);background-size:110px 110px;clip-path:polygon(0 0,100% 0,100% 28%,70% 28%,70% 17%,40% 17%,40% 31%,0 31%,0 72%,25% 72%,25% 85%,50% 85%,50% 66%,75% 66%,75% 77%,100% 77%,100% 100%,0 100%)}@keyframes footer-ripple{from{transform:scale(1.05);background-position:0 0}to{transform:scale(1.25);background-position:70px 20px}}
@media(max-width:800px){.pommy-intro{gap:30px;grid-template-columns:1fr 1fr}.pommy-intro h3{font-size:42px}.pommy-food-art figcaption{font-size:9px;padding:12px}.pommy-food-art figcaption>span{font-size:8px}.pommy-web-nav{gap:12px}.pommy-web-hero{grid-template-columns:1fr 1fr}.pommy-mini-mascot{width:26px;height:26px}footer>div:first-child{font-size:9px;gap:15px}}
@media(max-width:540px){.hero{padding-top:10px;padding-bottom:40px}.hero .brand{padding-top:28px;padding-bottom:30px}.hero-bottom{padding:10px 0 0}.hero-copy{margin-top:30px;font-size:19px}.hero-copy .text-link{font-size:12px}.pommy-intro{grid-template-columns:1fr;gap:35px}.pommy-food-art{width:100%;transform:rotate(1deg)}.pommy-intro h3{font-size:46px}.pommy-food-art figcaption{font-size:11px}.pommy-concept{padding-bottom:0}.pommy-web-hero>img.pommy-wire-pizza{aspect-ratio:.8;object-position:70% center}.pommy-web-hero{grid-template-columns:1.15fr 1fr}.pommy-mini-mascot{width:24px;height:24px}.pommy-web-nav>span:nth-child(2){display:none}footer,footer .footer-brand{min-height:70svh}footer>div:first-child{top:25px;left:5%;right:5%;font-size:9px;gap:22px}footer>div:first-child>span:nth-child(3){order:3;width:100%}footer>div:first-child>span:last-child{margin-left:auto}.palette-controls{left:5%;right:5%;bottom:25px;font-size:9px}.palette-controls button{font-size:10px}footer .footer-brand>img{padding:0 1%}.footer-brand:before{background-size:70px 70px}}
@media(max-width:540px){footer,footer .footer-brand{min-height:100svh}}
/* Pommy's: a vector slice gives way to a deliberately simple wireframe. */
.pommy-bites{--pizza-progress:0;--wire-reveal:1;--slice-opacity:1}.pommy-scene-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:25px;font-size:11px}.pommy-scene-heading>.pommy-small-logo{width:160px}.pizza-scroll-scene{height:270vh;margin-top:20px}.pizza-sticky{position:sticky;top:20px;height:calc(100svh - 40px);min-height:620px;max-height:900px;display:grid;align-items:center;isolation:isolate}.pizza-layer{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:20px;background:#f32624;opacity:var(--slice-opacity);pointer-events:none}.pizza-layer h3{font:clamp(45px,6.5vw,98px)/.95 Archivo,sans-serif;letter-spacing:-.065em}.cartoon-slice{display:block;width:100%;max-height:75svh;filter:drop-shadow(10px 15px 0 #050505);overflow:visible}.pizza-scroll-hint{position:absolute;bottom:25px;left:0;font-size:12px}.pommy-reveal-wire{background:#000;color:#fff;border:2px solid #000;margin:0;width:100%;transform:none!important;opacity:1}.motion-ready .pommy-reveal-wire{opacity:var(--wire-reveal);translate:0 calc((1 - var(--wire-reveal))*45px)}.pommy-reveal-wire .pommy-browser-bar{padding:12px 20px}.pommy-reveal-wire .pommy-web-nav{padding:12px 22px}.pommy-simple-hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:30px;background:#f32624;color:#000;padding:35px}.pommy-simple-hero h4{font:clamp(42px,6vw,86px)/.95 Archivo,sans-serif;letter-spacing:-.065em;margin:0}.pommy-simple-hero img{width:100%;height:auto;max-height:275px;object-fit:contain;display:block}.pommy-simple-index{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:25px 30px}.pommy-simple-index>div>span{font-size:10px}.wire-placeholder{height:65px;border:1px solid #f32624;margin-top:14px;background:linear-gradient(24deg,transparent 49.5%,#f32624 50%,transparent 50.5%),linear-gradient(-24deg,transparent 49.5%,#f32624 50%,transparent 50.5%)}.pommy-reveal-wire figcaption{font-size:9px;border-top:1px solid #555;padding:13px 25px;color:#ccc}.pommy-scene-controls{display:flex;justify-content:space-between;border-top:1px solid #000;padding-top:20px;gap:25px;font-size:11px}.pommy-scene-controls button{font:inherit;border:0;border-bottom:1px solid;padding:0 0 8px;background:none;color:#000;cursor:pointer}.pommy-project-foot{margin-top:25px}.pizza-static .pizza-scroll-scene{height:auto}.pizza-static .pizza-sticky{position:relative;top:auto;min-height:0;max-height:none;height:auto;padding:35px 0}.pizza-static .pizza-layer{display:none}.pizza-static .pommy-reveal-wire{opacity:1;translate:none}.pommy-feature figure,.pommy-feature img{rotate:0deg;transform:none!important}.capabilities{background:var(--cap-bg,#fff);color:var(--cap-fg,#141414);transition:background-color .6s,color .6s}.capabilities details{border-color:currentColor}.capabilities details.closing summary b{rotate:0deg}.wire-note{display:none}
/* Five additional footer studies; the logo remains original v7 artwork. */
footer[data-palette="15"] .footer-brand{--footer-bg:#141414;--footer-fg:#fff}footer[data-palette="16"] .footer-brand{--footer-bg:#ecff32;--footer-fg:#141414}footer[data-palette="16"]{--footer-fg:#141414}footer[data-palette="17"] .footer-brand{--footer-bg:#7439d8;--footer-fg:#fff}footer[data-palette="18"] .footer-brand{--footer-bg:#9e3f27;--footer-fg:#fff}footer[data-palette="19"] .footer-brand{--footer-bg:#141414;--footer-fg:#fff}
footer[data-palette="15"] .footer-brand:before{opacity:1;background-image:url(assets/elsewhere-wordmark-yellow.svg);background-size:480px 120px;background-repeat:repeat;transform:rotate(-14deg) scale(1.5);animation:ticker-field 18s linear infinite}footer[data-palette="16"] .footer-brand:before{opacity:.85;background:radial-gradient(circle,#141414 3px,transparent 4px);background-size:19px 19px;mask-image:radial-gradient(ellipse at 20% 30%,#000,transparent 70%);animation:halftone-field 10s ease-in-out infinite alternate}footer[data-palette="17"] .footer-brand:before{opacity:1;background:conic-gradient(from 60deg at 20% 50%,#ecff32, #7439d8 18%,#ed342e 27%,#141414 37%,#7439d8 50%,#ecff32 65%,#7439d8 80%,#141414);background-size:140% 140%;animation:prism-field 12s ease-in-out infinite alternate}footer[data-palette="18"] .footer-brand:before{opacity:.85;background:repeating-radial-gradient(ellipse at 10% 80%,transparent 0 22px,#fff 23px 24px,transparent 25px 45px);transform:scale(1.3) skewY(-8deg);animation:contour-field 14s ease-in-out infinite alternate}footer[data-palette="19"] .footer-brand:before{opacity:1;background:radial-gradient(ellipse at 20% 30%,transparent 0 18%,#ecff32 18.2% 19%,transparent 19.2% 26%,#9e3f27 26.2% 30%,transparent 30.2%),radial-gradient(ellipse at 80% 70%,transparent 0 15%,#7439d8 15.2% 19%,transparent 19.2% 26%,#fff 26.2% 27%,transparent 27.2%);animation:orbit-field 16s ease-in-out infinite alternate}
@keyframes ticker-field{from{background-position:0 0}to{background-position:480px 120px}}@keyframes halftone-field{to{background-size:28px 28px}}@keyframes prism-field{to{background-position:100% 60%}}@keyframes contour-field{to{background-position:60px -35px;transform:scale(1.4) skewY(8deg)}}@keyframes orbit-field{to{transform:scale(1.25) translate(5%,-4%)}}
@media(max-width:950px){.pizza-layer h3{font-size:57px}.pizza-sticky{min-height:650px}.pommy-simple-hero{padding:30px;gap:15px}.pommy-simple-hero h4{font-size:52px}.pommy-simple-hero img{max-height:225px}.pommy-simple-index{padding:22px;gap:15px}.pommy-simple-index>div>span{font-size:9px}}
@media(max-width:600px){.pommy-scene-heading{font-size:9px;gap:20px}.pommy-scene-heading>.pommy-small-logo{width:120px}.pommy-scene-heading>span:last-child{max-width:110px;text-align:right;line-height:1.5}.pizza-scroll-scene{height:230svh}.pizza-sticky{min-height:590px;max-height:800px;height:calc(100svh - 40px)}.pizza-layer{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:25px 0 55px;gap:15px}.pizza-layer h3{font-size:49px}.cartoon-slice{max-height:47svh;width:85%;justify-self:center;filter:drop-shadow(6px 8px 0 #050505)}.pizza-scroll-hint{bottom:15px;font-size:10px}.pommy-reveal-wire .pommy-browser-bar{font-size:6px;padding:10px}.pommy-reveal-wire .pommy-web-nav{padding:10px}.pommy-simple-hero{padding:25px 15px;grid-template-columns:1fr;gap:20px}.pommy-simple-hero h4{font-size:39px}.pommy-simple-hero img{max-height:145px;justify-self:center}.pommy-simple-index{grid-template-columns:1fr 1fr;padding:18px;gap:18px}.wire-placeholder{height:40px;margin-top:10px}.pommy-simple-index>div>span{font-size:9px}.pommy-reveal-wire figcaption{font-size:7px;padding:12px}.pommy-scene-controls{font-size:9px;gap:15px}.pommy-project-foot p{font-size:11px}.pizza-static .pizza-sticky{padding:25px 0}.pommy-bites .pommy-project-foot .text-link{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.pizza-scroll-scene{height:auto}.pizza-sticky{position:relative;top:auto;height:auto;min-height:0;max-height:none;padding:30px 0}.pizza-layer{display:none}.motion-ready .pommy-reveal-wire{opacity:1;translate:none}}
body:not(.motion-ready) .pizza-layer{display:none}body:not(.motion-ready) .pizza-scroll-scene{height:auto}body:not(.motion-ready) .pizza-sticky{position:relative;top:auto;height:auto;min-height:0;padding:30px 0}
/* Transparent logo artwork on every footer treatment. */
footer .footer-brand>img{background:transparent!important}
/* Black is the base canvas; colour marks the changes in subject. */
body{background:#000;color:#fff}.work{background:#000;color:#fff}.work .section-label{color:#bca0ff}.ec-study{border-top:2px solid #7439d8}.study-intro h3 em{color:#bca0ff}.study-toolbar button{background:#7439d8;color:#fff}.study-progress i{background:#bca0ff}.wire-board figcaption{background:#7439d8;color:#fff}.studio{background:#000}.studio h2>span{color:#bca0ff}.people span{color:#ff9581}.optical{background:repeating-radial-gradient(ellipse at 25% 60%,#bca0ff 0 2px,transparent 3px 13px)}.optical img{background:#000}.capabilities{background:var(--cap-bg,#000);color:var(--cap-fg,#fff)}.capabilities>.section-label{color:inherit}.contact{background:#1d704c;color:#fff}.contact h2>span{color:#ecff32}.contact input,.contact select,.contact textarea{color:#fff;border-color:#ffffff80}.contact input::placeholder,.contact textarea::placeholder{color:#d2e3da}.contact select option{background:#1d704c;color:#fff}.contact input:focus-visible,.contact textarea:focus-visible,.contact select:focus-visible{outline-color:#fff}.contact-symbol{filter:brightness(0) invert(1)}.contact .submit{background:#fff;color:#1d704c}.contact .submit:hover{background:#e5f1e9}
/* A compact, slice-only opening before the wireframe emerges. */
.pommy-bites{margin-top:55px}.pommy-kicker{margin-bottom:12px}.pizza-scroll-scene{height:175svh;margin-top:0}.pizza-sticky{height:min(76svh,740px);min-height:540px;max-height:740px;top:20px}.pizza-layer{display:flex;align-items:center;justify-content:center;padding:10px 0 30px;gap:0}.cartoon-slice{width:auto;height:90%;max-height:61svh;max-width:85%;filter:drop-shadow(8px 10px 0 #050505)}.pizza-scroll-hint{bottom:15px;left:50%;translate:-50% 0;white-space:nowrap}.pommy-reveal-wire .pommy-simple-hero{padding:25px 30px}.pommy-reveal-wire .pommy-simple-hero h4{font-size:clamp(38px,5vw,72px)}.pommy-reveal-wire .pommy-simple-hero img{max-height:210px}.pommy-simple-index{padding:18px 25px}.wire-placeholder{height:45px}.pizza-static .pizza-sticky{min-height:0}.pizza-static .pizza-scroll-scene{height:auto}
@media(max-width:950px){.pizza-sticky{height:73svh;min-height:560px;max-height:760px}.cartoon-slice{max-height:59svh}.pommy-reveal-wire .pommy-simple-hero h4{font-size:45px}.pommy-reveal-wire .pommy-simple-hero img{max-height:185px}}
@media(max-width:600px){.pommy-bites{margin-top:35px;padding-top:25px}.pizza-scroll-scene{height:170svh}.pizza-sticky{height:75svh;min-height:555px;max-height:720px}.pizza-layer{display:flex;padding:10px 0 30px}.cartoon-slice{width:auto;height:88%;max-height:57svh;max-width:88%}.pizza-scroll-hint{font-size:10px;bottom:14px}.pommy-reveal-wire .pommy-simple-hero{padding:20px 15px;gap:12px}.pommy-reveal-wire .pommy-simple-hero h4{font-size:37px}.pommy-reveal-wire .pommy-simple-hero img{max-height:125px}.pommy-simple-index{padding:15px;gap:15px}.wire-placeholder{height:32px}.pizza-static .pizza-sticky{height:auto;min-height:0;padding:20px 0}}
@media(prefers-reduced-motion:reduce){.pizza-scroll-scene{height:auto}.pizza-sticky{height:auto;min-height:0;max-height:none}.pizza-layer{display:none}}
/* A different opening treatment on each reload; the master artwork stays flat. */
html{--hero-bg:#9e3f27;--hero-fg:#fff}html[data-hero="1"]{--hero-bg:#ecff32;--hero-fg:#141414}html[data-hero="2"]{--hero-bg:#141414;--hero-fg:#ecff32}html[data-hero="3"]{--hero-bg:#7439d8;--hero-fg:#fff}html[data-hero="4"]{--hero-bg:#ed342e;--hero-fg:#000}html[data-hero="5"]{--hero-bg:#1d704c;--hero-fg:#fff}html[data-hero="6"]{--hero-bg:#ecff32;--hero-fg:#141414}html[data-hero="7"]{--hero-bg:#141414;--hero-fg:#fff}header,.hero{background:var(--hero-bg);color:var(--hero-fg)}.hero{isolation:isolate;overflow:clip}.hero .brand,.hero .hero-bottom{position:relative;z-index:1}@keyframes hero-ripple{to{transform:translate(5%,3%) scale(1.15)}}@keyframes hero-grid{to{background-position:150px 150px}}@keyframes hero-lines{to{background-position:240px 0}}@keyframes hero-prism{to{transform:scale(1.2) translate(4%,-4%)}}
/* Three punctuation marks, composed as a small typographic constellation. */
.contact-title{display:flex;align-items:end;gap:18px}.contact h2>.contact-title-words{display:block;color:inherit;transform:none}.contact h2>.question-cluster{position:relative;display:block;flex:0 0 115px;height:185px;transform:none;color:#ecff32}.question-cluster>span{position:absolute;font:inherit;line-height:1;animation:question-float 5s ease-in-out infinite alternate}.question-cluster>span:nth-child(1){left:0;bottom:0;font-size:110px;rotate:-12deg}.question-cluster>span:nth-child(2){right:0;top:0;font-size:67px;rotate:14deg;color:#fff;animation-delay:-2s}.question-cluster>span:nth-child(3){right:4px;bottom:0;font-size:48px;rotate:20deg;color:#d3bbff;animation-delay:-1s}@keyframes question-float{to{translate:0 -9px}}
/* Every patterned footer moves, including the earlier static studies. */
footer[data-palette="10"] .footer-brand:before{animation:footer-line-drift 16s linear infinite}footer[data-palette="11"] .footer-brand:before{animation:footer-collage-drift 12s ease-in-out infinite alternate}footer[data-palette="12"] .footer-brand:before{animation:footer-grid-drift 18s linear infinite}footer[data-palette="13"] .footer-brand:before{animation:footer-riso-drift 16s ease-in-out infinite alternate}footer[data-palette="14"] .footer-brand:before{animation:footer-pixel-drift 20s linear infinite}@keyframes footer-line-drift{to{background-position:150px 0}}@keyframes footer-collage-drift{to{background-position:55px -20px;scale:1.06}}@keyframes footer-grid-drift{to{background-position:95px 95px}}@keyframes footer-riso-drift{to{background-position:80px -60px;scale:1.12}}@keyframes footer-pixel-drift{to{background-position:110px 110px}}
.mascot-slice{filter:drop-shadow(6px 8px 0 #050505);max-width:75%;height:80%}
@media(max-width:950px){.contact-title{gap:12px}.contact h2>.question-cluster{flex-basis:80px;height:130px}.question-cluster>span:nth-child(1){font-size:80px}.question-cluster>span:nth-child(2){font-size:48px}.question-cluster>span:nth-child(3){font-size:36px}}
@media(max-width:540px){.contact-title{gap:12px}.contact h2>.contact-title-words{font-size:70px}.contact h2>.question-cluster{flex-basis:70px;height:140px}.question-cluster>span:nth-child(1){font-size:78px}.question-cluster>span:nth-child(2){font-size:45px}.question-cluster>span:nth-child(3){font-size:32px}.mascot-slice{max-width:94%;height:auto;width:100%;max-height:52svh}}
html[data-hero="6"]{--hero-bg:#fff;--hero-fg:#9e3f27}
@media(max-width:360px){.contact h2>.contact-title-words{font-size:60px}.contact-title{gap:8px}.contact h2>.question-cluster{flex-basis:60px}.question-cluster>span:nth-child(1){font-size:66px}.question-cluster>span:nth-child(2){font-size:38px}.question-cluster>span:nth-child(3){font-size:28px}}
/* Solid-colour openings sit alongside the animated treatments. */
html[data-hero="8"]{--hero-bg:#9e3f27;--hero-fg:#fff}html[data-hero="9"]{--hero-bg:#ecff32;--hero-fg:#141414}html[data-hero="10"]{--hero-bg:#141414;--hero-fg:#ecff32}html[data-hero="11"]{--hero-bg:#7439d8;--hero-fg:#fff}html[data-hero="12"]{--hero-bg:#ed342e;--hero-fg:#000}html[data-hero="13"]{--hero-bg:#1d704c;--hero-fg:#fff}
/* Selected work: names, status and the work itself. */
.work-heading{margin:40px 0}.work-heading h2{font-size:clamp(40px,5vw,72px)}.study-intro{display:block}.study-intro h3{margin-top:18px;font-size:clamp(42px,5.5vw,78px)}.study-intro h3 em{margin-left:0}.study-toolbar{margin-top:28px}.study-foot{align-items:start}.study-foot>p{max-width:240px}.pommy-project-foot{justify-content:flex-end}.study-progress{display:none}.wire-sticky{padding-bottom:20px}
@media(max-width:540px){.work-heading{margin:30px 0}.study-intro h3{font-size:44px}.study-foot>p{font-size:9px}.pommy-project-foot .text-link{margin-top:0}}
/* A lighter editorial layer throughout the studio, services and enquiry. */
.studio h2{margin:50px 0}.studio-body{gap:7vw}.studio-copy .lead{font-size:clamp(22px,2.3vw,34px);line-height:1.3}.studio-copy>p+p{max-width:400px;font-size:16px;line-height:1.6;margin-top:22px}.people{margin-top:32px}.people p{font-size:13px}.studio-process{border-top:1px solid #555;margin-top:55px;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:clamp(22px,3.8vw,54px);letter-spacing:-.055em}.studio-process>span:nth-child(even){color:#bca0ff;font-size:.7em}.cap-intro{display:block;margin:50px 0 40px}.services{margin-left:15%}.services details>div{padding-bottom:25px;max-width:700px;font-size:16px;line-height:1.55}.contact-grid{margin-top:50px}.contact-grid>div>p{font-size:16px;max-width:310px}.form-note{font-size:13px;max-width:330px;margin-bottom:30px}.palette-controls{font-size:10px}footer>div:first-child{gap:20px}
@media(max-width:800px){.services{margin-left:5%}.studio-process{font-size:30px}.studio-body{gap:5vw}.studio-copy>p+p{font-size:14px}}
@media(max-width:540px){.studio h2{margin:35px 0 30px}.studio-body{gap:30px}.studio-copy .lead{font-size:25px}.studio-copy>p+p{font-size:14px}.people p{font-size:12px}.studio-process{margin-top:35px;padding-top:22px;font-size:24px;gap:10px}.cap-intro{margin:35px 0 25px}.services{margin-left:0}.services details>div{font-size:14px;padding-bottom:23px}.contact-grid{margin-top:35px}.contact-grid>div>p{font-size:15px;margin-top:20px}.form-note{font-size:12px;margin-bottom:25px}footer>div:first-child>span:last-child{margin-left:auto;width:auto!important;order:0!important}}
/* The opening occupies one complete browser viewport. */
body{max-width:none}.opening{min-height:100svh;display:flex;flex-direction:column;background:var(--hero-bg);color:var(--hero-fg)}.opening>header{flex:0 0 auto}.opening>.hero{flex:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(25px,5vh,70px);padding-top:20px;padding-bottom:clamp(35px,6vh,85px)}.opening .hero .brand{padding-top:0;padding-bottom:0}.opening .hero-bottom{padding:0;align-items:end}.opening .brand img{max-height:35svh;width:100%;object-fit:contain}
@media(max-width:540px){.opening>.hero{justify-content:space-evenly;gap:25px;padding-top:25px;padding-bottom:40px}.opening .brand img{max-height:25svh}.opening .hero-copy{margin-top:35px}.opening .hero-bottom{display:block}}
@media(max-height:600px) and (min-width:541px){.opening>.hero{gap:18px;padding-top:10px;padding-bottom:25px}.opening .brand img{max-height:30svh}.opening h1{font-size:clamp(30px,4vw,52px)}.opening .hero-copy{font-size:17px}.opening header{padding-top:15px;padding-bottom:15px}}
.ec-study{overflow:clip}.opening{overflow:clip}
/* Additional client wireframes: a compact, straight-on pair. */
.pommy-extra-frames{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:45px 0 30px}.pommy-page-frame{margin:0;background:#000;color:#fff;border:1px solid #000;overflow:hidden}.pommy-page-frame .pommy-browser-bar{font-size:7px;padding:11px 14px}.pommy-page-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 18px;border-bottom:1px solid #444;font-size:8px}.pommy-page-nav .pommy-small-logo{width:90px}.pommy-page-frame h4{font:clamp(32px,4vw,62px)/.95 Archivo,sans-serif;letter-spacing:-.06em;margin:0}.pommy-about-opening{background:#f32624;color:#000;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding:28px 24px}.pommy-about-opening .wire-placeholder{height:130px;border-color:#000;background:linear-gradient(35deg,transparent 49.5%,#000 50%,transparent 50.5%),linear-gradient(-35deg,transparent 49.5%,#000 50%,transparent 50.5%);margin:0}.pommy-about-body{padding:25px}.wire-copy-line{display:block;width:100%;height:2px;background:currentColor;opacity:.4;margin:12px 0}.wire-copy-line.short{width:65%}.pommy-about-body>div:first-child{padding:0 15%;margin-bottom:24px}.pommy-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pommy-story-grid .wire-placeholder{height:105px;margin:0}.pommy-page-signoff{font:clamp(18px,2.5vw,34px)/1 Archivo,sans-serif;letter-spacing:-.05em;color:#f32624;padding:7px 25px 25px}.pommy-page-frame figcaption{border-top:1px solid #444;font-size:9px;padding:13px 18px;color:#ccc}.pommy-locations-opening{padding:25px 24px 0;color:#f32624}.pommy-map-wire{position:relative;height:110px;border:1px solid #f32624;margin-top:20px;background:linear-gradient(25deg,transparent 49.7%,#f32624 50%,transparent 50.3%),linear-gradient(140deg,transparent 49.7%,#f32624 50%,transparent 50.3%)}.pommy-map-wire>span{position:absolute;background:#000;padding:0 3px;font-size:20px;line-height:1}.pommy-map-wire>span:nth-child(1){left:20%;top:25%}.pommy-map-wire>span:nth-child(2){left:40%;top:60%}.pommy-map-wire>span:nth-child(3){left:65%;top:20%}.pommy-map-wire>span:nth-child(4){left:80%;top:65%}.pommy-location-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 25px;padding:25px}.pommy-location-grid h5{font:20px/1 Archivo,sans-serif;letter-spacing:-.04em;margin:0 0 12px}.pommy-location-grid .wire-copy-line{margin:8px 0}.pommy-location-links{font-size:7px;color:#ff6865;display:block;margin-top:12px}.pommy-page-frame{display:flex;flex-direction:column}.pommy-page-frame figcaption{margin-top:auto}
@media(max-width:800px){.pommy-extra-frames{gap:20px}.pommy-page-nav{padding:10px;font-size:6px}.pommy-page-nav .pommy-small-logo{width:70px}.pommy-about-opening{padding:20px 15px;gap:15px}.pommy-about-opening .wire-placeholder{height:100px}.pommy-about-body{padding:20px 15px}.pommy-story-grid .wire-placeholder{height:85px}.pommy-locations-opening{padding:20px 15px 0}.pommy-location-grid{padding:20px 15px;gap:20px 15px}.pommy-location-grid h5{font-size:17px}.pommy-page-signoff{font-size:21px;padding:7px 15px 25px}}
@media(max-width:600px){.pommy-extra-frames{grid-template-columns:1fr;gap:25px;margin-top:30px}.pommy-page-frame h4{font-size:45px}.pommy-about-opening{padding:25px 20px}.pommy-page-nav{padding:12px 15px;font-size:7px}.pommy-about-body{padding:25px 20px}.pommy-page-signoff{font-size:27px;padding:5px 20px 25px}.pommy-locations-opening{padding:25px 20px 0}.pommy-map-wire{height:130px}.pommy-location-grid{padding:25px 20px;gap:25px}.pommy-location-grid h5{font-size:21px}.pommy-location-links{font-size:8px}}
/* Enchanted: one frame at a time, driven by the section's scroll progress. */
.ec-study .wire-journey{height:300svh;min-height:0}.ec-study .wire-sticky{height:calc(100svh - 40px);min-height:540px;max-height:950px;padding:25px 0}.ec-study .wire-stage{height:min(72svh,720px);width:100%;display:grid;place-items:center;perspective:none}.ec-study .wire-board{position:absolute;top:50%;left:50%;right:auto;bottom:auto;width:min(82%,940px);margin:0;rotate:0deg;transform:translate(-50%,calc(-50% + var(--frame-shift,0px))) scale(var(--frame-scale,1));opacity:var(--frame-opacity,1);z-index:var(--frame-layer,1);pointer-events:none;will-change:transform,opacity;transition:background .5s,color .5s}.ec-study .board-product{width:min(80%,900px)}.ec-study .board-lab{width:min(50%,520px)}.ec-study .wire-lab h4{font-size:clamp(42px,5vw,70px)}.ec-study .wire-lab{padding:30px}.ec-study .board-lab .wire-steps{grid-template-columns:repeat(4,1fr);margin-top:25px}.ec-study .study-progress{display:flex;margin:20px 0 0}.ec-study .wire-board:not(:first-child){--frame-opacity:0}
.ec-static .wire-journey{height:auto!important}.ec-static .wire-sticky{height:auto!important;min-height:0!important;max-height:none!important;position:relative!important;top:auto!important}.ec-static .wire-stage{height:auto!important;display:flex!important;flex-direction:column;gap:28px}.ec-static .wire-board{position:relative!important;top:auto!important;left:auto!important;width:100%!important;transform:none!important;opacity:1!important}.ec-static .board-lab{max-width:520px}.ec-static .study-progress{display:none}
@media(max-width:800px){.ec-study .wire-board,.ec-study .board-product{width:94%}.ec-study .board-lab{width:70%}.ec-study .wire-stage{height:70svh}.ec-study .wire-lab{padding:24px}}
@media(max-width:540px){.ec-study .wire-journey{height:290svh}.ec-study .wire-sticky{height:calc(100svh - 40px);min-height:520px;padding:20px 0}.ec-study .wire-stage{height:65svh;min-height:460px}.ec-study .wire-board,.ec-study .board-product{width:98%}.ec-study .board-lab{width:91%}.ec-study .wire-lab h4{font-size:50px}.ec-study .board-lab .wire-steps{grid-template-columns:1fr 1fr}.ec-study .study-progress{font-size:7px;gap:12px}.ec-study .wire-board{transition:background .5s,color .5s}}
@media(prefers-reduced-motion:reduce){.ec-study .wire-journey{height:auto}.ec-study .wire-sticky{height:auto;min-height:0;max-height:none;position:relative;top:auto}.ec-study .wire-stage{height:auto;min-height:0;display:flex;flex-direction:column;gap:28px}.ec-study .wire-board{position:relative;top:auto;left:auto;width:100%;transform:none;opacity:1}.ec-study .study-progress{display:none}}
body:not(.motion-ready) .ec-study .wire-journey{height:auto}body:not(.motion-ready) .ec-study .wire-sticky{position:relative;top:auto;height:auto;min-height:0;max-height:none}body:not(.motion-ready) .ec-study .wire-stage{height:auto;display:flex;flex-direction:column;gap:25px}body:not(.motion-ready) .ec-study .wire-board{position:relative;left:auto;top:auto;opacity:1;transform:none;width:100%}
.ec-study:not(.ec-static) .wire-sticky{position:sticky;top:20px}
@media(prefers-reduced-motion:reduce){.ec-study .wire-sticky{position:relative!important;top:auto!important}}
.contact{background:#9e3f27}.contact select option{background:#9e3f27}.contact .submit{color:#9e3f27}.contact input::placeholder,.contact textarea::placeholder{color:#f0d8d1}
/* Pizza bites first, then three pages in one pinned frame. */
.pommy-bites .pizza-scroll-scene{height:350svh}.pommy-frame-stage{position:relative;height:min(73svh,730px);width:100%;display:grid;place-items:center}.pommy-bites .pommy-frame-stage>figure{position:absolute;top:50%;left:50%;width:min(94%,1000px);margin:0;opacity:var(--pp-opacity,0);transform:translate(-50%,calc(-50% + var(--pp-shift,0px)))!important;translate:none;rotate:0deg;pointer-events:none;will-change:opacity,transform}.pommy-frame-stage .pommy-page-frame{width:min(78%,780px)!important}.pommy-frame-stage .pommy-page-frame h4{font-size:clamp(40px,4.5vw,64px)}.pommy-frame-stage .pommy-about-opening .wire-placeholder{height:110px}.pommy-frame-stage .pommy-story-grid .wire-placeholder{height:80px}.pommy-frame-stage .pommy-page-signoff{font-size:28px}.pommy-frame-stage .pommy-map-wire{height:100px}.pommy-frame-stage .pommy-location-grid{padding:20px 25px;gap:18px 25px}.pizza-static .pizza-scroll-scene{height:auto!important}.pizza-static .pommy-frame-stage{height:auto;display:flex;flex-direction:column;gap:30px}.pizza-static .pommy-frame-stage>figure{position:relative;top:auto;left:auto;opacity:1;transform:none!important;max-width:1000px;width:100%!important}.pizza-static .pizza-sticky{max-height:none}.pizza-static .pommy-frame-stage .pommy-page-frame{max-width:780px}
@media(max-width:800px){.pommy-frame-stage .pommy-page-frame{width:92%!important}.pommy-frame-stage .pommy-page-frame h4{font-size:44px}}
@media(max-width:540px){.pommy-bites .pizza-scroll-scene{height:355svh}.pommy-frame-stage{height:70svh;min-height:530px}.pommy-bites .pommy-frame-stage>figure{width:100%}.pommy-frame-stage .pommy-page-frame{width:100%!important}.pommy-frame-stage .pommy-page-frame h4{font-size:37px}.pommy-frame-stage .pommy-about-opening{padding:18px 15px}.pommy-frame-stage .pommy-about-body{padding:18px 15px}.pommy-frame-stage .pommy-about-opening .wire-placeholder{height:90px}.pommy-frame-stage .pommy-about-body>div:first-child{margin-bottom:16px}.pommy-frame-stage .pommy-page-signoff{font-size:23px;padding-bottom:18px}.pommy-frame-stage .pommy-location-grid{padding:18px;gap:18px}.pommy-frame-stage .pommy-location-grid h5{font-size:19px}.pommy-frame-stage .pommy-locations-opening{padding:18px 15px 0}.pommy-frame-stage .pommy-map-wire{height:90px;margin-top:16px}.pizza-static .pommy-frame-stage{height:auto;min-height:0}}
@media(prefers-reduced-motion:reduce){.pommy-bites .pizza-scroll-scene{height:auto}.pommy-frame-stage{height:auto;min-height:0;display:flex;flex-direction:column;gap:25px}.pommy-bites .pommy-frame-stage>figure{position:relative;top:auto;left:auto;opacity:1;transform:none!important;width:100%!important}}
body:not(.motion-ready) .pommy-frame-stage{height:auto;min-height:0;display:flex;flex-direction:column;gap:25px}body:not(.motion-ready) .pommy-bites .pommy-frame-stage>figure{position:relative;top:auto;left:auto;opacity:1;transform:none!important;width:100%!important}

/* Shared viewport-sized presentation for both commissioned and studio frames. */
.moving-type .strip-arrow{display:inline-block;width:.8em;height:.8em;margin:0 .12em;vertical-align:-.02em;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}.moving-type .strip-arrow.down{transform:rotate(90deg)}
.pommy-bites .pizza-scroll-scene{height:380svh}.pommy-bites .pizza-sticky{position:sticky;top:20px;height:calc(100svh - 40px);min-height:540px;max-height:950px;padding:25px 0}.pommy-frame-stage{height:min(72svh,720px);perspective:none}.pommy-bites .pommy-frame-stage>figure{width:min(82%,940px);transform:translate(-50%,calc(-50% + var(--pp-shift,0px))) scale(var(--pp-scale,1))!important;z-index:var(--pp-layer,1)}.pommy-frame-stage .pommy-page-frame{width:min(80%,900px)!important}
@media(max-width:540px){.pommy-bites .pizza-scroll-scene{height:370svh}.pommy-bites .pizza-sticky{min-height:520px;padding:20px 0}.pommy-frame-stage{height:65svh;min-height:460px}.pommy-bites .pommy-frame-stage>figure,.pommy-frame-stage .pommy-page-frame{width:98%!important}}
.pizza-static .pizza-sticky{position:relative;height:auto;min-height:0;max-height:none}.pizza-static .pommy-frame-stage{height:auto;min-height:0}.pizza-static .pommy-frame-stage>figure{width:100%!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.pommy-bites .pizza-sticky{position:relative;height:auto;min-height:0;max-height:none}.pommy-bites .pizza-scroll-scene{height:auto}.pommy-bites .pommy-frame-stage>figure{transform:none!important}}

/* Seamless process strip on narrow screens, with a readable motion-free layout. */
.studio-process{display:block;overflow:hidden}.process-track{width:100%}.process-group{display:flex;align-items:center;justify-content:space-between;gap:20px}.process-group svg{width:.7em;height:.7em;flex-shrink:0;fill:none;stroke:#bca0ff;stroke-width:5}.process-group svg:last-child{display:none}.process-repeat{display:none}
@media(max-width:800px){.process-track{display:flex;width:max-content;animation:process-marquee 13s linear infinite}.process-group{flex-shrink:0;justify-content:flex-start;gap:28px;padding-right:28px}.process-repeat{display:flex}.process-group svg:last-child{display:block}.studio-process{font-size:30px}.motion-paused .process-track{animation:none;width:100%}.motion-paused .process-group{flex-wrap:wrap;gap:12px 18px;padding-right:0}.motion-paused .process-repeat,.motion-paused .process-group svg:last-child{display:none}}
@keyframes process-marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.process-track{animation:none;width:100%}.process-group{flex-wrap:wrap;gap:12px 18px;padding-right:0}.process-repeat,.process-group svg:last-child{display:none}}

@media(min-width:801px){.process-track{display:flex;width:max-content;animation:process-marquee 18s linear infinite}.process-group{flex-shrink:0;justify-content:flex-start;gap:60px;padding-right:60px;min-width:0}.process-repeat{display:flex}.process-group svg:last-child{display:block}.motion-paused .process-track{animation:none;width:100%}.motion-paused .process-group{min-width:0;justify-content:space-between;gap:20px;padding-right:0}.motion-paused .process-repeat,.motion-paused .process-group svg:last-child{display:none}}
@media(min-width:801px) and (prefers-reduced-motion:reduce){.process-track{animation:none;width:100%}.process-group{min-width:0;justify-content:space-between;gap:20px;padding-right:0}.process-repeat,.process-group svg:last-child{display:none}}

/* Opening palettes are solid; experimental patterns belong to the footer. */
.hero:before{content:none;display:none}