.studio-wall-stage{--studio-progress: 0;position:relative;isolation:isolate;height:var(--studio-frame-height, 100%);margin:0}.studio-wall-window{position:absolute;inset:0;overflow:hidden;background:#111010}.studio-wall-window img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media(prefers-reduced-motion:no-preference){.studio-wall-track[data-scroll-wall=ready] .studio-wall-window{clip-path:inset(0 calc((1 - var(--studio-progress)) * var(--studio-wall-gutter)) round calc((1 - var(--studio-progress)) * 20px))}.studio-wall-track[data-scroll-wall=ready] img{transform:translateY(calc((.5 - var(--studio-progress)) * 3%)) scale(calc(1.06 + var(--studio-progress) * .06)) rotate(calc((var(--studio-progress) - 1) * 2deg));transform-origin:50% 48%}}@media(min-width:761px)and (prefers-reduced-motion:no-preference){.studio-wall-track[data-scroll-wall=ready]{--studio-frame-height: 100svh;height:calc(var(--studio-frame-height) + var(--studio-scroll-travel))}.studio-wall-track[data-scroll-wall=ready] .studio-wall-stage{position:sticky;top:0}}.studio-wall-backdrop{position:absolute;inset:0;z-index:-2;overflow:clip;pointer-events:none}.studio-wall-backdrop .studio-wall-window{inset:-10% -3%}.studio-wall-backdrop img{transform:rotate(-2deg)}@media(prefers-reduced-motion:no-preference){.studio-wall-backdrop[data-scroll-wall=ready] img{transform:translateY(calc(var(--studio-progress) * 7%)) rotate(-2deg)}}.studio-flow{--sf-orange: var(--agent-build-orange, #ff5c02);--sf-orange-rgb: var(--agent-build-orange-rgb, 255 92 2);--sf-ink: #0d0e0f;--sf-paper: #f2efe9;--sf-paper-rgb: 242 239 233;--sf-paper-card: #ebe5d9;--sf-ease-out: cubic-bezier(.16, 1, .3, 1);--sf-ease-io: cubic-bezier(.65, 0, .35, 1);--sf-ease-pop: cubic-bezier(.34, 1.56, .64, 1);--sf-ease-cam: cubic-bezier(.33, 0, .15, 1);position:relative;container-type:inline-size;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sf-world{--u: calc(100cqw / 1200);--cx0: 600;--cy0: 220;--sf-cam-x: 10;--sf-cam-y: 0;--sf-in-x: -6;--sf-in-y: 0;--sf-out-x: 14;--sf-out-y: 0;position:relative;width:100%;aspect-ratio:1200 / 440}@supports not (width: 1cqw){.sf-world{--u: calc(min(100vw - 2 * clamp(20px, 4vw, 56px), 1168px) / 1200)}}.sf-world:before{content:"";position:absolute;inset:-8% -4%;background-image:linear-gradient(rgb(255 255 255 / 3.5%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 3.5%) 1px,transparent 1px);background-size:calc(40 * var(--u)) calc(40 * var(--u));background-position:center;-webkit-mask-image:radial-gradient(55% 60% at 50% 50%,#000 30%,transparent 75%);mask-image:radial-gradient(55% 60% at 50% 50%,#000 30%,transparent 75%)}.sf-focus{position:absolute;left:0;right:0;top:calc(30 * var(--u));height:calc(370 * var(--u));visibility:hidden;pointer-events:none}.sf-grain{position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");-webkit-mask-image:radial-gradient(60% 65% at 50% 50%,#000 40%,transparent 85%);mask-image:radial-gradient(60% 65% at 50% 50%,#000 40%,transparent 85%)}.sf-zone-label{position:absolute;top:calc(-34 * var(--u));display:flex;align-items:center;gap:8px;color:rgb(var(--sf-paper-rgb) / 62%);font-size:10.5px;font-weight:600;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.sf-zone-label:before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:rgb(var(--sf-paper-rgb) / 45%)}.sf-zone-label--in{left:calc(28 * var(--u))}.sf-zone-label--core{left:50%;translate:-50% 0;color:var(--sf-paper)}.sf-zone-label--core:before{background:var(--sf-orange)}.sf-zone-label--out{left:calc(820 * var(--u))}.sf-wires{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible}.sf-wires--mobile{visibility:hidden}.sf-wire{fill:none;stroke:rgb(var(--sf-paper-rgb) / 16%);stroke-width:1.2;stroke-dasharray:1 1;stroke-dashoffset:0}.sf-pulse{fill:none;stroke:var(--sf-orange);stroke-width:2;stroke-linecap:round;stroke-dasharray:.1 1.2;stroke-dashoffset:-1.1;opacity:0;filter:drop-shadow(0 0 4px rgb(var(--sf-orange-rgb) / 80%))}.sf-zone{position:absolute;inset:0}.sf-zone--in{z-index:2}.sf-zone--out{z-index:3}.sf-card{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));rotate:calc(var(--r) * 1deg);overflow:hidden;border-radius:calc(10 * var(--u));box-shadow:0 calc(24 * var(--u)) calc(48 * var(--u)) calc(-18 * var(--u)) #000000d9,inset 0 1px #ffffff1a}.sf-glass{border:1px solid rgb(255 255 255 / 9%);background:linear-gradient(160deg,#1d1e21,#131416)}.sf-paper{background:var(--sf-paper-card);color:#1a1a1a}.sf-card svg{position:absolute;inset:0;width:100%;height:100%}.sf-ink{fill:none;stroke:#2a2a2a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:0}.sf-ink--accent{stroke:var(--sf-orange);stroke-width:2}.sf-note{--x: 40;--y: 46;--w: 148;--h: 132;--r: -5;overflow:visible;border-radius:calc(3 * var(--u))}.sf-note:before{content:"";position:absolute;z-index:2;top:calc(-6 * var(--u));left:50%;width:calc(54 * var(--u));height:calc(16 * var(--u));translate:-50% 0;rotate:3deg;background:#ffffff4d}.sf-zone--in .sf-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#0d0e0f57;pointer-events:none}.sf-memo{--x: 176;--y: 112;--w: 176;--h: 60;--r: 2.5;display:flex;align-items:center;gap:calc(10 * var(--u));padding:0 calc(14 * var(--u));border-radius:calc(16 * var(--u))}.sf-rec{display:grid;flex:0 0 auto;place-items:center;width:calc(26 * var(--u));height:calc(26 * var(--u));border-radius:50%;background:rgb(var(--sf-orange-rgb) / 16%)}.sf-rec:after{content:"";width:calc(9 * var(--u));height:calc(9 * var(--u));border-radius:50%;background:var(--sf-orange)}.sf-bars{display:flex;flex:1;align-items:center;gap:calc(2 * var(--u));height:calc(30 * var(--u))}.sf-bars i{flex:1;height:calc(var(--b) * 100%);border-radius:2px;background:rgb(var(--sf-paper-rgb) / 58%)}.sf-sketch{--x: 28;--y: 238;--w: 172;--h: 116;--r: 3;border-radius:calc(4 * var(--u))}.sf-brief{--x: 212;--y: 222;--w: 140;--h: 150;--r: -2}.sf-brief-title{fill:rgb(var(--sf-paper-rgb) / 70%)}.sf-brief-sub{fill:rgb(var(--sf-paper-rgb) / 30%)}.sf-brief-box{fill:none;stroke:rgb(var(--sf-paper-rgb) / 35%);stroke-width:1.2}.sf-brief-box--done{stroke:var(--sf-orange);stroke-width:1.4}.sf-brief-line{fill:rgb(var(--sf-paper-rgb) / 35%)}.sf-brief-line--done{fill:rgb(var(--sf-paper-rgb) / 45%)}.sf-core{position:absolute;z-index:5;left:calc(512 * var(--u));top:calc(132 * var(--u));width:calc(176 * var(--u));height:calc(176 * var(--u))}.sf-glow{position:absolute;z-index:-1;left:50%;top:50%;width:260%;height:260%;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgb(var(--sf-orange-rgb) / 30%),rgb(var(--sf-orange-rgb) / 8%) 55%,transparent);opacity:.8}.sf-core-body{position:absolute;inset:0;display:block}.sf-rim{position:absolute;inset:0;overflow:hidden;border-radius:calc(38 * var(--u));background:#ffffff1f}.sf-rim:before{content:"";position:absolute;inset:-40%;rotate:300deg;background:conic-gradient(from 0deg,transparent 0 55%,rgb(var(--sf-orange-rgb) / 0%) 60%,var(--sf-orange) 72%,#ffd2b8 74%,rgb(var(--sf-orange-rgb) / 0%) 84%,transparent 100%)}.sf-tile{position:absolute;inset:1.5px;overflow:hidden;border-radius:calc(37 * var(--u));background:radial-gradient(120% 90% at 30% 0%,#26272b,#121315 60%),#121315;box-shadow:inset 0 1px #ffffff24;perspective:calc(600 * var(--u))}.sf-layers{position:absolute;inset:0;display:grid;place-items:center}.sf-layer{grid-area:1 / 1;width:56%;height:34%;border:1px solid rgb(255 255 255 / 20%);border-radius:calc(8 * var(--u));background:#ffffff0a;transform:translateY(calc(var(--o) * var(--u))) rotateX(58deg) rotate(-40deg)}.sf-layer--1{--o: 18;--s: 46}.sf-layer--2{--o: 4;--s: 4;border-color:#ffffff47;background:#ffffff0f}.sf-layer--3{--o: -10;--s: -38;border-color:var(--sf-orange);background:rgb(var(--sf-orange-rgb) / 12%);box-shadow:0 0 calc(24 * var(--u)) rgb(var(--sf-orange-rgb) / 45%)}.sf-dot{position:absolute;left:50%;top:50%;width:calc(14 * var(--u));height:calc(14 * var(--u));margin:calc(-7 * var(--u)) 0 0 calc(-7 * var(--u));translate:0 calc(-12 * var(--u));border-radius:50%;background:var(--sf-orange);box-shadow:0 0 calc(18 * var(--u)) rgb(var(--sf-orange-rgb) / 90%)}.sf-scan{position:absolute;top:0;bottom:0;left:0;width:calc(46 * var(--u));translate:calc(-60 * var(--u)) 0;opacity:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 16%),transparent)}.sf-mark{position:absolute;z-index:5;left:50%;top:calc(326 * var(--u));translate:-50% 0;padding:3px 10px;border-radius:999px;background:var(--sf-ink);color:rgb(var(--sf-paper-rgb) / 70%);font-size:max(10.5px,calc(11 * var(--u)));font-weight:600;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.sf-film{--x: 836;--y: 30;--w: 212;--h: 120;--r: -3;display:grid;grid-template-rows:1fr auto;gap:calc(8 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u))}.sf-scene{position:relative;overflow:hidden;border-radius:calc(5 * var(--u));background:linear-gradient(180deg,#2b1910,#3a1e0f 52%,#121212 52.5%,#0f0f10)}.sf-sun{position:absolute;left:58%;top:52%;width:calc(30 * var(--u));height:calc(30 * var(--u));translate:-50% -50%;border-radius:50%;background:var(--sf-orange);box-shadow:0 0 calc(30 * var(--u)) rgb(var(--sf-orange-rgb) / 70%);clip-path:inset(calc(-40 * var(--u)) calc(-40 * var(--u)) 50% calc(-40 * var(--u)))}.sf-play{position:absolute;left:calc(8 * var(--u));top:calc(8 * var(--u));width:0;height:0;border-top:calc(6 * var(--u)) solid transparent;border-bottom:calc(6 * var(--u)) solid transparent;border-left:calc(9 * var(--u)) solid var(--sf-paper);opacity:.9}.sf-track{position:relative;display:block;height:calc(3 * var(--u));border-radius:2px;background:#ffffff29}.sf-progress{position:absolute;inset:0;scale:.42 1;transform-origin:left;border-radius:2px;background:var(--sf-orange)}.sf-head{position:absolute;left:0;top:50%;translate:calc((var(--w) - 24) * var(--u) * .42) 0;width:calc(9 * var(--u));height:calc(9 * var(--u));margin:calc(-4.5 * var(--u)) 0 0 calc(-4.5 * var(--u));border-radius:50%;background:var(--sf-paper)}.sf-audio{--x: 820;--y: 178;--w: 232;--h: 64;--r: 1;display:flex;align-items:center;gap:calc(12 * var(--u));padding:0 calc(16 * var(--u)) 0 calc(12 * var(--u));border-radius:calc(32 * var(--u))}.sf-audio-play{display:grid;flex:0 0 auto;place-items:center;width:calc(38 * var(--u));height:calc(38 * var(--u));border-radius:50%;background:var(--sf-orange)}.sf-audio-play:after{content:"";margin-left:calc(3 * var(--u));border-top:calc(7 * var(--u)) solid transparent;border-bottom:calc(7 * var(--u)) solid transparent;border-left:calc(10 * var(--u)) solid var(--sf-ink)}.sf-wave{position:relative;flex:1;height:calc(34 * var(--u))}.sf-wave .sf-bars{position:absolute;inset:0;height:auto}.sf-bars--played{clip-path:inset(0 58% 0 0)}.sf-bars--played i{background:var(--sf-orange)}.sf-carousel{--x: 872;--y: 268;--w: 132;--h: 132;--r: -2.5;overflow:visible;box-shadow:none}.sf-sheet{position:absolute;inset:0;border-radius:calc(8 * var(--u));box-shadow:0 calc(18 * var(--u)) calc(36 * var(--u)) calc(-14 * var(--u)) #000000d9}.sf-sheet--back{translate:calc(16 * var(--u)) calc(4 * var(--u));rotate:9deg;background:#2a2b2f}.sf-sheet--mid{translate:calc(8 * var(--u)) calc(2 * var(--u));rotate:4.5deg;background:#3a3b40}.sf-sheet--front{display:flex;flex-direction:column;gap:calc(6 * var(--u));padding:calc(14 * var(--u));background:var(--sf-paper-card)}.sf-type{display:block;flex:0 0 auto;border-radius:2px}.sf-type--title{height:calc(9 * var(--u));background:#1a1a1a}.sf-type--short{width:72%}.sf-type--rule{width:36%;height:calc(5 * var(--u));margin-top:calc(4 * var(--u));background:var(--sf-orange)}.sf-type--text{height:calc(4 * var(--u));background:#1a1a1a47}.sf-type--end{width:64%}.sf-pager{position:absolute;left:50%;bottom:calc(10 * var(--u));display:flex;gap:calc(5 * var(--u));translate:-50% 0}.sf-pager i{width:calc(5 * var(--u));height:calc(5 * var(--u));border-radius:50%;background:#1a1a1a40}.sf-pager b{position:absolute;left:0;top:0;width:calc(5 * var(--u));height:calc(5 * var(--u));translate:calc(10 * var(--u)) 0;border-radius:50%;background:var(--sf-orange)}.sf-avatar{--x: 1068;--y: 44;--w: 112;--h: 150;--r: 3.5;background:linear-gradient(170deg,#24252a,#141518)}.sf-avatar-head{position:absolute;left:50%;top:24%;width:calc(36 * var(--u));height:calc(42 * var(--u));translate:-50% 0;border-radius:48%;background:radial-gradient(70% 70% at 70% 40%,#3a3b40,#26272b);box-shadow:inset calc(-3 * var(--u)) 0 0 rgb(var(--sf-orange-rgb) / 55%)}.sf-avatar-body{position:absolute;left:50%;bottom:0;width:calc(84 * var(--u));height:calc(52 * var(--u));translate:-50% 0;border-radius:calc(40 * var(--u)) calc(40 * var(--u)) 0 0;background:linear-gradient(180deg,#2e2f34,#1b1c20);box-shadow:inset calc(-3 * var(--u)) calc(2 * var(--u)) 0 rgb(var(--sf-orange-rgb) / 35%)}.sf-lower{position:absolute;left:calc(8 * var(--u));right:calc(8 * var(--u));bottom:calc(10 * var(--u));display:flex;align-items:center;gap:calc(6 * var(--u));padding:calc(5 * var(--u)) calc(6 * var(--u));border-radius:calc(4 * var(--u));background:#0b0b0cd1}.sf-lower:before{content:"";align-self:stretch;width:calc(3 * var(--u));border-radius:2px;background:var(--sf-orange)}.sf-lower-line{flex:1;height:calc(4 * var(--u));border-radius:2px;background:rgb(var(--sf-paper-rgb) / 55%)}.sf-speech{display:flex;align-items:center;gap:calc(2 * var(--u));height:calc(10 * var(--u))}.sf-speech i{width:calc(2.4 * var(--u));height:calc(var(--b) * 100%);border-radius:2px;background:var(--sf-orange)}.sf-poster{--x: 1040;--y: 226;--w: 120;--h: 168;--r: 4;display:flex;flex-direction:column;gap:calc(6 * var(--u));padding:calc(12 * var(--u))}.sf-poster-block{position:relative;display:block;flex:0 0 46%;overflow:hidden;border-radius:calc(3 * var(--u));background:var(--sf-orange)}.sf-poster-block:after{content:"";position:absolute;right:-20%;bottom:-30%;width:80%;aspect-ratio:1;border-radius:50%;background:#0b0b0c38}.sf-type--headline{height:calc(10 * var(--u));background:#1a1a1a}.sf-poster .sf-type--short{width:66%}.sf-type--footer{width:80%;height:calc(4 * var(--u));margin-top:auto;background:#1a1a1a47}.sf-world{animation:sf-dolly 4.4s var(--sf-ease-cam) both}@keyframes sf-dolly{0%{translate:calc(var(--sf-cam-x) * var(--u)) calc(var(--sf-cam-y) * var(--u));scale:1.02}}.sf-zone--in{animation:sf-drift-in 4.4s var(--sf-ease-cam) both}.sf-zone--in .sf-card:after{animation:sf-fade .5s var(--sf-ease-io) 1.9s both}.sf-note:before{animation:sf-tape .5s var(--sf-ease-io) 1.9s both}@keyframes sf-tape{0%{background-color:#ffffff73}}.sf-zone--out{animation:sf-drift-out 4.4s var(--sf-ease-cam) both}@keyframes sf-drift-in{0%{translate:calc(var(--sf-in-x) * var(--u)) calc(var(--sf-in-y) * var(--u))}}@keyframes sf-drift-out{0%{translate:calc(var(--sf-out-x) * var(--u)) calc(var(--sf-out-y) * var(--u))}}.sf-zone--in .sf-card{animation:sf-arrive .7s var(--sf-ease-out) var(--d) both}@keyframes sf-arrive{0%{opacity:0;translate:calc(var(--ax) * var(--u)) calc(var(--ay) * var(--u));rotate:calc((var(--r) + var(--ar)) * 1deg);scale:.96}}.sf-note{--d: .2s;--ax: -24;--ay: 10;--ar: -6}.sf-memo{--d: .35s;--ax: 0;--ay: 16;--ar: 0}.sf-sketch{--d: .45s;--ax: -20;--ay: 18;--ar: 5}.sf-brief{--d: .55s;--ax: 0;--ay: 18;--ar: 0}.sf-ink{animation:sf-write .32s var(--sf-ease-io) var(--d) both}@keyframes sf-write{0%{stroke-dashoffset:1}}.sf-rec{animation:sf-fade .3s ease .5s both}@keyframes sf-fade{0%{opacity:0}}.sf-memo .sf-bars i{animation:sf-rise .26s var(--sf-ease-out) calc(.55s + var(--i) * 18ms) both}@keyframes sf-rise{0%{scale:1 .15}}.sf-wire{animation:sf-write .45s var(--sf-ease-io) var(--d) both}.sf-pulse{animation:sf-travel .65s var(--sf-ease-io) var(--d) both}@keyframes sf-travel{0%{stroke-dashoffset:.1;opacity:0}12%{opacity:1}85%{opacity:1}to{stroke-dashoffset:-1.1;opacity:0}}.sf-core-body{animation:sf-wake 2.2s var(--sf-ease-out) .2s both}@keyframes sf-wake{0%{opacity:0;scale:.92}22%{opacity:.5;scale:.94}75%{opacity:.5;scale:.94}to{opacity:1;scale:1}}.sf-glow{animation:sf-bloom 2.2s ease .2s both}@keyframes sf-bloom{0%,75%{opacity:0}85%{opacity:1}to{opacity:.8}}.sf-rim:before{animation:sf-spin 1.5s var(--sf-ease-io) 1.85s both}@keyframes sf-spin{0%{rotate:0deg;opacity:0}20%{opacity:1}}.sf-layer{animation:sf-converge .6s var(--sf-ease-out) 1.9s both}@keyframes sf-converge{0%{opacity:.35;transform:translateY(calc(var(--s) * var(--u))) rotateX(58deg) rotate(-40deg)}}.sf-dot{animation:sf-pop .4s var(--sf-ease-pop) 2.05s both}@keyframes sf-pop{0%{scale:0}}.sf-scan{animation:sf-scan .55s var(--sf-ease-io) 2.2s both}@keyframes sf-scan{0%{opacity:0;translate:calc(-60 * var(--u)) 0}30%,70%{opacity:.9}to{opacity:0;translate:calc(236 * var(--u)) 0}}.sf-zone-label{animation:sf-label .5s var(--sf-ease-out) var(--d) both}.sf-zone-label--in{--d: .1s}.sf-zone-label--core{--d: 1.85s}.sf-zone-label--out{--d: 2.55s}@keyframes sf-label{0%{opacity:0;translate:var(--sf-label-x, 0) 6px}}.sf-zone-label--core{--sf-label-x: -50%}.sf-mark{animation:sf-mark .45s var(--sf-ease-out) 2.2s both}@keyframes sf-mark{0%{opacity:0;translate:-50% calc(8 * var(--u))}}.sf-zone--out .sf-card{animation:sf-emerge .8s var(--sf-ease-out) var(--d) both}@keyframes sf-emerge{0%{opacity:0;scale:.3;rotate:0deg;translate:calc((var(--cx0) - var(--x) - var(--w) / 2) * var(--u)) calc((var(--cy0) - var(--y) - var(--h) / 2) * var(--u))}35%{opacity:1}}.sf-film{--d: 2.6s}.sf-audio{--d: 2.7s}.sf-carousel{--d: 2.8s}.sf-avatar{--d: 2.9s}.sf-poster{--d: 3s}.sf-progress{animation:sf-progress 1s linear 3.3s both}@keyframes sf-progress{0%{scale:0 1}}.sf-head{animation:sf-head 1s linear 3.3s both}@keyframes sf-head{0%{translate:0 0}}.sf-sun{animation:sf-sunrise 1s var(--sf-ease-out) 3.3s both}@keyframes sf-sunrise{0%{translate:-50% -20%}}.sf-audio .sf-bars i{animation:sf-rise .35s var(--sf-ease-out) calc(3.25s + var(--i) * 10ms) both}.sf-bars--played{animation:sf-played .8s linear 3.5s both}@keyframes sf-played{0%{clip-path:inset(0 100% 0 0)}}.sf-lower{animation:sf-slide .45s var(--sf-ease-out) 3.55s both}@keyframes sf-slide{0%{opacity:0;translate:calc(-14 * var(--u)) 0}}.sf-speech i{animation:sf-talk .5s var(--sf-ease-out) calc(3.6s + var(--i) * 50ms) both}@keyframes sf-talk{0%{scale:1 .3}40%{scale:1 1.15}70%{scale:1 .7}to{scale:1 1}}.sf-sheet--back,.sf-sheet--mid{animation:sf-fan .55s var(--sf-ease-out) 3.45s both}@keyframes sf-fan{0%{rotate:0deg;translate:0 0}}.sf-pager b{animation:sf-page .35s var(--sf-ease-io) 3.95s both}@keyframes sf-page{0%{translate:0 0}}.sf-poster-block{animation:sf-wipe .5s var(--sf-ease-out) 3.55s both}@keyframes sf-wipe{0%{clip-path:inset(0 0 100% 0)}}.sf-poster .sf-type{transform-origin:left;animation:sf-type .4s var(--sf-ease-out) var(--d2) both}.sf-poster .sf-type--headline{--d2: 3.7s}.sf-poster .sf-type--short{--d2: 3.78s}.sf-poster .sf-type--footer{--d2: 3.86s}@keyframes sf-type{0%{scale:0 1}}.studio-flow[data-paused=true],.studio-flow[data-paused=true] *,.studio-flow[data-paused=true] *:before,.studio-flow[data-paused=true] *:after{animation-play-state:paused!important}@media(max-width:760px){.studio-flow{max-width:440px;margin-inline:auto}.studio-flow .sf-focus{top:calc(186 * var(--u));height:calc(384 * var(--u))}.studio-flow .sf-ink{stroke-width:2.2}.studio-flow .sf-ink--accent{stroke-width:2.8}.studio-flow .sf-world{--u: calc(100cqw / 360);--cx0: 180;--cy0: 250;--sf-cam-x: 0;--sf-cam-y: 10;--sf-in-x: 0;--sf-in-y: -6;--sf-out-x: 0;--sf-out-y: 14;aspect-ratio:360 / 580}.studio-flow .sf-wires--desktop{visibility:hidden}.studio-flow .sf-wires--mobile{visibility:visible}.studio-flow .sf-zone-label{top:auto;font-size:10px}.studio-flow .sf-zone-label--in{left:0;top:calc(-2 * var(--u))}.studio-flow .sf-zone-label--out{left:0;top:calc(356 * var(--u))}.studio-flow .sf-zone-label--core{visibility:hidden}.studio-flow .sf-note{--x: 10;--y: 30;--w: 104;--h: 96;--r: -5}.studio-flow .sf-memo{--x: 124;--y: 54;--w: 124;--h: 46;--r: 2.5}.studio-flow .sf-memo .sf-bars i:nth-child(n+15){flex:0 0 0;margin-left:calc(-2 * var(--u));visibility:hidden}.studio-flow .sf-sketch{--x: 252;--y: 30;--w: 100;--h: 84;--r: 4}.studio-flow .sf-brief{visibility:hidden}.studio-flow .sf-core{left:calc(116 * var(--u));top:calc(186 * var(--u));width:calc(128 * var(--u));height:calc(128 * var(--u))}.studio-flow .sf-rim{border-radius:calc(30 * var(--u))}.studio-flow .sf-tile{border-radius:calc(29 * var(--u))}.studio-flow .sf-mark{top:calc(322 * var(--u))}.studio-flow .sf-film{--x: 8;--y: 392;--w: 176;--h: 100;--r: -2}.studio-flow .sf-avatar{--x: 196;--y: 388;--w: 72;--h: 100;--r: 3}.studio-flow .sf-poster{--x: 278;--y: 394;--w: 74;--h: 104;--r: -3;gap:calc(4 * var(--u));padding:calc(8 * var(--u))}.studio-flow .sf-audio{--x: 8;--y: 508;--w: 176;--h: 50;--r: 1}.studio-flow .sf-carousel{--x: 214;--y: 506;--w: 64;--h: 64;--r: -3}.studio-flow .sf-avatar-head{width:calc(26 * var(--u));height:calc(30 * var(--u))}.studio-flow .sf-avatar-body{width:calc(58 * var(--u));height:calc(36 * var(--u))}.studio-flow .sf-lower{left:calc(5 * var(--u));right:calc(5 * var(--u));bottom:calc(6 * var(--u));padding:calc(3 * var(--u)) calc(4 * var(--u))}.studio-flow .sf-sheet--front{gap:calc(4 * var(--u));padding:calc(8 * var(--u))}.studio-flow .sf-type--title{height:calc(6 * var(--u))}.studio-flow .sf-type--headline{height:calc(7 * var(--u))}@supports not (width: 1cqw){.studio-flow .sf-world{--u: calc((100vw - 2 * clamp(20px, 4vw, 56px)) / 360)}}}@media(prefers-reduced-motion:reduce){.studio-flow,.studio-flow *,.studio-flow *:before,.studio-flow *:after{animation:none!important}}
