/* Front page only. Everything below the fold retains the existing routes and app styles. */
.studio-home{--studio-ink:#f5f0e6;--studio-base:#181815;--studio-gold:#f5cf64;--studio-border:#3a392f;background:var(--studio-base);color:var(--studio-ink);min-width:0}
.studio-home>header{background:#181815f5;border-color:#36352e}
.studio-home>header>div,.studio-home footer>div>p,.studio-home footer>div:first-child{max-width:1180px}
.studio-wrap{width:min(1104px,calc(100% - 64px));margin-inline:auto}
.studio-hero{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);align-items:center;gap:clamp(28px,5vw,77px);padding-top:clamp(36px,6vw,80px);scroll-margin-top:80px}
.studio-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.studio-cta{display:inline-flex;align-items:center;min-height:46px;padding:0 16px;border-radius:5px;border:1px solid transparent;font-size:14px;font-weight:650;white-space:nowrap;text-decoration:none;transition:background-color .2s,border-color .2s}
.studio-cta-primary{background:var(--studio-gold);color:#221c10}
.studio-cta-primary:hover{background:#ffe18b}
.studio-cta-secondary{border-color:#605a49;color:var(--studio-ink)}
.studio-cta-secondary:hover{background:#292820;border-color:#877a57}
.studio-stage{--travel:1;--lean:0deg;--chibi-body-angle:0deg;--chibi-opacity:1;--piece:clamp(115px,15vw,211px);--fall:clamp(88px,12.25vw,168px);height:clamp(305px,31vw,436px);isolation:isolate;position:relative;overflow:hidden;border:1px solid #535043;border-radius:9px;background:#22231c}
.studio-anchor{position:absolute;left:.335em;top:.89em;width:1px;height:1px;}
.studio-anchor::before{content:"";position:absolute;width:12px;height:12px;left:-5px;top:2px;border:1px solid #f0cd7d;border-radius:50%;z-index:2;background:#30291a}
.studio-tether{display:block;position:absolute;top:8px;left:1px;width:1px;height:calc(var(--fall) * var(--travel));transform-origin:top center;transform:rotate(var(--lean));}
.studio-rope{position:absolute;top:0;bottom:-1px;left:-1.5px;width:3px;border-radius:10px;background:repeating-linear-gradient(147deg,#e0bd76 0 2px,#886e3f 2px 4px);}
.studio-figure{position:absolute;pointer-events:none;top:100%;left:calc(var(--piece) * -0.67158);width:var(--piece);height:var(--piece);margin-top:calc(var(--piece) * -0.45771);opacity:var(--chibi-opacity);transform-origin:67.158% 45.771%;transform:rotate(var(--chibi-body-angle));filter:drop-shadow(6px 9px 9px #0807056e);}
.studio-static,.studio-canvas{display:block;width:100%;height:100%}
.studio-canvas,.studio-stage[data-ready] .studio-static{display:none}
.studio-stage[data-ready] .studio-canvas{display:block}
.studio-stage-controls{position:absolute;right:24px;bottom:23px;display:flex;gap:5px}
.studio-stage-controls button,.studio-orbit-control{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:50%;border:1px solid #625b47;background:#201f18c9;color:#f0e8d6;cursor:pointer}
.studio-stage-controls button:hover,.studio-orbit-control:hover{background:#333024}
.studio-stage-controls svg{width:16px;height:16px}
.studio-orbit{margin-top:clamp(22px,4vw,48px);margin-bottom:clamp(38px,5vw,68px);position:relative}
.studio-orbit-frame{overflow:hidden;max-width:100%;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);}
.studio-orbit-track{height:clamp(142px,15vw,186px);position:relative;touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;}
.studio-orbit-track[data-dragging]{cursor:grabbing}
.studio-orbit-card{--x:0;--y:0px;--scale:1;--turn:0deg;--card-shift:clamp(95px,21vw,225px);--card-edge:clamp(158px,34vw,377px);position:absolute;z-index:var(--orbit-layer);top:50%;left:50%;width:clamp(170px,32vw,303px);min-height:clamp(90px,10vw,121px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;text-align:left;padding:13px clamp(12px,2vw,24px);border-radius:7px;border:1px solid #595342;background:#272820;color:#e9e4d8;white-space:nowrap;letter-spacing:-.034em;font:650 clamp(16px,2.2vw,29px)/1.1 "Geist",system-ui,sans-serif;cursor:pointer;transform:translate(calc(-50% + var(--x) + var(--orbit-drag)),calc(-50% + var(--y))) perspective(750px) rotateY(var(--turn)) scale(var(--scale));transition:transform .58s cubic-bezier(.2,.8,.25,1),opacity .33s,background-color .24s,border-color .24s;box-shadow:0 12px 25px #100f0a45}
.studio-orbit-card svg{width:21px;height:21px;flex:none}
.studio-orbit-card[data-position="-2"]{--x:calc(-1 * var(--card-edge));--y:26px;--scale:.68;--turn:24deg;opacity:.31}
.studio-orbit-card[data-position="-1"]{--x:calc(-1 * var(--card-shift));--y:13px;--scale:.85;--turn:17deg;opacity:.72}
.studio-orbit-card[data-position="1"]{--x:var(--card-shift);--y:13px;--scale:.85;--turn:-17deg;opacity:.72}
.studio-orbit-card[data-position="2"]{--x:var(--card-edge);--y:26px;--scale:.68;--turn:-24deg;opacity:.31}
.studio-orbit-card[data-wrap]{transition:opacity .22s,background-color .24s,border-color .24s;animation:studio-orbit-behind .37s ease-out}
@keyframes studio-orbit-behind{from{opacity:0}}
.studio-orbit-card[data-position="0"]{background:#343227;border-color:#8f7b4b;color:#fbf3e1}
.studio-orbit-card[data-promo]{background:#554526;border-color:#a98743;color:#ffe6a3}
.studio-orbit-card[data-promo][data-position="0"]{background:var(--studio-gold);color:#221c10;border-color:#f4d47b;cursor:inherit}
.studio-orbit-link{position:absolute;right:15px;top:14px;color:var(--studio-gold)}
.studio-orbit-link svg{width:15px;height:15px}
.studio-orbit-track[data-dragging] .studio-orbit-card{transition:none;cursor:grabbing}
.studio-orbit-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin:-1px auto 0;}
.studio-orbit-dots{display:flex;align-items:center;gap:2px}
.studio-orbit-dots button{display:grid;place-items:center;width:23px;height:36px;cursor:pointer}
.studio-orbit-dots button span{height:5px;width:5px;border-radius:8px;background:#948d78;transition:width .24s,background-color .24s}
.studio-orbit-dots button[aria-current] span{width:16px;background:var(--studio-gold)}
.studio-orbit-play{margin-left:6px}
.studio-orbit-control svg{width:16px;height:16px}
.studio-home :is(.studio-cta,.studio-stage-controls button,.studio-orbit button,.studio-orbit-card):focus-visible{outline:2px solid #ffe99e;outline-offset:2px}
.studio-home section[id]:not(.studio-hero){scroll-margin-top:76px}
.studio-home section[id]:not(.studio-hero)>div:first-child{max-width:1170px;padding:clamp(40px,6vw,76px) 32px}
.studio-home main section[id]:not(.studio-hero) h2{font-family:"Geist",system-ui,sans-serif;letter-spacing:-.052em;font-weight:675;text-wrap:balance}
.studio-loading{display:grid;place-content:center;justify-items:center;gap:10px;min-height:100svh;background:#181815;color:#dfdfd4;font:500 13px/1.5 "Geist",system-ui,sans-serif}
.studio-walker{display:block;width:100px;height:100px;background:url("/brand/chibi/pasos.webp") 0 0/800% 100% no-repeat;animation:pomc-walk .85s steps(8,jump-none) infinite}
@keyframes pomc-walk{to{background-position:100% 0}}
@media(max-width:760px){.studio-wrap{width:calc(100% - 36px)}.studio-hero{gap:22px;grid-template-columns:1fr;padding-top:28px}.studio-copy h1{font-size:clamp(37px,7vw,58px)}.studio-actions{margin-top:15px}.studio-stage{height:clamp(284px,55vw,364px);--piece:clamp(137px,23vw,180px);--fall:clamp(84px,17vw,137px)}.studio-sign{font-size:clamp(33px,6vw,47px)}.studio-home section[id]:not(.studio-hero)>div:first-child{padding-inline:18px}.studio-orbit-frame{margin-inline:-10px}}
@media(max-width:380px){.studio-stage-controls{right:18px;bottom:15px}.studio-orbit-controls{gap:6px}.studio-orbit-card{gap:7px}.studio-orbit-card svg{width:16px;height:16px}}
@media(prefers-reduced-motion:no-preference){html:has(.studio-home){scroll-behavior:smooth}}
@media(prefers-reduced-motion:reduce){.studio-home *{scroll-behavior:auto!important}.studio-walker{background-image:url("/brand/chibi/chibi.webp");background-size:100% 100%;animation:none}.studio-orbit-card,.studio-orbit-dots button span,.studio-cta{transition:none;animation:none}.studio-orbit-play{display:none}}

/* The live pose and the same tint on stage. Gold leaves the original render intact. */
:is(.studio-stage,.studio-chibi-preview)[data-color="cobre"]{--chibi-filter:hue-rotate(-29deg) saturate(.91)}
:is(.studio-stage,.studio-chibi-preview)[data-color="jade"]{--chibi-filter:hue-rotate(71deg) saturate(.75) brightness(.95)}
:is(.studio-stage,.studio-chibi-preview)[data-color="cielo"]{--chibi-filter:hue-rotate(151deg) saturate(.77)}
:is(.studio-stage,.studio-chibi-preview)[data-color="malva"]{--chibi-filter:hue-rotate(216deg) saturate(.66) brightness(1.03)}
.studio-static,.studio-canvas,.studio-chibi-render{filter:var(--chibi-filter,none);}
.studio-stage-customize{position:absolute;z-index:3;left:24px;bottom:23px;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 11px;border:1px solid #625746;border-radius:5px;background:#201f18e8;color:#f5e8ce;font-size:13px;font-weight:650;cursor:pointer;}
.studio-stage-customize svg{width:17px;height:17px}
.studio-stage-customize:hover{background:#3c3320}
.studio-stage-nickname{position:absolute;right:18px;top:11px;max-width:calc(100% - 52px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#25231aec;border:1px solid #675e4a;color:#f0e3c4;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:650}
.studio-chibi-editor{box-sizing:border-box;position:fixed;inset:0;margin:auto;max-width:min(768px,calc(100% - 24px));width:100%;max-height:calc(100% - 24px);overflow:auto;border:1px solid #645942;border-radius:12px;background:#212019;color:#f3ecdf;box-shadow:0 24px 85px #080705b8;font-family:"Geist",system-ui,sans-serif}
.studio-chibi-editor::backdrop{background:#0c0d0be0;backdrop-filter:blur(3px)}
html:has(.studio-chibi-editor[open]){overflow:hidden}
.studio-chibi-editor-head,.studio-chibi-editor-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(14px,3vw,24px)}
.studio-chibi-editor-head{border-bottom:1px solid #484132}
.studio-chibi-editor-head h2{font-size:clamp(20px,4vw,25px);font-weight:680;line-height:1.15;letter-spacing:-.035em;margin:0}
.studio-chibi-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid #665c46;border-radius:50%;background:#302a1e;color:#f2e6d1;cursor:pointer}
.studio-chibi-close:hover{background:#463b26}
.studio-chibi-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(15px,3vw,24px);padding:clamp(14px,3vw,24px)}
.studio-chibi-preview{--chibi-look-x:0deg;--chibi-look-y:0deg;position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;min-height:280px;border:1px solid #5a503b;border-radius:7px;background:radial-gradient(ellipse at 50% 46%,#514027,#29261d 73%)}
.studio-chibi-preview-lines{z-index:-1;position:absolute;inset:12px;background:radial-gradient(circle,#98845a5a 1px,transparent 1.4px) 0 0/16px 16px;border:1px solid #6b5d403d;border-radius:5px;}
.studio-chibi-floor{z-index:-1;position:absolute;bottom:13%;left:24%;right:24%;height:10%;border-radius:50%;filter:blur(9px);background:#18150fa8}
.studio-chibi-puppet{width:min(100%,326px);aspect-ratio:1;position:relative;display:grid;place-items:center;transform:perspective(550px) rotateX(var(--chibi-look-x)) rotateY(var(--chibi-look-y));transition:transform .17s ease-out;}
.studio-chibi-render{display:block;object-fit:contain;width:100%;height:auto;transform-origin:50% 87%;animation:studio-chibi-breathe 4.2s ease-in-out infinite;}
.studio-chibi-preview[data-mood="thinking"] .studio-chibi-render{animation:studio-chibi-think 3.7s ease-in-out infinite}
.studio-chibi-preview[data-mood="working"] .studio-chibi-render{animation:studio-chibi-think 2.1s ease-in-out infinite}
.studio-chibi-preview[data-mood="done"] .studio-chibi-render{animation:studio-chibi-jump .5s cubic-bezier(.18,.65,.25,1) 2 alternate}
.studio-chibi-preview[data-mood="limit"] .studio-chibi-render{animation:studio-chibi-startle .5s ease-in-out 1}
.studio-chibi-pill{position:absolute;bottom:13px;max-width:calc(100% - 24px);display:flex;align-items:center;gap:9px;padding:6px 11px;border-radius:24px;border:1px solid #b89b667d;background:#211b14eb;color:#f9ecd2;box-shadow:inset 0 1px #e0b77825;}
.studio-chibi-pill strong{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.studio-chibi-pill span{font-size:11px;white-space:nowrap;color:#e4cfaa;border-left:1px solid #967d51;padding-left:9px}
.studio-chibi-glint{position:absolute;top:20%;right:17%;color:#f8d783;font:650 clamp(21px,3vw,34px)/1 "Geist",sans-serif;animation:studio-glint 2.9s ease-in-out infinite}
.studio-chibi-surprise{color:#ffe4a1}
.studio-chibi-thought{position:absolute;right:13%;top:19%;display:flex;gap:4px}
.studio-chibi-thought b{width:7px;height:7px;border:1px solid #f6d68b;border-radius:50%;background:#f0cf8b73;animation:studio-glint 1.7s ease-in-out infinite}
.studio-chibi-thought b:nth-child(2){animation-delay:.15s}
.studio-chibi-thought b:nth-child(3){animation-delay:.3s}
.studio-chibi-settings{display:grid;gap:13px;align-content:start;}
.studio-chibi-settings fieldset{margin:0;padding:0;border:0;min-width:0}
.studio-chibi-name{display:grid;gap:6px;}
.studio-chibi-name>span,.studio-chibi-settings legend{font-size:13px;font-weight:650;color:#f2e6ce}
.studio-chibi-name input{min-height:44px;width:100%;padding:9px 11px;border:1px solid #625641;border-radius:5px;background:#171612;color:#f5ecdc;font-size:16px;}
.studio-chibi-swatches,.studio-chibi-moods{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px;}
.studio-chibi-swatch,.studio-chibi-mood{position:relative;display:grid;place-items:center;cursor:pointer;}
.studio-chibi-swatch input,.studio-chibi-mood input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;}
.studio-chibi-swatch{width:44px;height:44px;}
.studio-chibi-swatch span{width:32px;height:32px;background:var(--chibi-swatch);border:3px solid #302a1e;border-radius:50%;box-shadow:0 0 0 1px #7b6b4e;pointer-events:none;}
.studio-chibi-swatch input:checked+span{box-shadow:0 0 0 2px #ffe9b4;}
.studio-chibi-mood span{font-size:12px;font-weight:600;padding:6px 9px;min-height:35px;display:grid;place-items:center;border:1px solid #5b513d;border-radius:5px;background:#29271f;color:#ebdec5;pointer-events:none;}
.studio-chibi-mood input:checked+span{color:#292112;background:#f4d489;border-color:#f4d489}
.studio-chibi-follow{display:flex;align-items:center;gap:8px;font-size:13px;color:#eadcbe;cursor:pointer;}
.studio-chibi-follow input{width:17px;height:17px;accent-color:#f2ce78}
.studio-chibi-editor-foot{border-top:1px solid #484132;}
.studio-chibi-reset{min-height:44px;color:#e6d2ab;text-decoration:underline;text-underline-offset:3px;text-align:left;cursor:pointer;}
.studio-chibi-editor :focus-visible,.studio-stage-customize:focus-visible,.studio-chibi-swatch input:focus-visible+span,.studio-chibi-mood input:focus-visible+span{outline:2px solid #fddea0;outline-offset:2px;}
@keyframes studio-chibi-breathe{50%{transform:scale(1.014,.986)}}
@keyframes studio-chibi-think{50%{transform:rotate(-2deg) translateY(-3px)}}
@keyframes studio-chibi-jump{to{transform:translateY(-12px) scale(1.02)}}
@keyframes studio-chibi-startle{25%,75%{transform:translateX(-3px)}50%{transform:translateX(3px)}}
@keyframes studio-glint{50%{opacity:.52;transform:translateY(-5px)}}
@media(max-width:580px){.studio-chibi-editor-grid{grid-template-columns:minmax(0,1fr)}.studio-chibi-preview{min-height:194px}.studio-chibi-puppet{width:min(100%,222px)}.studio-chibi-floor{left:30%;right:30%}.studio-chibi-preview-lines{inset:9px}.studio-stage-customize{left:16px;bottom:15px}.studio-stage-nickname{right:13px;top:9px}.studio-chibi-pill{bottom:7px}}
@media(prefers-reduced-motion:reduce){.studio-chibi-editor *{animation:none!important;transition:none!important}.studio-chibi-puppet{transform:none}}

.pomc-mark{display:block;width:100%;min-width:0;cursor:default;touch-action:pan-y}
.pomc-mark-svg{width:100%;height:auto;display:block;overflow:visible}
.studio-anchor{left:3.25%;top:83%}
.pomc-mark-pool{opacity:0;transform-box:fill-box;transform-origin:50% 60%}
.pomc-mark-reveal{transform-origin:0 864px}
.pomc-melting .pomc-mark-reveal{animation:pomc-reveal .98s cubic-bezier(.48,0,.27,1) both}
.pomc-melting .pomc-mark-reveal.is-studio{animation-delay:40ms}
.pomc-melting .pomc-mark-letters{animation:pomc-letter-squish .96s cubic-bezier(.36,.05,.27,1) both;transform-origin:52% 82%}
.pomc-melting .pomc-mark-pool{animation:pomc-ink-pool .98s ease-in-out both}
.pomc-melting .pomc-mark-pool.is-studio{animation-delay:40ms}
@keyframes pomc-reveal{0%,91%,100%{transform:none}37%{transform:scaleY(.055)}62%{transform:scaleY(.96)}78%{transform:scaleY(.88)}}
@keyframes pomc-letter-squish{0%,100%{transform:none}30%{transform:skewX(-4deg) scaleX(1.017)}62%{transform:skewX(2.4deg) scaleY(1.021)}82%{transform:skewX(-.7deg)}}
@keyframes pomc-ink-pool{0%,100%{opacity:0;transform:scaleX(.82) scaleY(.35)}34%,50%{opacity:1;transform:scaleX(1) scaleY(1)}78%{opacity:.26;transform:scaleX(.94) scaleY(.58)}}
@media(prefers-reduced-motion:reduce){.pomc-mark *{animation:none!important}}

/* One wordmark, one open stage. The stage origin is the real P in the headline. */
.studio-hero{--hero-size:min(100%,583px);position:relative;display:block;padding:clamp(63px,6vw,78px) 0 20px;scroll-margin-top:76px;}
.studio-hero-title{position:relative;width:var(--hero-size);margin-inline:auto;isolation:isolate;}
.studio-hero-title h1{margin:0;position:relative;z-index:2;line-height:1;}
.studio-hero-title .pomc-mark{width:100%;}
.studio-stage{--travel:1;--lean:0deg;--chibi-body-angle:0deg;--chibi-opacity:1;--piece:clamp(106px,12vw,158px);--fall:clamp(50px,5vw,72px);position:absolute;inset:0;isolation:auto;overflow:visible;height:auto;background:none;border:0;pointer-events:none;}
.studio-anchor{left:3.25%;top:82.2%;}
.studio-anchor::before{left:-2.5px;top:-2px;width:6px;height:6px;background:#252015;border-color:#dfb65e;}
.studio-tether{top:2px;left:0;}
.studio-rope{width:2px;left:-.9px;}
.studio-figure{filter:drop-shadow(3px 5px 7px #08070557);}
.studio-actions{width:var(--hero-size);margin:17px auto 0;justify-content:center;position:relative;z-index:3;min-height:calc(var(--hero-fall) + var(--hero-piece)*.45);}
.studio-hero{--hero-fall:clamp(50px,5vw,72px);--hero-piece:clamp(106px,12vw,158px);}
.studio-stage{--piece:var(--hero-piece);--fall:var(--hero-fall);}
/* The toolbar sits outside the artwork and is independently clickable. */
.studio-hero-toolbar{position:absolute;display:flex;align-items:center;justify-content:space-between;gap:8px;left:0;right:0;top:-55px;z-index:3;pointer-events:none;}
.studio-stage-customize,.studio-stage-controls button{pointer-events:auto;}
.studio-stage-customize{position:relative;inset:auto;background:#201f1a;border-color:#4c4434;color:#ebdec2;min-height:40px;}
.studio-stage-controls{position:static;display:flex;}
.studio-stage-controls button{min-width:40px;min-height:40px}
.studio-stage-nickname{top:calc(100% + var(--fall) + var(--piece)*.34);right:auto;left:0;transform:translateX(-52%);max-width:116px;}
.studio-orbit{margin-top:0;margin-bottom:clamp(30px,5vw,62px);}
.studio-orbit-frame{overflow:hidden;mask-image:none;}
.studio-orbit-track{--orbit-drag:0px;height:clamp(138px,15vw,174px);}
.studio-orbit-card{
  --x:0px;--y:0px;--scale:1;--turn:0deg;
  --card-shift:clamp(101px,23vw,254px);--card-edge:clamp(165px,42vw,448px);
  width:clamp(155px,29vw,271px);min-height:clamp(84px,9.5vw,109px);
  transform:translate(-50%,-50%) translate(var(--x),var(--y)) translateX(var(--orbit-drag)) perspective(750px) rotateY(var(--turn)) scale(var(--scale));
}
.studio-orbit-card[data-position="-1"],.studio-orbit-card[data-position="1"]{--y:7px;opacity:.78;}
.studio-orbit-card[data-position="-2"],.studio-orbit-card[data-position="2"]{--y:13px;opacity:.39;}
.studio-orbit-controls{margin:4px auto 0;}
@media(max-width:900px){
 .studio-hero{padding-top:70px}
}
@media(max-width:700px){.studio-hero{--hero-size:calc(100% - 98px);--hero-piece:116px;--hero-fall:51px}}
@media(max-width:540px){
 .studio-hero{--hero-size:calc(100% - 58px);--hero-piece:106px;--hero-fall:48px;padding-top:67px;padding-bottom:14px}
 .studio-hero-title,.studio-actions{margin-inline:49px 9px;}
 .studio-hero-toolbar{left:-49px;right:-9px;}
 .studio-actions{justify-content:flex-end;min-height:92px;align-content:flex-start;gap:5px}
 .studio-actions a{padding:0 9px;min-height:40px;font-size:12px;}
 .studio-stage-nickname{max-width:90px}
 .studio-orbit-track{height:121px}
 .studio-orbit-card{--card-shift:clamp(113px,36vw,192px);--card-edge:clamp(189px,63vw,329px);padding:11px;font-size:clamp(14px,4.5vw,23px)}
}

@media(max-width:355px){.studio-hero{--hero-size:calc(100% - 50px)}.studio-actions{width:calc(100% - 51px)}}