@import "https://use.typekit.net/xok6rdq.css";@import "https://fonts.googleapis.com/css2?family=Anton&family=Archivo:wght@400;600;800&family=Space+Mono:wght@400;700&family=VT323&family=Reenie+Beanie&family=Permanent+Marker&family=Fraunces:ital,opsz,wght@0,9..144,300..800;1,9..144,300..800&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.visible\!{visibility:visible!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.static\!{position:static!important}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.\!hidden{display:none!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--red:#e3141b;--black:#0b0b0b;--paper:#f4f1e8;--dim:#8a877d;--note:#ffe14d;--display:"Anton", Impact, "Arial Narrow", sans-serif;--body:"Archivo", Helvetica, Arial, sans-serif;--mono:"Space Mono", "Courier New", monospace;--vt:"VT323", "Courier New", monospace;--hand:"Reenie Beanie", "Permanent Marker", cursive;--grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");color:var(--paper);background:var(--black);font-family:var(--body);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--black);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.hero{background:#08070a;height:calc(100dvh - 62px);min-height:560px;position:relative;overflow:hidden}.hero.is-focus{height:100dvh}.hero-canvas{z-index:1;position:absolute;inset:0}.yt-layer{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-canvas canvas{touch-action:pan-y}.osd-btn{font:22px/1 var(--vt);letter-spacing:.08em;color:#fff;text-shadow:2px 2px #0000008c;image-rendering:pixelated;background:#0b1fb8;border:0;align-items:center;gap:10px;padding:6px 12px 5px;display:inline-flex;box-shadow:0 0 0 2px #ffffffd9}.osd-btn kbd{font:inherit;color:#0b1fb8;text-shadow:none;background:#fff;padding:1px 5px 0;font-size:16px}.osd-btn:hover{color:#0b1fb8;text-shadow:none;background:#fff}.osd-btn:hover kbd{color:#fff;background:#0b1fb8}.hud{z-index:6;pointer-events:none;opacity:0;transition:opacity .5s .3s;position:absolute;inset:0}.hud.is-on{opacity:1}.hud.is-on>*{pointer-events:auto}.hud-back{position:absolute;top:20px;left:20px}.hud-big{position:absolute;top:20px;right:20px}.hero.is-big .hud-back,.hero.is-big .hud-big{opacity:.25}.hero.is-big .hud-back:hover,.hero.is-big .hud-big:hover{opacity:1}.big-note{background:linear-gradient(180deg, #00000014, #0000 70px), var(--note);color:#1f2a6b;width:min(560px,100%);max-height:92dvh;font:30px/1.05 var(--hand);padding:34px 34px 28px;animation:.42s cubic-bezier(.2,1.3,.4,1) both note-in;position:relative;overflow-y:auto;transform:rotate(-1.5deg);box-shadow:0 30px 60px #0009}.big-note:after{content:"";background-image:var(--grain);mix-blend-mode:multiply;opacity:.18;pointer-events:none;position:absolute;inset:0}@keyframes note-in{0%{opacity:0;transform:translateY(40px)rotate(-8deg)scale(.6)}}.big-note h3{font:400 76px/.9 var(--hand);color:#d4141b;margin:0 0 10px}.big-note ul{margin:0;padding:0 0 0 22px}.big-note li{margin-bottom:8px}.big-note b{color:#d4141b;font-weight:400}.big-note-x{font:44px/1 var(--hand);color:#1f2a6b;background:0 0;border:0;position:absolute;top:8px;right:14px}.big-note-down{font:40px/1 var(--hand);color:#d4141b;text-underline-offset:6px;background:0 0;border:0;margin:18px 0 0 auto;padding:0;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;display:block}.riso{background:var(--paper);isolation:isolate;width:100%;height:100%;display:block;position:relative;overflow:hidden}.riso img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.riso-red{filter:url(#riso-red);mix-blend-mode:multiply;transform:translate(calc(2px + var(--reg,0) * 46px), calc(-1.5px - var(--reg,0) * 18px)) scale(1.01)}.riso-black{filter:url(#riso-black);mix-blend-mode:multiply;transform:translate(calc(var(--reg,0) * -40px), calc(var(--reg,0) * 24px));-webkit-mask-image:radial-gradient(circle,#000 1.15px,#0000 1.55px);mask-image:radial-gradient(circle,#000 1.15px,#0000 1.55px);-webkit-mask-size:3.2px 3.2px;mask-size:3.2px 3.2px}.riso:after{z-index:3;content:"";background-image:var(--grain);mix-blend-mode:multiply;opacity:.35;pointer-events:none;position:absolute;inset:0}.marquee{background:var(--red);color:var(--black);z-index:3;margin-top:-16px;padding:14px 0;position:relative;overflow:hidden;transform:rotate(-1.4deg)scale(1.02)}.marquee>div{width:max-content;font:400 30px/1 var(--display);letter-spacing:.02em;white-space:nowrap;animation:34s linear infinite marquee;display:flex}@keyframes marquee{to{transform:translate(-50%)}}.sec{padding:clamp(70px,10vw,140px) clamp(16px,5vw,80px);position:relative}.sec-head{align-items:flex-end;gap:18px;margin-bottom:clamp(30px,5vw,60px);display:flex}.sec-head h2{font:400 clamp(56px, 10vw, 160px) / .82 var(--display);letter-spacing:-.01em;text-transform:uppercase;margin:0}.sec-aside{max-width:320px;font:12px/1.5 var(--mono);color:var(--dim);margin:0 0 .4em auto}.sec-n{background:var(--red);font:700 13px var(--mono);color:var(--paper);padding:6px 8px;transform:translateY(-.6em)rotate(-8deg)}.btn{background:var(--black);font:700 12px var(--mono);letter-spacing:.06em;color:var(--paper);margin-top:12px;padding:12px 18px;display:inline-block}.btn:hover{background:var(--red)}.btn-light{background:var(--paper);color:var(--black);margin-top:40px}.cases{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,2vw,28px);display:grid}.case{text-align:left;aspect-ratio:105/190;perspective:900px;background:0 0;border:0;padding:0;position:relative}.case-tape{background:#151515;border-radius:4px;justify-content:center;align-items:flex-end;padding-bottom:10px;transition:transform .38s cubic-bezier(.2,1.4,.4,1);display:flex;position:absolute;inset:6% 4% 6% 10%;box-shadow:inset 0 0 0 3px #222}.case-tape span{background:var(--c);font:400 13px/1 var(--display);color:var(--i);writing-mode:vertical-rl;padding:3px 8px;transform:rotate(180deg)}.case:hover .case-tape{transform:translateY(-26%)rotate(-2deg)}.case:hover{z-index:2}.case .cover{z-index:1;transform-origin:0;transition:transform .38s;display:block;position:relative}.case:hover .cover{transform:rotateY(-14deg)}.cover{background:var(--c);width:100%;height:100%;color:var(--i);isolation:isolate;padding:10% 10% 8%;display:block;position:relative;overflow:hidden;box-shadow:inset 6px 0 #00000059,0 14px 30px #0000008c;container-type:inline-size}.cover:after{z-index:3;content:"";background-image:var(--grain);mix-blend-mode:multiply;opacity:.45;pointer-events:none;position:absolute;inset:0}.cover-n{z-index:2;font:700 12px var(--mono);position:relative}.cover-shape{z-index:0;mix-blend-mode:multiply;position:absolute}.shape-circle .cover-shape{aspect-ratio:1;background:var(--i);opacity:.9;border-radius:50%;width:90%;top:18%;right:-22%}.shape-bar .cover-shape{background:var(--i);width:150%;height:16%;top:40%;left:-20%;transform:rotate(-32deg)}.shape-tri .cover-shape{aspect-ratio:1;background:var(--i);clip-path:polygon(0 100%,100% 0,100% 100%);width:90%;bottom:18%;right:-10%}.cover:is(.shape-circle,.shape-bar,.shape-tri) .cover-shape{filter:contrast(1.1)}.cover-title{z-index:2;background:var(--i);max-width:92%;font:400 min(18cqi, calc(150cqi / var(--len,6))) / .9 var(--display);letter-spacing:0;color:var(--c);transform-origin:0 100%;padding:.08em .14em .02em;position:absolute;bottom:20%;left:6%;transform:rotate(-4deg);box-shadow:.06em .06em #00000059}.cover-meta{z-index:2;font:9px/1.3 var(--mono);position:absolute;bottom:8%;left:8%;right:8%}.cover-vhs{z-index:2;font:700 10px var(--mono);border:1.5px solid;padding:2px 4px;position:absolute;top:8%;right:8%}.cover.is-big .cover-title{font-size:min(20cqi, calc(165cqi / var(--len,6)))}.cover.is-big .cover-meta{font-size:11px}.modal{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050506db;place-items:center;padding:clamp(10px,3vw,40px);animation:.3s both fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.vfd-bar{font:22px var(--vt);letter-spacing:.06em;color:#5dffc2;text-shadow:0 0 6px #2fe0a0;background:#040705;align-items:center;gap:16px;padding:8px 10px 8px 14px;display:flex}.vfd-bar span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.vfd-bar a{font-size:18px}.vfd-bar a:hover{color:var(--paper)}.vfd-bar button{width:36px;height:30px;font:16px var(--mono);color:var(--black);text-shadow:none;background:#ffcf5a;border:0}.case-open{perspective:1400px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(200px,.6fr) 1.4fr;width:min(1100px,100%);height:min(92dvh,860px);display:grid}.case-left{aspect-ratio:105/190;max-height:92dvh;animation:.6s cubic-bezier(.2,1,.3,1) both case-left}.backcover{background:var(--paper);min-height:0;color:var(--black);transform-origin:0;isolation:isolate;flex-direction:column;gap:12px;padding:18px 20px 16px;animation:.7s cubic-bezier(.2,1,.3,1) both case-open;display:flex;position:relative;overflow-y:auto;box-shadow:inset 10px 0 18px #00000040}.backcover:after{z-index:5;content:"";background-image:var(--grain);mix-blend-mode:multiply;opacity:.3;pointer-events:none;position:absolute;inset:0}@keyframes case-open{0%{opacity:.4;transform:rotateY(-100deg)}}@keyframes case-left{0%{transform:translate(30%)}}.bc-head{border-bottom:3px solid var(--black);align-items:center;gap:12px;padding-bottom:10px;display:flex}.bc-n{background:var(--red);font:700 11px var(--mono);color:var(--paper);padding:4px 6px}.bc-head h3{font:400 clamp(30px, 4vw, 52px) / .9 var(--display);flex:1;margin:0}.eject{width:40px;height:34px;font:18px var(--mono);color:var(--black);background:#ffcf5a;border:0;box-shadow:0 3px #00000059}.eject:hover{background:var(--red);color:var(--paper)}.bc-player{aspect-ratio:16/9;border:3px solid var(--black);background:#000;align-self:center;width:100%;max-height:46dvh;position:relative}.bc-player.ratio-9x16{aspect-ratio:9/16;width:auto;height:46dvh}.bc-player.ratio-4x3{aspect-ratio:4/3}.bc-player video,.bc-player iframe{object-fit:cover;border:0;width:100%;height:100%;display:block}.bc-now{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.bc-now b{font:400 24px/1 var(--display)}.bc-syn{font:14px/1.45 var(--body);margin:0}.bc-syn em{background:var(--black);font:700 10px var(--mono);color:var(--paper);margin-right:6px;padding:2px 5px;font-style:normal}.chapters{border-top:2px solid var(--black);margin:0;padding:0;list-style:none}.chapters button{text-align:left;background:0 0;border:0;border-bottom:1px dashed #0b0b0b66;grid-template-columns:28px 72px 1fr auto;align-items:center;gap:12px;width:100%;padding:8px 4px;display:grid}.ch-n{font:700 12px var(--mono);color:var(--red)}.ch-thumb{aspect-ratio:16/9;background:#111;width:72px;display:block;overflow:hidden}.ch-thumb.ratio-9x16{aspect-ratio:9/16;justify-self:center;width:30px}.ch-thumb video,.ch-thumb img{object-fit:cover;filter:grayscale()contrast(1.2);width:100%;height:100%}.ch-text b{font:400 20px/1 var(--display);display:block}.ch-text em{font:10px var(--mono);color:#5c5a53;font-style:normal}.ch-fmt{font:700 10px var(--mono);border:1.5px solid;padding:2px 5px}.chapters button:hover,.chapters button.is-on{background:var(--black);color:var(--paper)}.chapters button.is-on .ch-thumb img,.chapters button.is-on .ch-thumb video{filter:none}.bc-foot{border-top:3px solid var(--black);flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;padding-top:10px;display:flex}.bc-spec{font:700 10px var(--mono);letter-spacing:.04em;flex:1}.bc-tv{background:var(--red);font:400 18px var(--display);letter-spacing:.03em;color:var(--paper);border:0;padding:10px 14px}.bc-tv:hover{background:var(--black)}.barcode{background:#fff;align-items:stretch;height:30px;padding:3px 5px;display:inline-flex}.barcode i{background:var(--black);margin-right:1px;display:block}.viewer{background:#101010;flex-direction:column;width:min(1300px,100%);height:min(860px,92dvh);animation:.45s cubic-bezier(.2,1,.3,1) both viewer-in;display:flex;box-shadow:0 30px 80px #000000b3}@keyframes viewer-in{0%{filter:brightness(4);transform:scaleY(.02)scaleX(.6)}50%{transform:scaleY(.02)scaleX(1)}}.viewer-body{flex:1;grid-template-columns:280px 1fr;min-height:0;display:grid}.viewer-list{border-right:1px solid #222;margin:0;padding:10px;list-style:none;overflow-y:auto}.viewer-list button{text-align:left;background:#181818;border:0;grid-template-columns:84px 1fr;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:6px;display:grid}.cam{background:#000;height:54px;display:block;position:relative;overflow:hidden}.cam img{object-fit:cover;filter:grayscale()contrast(1.3)brightness(.8);width:100%;height:100%}.cam:after{content:"";background:repeating-linear-gradient(0deg,#00000059 0 1px,#0000 1px 3px);position:absolute;inset:0}.cam i{z-index:1;font:12px var(--vt);color:#fff;text-shadow:1px 1px #000;font-style:normal;position:absolute;bottom:2px;left:3px}.is-on .cam img,button:hover .cam img{filter:none}.viewer-list em{font:9px var(--mono);color:var(--red);font-style:normal;display:block}.viewer-list b{font:400 17px/1 var(--display)}.viewer-list button.is-on,.viewer-list button:hover{background:var(--paper);color:var(--black)}.rec-dot{background:var(--red);width:9px;height:9px;box-shadow:0 0 8px var(--red);border-radius:50%;margin-right:4px;animation:1s step-end infinite blink;display:inline-block}.viewer-frame{background:var(--paper);min-height:0;color:var(--black);scroll-behavior:smooth;position:relative;overflow-y:auto}.pj-head{max-width:900px;margin:0 auto;padding:34px 28px 22px}.pj-head em{font:700 11px var(--mono);color:var(--red);font-style:normal}.pj-head h3{font:400 clamp(40px, 6vw, 84px) / .85 var(--display);margin:4px 0 10px}.pj-head p{max-width:640px;font:15px/1.5 var(--body);margin:0}.pj-mods{max-width:1000px;margin:0 auto}.pj-mods img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.pj-mods img.is-inset{width:auto;max-width:88%;margin:0 auto}.pj-row{align-items:flex-start;gap:.3%;display:flex}.pj-row img{flex:1 1 0;min-width:0}.viewer-frame.is-dark{color:var(--paper)}.viewer-frame.is-dark .pj-more{background:var(--paper);color:var(--black)}.pj-yt{aspect-ratio:16/9;background:#000}.pj-yt iframe{border:0;width:100%;height:100%}.pj-video{background:var(--black);font:22px var(--vt);letter-spacing:.05em;color:#5dffc2;text-align:center;margin:10px 0;padding:26px;display:block}.pj-video:hover{background:var(--red);color:var(--paper)}.pj-more{background:var(--black);width:max-content;font:700 12px var(--mono);color:var(--paper);margin:30px auto 40px;padding:14px 20px;display:block}.pj-more:hover{background:var(--red)}.viewer-static{z-index:3;background:repeating-linear-gradient(0deg, #ffffff0d 0 1px, transparent 1px 3px), var(--grain), #111;height:100%;font:30px var(--vt);color:var(--paper);place-items:center;margin-bottom:-100%;animation:.3s step-end infinite blink;display:grid;position:sticky;top:0}@keyframes blink{50%{opacity:.6}}.about{background:var(--paper);color:var(--black);grid-template-columns:minmax(240px,.8fr) 1.2fr;align-items:center;gap:clamp(30px,6vw,100px);display:grid;overflow:hidden}.about:after{content:"";background-image:var(--grain);mix-blend-mode:multiply;opacity:.25;pointer-events:none;position:absolute;inset:0}.about-art{z-index:0;pointer-events:none;position:absolute;inset:0}.about-art .circle{transform:translateY(calc(var(--par,0) * -120px));aspect-ratio:1;background:var(--red);border-radius:50%;width:min(48vw,640px);position:absolute;top:-12%;left:-8%}.about-art .bar{background:var(--black);width:70%;height:46px;transform:translateY(calc(var(--par,0) * 160px)) rotate(-24deg);position:absolute;bottom:5%;right:-10%}.about-photo{z-index:1;aspect-ratio:3/4;border:3px solid var(--black);box-shadow:14px 14px 0 var(--black);transform:rotate(calc(-2deg - var(--reg,0) * 8deg)) translateY(calc(var(--reg,0) * 60px));opacity:calc(1 - var(--reg,0) * .6);margin:0;position:relative;overflow:hidden}.about-photo .riso{filter:url(#warp)}.about-photo,.about-photo img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.about-photo img{pointer-events:none}.about-photo.is-glitch .riso-red{transition:transform 80ms steps(2,end);transform:translate(18px,-8px)scale(1.03)}.about-photo.is-glitch .riso-black{transition:transform 80ms steps(2,end);transform:translate(-14px,6px)}.about-photo.is-glitch{animation:.12s steps(2,end) infinite jitter}@keyframes jitter{50%{transform:rotate(-2.6deg)translate(4px)skew(-2deg)}}.sc-ch,.sc-w{transform:translate(calc(var(--reg,0) * var(--dx)), calc(var(--reg,0) * var(--dy))) rotate(calc(var(--reg,0) * var(--rot)));opacity:calc(1 - var(--reg,0) * .85);text-shadow:calc(var(--reg,0) * 10px) 0 0 #e3141bd9, calc(var(--reg,0) * -10px) 0 0 #0096ff8c;will-change:transform;display:inline-block}.sc-w{transform:translate(calc(var(--reg,0) * var(--dx)), calc(var(--reg,0) * var(--dy))) skewX(calc(var(--reg,0) * -24deg))}.about-copy p:not(.lead),.about-copy .btn{transform:translateX(calc(var(--reg,0) * 160px)) skewX(calc(var(--reg,0) * -12deg));opacity:calc(1 - var(--reg,0))}.about-copy{z-index:1;position:relative}.about .sec-head h2{color:var(--black)}.about .lead{font:800 clamp(22px, 2.6vw, 36px) / 1.05 var(--body);letter-spacing:-.02em;margin:0 0 20px}.design-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,28px);display:grid}.design-card{text-align:left;background:0 0;border:0;flex-direction:column;gap:8px;padding:0;display:flex}.dc-img{aspect-ratio:808/632;border:2px solid var(--paper);background:#1a1a1a;transition:transform .3s;display:block;position:relative;overflow:hidden}.dc-img img{object-fit:cover;width:100%;height:100%;display:block}.dc-img:after{content:"";background-image:var(--grain);mix-blend-mode:multiply;opacity:.18;pointer-events:none;position:absolute;inset:0}.dc-cam{z-index:1;font:16px var(--vt);color:#fff;text-shadow:1px 1px #000;opacity:0;font-style:normal;transition:opacity .2s;position:absolute;top:6px;left:8px}.design-card:hover .dc-cam{opacity:1}.design-card:hover .dc-img{border-color:var(--red);transform:rotate(-1.5deg)scale(1.02)}.meters{border-top:1px solid #2a2a2a;border-left:1px solid #2a2a2a;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.meters li{border-bottom:1px solid #2a2a2a;border-right:1px solid #2a2a2a;grid-template-rows:auto auto 22px;justify-items:center;gap:14px;padding:26px 14px 18px;transition:background .2s;display:grid;position:relative}.meters li:hover,.meters li.is-on{background:#1a1a1a}.m-reel{place-items:center;width:78px;height:78px;display:grid;position:relative}.m-spokes{background:conic-gradient(from 0deg, #3a3a3a 0 7deg, transparent 7deg 60deg, #3a3a3a 60deg 67deg, transparent 67deg 120deg, #3a3a3a 120deg 127deg, transparent 127deg 180deg, #3a3a3a 180deg 187deg, transparent 187deg 240deg, #3a3a3a 240deg 247deg, transparent 247deg 300deg, #3a3a3a 300deg 307deg, transparent 307deg);border:3px solid #3a3a3a;border-radius:50%;transition:border-color .2s;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 24px,#000 25px);mask:radial-gradient(circle,#0000 24px,#000 25px)}.m-logo{width:40px;height:40px;color:var(--paper);place-items:center;transition:color .2s;display:grid;position:relative}.tool-svg{width:100%;height:100%}.meters li:hover .m-spokes,.meters li.is-on .m-spokes{border-color:var(--red);animation:1.6s linear infinite reverse spin}.meters li:hover .m-logo,.meters li.is-on .m-logo{color:var(--red);animation:1.2s linear infinite spin}.m-name{font:400 clamp(18px, 1.7vw, 24px) / 1 var(--display);text-align:center}.m-vu{align-items:flex-end;gap:3px;height:22px;display:flex}.m-vu i{background:#333;width:6px;height:3px;transition:height .2s}.meters li:hover .m-vu i,.meters li.is-on .m-vu i{animation:.52s ease-in-out infinite alternate vu-dance;animation-delay:calc(var(--k) * -137ms);background:#5dffc2;box-shadow:0 0 6px #2fe0a080}.meters li:hover .m-vu i:nth-child(n+6),.meters li.is-on .m-vu i:nth-child(n+6){background:var(--red);box-shadow:0 0 6px #ed1c2480}@keyframes spin{to{transform:rotate(360deg)}}@keyframes vu-dance{0%{height:3px}35%{height:16px}60%{height:8px}to{height:22px}}.services .sec-head,.videoteca .sec-head{margin-bottom:14px}.svc-intro{max-width:760px;font:700 clamp(20px, 2.4vw, 32px) / 1.15 var(--body);letter-spacing:-.01em;margin:0 0 clamp(28px,4vw,50px)}.svc-intro b{background:var(--red);padding:0 .15em;font-weight:800}.svc-wrap{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:clamp(20px,4vw,60px);display:grid}.service-list{margin:0;padding:0;list-style:none}.service-list>li{border-bottom:2px solid var(--paper)}.service-row{align-items:center;gap:14px;display:flex}.service-head{font:400 clamp(26px, 4.2vw, 64px) / .95 var(--display);text-align:left;background:0 0;border:0;flex:1;align-items:baseline;gap:20px;padding:10px 0;transition:color .16s,padding .16s;display:flex}.service-head span{font:700 12px var(--mono);color:var(--red)}.service-head i{font:400 .6em var(--display);margin-left:auto;font-style:normal}.svc-add{border:2px solid var(--paper);font:700 11px var(--mono);white-space:nowrap;background:0 0;flex:none;padding:9px 12px}.is-added .svc-add{border-color:var(--red);background:var(--red);color:var(--paper)}.service-body{max-height:0;transition:max-height .4s;overflow:hidden}.is-open .service-body{max-height:320px}.service-body p{max-width:560px;font:15px/1.5 var(--body);margin:0;padding:0 0 10px 64px}.svc-includes{flex-wrap:wrap;gap:8px;margin:0;padding:0 0 22px 64px;list-style:none;display:flex}.svc-includes li{border:1px dashed var(--dim);font:11px var(--mono);padding:5px 9px}.receipt{position:sticky;top:24px}.rc-paper{color:#222;font:13px/1.5 var(--mono);background:#f7f5ee;padding:22px 20px 26px;position:relative;transform:rotate(1.2deg);box-shadow:0 16px 30px #00000080;-webkit-mask:radial-gradient(8px at 50% 100%,#0000 98%,#000) 0 0/16px 100% repeat-x;mask:radial-gradient(8px at 50% 100%,#0000 98%,#000) 0 0/16px 100% repeat-x}.rc-paper:after{content:"";background-image:var(--grain);mix-blend-mode:multiply;opacity:.25;pointer-events:none;position:absolute;inset:0}.rc-head{text-align:center;margin:0;font-weight:700}.rc-dash{white-space:nowrap;color:#888;margin:8px 0;overflow:hidden}.rc-empty{color:#888;text-align:center;margin:14px 0}.rc-items{margin:0;padding:0;list-style:none}.rc-items li{grid-template-columns:52px 1fr auto;gap:8px;padding:4px 0;animation:.38s steps(6,end) both print;display:grid}@keyframes print{0%{clip-path:inset(0 0 100%);transform:translateY(-6px)}}.rc-items span{color:var(--red)}.rc-items b{font-weight:400}.rc-total{justify-content:space-between;margin:0;font-weight:700;display:flex}.rc-note{color:#666;margin:6px 0 12px;font-size:11px}.rc-send{background:var(--red);font:400 22px var(--display);letter-spacing:.03em;color:var(--paper);text-align:center;margin-top:16px;padding:14px;display:block}.rc-send:hover{background:var(--paper);color:var(--black)}.rc-send.is-off{color:#777;pointer-events:none;background:#2a2a2a}.contact{background:var(--red);color:var(--black)}.contact h2{font:400 clamp(60px, 12vw, 200px) / .82 var(--display);margin:0 0 50px}.contact h2 em{color:var(--paper);font-style:normal}.contact-links{flex-wrap:wrap;gap:12px;display:flex}.contact-links a{background:var(--black);font:700 13px var(--mono);letter-spacing:.04em;color:var(--paper);padding:12px 18px}.contact-links a:hover{background:var(--paper);color:var(--black)}.foot{font:11px var(--mono);letter-spacing:.05em;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:90px;display:flex}.foot button{font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}@media (width<=1000px){.cases{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.design-grid,.cases{grid-template-columns:repeat(2,minmax(0,1fr))}.about{grid-template-columns:1fr}.about-photo{width:min(70vw,340px)}.case-open{grid-template-columns:1fr;height:94dvh}.case-left{display:none}.viewer-body{grid-template-rows:90px 1fr;grid-template-columns:1fr}.viewer-list{border-right:0;gap:8px;display:flex;overflow-x:auto}.viewer-list button{width:200px}.svc-wrap{grid-template-columns:1fr}.service-body p,.svc-includes{padding-left:0}.sec-head{flex-wrap:wrap}.sec-aside{margin-left:0}.hud-big{top:auto;bottom:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.hero-sound{z-index:7;font-size:18px;position:absolute;top:20px;right:20px}.hero-sound.is-off{background:#2a2a2a}.hero.is-focus .hero-sound{top:64px}.tv-tip{font:16px/1 var(--vt);letter-spacing:.06em;white-space:nowrap;color:#fff;background:#0b1fb8;padding:4px 8px 3px;display:block;box-shadow:0 0 0 2px #ffffffd9}.film-run{position:relative}.film{--base:#16141af5;--edge:#0e0d12f7;z-index:3;transform-origin:0;pointer-events:none;filter:drop-shadow(0 12px 18px #0006)drop-shadow(0 0 1px #f4f1e840);flex-direction:column;height:150px;margin-top:-75px;display:flex;position:absolute;top:0;left:0}.film-holes{background:linear-gradient(var(--edge), var(--edge)) top / 100% 6px no-repeat, linear-gradient(var(--edge), var(--edge)) bottom / 100% 6px no-repeat, repeating-linear-gradient(90deg, var(--edge) 0 9px, #f4f1e8eb 9px 19px, var(--edge) 19px 24px);background-position:0 0, 0 100%, calc(var(--slide,0px) * -1) 0;flex:0 0 24px;position:relative}.film-holes:first-child{box-shadow:inset 0 1px #f4f1e873}.film-holes:last-child{box-shadow:inset 0 -1px #f4f1e873}.film-holes:after{background:repeating-linear-gradient(90deg,#0000 0 9px,#fffaeb80 9px 19px,#0000 19px 24px);background-position:calc(var(--slide,0px) * -1) 0;filter:blur(3px);content:"";position:absolute;inset:6px 0}.film-frames{background:var(--base);flex:auto;gap:10px;min-height:0;padding:4px 6px;display:flex;overflow:hidden}.film-frames>.film-frame:first-child{margin-left:calc(var(--slide,0px) * -1)}.film-frame{background:#2a2830;border-radius:4px;flex:none;width:168px;height:100%;position:relative;overflow:hidden}.film-frame img{object-fit:cover;filter:grayscale(.75)contrast(1.05)brightness(.92);opacity:.95;width:100%;height:100%;display:block}.film-run .about-photo,.film-run .about-copy{z-index:4}.film-run .design>*{z-index:2;position:relative}.loader{z-index:8;font-family:var(--vt);color:#fff;text-shadow:3px 3px #00000073;background:#0b1fb8;place-items:center;transition:opacity .8s,filter .8s;display:grid;position:absolute;inset:0;overflow:hidden}.loader:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000002e 0 2px,#0000 2px 4px);position:absolute;inset:0}.loader.is-done{opacity:0;filter:brightness(3)blur(2px);pointer-events:none}.ld-play{font-size:44px;animation:1s steps(2,end) infinite blink;position:absolute;top:28px;left:34px}.ld-sp{font-size:44px;position:absolute;top:28px;right:34px}.ld-mid{flex-direction:column;align-items:center;gap:10px;display:flex}.ld-mid b{letter-spacing:.08em;font-size:clamp(64px,10vw,120px);font-weight:400}.ld-bar{gap:6px;display:flex}.ld-bar i{border:3px solid #fff;width:clamp(12px,1.6vw,20px);height:clamp(22px,3vw,36px);box-shadow:3px 3px #00000073}.ld-bar i.on{background:#fff}.ld-count{opacity:.85;font-size:22px}html.intro-open,html.intro-open body{overflow:hidden}.intro{z-index:300;font-family:var(--vt);color:#fff;text-shadow:2px 2px #00000073;background:#0b1fb8;flex-direction:column;animation:.4s both intro-in;display:flex;position:fixed;inset:0;overflow:hidden}.intro:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000029 0 2px,#0000 2px 4px);position:absolute;inset:0}@keyframes intro-in{0%{opacity:0;filter:brightness(3)}}.in-top{z-index:1;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px clamp(16px,3vw,34px) 0;font-size:clamp(22px,2.6vw,36px);display:grid;position:relative}.in-top .ld-play{font-size:inherit;position:static}.in-top>:last-child{justify-self:end}.in-note{color:#1b1600;width:fit-content;max-width:520px;font:400 clamp(20px, 1.8vw, 26px) / 1.05 var(--vt);text-shadow:none;background:#f6dd5e;align-items:center;gap:14px;margin-top:18px;padding:14px 18px 12px;animation:1.4s steps(2,end) infinite note-blink;display:flex;transform:rotate(-2deg);box-shadow:6px 8px #00000073}.in-note b{color:#fff;background:#e3141b;padding:4px 8px 2px;font-weight:400}@keyframes note-blink{50%{box-shadow:6px 8px #00000073,0 0 0 4px #fff}}.in-body{z-index:1;flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(16px,3vw,48px);min-height:0;padding:clamp(10px,2vw,24px) clamp(16px,4vw,60px);display:grid;position:relative;overflow-y:auto}.in-how h2{font:400 clamp(34px, 4.6vw, 64px) / .95 var(--vt);letter-spacing:.04em;margin:0 0 6px}.in-lead{max-width:640px;font:700 clamp(15px, 1.3vw, 19px) / 1.35 var(--body);text-shadow:none;margin:0 0 14px}.in-how ol{counter-reset:in;gap:2px;margin:0;padding:0;list-style:none;display:grid}.in-how li{font:clamp(13px, 1.05vw, 16px) / 1.4 var(--body);text-shadow:none;counter-increment:in;padding:5px 10px 5px 64px;position:relative}.in-how li:before{content:counter(in, decimal-leading-zero);font:22px/1 var(--vt);color:#0b1fb8;background:#fff;padding:2px 5px 0;position:absolute;top:5px;left:10px}.in-how li:after{content:"▶";font:18px/1 var(--vt);opacity:0;position:absolute;top:6px;left:46px}.in-how li:hover{color:#0b1fb8;background:#fff}.in-how li:hover:before{color:#fff;background:#0b1fb8}.in-how li:hover:after{opacity:1;animation:.8s steps(2,end) infinite blink}.in-how li b{font:22px/1 var(--vt);letter-spacing:.04em;text-transform:uppercase}.in-eggs{color:#ffd590;margin:12px 0 0;font-size:22px}.in-remote h3{font:400 30px var(--vt);letter-spacing:.06em;margin:0}.rm{width:100%;max-height:70vh;text-shadow:none;display:block}.rm-face{font:bold 15px var(--mono);letter-spacing:.12em;fill:#b9b5aa}.rm-key text{pointer-events:none;font-family:Anton,Impact,sans-serif}.rm-key rect,.rm-key circle{stroke:#0009;stroke-width:2px;transition:transform 90ms}.rm-key.is-live{cursor:pointer}.rm-key.is-live:hover rect,.rm-key.is-live:hover circle{stroke:#ffd590;stroke-width:3px}.rm-key.is-on rect,.rm-key.is-on circle{filter:brightness(1.6);transform:scale(.9)}.rm-key.is-glow rect,.rm-key.is-glow circle{stroke:#f6dd5e;stroke-width:5px;animation:.7s steps(2,end) infinite key-glow}@keyframes key-glow{50%{stroke:#fff;stroke-width:9px}}.rm-call circle{fill:none;stroke:#ffd590;stroke-width:4px}.rm-call polyline{stroke:#ffd590;stroke-width:3px}.rm-call text{font:32px var(--vt);fill:#fff}.rm-call:hover text{fill:#ffd590}.in-foot{z-index:1;justify-content:center;align-items:center;gap:16px;min-height:86px;padding:10px 16px 18px;display:flex;position:relative}.in-play{font:34px/1 var(--vt);letter-spacing:.06em;color:#0b1fb8;cursor:pointer;background:#fff;border:0;padding:10px 22px 8px;animation:1.1s steps(2,end) infinite blink;box-shadow:6px 6px #00000073}.in-play kbd{font:18px var(--vt);color:#fff;background:#0b1fb8;margin-left:10px;padding:0 6px}.in-play:hover{background:#ffd590;animation:none}.hero-help{z-index:7;font-size:18px;position:absolute;top:20px;left:20px}.hero.is-focus .hero-help{display:none}.hero:not(.is-focus) .hero-help{animation:.9s step-end both help-back}@keyframes help-back{0%{visibility:hidden}to{visibility:visible}}@media (width<=820px){.in-body{grid-template-columns:1fr}.rm{max-height:none}}.touchbar{z-index:9;flex-wrap:wrap;justify-content:center;gap:8px;width:max-content;max-width:calc(100% - 24px);display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.touchbar .osd-btn{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;min-width:52px;padding:10px 14px 8px;font-size:24px}.touchbar-tip{font:16px var(--vt);text-align:center;color:#fff;text-shadow:2px 2px #000;flex-basis:100%}.svc-sides{flex-wrap:wrap;gap:8px;margin:0 0 22px;display:flex}.svc-sides button{border:2px solid var(--paper);font:22px/1 var(--vt);letter-spacing:.06em;color:var(--paper);cursor:pointer;background:0 0;padding:10px 16px 8px}.svc-flip button{border:2px solid var(--paper);width:100%;font:20px var(--vt);letter-spacing:.04em;color:var(--paper);text-align:left;cursor:pointer;background:0 0;margin-top:10px;padding:14px 16px}.svc-flip button:hover{border-color:var(--red);color:#fff}.brief{background:repeating-linear-gradient(0deg, transparent 0 31px, #0b0b0b0f 31px 32px), var(--paper);color:var(--black);box-shadow:8px 10px 0 var(--red);gap:0;padding:26px clamp(16px,3vw,34px) 30px;display:grid;position:relative}.brief:before,.brief:after{content:"";background:#e8dcb8eb;width:92px;height:26px;position:absolute;top:-12px}.brief:before{left:18px;transform:rotate(-4deg)}.brief:after{right:22px;transform:rotate(3deg)}.bf-q{border-bottom:2px solid var(--black);padding:16px 0 18px}.bf-q:last-child{border-bottom:0}.bf-qh{align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.bf-n{min-width:3.2ch;font:400 clamp(26px, 2.4vw, 34px) / .9 var(--display);color:var(--red)}.bf-qh h4{font:800 clamp(17px, 1.6vw, 22px) / 1.1 var(--body);flex:1;margin:0}.bf-led{flex:none;width:26px;height:22px;position:relative}.bf-led:before{border:2px solid var(--black);content:"";border-radius:48% 52% 45% 55%;position:absolute;inset:0;transform:rotate(-8deg)}.bf-q.is-done .bf-led:before{border-color:#0000}.bf-q.is-done .bf-led:after{content:"✓";font:900 30px/1 var(--body);color:var(--red);animation:.26s ease-out bf-check;position:absolute;top:-10px;left:2px;transform:rotate(-6deg)}@keyframes bf-check{0%{opacity:0;transform:rotate(-6deg)scale(1.8)}}.bf-hint{font:12px/1.4 var(--mono);color:#6b655a;margin:0 0 10px;padding-left:calc(3.2ch + 12px)}.bf-in{border:0;border-bottom:2px dotted var(--black);width:100%;font:16px var(--mono);color:var(--black);resize:vertical;background:0 0;margin-top:6px;padding:8px 2px 6px}.bf-in::placeholder{color:#9a9284}.bf-in:focus{border-bottom:2px solid var(--red);outline:none}.bf-chips{flex-wrap:wrap;gap:8px;display:flex}.bf-chips button{border:2px solid var(--black);font:13px var(--mono);color:var(--black);cursor:pointer;background:0 0;padding:6px 10px 5px;transition:transform .12s}.bf-chips button:hover{box-shadow:2px 2px 0 var(--black);transform:translate(-1px,-1px)}.bf-chips button.is-on{border-color:var(--red);background:var(--red);color:var(--paper);box-shadow:3px 3px 0 var(--black);transform:rotate(-1.5deg)}.bf-chips button.is-on:nth-child(2n){transform:rotate(1.2deg)}.bf-speed{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.bf-speed button{border:2px solid var(--black);color:var(--black);text-align:left;cursor:pointer;background:0 0;flex-direction:column;gap:4px;padding:10px;display:flex}.bf-speed b{font:34px/1 var(--vt)}.bf-speed span{font:11px/1.3 var(--mono)}.bf-speed button.is-on{background:var(--black);color:var(--paper);box-shadow:4px 4px 0 var(--red)}.bf-speed button.is-on b{color:var(--red)}.bf-vu{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:10px;display:grid}.bf-vu button{height:120px;color:var(--black);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-end;gap:8px;padding:0;display:flex}.bf-vu i{border:2px solid var(--black);border-radius:3px 1px 4px 2px;width:100%;display:block;position:relative;overflow:hidden}.bf-vu i:after{content:"";height:0;transition:height .42s cubic-bezier(.5, 0, .3, 1) calc(var(--d,0) * 90ms);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='none' stroke='%23e3141b' stroke-width='2.4' stroke-linecap='round' opacity='.9'%3E%3Cpath d='M-4 9 L9 -4 M-3 21 L21 -3 M-2 33 L32 -2 M-4 46 L46 -4 M8 51 L51 8 M20 51 L50 21 M33 50 L50 33'/%3E%3Cpath d='M-2 15 L15 -1 M2 41 L41 1 M14 49 L49 13' stroke-width='1.4' opacity='.6'/%3E%3C/g%3E%3C/svg%3E") 0 100%/24px 24px;position:absolute;bottom:0;left:0;right:0}.bf-vu button.is-lit i:after,.bf-vu button.is-on i:after{height:100%}.bf-vu button:hover i{border-color:var(--red)}.bf-vu button:first-child.is-on i:after{background:repeating-linear-gradient(90deg, var(--black) 0 6px, transparent 6px 11px) left center / 100% 2px no-repeat}.bf-vu button.is-on span{color:var(--red);font-weight:700}.bf-vu span{font:10px/1.2 var(--mono);text-align:center}.cassette .rc-paper{transform:rotate(.8deg)}.cs-tape{background:#121214;border-radius:10px 10px 4px 4px;grid-template-columns:1fr auto;gap:6px 10px;margin-bottom:-6px;padding:14px 14px 12px;display:grid;position:relative;transform:rotate(-1.5deg);box-shadow:inset 0 0 0 2px #2a2a2e,0 12px 24px #00000073}.cs-label{background:var(--paper);font:400 22px/1 var(--display);color:var(--red);overflow-wrap:anywhere;flex-direction:column;grid-column:1/-1;padding:6px 10px 5px;display:flex}.cs-label small{font:700 10px var(--mono);color:var(--black)}.cs-win{background:#2b1d14;border-radius:6px;grid-column:1/-1;justify-content:space-around;align-items:center;height:64px;display:flex;box-shadow:inset 0 0 0 3px #000}.cs-reel{--fill:.5;width:calc(26px + var(--fill) * 26px);aspect-ratio:1;background:radial-gradient(circle,#e9e2cf 0 9px,#3a2216 10px);border-radius:50%;transition:width .4s;position:relative}.cs-reel:after{content:"";background:conic-gradient(#121214 0 30deg, transparent 30deg 120deg, #121214 120deg 150deg, transparent 150deg 240deg, #121214 240deg 270deg, transparent 270deg);border-radius:50%;position:absolute;inset:calc(50% - 7px)}.cs-tape.is-rec .cs-reel:after{animation:1.1s linear infinite reel}.cs-tape.is-rew .cs-reel:after{animation:.35s linear infinite reverse reel}.cs-tape.is-full .cs-label:after{border:3px solid var(--red);content:"GRABADO";font:20px/1 var(--vt);color:var(--red);padding:2px 6px 0;position:absolute;top:8px;right:18px;transform:rotate(-8deg)}@keyframes reel{to{transform:rotate(-360deg)}}.cs-rec,.cs-count{font:18px/1 var(--vt);color:var(--paper)}.cs-tape.is-rec .cs-rec,.cs-tape.is-rew .cs-rec{color:#ff3b3b;animation:1s steps(2,end) infinite blink}.cs-count{text-align:right}.rc-brief{font:11px/1.45 var(--mono);white-space:pre-wrap;margin:0 0 10px}.rc-clear{font:16px var(--vt);color:var(--dim);cursor:pointer;background:0 0;border:0;margin:8px auto 0;display:block}@media (width<=600px){.bf-speed{grid-template-columns:1fr}}.chapters .ch-group{font:400 18px/1 var(--vt);letter-spacing:.08em;color:var(--red);border:0;padding:14px 0 4px}.backcover{overscroll-behavior:contain}.drag-hint{z-index:60;font:15px/1 var(--vt);letter-spacing:.04em;color:#fff;opacity:0;pointer-events:none;background:#0b1fb8;padding:4px 8px 2px;transition:opacity .2s;position:fixed;top:0;left:0;box-shadow:3px 3px #00000080}.ach-toast{z-index:70;max-width:calc(100% - 32px);font:26px/1 var(--vt);color:#fff;background:#0b1fb8;flex-wrap:wrap;justify-content:center;gap:4px 10px;padding:12px 18px 10px;animation:3.8s step-end both ach-in;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:6px 6px #00000080,0 0 0 2px #fff}.ach-toast b{color:#f6dd5e;font-weight:400}.ach-toast em{font:16px/1 var(--vt);text-align:center;opacity:.8;flex-basis:100%;font-style:normal}@keyframes ach-in{0%{opacity:0}4%{opacity:1}8%{opacity:.4}10%,92%{opacity:1}to{opacity:0}}.book-tip{color:#0b0b0b;width:max-content;max-width:230px;font:11px/1.3 var(--mono);pointer-events:auto;background:#f4f1e8;flex-direction:column;gap:4px;padding:8px 10px 7px;display:flex;box-shadow:4px 4px #0000008c}.book-tip b{font:400 17px/1 var(--display)}.book-tip button{font:15px/1 var(--vt);color:#fff;cursor:pointer;background:#e3141b;border:0;margin-top:4px;padding:6px 8px 4px}.in-body{transition:transform .7s cubic-bezier(.65,0,.35,1),opacity .5s}.intro.is-demo .in-body{opacity:0;pointer-events:none;transform:translate(-110%)}.tuto{z-index:2;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:center;gap:clamp(16px,4vw,60px);animation:.8s cubic-bezier(.65,0,.35,1) .25s both tuto-in;display:grid;position:absolute;inset:70px clamp(16px,4vw,60px) 96px}@keyframes tuto-in{0%{opacity:0;transform:translate(30%)}}.tuto-remote{place-items:center;height:100%;min-height:0;display:grid}.rm-tuto{width:auto;height:100%;max-height:72vh}.tuto-right{gap:16px;min-width:0;display:grid}.tuto-tv{background:linear-gradient(#2a2a2e,#141416);border-radius:26px;padding:16px 16px 30px;position:relative;box-shadow:0 0 0 3px #000,10px 14px #00000073}.tuto-tv canvas{aspect-ratio:4/3;background:#000;border-radius:18px/24px;width:100%;display:block}.tuto-tv:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000038 0 2px,#0000 2px 4px),radial-gradient(#0000 55%,#0000008c);border-radius:18px/24px;position:absolute;inset:16px 16px 30px}.tuto-cheer{z-index:2;font:400 clamp(36px, 5vw, 70px) / 1 var(--vt);color:#0b0b0b;text-shadow:none;background:#f6dd5e;padding:6px 18px 2px;animation:1.1s cubic-bezier(.2,1.6,.4,1) both cheer;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-4deg);box-shadow:6px 6px #e3141b}@keyframes cheer{0%{transform:translate(-50%,-50%)rotate(-4deg)scale(.3)}20%,80%{opacity:1;transform:translate(-50%,-50%)rotate(-4deg)scale(1)}to{opacity:0}}.tuto-steps{font:20px/1.1 var(--vt);flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;display:flex}.tuto-steps li{opacity:.55;align-items:center;gap:6px;display:flex}.tuto-steps li span{color:#0b1fb8;background:#fff;padding:1px 4px 0}.tuto-steps li.is-now{opacity:1;color:#f6dd5e;flex-basis:100%;font-size:28px}.tuto-steps li.is-now span{background:#f6dd5e;animation:.9s steps(2,end) infinite blink}.tuto-steps li.is-done{opacity:.9;text-decoration:line-through}.tuto-steps li.is-done span{background:#f6dd5e}.tuto-end{font:30px var(--vt);color:#f6dd5e;flex-wrap:wrap;align-items:center;gap:14px;display:flex}.in-skip{font:22px/1 var(--vt);letter-spacing:.06em;color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;padding:8px 14px 6px}.in-skip:hover{color:#0b1fb8;background:#fff}@media (width<=820px){.tuto{grid-template-columns:1fr;overflow-y:auto}.rm-tuto{max-height:40vh}}.intro{--u:min(1vw, 1.7vh);text-shadow:0 0 calc(var(--u) * .6) #bed2ff8c, 2px 2px 0 #0006;background:radial-gradient(at 50% 45%,#1d3cf0 0%,#0b1fb8 62%,#071489 100%)}.intro:after{z-index:20;background:radial-gradient(#0000 58%,#00000080 100%),repeating-linear-gradient(0deg,#0003 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#ff28280f 0 1px,#28ff280d 1px 2px,#3c3cff12 2px 3px);animation:3.2s step-end infinite crt-flicker}.intro:before{z-index:21;content:"";box-shadow:0 0 0 60px #000, inset 0 0 calc(var(--u) * 6) #0000008c;pointer-events:none;background:linear-gradient(170deg,#ffffff12 0%,#0000 28%);border-radius:2.2%/3.4%;position:absolute;inset:0}@keyframes crt-flicker{0%,to{opacity:1}47%{opacity:.93}48%{opacity:1}}.in-stage{z-index:1;align-items:center;gap:calc(var(--u) * 2);min-height:0;padding:calc(var(--u) * 3) calc(var(--u) * 5) 0;flex:1 1 0;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);display:grid;position:relative}.in-how,.in-remote h3{transition:transform .8s cubic-bezier(.65,0,.35,1),opacity .6s}.in-kicker{margin:0 0 calc(var(--u) * 1.2);font:400 calc(var(--u) * 3.8) / 1 var(--vt);letter-spacing:.08em;color:#f6dd5e}.in-how h2{margin:0 0 calc(var(--u) * 1);font-size:calc(var(--u) * 4);white-space:nowrap}.in-lead{max-width:34em;margin-bottom:calc(var(--u) * 1.4);font-size:calc(var(--u) * 1.75)}.in-how li{padding:calc(var(--u) * .35) calc(var(--u) * 1) calc(var(--u) * .35) calc(var(--u) * 7);font-size:calc(var(--u) * 1.45)}.in-how li:before{top:calc(var(--u) * .6);left:calc(var(--u) * 1);font-size:calc(var(--u) * 2.4)}.in-how li:after{left:calc(var(--u) * 4.9);top:calc(var(--u) * .8);font-size:calc(var(--u) * 2)}.in-how li b{font-size:calc(var(--u) * 2.2)}.in-note{max-width:36em;margin-top:calc(var(--u) * .7);padding:calc(var(--u) * 1) calc(var(--u) * 1.4) calc(var(--u) * .8);font-size:calc(var(--u) * 1.9)}.in-desk{max-width:40em;margin:calc(var(--u) * .7) 0 0;font:calc(var(--u) * 1.85) / 1.15 var(--vt);color:#c9d3ff}.in-remote{flex-direction:column;align-items:center;height:100%;min-height:0;transition:transform .9s cubic-bezier(.65,0,.35,1);display:flex}.in-remote h3{margin:0 0 calc(var(--u) * .5);font-size:calc(var(--u) * 3)}.in-remote .rm{flex:1;width:100%;min-height:0;max-height:none}.rm-calls{transition:opacity .4s}.rm-call text{font-size:44px}.rm-face.is-plate{fill:#1b1a18;font-weight:700}.rm-shine{pointer-events:none}.rm>rect:first-of-type{filter:none}.rm-body>rect:first-of-type{filter:drop-shadow(10px 14px #00000073)}.intro.is-demo .in-how{opacity:0;pointer-events:none;transform:translate(-120%)}.intro.is-demo .in-remote{transform:translate(-106%)scale(1.1)}.intro.is-demo .in-remote h3,.intro.is-demo .rm-calls{opacity:0}.tuto{z-index:2;inset:calc(var(--u) * 6) calc(var(--u) * 5) calc(var(--u) * 1) 33%;justify-content:center;gap:calc(var(--u) * 1.6);flex-direction:column;animation:.8s cubic-bezier(.65,0,.35,1) .35s both tuto-in;display:flex;position:absolute}.tv2d{width:min(100%, calc((100vh - var(--u) * 30) * 1.163));aspect-ratio:1000/860;filter:drop-shadow(calc(var(--u) * 1) calc(var(--u) * 1.4) 0 #0006);margin:0 auto;position:relative}.tv2d-body{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tv2d-screen{background:#000;border-radius:4%/5.5%;position:absolute;overflow:hidden}.tv2d-screen canvas{filter:saturate(1.15)contrast(1.06)brightness(1.08);width:100%;height:100%;display:block}.tv2d-screen:after{content:"";box-shadow:inset 0 0 calc(var(--u) * 3) #000000b3;pointer-events:none;background:linear-gradient(160deg,#ffffff24 0%,#0000 30%),radial-gradient(#0000 55%,#0009 100%),repeating-linear-gradient(0deg,#00000047 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#ff000014 0 1px,#00ff000f 1px 2px,#0000ff14 2px 3px);position:absolute;inset:0}.tuto-cheer{font-size:calc(var(--u) * 6)}.tuto-steps{font-size:calc(var(--u) * 1.9);justify-content:center}.tuto-steps li.is-now{font-size:calc(var(--u) * 3);justify-content:center}.tuto-end{font-size:calc(var(--u) * 2.6);justify-content:center}.in-foot{min-height:calc(var(--u) * 8);padding-bottom:calc(var(--u) * 1.8);gap:calc(var(--u) * 2)}.in-play{padding:calc(var(--u) * .9) calc(var(--u) * 2.2) calc(var(--u) * .7);font-size:calc(var(--u) * 3)}.in-play kbd{font-size:calc(var(--u) * 1.8)}.in-skip{padding:calc(var(--u) * .8) calc(var(--u) * 1.4) calc(var(--u) * .6);font-size:calc(var(--u) * 2.2)}@media (width<=820px){.in-stage{grid-template-columns:1fr;overflow-y:auto}.intro.is-demo .in-remote{transform:none}}.hero.is-big .hero-sound{opacity:0;pointer-events:none}.x-eject{height:34px;font:700 15px/1 var(--mono);letter-spacing:.08em;color:var(--black);text-shadow:none;cursor:pointer;background:#ffcf5a;border:0;align-items:center;gap:8px;padding:0 12px;animation:1.6s ease-in-out infinite eject-pulse;display:inline-flex;box-shadow:0 3px #00000059}.x-eject:hover{background:var(--red);color:var(--paper);animation:none;transform:scale(1.06)}@keyframes eject-pulse{0%,to{box-shadow:0 3px #00000059,0 0 #ffcf5ab3}50%{box-shadow:0 3px #00000059,0 0 0 7px #ffcf5a00}}.vfd-bar .x-eject{width:auto;height:30px}.zine-box,.roll-box{background:#121212;width:min(1100px,100%);max-height:100%;display:grid;position:relative;box-shadow:0 0 0 2px #2a2a2a,0 30px 80px #0009}.zine-box{grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr);height:min(680px,88vh)}.zine-box .x-eject,.roll-box .x-eject{z-index:2;position:absolute;top:14px;right:14px}.zine-canvas{cursor:grab;background:radial-gradient(circle at 50% 45%,#2b2b2b,#0d0d0d 70%);height:100%;min-height:320px;position:relative}.zine-canvas:active{cursor:grabbing}.zine-info{color:var(--paper);flex-direction:column;justify-content:flex-end;gap:12px;padding:28px;display:flex}.zine-info b{font:400 clamp(34px, 3.4vw, 52px) / .95 var(--display);color:var(--red)}.zine-info span{font:15px/1.4 var(--body)}.zine-info .zine-hint{font:18px var(--vt);color:#5dffc2}.zine-info a{background:var(--paper);font:700 13px var(--mono);color:var(--black);align-self:flex-start;padding:10px 14px}.roll-box{background:linear-gradient(#f7f3ea,#e9e3d4);gap:14px;padding:22px 0 18px}.roll-head{font:700 14px var(--mono);color:var(--black);align-items:center;gap:16px;margin:0;padding:0 24px;display:flex}.roll-head button{background:var(--black);font:700 13px var(--mono);color:var(--paper);cursor:pointer;border:0;padding:8px 12px}.roll-strip{scrollbar-color:#b3121a #2a160c;background:repeating-linear-gradient(90deg,#f2ead8 0 9px,#0000 9px 24px) 0 8px/100% 16px no-repeat,repeating-linear-gradient(90deg,#f2ead8 0 9px,#0000 9px 24px) left 0 bottom 8px/100% 16px no-repeat,#2a160c;gap:14px;padding:34px 24px;display:flex;overflow-x:auto}.roll-strip figure{flex:none;margin:0;position:relative}.roll-strip img{aspect-ratio:3/2;object-fit:cover;filter:invert()sepia(.6)saturate(2.4)hue-rotate(160deg)brightness(.85);border-radius:3px;width:clamp(220px,26vw,330px);transition:filter 1.4s;display:block}.roll-strip.is-pos img{filter:none}.roll-code{z-index:1;font:700 12px var(--mono);color:#ffb24a;background:#140a04b3;padding:2px 5px;position:absolute;top:6px;left:8px}.roll-hint{font:13px var(--mono);color:#5a5248;margin:0;padding:0 24px}@media (width<=760px){.zine-box{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}}.book-tip b{font-size:1.15em}.rm-key .rm-txt{font-family:Helvetica,Arial,sans-serif;font-weight:700}.rm-key.is-ghost{cursor:pointer}.intro:has(.tuto-end) .in-skip{display:none}.zine-over{z-index:100;background:radial-gradient(#05050640,#05050699);animation:.3s both fade;position:fixed;inset:0}.zine-over .zine-canvas{background:0 0;height:auto;min-height:0;position:absolute;inset:6vh 10vw 10vh}.zine-title{font:400 clamp(26px, 2.6vw, 40px) / 1 var(--display);color:var(--paper);text-shadow:0 2px 12px #000000b3;margin:0;position:absolute;bottom:5.5vh;left:50%;transform:translate(-50%)}.zine-over .zine-hint{font:18px var(--vt);color:#5dffc2;margin:0;position:absolute;bottom:2.5vh;left:50%;transform:translate(-50%)}.zine-x{position:absolute;top:20px;right:20px}.roll-box{background:radial-gradient(at 50% 55%,#fff 0%,#f6f1e4 55%,#e2d9c3 100%);border-radius:6px;padding:26px 0;overflow:visible;box-shadow:0 0 0 10px #2a2a2a,0 0 0 12px #111,0 0 60px 10px #fff4d659,0 30px 80px #0009}.roll-tape{z-index:2;background:#e8dcb8d9;width:90px;height:26px;position:absolute;box-shadow:0 1px 2px #00000026}.roll-tape-l{top:-10px;left:30px;transform:rotate(-8deg)}.roll-tape-r{bottom:-10px;right:40px;transform:rotate(6deg)}.roll-head b{font:400 26px var(--display);letter-spacing:.02em}.roll-box .x-eject{top:18px;right:20px}.roll-wrap{position:relative}.roll-strip{scrollbar-width:none}.roll-strip::-webkit-scrollbar{display:none}.roll-more{font:22px var(--vt);color:#ffb24a;cursor:pointer;background:#0000008c;border:0;padding:18px 10px;animation:1.4s ease-in-out infinite roll-more;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.roll-more:hover{color:#fff;background:#000c}.roll-more.is-l{animation-name:roll-less;left:6px;right:auto}@keyframes roll-less{50%{opacity:.4;transform:translate(-6px,-50%)}}@keyframes roll-more{50%{opacity:.4;transform:translate(6px,-50%)}}.hero-canvas{transition:filter .6s}.hero-canvas.color-noche{filter:hue-rotate(195deg)saturate(1.3)brightness(.95)}.hero-canvas.color-riso{filter:grayscale()sepia()hue-rotate(290deg)saturate(3.2)contrast(1.15)}.hero-canvas.color-negativo{filter:invert()hue-rotate(180deg)contrast(1.1)}.hero-canvas.color-gameboy{filter:grayscale()sepia()hue-rotate(40deg)saturate(2.2)contrast(1.35)brightness(.9)}.hero-color{z-index:7;font-size:18px;position:absolute;top:20px;right:230px}.hero.is-focus .hero-color{display:none}.clip-box{background:#000;width:100%;height:100%;position:relative}.clip-box video{object-fit:cover;width:100%;height:100%;display:block}.clip-box:fullscreen video{object-fit:contain}.clip-full{width:34px;height:30px;font:18px/1 var(--vt);color:#fff;cursor:pointer;opacity:0;background:#0b1fb8d9;border:0;transition:opacity .2s;position:absolute;top:8px;right:8px}:is(.clip-box:hover .clip-full,.clip-box:fullscreen .clip-full){opacity:1}.clip-box.is-max{z-index:2000;width:100vw;height:100vh;position:fixed;inset:0}.clip-box.is-max video{object-fit:contain}.clip-box.is-max .clip-full{opacity:1;background:#e3141b;top:14px;right:14px}.clip-box video::-webkit-media-controls-fullscreen-button{display:none}.in-how li b{margin-bottom:.1em;display:block}.in-how li span{display:block}.celebrate{z-index:400;background:#050514b3;place-items:center;animation:.3s both fade;display:grid;position:fixed;inset:0}.celebrate-box{width:min(620px,92vw);font-family:var(--vt);color:#fff;text-align:center;text-shadow:2px 2px #00000073;background:#0b1fb8;padding:40px 36px 34px;animation:.7s cubic-bezier(.2,1.6,.4,1) both celebrate-pop;position:relative;overflow:hidden;box-shadow:0 0 0 4px #fff,12px 14px 0 4px #00000080}.celebrate-box h2{font:400 clamp(46px, 7vw, 84px) / 1 var(--vt);color:#f6dd5e;margin:4px 0 14px;animation:.9s steps(2,end) infinite blink}.celebrate-box p{margin:8px 0;font-size:24px}.celebrate-kicker{color:#f6dd5e;letter-spacing:.1em}.celebrate-prize{background:#e3141b;padding:6px 16px 2px;display:inline-block;transform:rotate(-3deg);font-size:36px!important}.celebrate-box kbd{color:#0b1fb8;font:inherit;text-shadow:none;background:#fff;padding:0 6px}.celebrate-box .in-play{margin-top:16px;font-size:30px}.celebrate-confetti{pointer-events:none;position:absolute;inset:0}.celebrate-confetti i{top:-20px;left:calc(var(--k) * 2.5%);background:hsl(calc(var(--k) * 37deg), 90%, 60%);width:8px;height:14px;animation:confetti 2.4s linear calc(var(--k) * -.11s) infinite;position:absolute}@keyframes confetti{to{transform:translateY(560px)rotate(720deg)}}@keyframes celebrate-pop{0%{opacity:0;transform:scale(.3)rotate(-6deg)}}.roll-box.lab{background:radial-gradient(at 50% 0,#ff281e61,#3c040433 45%,#0000 70%),#0d0505;border-radius:6px;gap:16px;padding:26px 0 22px;transition:background .9s;overflow:hidden;box-shadow:0 0 0 2px #2a0d0d,0 30px 80px #000000b3}.roll-box.lab.is-pos{background:radial-gradient(at 50% 0,#fff4d680,#fff4d614 50%,#0000 75%),#1a1612}.lab-light{background:#ff2a1a;border-radius:0 0 60px 60px;width:120px;height:36px;animation:3s steps(2,end) infinite lab-buzz;position:absolute;top:-18px;left:50%;transform:translate(-50%);box-shadow:0 0 60px 30px #ff1e1473}.is-pos .lab-light{background:#fff4d6;animation:none;box-shadow:0 0 70px 34px #fff4d666}@keyframes lab-buzz{50%{opacity:.86}}.roll-box.lab .roll-head{color:#ff6a5a}.roll-box.lab .roll-head b{color:#ffd2c8}.lab-state{font:18px var(--vt);letter-spacing:.06em;color:#ff4a3a}.is-pos .lab-state{color:#ffd27a}.lab-tray{background:linear-gradient(#780a0a59,#1e000099);border:4px solid #3a1010;border-radius:10px;margin:0 18px;padding:10px 0;position:relative;box-shadow:inset 0 8px 20px #0009}.lab-tray:after{content:"";pointer-events:none;opacity:0;background:repeating-linear-gradient(100deg,#0000 0 40px,#ff5a4614 40px 70px);border-radius:6px;position:absolute;inset:0}.is-dev .lab-tray:after{opacity:1;animation:1.1s linear infinite lab-ripple}@keyframes lab-ripple{to{background-position:140px 0}}.roll-box.lab .roll-strip img{filter:invert()sepia(.6)saturate(2.4)hue-rotate(160deg)brightness(.85);transition:none}.roll-box.lab.is-dev .roll-strip figure{animation:.65s ease-in-out infinite lab-shake}.roll-box.lab.is-dev .roll-strip img{animation:3.9s ease-in forwards lab-develop}.roll-box.lab.is-pos .roll-strip img{filter:none;animation:.7s ease-out lab-fix}@keyframes lab-shake{25%{transform:translate(-3px,2px)rotate(-.6deg)}75%{transform:translate(3px,-2px)rotate(.6deg)}}@keyframes lab-develop{0%{filter:invert()sepia(.6)saturate(2.4)hue-rotate(160deg)brightness(.85)}35%{filter:invert(.5)sepia()saturate(1.4)brightness(.35)blur(1.5px)}70%{filter:sepia(.8)saturate(1.6)hue-rotate(-20deg)brightness(.55)contrast(1.4)blur(.6px)}to{filter:sepia(.3)brightness(.9)}}@keyframes lab-fix{0%{filter:sepia(.3)brightness(1.5)}}.lab-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:0 24px;display:flex}.lab-steps{font:700 13px var(--mono);color:#b0574c;gap:18px;margin:0;padding:0;list-style:none;display:flex}.lab-steps li{align-items:center;gap:8px;transition:color .3s;display:flex}.lab-steps i{opacity:.6;background:linear-gradient(#0000 35%,currentColor 35%);border:2px solid;border-radius:3px 3px 5px 5px;width:14px;height:22px}.lab-steps li.is-on{color:#ff5a46}.lab-steps li.is-on i{opacity:1;box-shadow:0 0 12px #ff3020}.lab-steps li.is-done{color:#e8b070}.lab-go{font:700 13px var(--mono);color:#fff;cursor:pointer;background:#e3141b;border:0;padding:10px 16px}.lab-go:disabled{color:#ff8a7a;cursor:wait;background:#4a1010}.is-pos .lab-go{color:#0b0b0b;background:#f4f1e8}.stuff-arrow{z-index:2;width:54px;height:54px;font:26px/1 var(--vt);color:#fff;cursor:pointer;background:#0b1fb8d9;border:0;position:absolute;top:50%;transform:translateY(-50%)}.stuff-arrow:hover{background:#e3141b}.stuff-prev{left:4vw}.stuff-next{right:4vw}.in-remote{margin-top:calc(var(--u) * -3);justify-content:center}.in-remote .in-desk{max-width:34em;margin-top:calc(var(--u) * 1.4);font-size:calc(var(--u) * 1.45);text-align:center}.intro.is-demo .in-desk{opacity:0;pointer-events:none}.in-remote .in-desk{transition:opacity .3s}.tools .meters{border:0;gap:10px;margin:0 auto}.tools .meters-top{grid-template-columns:repeat(6,minmax(0,1fr))}.tools .meters-low{grid-template-columns:repeat(4,minmax(0,1fr));max-width:66.6667%;margin-top:10px}.tools .meters li{border:2px solid var(--paper);color:var(--paper);background:#0b0b0b;transition:background .22s,color .22s}.tools .meters-top li{padding:32px 14px 22px}.tools .meters-top .m-reel{width:104px;height:104px}.tools .meters-top .m-logo{width:52px;height:52px}.tools .meters-top .m-name{font-size:clamp(20px,1.9vw,28px)}.tools .meters-low li{padding:22px 12px 16px}.tools .meters-low .m-reel{width:70px;height:70px}.tools .meters-low .m-logo{width:34px;height:34px}.tools .m-spokes{border-color:var(--paper);background:conic-gradient(from 0deg, var(--paper) 0 7deg, transparent 7deg 60deg, var(--paper) 60deg 67deg, transparent 67deg 120deg, var(--paper) 120deg 127deg, transparent 127deg 180deg, var(--paper) 180deg 187deg, transparent 187deg 240deg, var(--paper) 240deg 247deg, transparent 247deg 300deg, var(--paper) 300deg 307deg, transparent 307deg);-webkit-mask:radial-gradient(circle,#0000 62%,#000 63%);mask:radial-gradient(circle,#0000 62%,#000 63%)}.tools .meters li:hover,.tools .meters li.is-on{background:var(--paper);color:#0b0b0b}.tools .meters li:hover .m-spokes,.tools .meters li.is-on .m-spokes{border-color:var(--red);background:conic-gradient(from 0deg, var(--red) 0 7deg, transparent 7deg 60deg, var(--red) 60deg 67deg, transparent 67deg 120deg, var(--red) 120deg 127deg, transparent 127deg 180deg, var(--red) 180deg 187deg, transparent 187deg 240deg, var(--red) 240deg 247deg, transparent 247deg 300deg, var(--red) 300deg 307deg, transparent 307deg);animation:1.6s linear infinite reverse spin}.tools .meters li:hover .m-logo,.tools .meters li.is-on .m-logo{color:var(--red);animation:none}@media (width<=900px){.tools .meters-top{grid-template-columns:repeat(3,minmax(0,1fr))}.tools .meters-low{grid-template-columns:repeat(2,minmax(0,1fr));max-width:66.6667%}}.contact-sub{max-width:34em;font:500 clamp(16px, 1.4vw, 20px) / 1.4 var(--body);margin:0 0 22px}.contact-back{border:3px solid var(--black);background:var(--paper);font:400 clamp(22px, 2.2vw, 30px) / 1 var(--display);color:var(--black);cursor:pointer;align-items:center;gap:12px;margin-top:28px;padding:14px 22px;transition:background .16s,color .16s;display:inline-flex}.contact-back span{font-family:var(--vt);letter-spacing:-.1em}.contact-back:hover{background:var(--black);color:var(--paper)}.contact-back:hover span{animation:.5s steps(2,end) infinite rew-blink}@keyframes rew-blink{50%{opacity:.2}}.portada{--wine:#8e1414;z-index:50;background:#070707;place-items:center;padding:clamp(10px,2.2vh,26px) clamp(10px,2vw,30px);animation:.4s both fade;display:grid;position:absolute;inset:0}.cv-screen{color:#141414;width:100%;height:100%;font-family:var(--body);text-shadow:none;background:#f4efe4;border-radius:7%/10%;grid-template-rows:auto 1fr auto auto;padding:clamp(18px,3.4vh,44px) clamp(22px,4.4vw,70px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #00000059,inset 0 0 18px #0000004d}.cv-screen:after{content:"";z-index:5;pointer-events:none;border-radius:inherit;background:radial-gradient(#0000 60%,#00000059 100%),repeating-linear-gradient(0deg,#00000012 0 1px,#0000 1px 3px);position:absolute;inset:0}.cv-bg{object-fit:cover;filter:blur(7px)saturate(1.15)contrast(.95);opacity:.85;pointer-events:none;width:108%;height:62%;position:absolute;bottom:-6%;left:-4%;right:-4%;-webkit-mask:linear-gradient(#0000,#000 45%);mask:linear-gradient(#0000,#000 45%)}.cv-top,.cv-bottom{z-index:2;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:20px;display:grid;position:relative}.cv-top p,.cv-bottom p{font:400 clamp(13px, 1.25vw, 20px) / 1.22 var(--body);margin:0}.cv-top b,.cv-bottom p{font-weight:600}.cv-top .is-c,.cv-bottom .is-c{text-align:center}.cv-top .is-r{text-align:right}.cv-bottom{align-items:end}.cv-bottom .is-c{font-weight:400}.cv-title{z-index:2;color:var(--wine);place-self:center;margin-top:-2vh;position:relative}.cv-title h1{font-variation-settings:"opsz" 144;letter-spacing:-.035em;color:var(--wine);text-shadow:3px 4px #fff;margin:0;font:400 clamp(84px,15vw,260px)/.82 Fraunces,Times New Roman,serif}.cv-welcome{letter-spacing:-.01em;font:italic 500 clamp(24px,3.4vw,58px)/1 Fraunces,serif;position:absolute;top:-.95em;left:.2em}.cv-sam{width:clamp(110px,15vw,250px);color:var(--red);filter:drop-shadow(2px 3px #fff);position:absolute;top:-42%;right:-3%;transform:rotate(-9deg)}.cv-badge{border:3px solid var(--red);font:600 clamp(11px, 1.1vw, 17px) / 1.05 var(--body);text-align:center;color:var(--red);background:#f4efe499;border-radius:18px;place-items:center;padding:.7em 1.5em;display:grid;position:absolute;top:-8%;right:-17%;transform:rotate(-22deg)skew(-14deg)}.cv-badge i{background:var(--red);border-radius:50%;width:7px;height:7px;position:absolute}.cv-badge i:first-child{top:50%;left:10px;transform:translateY(-50%)}.cv-badge i:last-child{top:50%;right:10px;transform:translateY(-50%)}.cv-find{z-index:2;font:400 clamp(12px, 1.05vw, 16px) / 1.3 var(--mono);text-transform:uppercase;text-align:center;color:#141414;background:#f4efe4bf;margin:0 auto clamp(10px,2vh,24px);padding:6px 14px;position:relative}.cv-find span{color:var(--red)}.cv-note{z-index:3;max-width:min(330px,30vw);font:400 clamp(12px, 1vw, 15px) / 1.35 var(--body);background:#fffaf0;padding:14px 16px 12px;position:absolute;bottom:clamp(86px,15vh,150px);left:clamp(18px,4vw,70px);transform:rotate(-2.5deg);box-shadow:4px 6px #0000002e}.cv-note:before{content:"";background:#e8dcb8e6;width:70px;height:20px;position:absolute;top:-10px;left:40%;transform:rotate(4deg)}.cv-note b{font:400 clamp(18px, 1.6vw, 24px) / 1 var(--display);color:var(--red);margin-bottom:4px;display:block}.cv-on{background:var(--wine);font:400 clamp(18px, 1.7vw, 28px) / 1 var(--display);letter-spacing:.04em;color:#fff;cursor:pointer;border:0;justify-self:end;align-items:center;gap:12px;padding:12px 18px;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:4px 5px #141414}.cv-on:hover{transform:translate(-2px,-2px);box-shadow:6px 7px #141414}.cv-on kbd{font:13px var(--mono);color:var(--wine);background:#fff;padding:3px 6px}.portada.is-off .cv-screen{animation:.6s cubic-bezier(.7,0,.3,1) forwards cv-off}.portada.is-off{animation:.65s forwards cv-fade}@keyframes cv-off{0%{filter:brightness();transform:scale(1)}60%{filter:brightness(3);transform:scaleY(.006)}to{filter:brightness(4);transform:scale(0,.006)}}@keyframes cv-fade{80%{opacity:1}to{opacity:0}}@media (width<=760px){.cv-top,.cv-bottom{grid-template-columns:1fr;gap:6px}.cv-top .is-c,.cv-top .is-r,.cv-bottom .is-c{text-align:left}.cv-badge{display:none}.cv-note{max-width:none;margin-bottom:12px;position:relative;bottom:auto;left:auto}}.in-steps{margin:calc(var(--u) * 1.6) 0 calc(var(--u) * .4);font:calc(var(--u) * 1.9) var(--vt);letter-spacing:.08em;color:#f6dd5e}.in-how .in-note{margin-top:calc(var(--u) * 2.4);margin-bottom:calc(var(--u) * 2.2)}.in-remote{margin-top:calc(var(--u) * 3)}.in-remote .in-desk{margin-top:calc(var(--u) * .6)}.rm-call .rm-dot{fill:#ffd590;stroke:none}.intro.is-demo .in-foot{visibility:hidden;pointer-events:none}.intro .in-how{--u:min(.9vw, 1.42vh)}.intro .in-remote .rm{flex:0 auto;height:auto;max-height:64vh}.intro .in-remote{justify-content:center;gap:calc(var(--u) * .8)}.intro .in-remote h3{margin:0}.tranqui{z-index:40;color:#141414;max-width:min(330px,80vw);font:400 15px / 1.35 var(--body);background:#fffaf0;padding:16px 34px 14px 18px;animation:.7s cubic-bezier(.2,1.4,.4,1) .9s both tranqui-in;position:fixed;bottom:clamp(70px,12vh,130px);left:clamp(16px,3vw,48px);transform:rotate(-2.5deg);box-shadow:4px 6px #0000004d}.tranqui:before{content:"";background:#e8dcb8e6;width:70px;height:20px;position:absolute;top:-10px;left:40%;transform:rotate(4deg)}.tranqui b{font:400 24px / 1 var(--display);color:var(--red);margin-bottom:4px;display:block}.tranqui button{font:400 22px / 1 var(--body);color:#141414;cursor:pointer;background:0 0;border:0;position:absolute;top:6px;right:8px}@keyframes tranqui-in{0%{opacity:0;transform:translateY(40px)rotate(6deg)}to{opacity:1;transform:rotate(-2.5deg)}}:root{--ink-red:#e2231a;--ink-black:#181616;--ink-yellow:#f7c800;--ink-paper:#eee8d8;--kraft:#d6b482;--title:"kazimir", "Fraunces", Georgia, serif;--cond:"dharma-gothic-e", "Anton", Impact, "Arial Narrow", sans-serif;--type:"nitti-typewriter-normal", "Space Mono", "Courier New", monospace;--halftone:radial-gradient(circle at 50% 50%, currentColor 0 34%, transparent 36%) 0 0 / 9px 9px}html,body,.film-run,.marquee{overflow-x:clip}.site p,.site li,.book-over p{text-wrap:pretty;-webkit-hyphens:manual;hyphens:manual;word-spacing:normal}.site h2,.site h3,.svc-intro,.lead{text-wrap:balance}.sec{isolation:isolate}.sec:before{z-index:-1;content:"";background-image:var(--grain);opacity:.22;mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}.sec-head h2,.contact h2{font-family:var(--title);letter-spacing:-.035em;font-weight:900;line-height:.86}.sec-head h2{font-size:clamp(54px,9vw,150px)}.sec-n{display:none}.svc-intro{max-width:62ch;font:400 clamp(16px, 1.45vw, 21px) / 1.5 var(--type);letter-spacing:0}.svc-intro b{background:var(--ink-yellow);color:var(--ink-black);padding:0 .2em;font-weight:400}.btn{font:400 clamp(16px, 1.3vw, 20px) / 1 var(--cond);letter-spacing:.04em;box-shadow:5px 5px 0 var(--ink-red);padding:12px 18px 10px}.marquee{background:var(--ink-yellow);color:var(--ink-black)}.marquee>div{font:400 34px/1 var(--cond);letter-spacing:.03em}.videoteca{background:var(--ink-black);color:var(--ink-paper)}.videoteca:before{mix-blend-mode:screen;opacity:.08}.vt-intro{margin-bottom:8px}.cases{padding-top:clamp(60px,7vw,110px)}.case .cover.is-art{aspect-ratio:105/190;background:#111;padding:0;box-shadow:inset 6px 0 #00000059,0 14px 30px #0000008c}.cover.is-art:after{opacity:.15}.cover.is-art img{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:relative}.case-open .cover.is-art{aspect-ratio:105/190}.case-tape{background:linear-gradient(90deg,#0d0d0d,#1d1d1f 45%,#0f0f10);border-radius:5px;padding:0;display:block;inset:4% 6%;box-shadow:inset 0 0 0 2px #2c2c2e,0 10px 24px #00000080;container-type:size}.ct-win{background:radial-gradient(circle at 25%,#2a2a2a 0 12%,#5a4c3c 13% 40%,#0000 41%),radial-gradient(circle at 75%,#2a2a2a 0 12%,#5a4c3c 13% 26%,#0000 27%),#070707;border-radius:3px;width:64%;height:22%;position:absolute;top:40%;left:18%;box-shadow:inset 0 0 0 2px #333}.case-tape .ct-label{writing-mode:horizontal-tb;background:0 0;padding:0;position:absolute;top:5%;left:7%;right:7%;transform:rotate(-1deg)}.ct-label b{background:var(--ink-paper);font:400 14px var(--cond);color:var(--ink-black);padding:4px 8px;display:block}.case:hover .case-tape,.case:focus-visible .case-tape{transform:translateY(-24%)rotate(-2deg)}.about{background:var(--ink-paper)}.about-art .circle{color:var(--ink-red);background:0 0;background:var(--halftone);background-size:14px 14px;-webkit-mask:radial-gradient(circle,#000 0 58%,#0000 72%);mask:radial-gradient(circle,#000 0 58%,#0000 72%)}.about-art:after{z-index:-1;aspect-ratio:1;background:var(--ink-yellow);mix-blend-mode:multiply;opacity:.85;content:"";width:min(22vw,300px);transform:translateY(calc(var(--par,0) * 90px));border-radius:50%;position:absolute;bottom:4%;left:30%}.about-photo{box-shadow:0 2px 0 #00000014, 10px 14px 0 var(--ink-black);border:10px solid #f7f3ea;overflow:visible}.about-photo:before,.about-photo:after{z-index:3;content:"";background:#e8debed9;width:110px;height:30px;position:absolute;box-shadow:0 1px 2px #00000026}.about-photo:before{top:-18px;left:-30px;transform:rotate(-32deg)}.about-photo:after{bottom:-14px;right:-30px;transform:rotate(-28deg)}.about .lead{font:900 clamp(22px, 2.5vw, 36px) / 1.12 var(--title);letter-spacing:-.015em}.about p{max-width:58ch;font:400 clamp(15px, 1.2vw, 18px) / 1.6 var(--type)}.design .sec-head h2,.dg-intro{color:var(--ink-black)}.design-grid{gap:clamp(22px,3vw,40px)}.design-card{color:var(--ink-black);background:#f7f3ea;padding:10px 10px 14px;transition:transform .22s;position:relative;transform:rotate(-1.2deg);box-shadow:6px 8px #000000d9}.design-card:nth-child(2n){transform:rotate(1.4deg)}.design-card:nth-child(3n){transform:rotate(-.4deg)}.design-card:before{z-index:2;content:"";background:#e8debee0;width:90px;height:26px;margin-left:-45px;position:absolute;top:-14px;left:50%;transform:rotate(-3deg)}.design-card:hover{transform:rotate(0)translateY(-4px)scale(1.02)}.design-card .dc-img{border:0}.design-card:hover .dc-img{transform:none}.dc-cat{font:400 12px var(--type);letter-spacing:.02em;color:var(--ink-red)}.dc-title{font:400 clamp(22px, 2vw, 30px) / .95 var(--cond)}.tools{background:var(--ink-black)}.tools:before{mix-blend-mode:screen;opacity:.07}.services{background:var(--kraft);color:var(--ink-black)}.services .sec-head h2{color:var(--ink-black)}.svc-sides button{border-color:var(--ink-black);color:var(--ink-black);font:400 clamp(18px, 1.6vw, 24px) / 1 var(--cond);letter-spacing:.04em}.svc-sides button b{background:var(--ink-red);color:var(--ink-paper);margin-right:8px;padding:1px 6px;font-weight:400}.svc-sides button.is-on{background:var(--ink-black);color:var(--ink-paper);box-shadow:5px 5px 0 var(--ink-red)}.service-list>li{background:#ecd9a8;border:0;border-radius:0 6px 6px;margin-top:34px;padding:6px 16px 0;position:relative;box-shadow:0 2px #0000001f,4px 6px #0000002e}.service-list>li.svc-flip{box-shadow:none;background:0 0;margin-top:26px;padding:0}.service-row{flex-wrap:wrap;row-gap:8px}.service-head{font:400 clamp(26px, 3.6vw, 56px) / .95 var(--cond);color:var(--ink-black)}.service-head span{font:400 13px var(--type);color:var(--ink-black);background:#ecd9a8;border-radius:6px 6px 0 0;padding:6px 14px 4px;position:absolute;top:-26px;left:0}.service-head i{white-space:nowrap;font:400 13px var(--type);letter-spacing:.02em;text-underline-offset:3px;text-decoration:underline}.service-head:hover,.is-open .service-head{color:var(--ink-red);padding-left:0}.svc-add{background:var(--ink-red);color:var(--ink-paper);font:400 clamp(16px, 1.3vw, 20px) / 1 var(--cond);letter-spacing:.04em;box-shadow:4px 4px 0 var(--ink-black);border:0;align-items:center;gap:10px;padding:12px 16px 10px;display:inline-flex;transform:rotate(-1deg)}.svc-add i{width:18px;height:18px;font:700 13px/1 var(--type);border:2px solid;place-items:center;font-style:normal;display:inline-grid}.svc-add:hover{background:var(--ink-black);color:var(--ink-paper)}.is-added .svc-add{background:var(--ink-black);color:var(--ink-yellow);border:0}.service-body p{font:400 15px/1.55 var(--type);padding-left:0}.svc-includes{padding-left:0}.svc-includes li{font:400 12px var(--type);border:1px dashed #0000008c}.svc-flip button{border:2px dashed var(--ink-black);color:var(--ink-black);font:400 clamp(18px, 1.5vw, 22px) / 1.2 var(--cond);letter-spacing:.03em}.svc-flip button:hover{border-color:var(--ink-red);background:var(--ink-black);color:var(--ink-paper)}.contact{background:var(--ink-red)}.contact h2{font-size:clamp(56px,10.5vw,180px)}.contact-sub{font-family:var(--type)}.contact-links a,.contact-back{font-family:var(--cond);letter-spacing:.04em;font-size:18px;font-weight:400}.portada{background:#070707}.portada .cv-screen{box-shadow:none;background-color:#e5b004;background-image:var(--grain);background-blend-mode:multiply;filter:brightness(4);background-size:220px;border-radius:7%/10%;padding:0;display:block;overflow:hidden;transform:scaleY(.004);container-type:size}.portada .cv-screen.is-lit{filter:none;animation:1s cubic-bezier(.2,.7,.2,1) both cv-poweron;transform:none}.portada .cv-screen:after{z-index:3;content:"";pointer-events:none;box-shadow:none;mix-blend-mode:normal;opacity:1;background:repeating-linear-gradient(0deg,#0000000f 0 1px,#0000 1px 3px);animation:none;position:absolute;inset:0}.cv-art{aspect-ratio:16/10;width:min(max(100cqw,160cqh),108cqw,172cqh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cv-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:source-in;-webkit-mask-source-type:auto,auto;width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000),linear-gradient(#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000),linear-gradient(#0000,#000 4% 96%,#0000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cv-btn{z-index:2;cursor:pointer;transform-origin:50% 55%;background:0 0;border:0;width:30.24%;padding:0;transition:transform .26s cubic-bezier(.3,1.8,.4,1),filter .2s;position:absolute;top:76.3%;left:66.3%}.cv-btn img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;display:block}.cv-btn:hover,.cv-btn:focus-visible{filter:drop-shadow(5px 7px #181616);outline:none;transform:scale(1.09)rotate(-3deg)}.cv-btn:active,.portada.is-ch .cv-btn{filter:drop-shadow(1px 2px #181616);transition-duration:90ms;transform:scale(.96)rotate(-1deg)}.cv-hint{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:27.2%;transition:transform .26s;position:absolute;top:87.25%;left:68.45%}.cv-print{position:absolute;inset:0}.cv-print.is-hop{animation:.52s cubic-bezier(.3,1.6,.4,1) cv-hop}@keyframes cv-hop{0%{transform:none}35%{transform:translateY(-3.5%)rotate(-.8deg)scale(1.025)}70%{transform:translateY(.6%)rotate(.2deg)scale(.995)}}.cv-art{--mx:-999px;--my:-999px;--r:clamp(70px, 11cqw, 170px);cursor:pointer}.cv-peek{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.portada.is-ch .cv-peek{opacity:0}.portada.is-ch .cv-art{animation:.38s step-end both cv-chan}@keyframes cv-chan{0%{filter:none;transform:translate(-50%,-50%)}20%{filter:brightness(1.5)contrast(1.3);transform:translate(-50%,-54%)skew(-4deg)}40%{filter:brightness(1.8)saturate(.5);transform:translate(-52%,-47%)skew(3deg)}60%{filter:brightness(3);opacity:.6;transform:translate(-50%,-50%)scaleY(.6)}80%,to{opacity:0;transform:translate(-50%,-50%)}}@keyframes cv-poweron{0%{filter:brightness(4);transform:scaleY(.004)}35%{filter:brightness(4);transform:scaleY(.004)}65%{filter:brightness(1.6);transform:scaleY(1.02)}to{filter:brightness();transform:scale(1)}}@media (prefers-reduced-motion:reduce){.portada .cv-screen.is-lit,.portada.is-ch .cv-art{animation:none}}.book-over{z-index:60;-webkit-backdrop-filter:blur(10px)saturate(.8);color:var(--ink-paper);background:#0e0c0c8c;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px 16px;animation:.3s both fade;display:flex;position:fixed;inset:0}.bk-kicker{font:400 14px var(--type);letter-spacing:.08em;margin:0}.bk-title{max-width:22ch;font:900 clamp(24px, 3.4vw, 46px) / 1 var(--title);letter-spacing:-.02em;text-align:center;margin:0}.bk-card{cursor:default;--rx:0deg;--ry:0deg;aspect-ratio:520/763;cursor:pointer;perspective:1200px;background:0 0;border:0;width:min(42vh,360px,80vw);padding:0}.bk-flip{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s cubic-bezier(.3,1.3,.4,1);animation:.6s cubic-bezier(.2,1.3,.4,1) both bk-in;display:block;position:relative}.bk-card.is-flip .bk-flip{transform:rotateX(var(--rx)) rotateY(calc(180deg + var(--ry)))}.bk-face{position:absolute;inset:0;box-shadow:0 30px 60px #0000008c}.bk-face img{object-fit:cover;width:100%;height:100%;display:block}.bk-back{opacity:0;transform:rotateY(180deg)}.bk-face{transition:opacity 0s linear .15s}.bk-card.is-flip .bk-front{opacity:0}.bk-card.is-flip .bk-back{opacity:1}.bk-note{max-width:46ch;font:400 15px/1.5 var(--type);text-align:center;margin:0}.bk-note b{background:var(--ink-yellow);color:var(--ink-black);padding:0 .2em;font-weight:400}.bk-nav{gap:10px;display:flex}.bk-nav button{border:2px solid var(--ink-paper);width:48px;height:40px;color:var(--ink-paper);font:18px var(--type);cursor:pointer;background:0 0}.bk-nav button:hover{background:var(--ink-paper);color:var(--ink-black)}.bk-x{position:absolute;top:18px;right:20px}@keyframes bk-in{0%{opacity:0;transform:translateY(40px)rotateX(20deg)scale(.85)}}@media (width<=760px){.service-row{align-items:flex-start}.svc-add{margin-bottom:10px}}.case-open{grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:0}.case-left{aspect-ratio:auto;align-items:center;height:100%;padding:0;display:flex}.case-left .cover.is-art{aspect-ratio:105/190;width:auto;height:min(86dvh,800px);transform:rotate(-1.5deg);box-shadow:10px 14px #0009}.case-left .cover.is-art img{object-fit:contain;background:#111}.backcover{background:var(--ink-paper);gap:16px;padding:26px 28px 22px;box-shadow:inset 12px 0 18px #00000038}.bc-head{border:0;align-items:flex-start;padding-bottom:0;position:relative}.bc-head h3{font:900 clamp(34px, 4.4vw, 62px) / 1 var(--title);letter-spacing:-.03em;color:var(--ink-black);flex:0 auto;margin-right:auto;padding:6px .15em 0;display:inline-block;position:relative}.bc-head h3:after{z-index:-1;background:var(--ink-yellow);content:"";opacity:.9;height:.36em;position:absolute;bottom:4px;left:-6px;right:-6px;transform:rotate(-1deg)}.backcover .x-eject{font-family:var(--type)}.bc-player{box-shadow:6px 6px 0 var(--ink-black);border:0}.bc-now b{font:400 clamp(26px, 2.4vw, 34px) / .95 var(--cond);letter-spacing:.01em}.bc-now span{font:400 13px var(--type);color:#4a4740}.bc-syn{max-width:60ch;font:400 15px/1.55 var(--type)}.chapters{border:0;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:22px 18px;padding-top:18px;display:grid}.chapters .ch-group{font:400 22px/1 var(--cond);letter-spacing:.03em;color:var(--ink-red);grid-column:1/-1;padding:6px 0 0}.chapters li{min-width:0}.chapters button{background:#f7f3ea;border:0;flex-direction:column;align-items:stretch;gap:8px;padding:8px 8px 10px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;transform:rotate(-1deg);box-shadow:3px 4px #000000bf}.chapters li:nth-child(2n) button{transform:rotate(1.2deg)}.chapters button:before{z-index:2;content:"";background:#e8debee0;width:64px;height:20px;margin-left:-32px;position:absolute;top:-10px;left:50%;transform:rotate(-4deg)}.chapters .ch-thumb,.chapters .ch-thumb.ratio-9x16{aspect-ratio:16/9;justify-self:auto;width:100%}.chapters .ch-thumb img,.chapters .ch-thumb video{filter:grayscale()contrast(1.15)}.chapters .ch-text b{font:400 20px/1 var(--cond);letter-spacing:.01em}.chapters .ch-text em{font:400 12px/1.3 var(--type);color:#4a4740}.chapters button:hover,.chapters button.is-on{color:var(--ink-black);box-shadow:5px 7px 0 var(--ink-black);background:#f7f3ea;transform:rotate(0)translateY(-3px)}.chapters button:hover .ch-text em,.chapters button.is-on .ch-text em{color:#4a4740}.chapters button.is-on .ch-text b{background:var(--ink-yellow);box-shadow:0 0 0 3px var(--ink-yellow)}.chapters button.is-on .ch-thumb img,.chapters button.is-on .ch-thumb video,.chapters button:hover .ch-thumb img,.chapters button:hover .ch-thumb video{filter:none}.bc-foot{border-top:2px dashed #18161680;padding-top:14px}.bc-spec{font:400 13px/1.4 var(--type);letter-spacing:0}.bc-tv{font:400 20px/1 var(--cond);letter-spacing:.04em;box-shadow:4px 4px 0 var(--ink-black);padding:12px 18px 10px;transform:rotate(-1deg)}@media (width<=760px){.case-open{grid-template-columns:1fr}.case-left{display:none}}.svc-fly{z-index:200;color:var(--ink-black);pointer-events:none;transform-origin:50%;background:#ecd9a8;align-items:baseline;gap:12px;padding:12px 16px 10px;display:flex;position:fixed;box-shadow:4px 6px #00000059}.svc-fly span{font:400 12px var(--type)}.svc-fly b{font:400 30px/1 var(--cond);white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.receipt.is-bump .cs-tape{animation:.42s cubic-bezier(.3,1.8,.4,1) rc-bump}@keyframes rc-bump{40%{transform:translateY(6px)rotate(-1.5deg)scale(1.03)}}.contact h2{letter-spacing:-.03em;margin-bottom:0;font-size:clamp(40px,6vw,96px)}.contact .xerox-title{width:100%;color:var(--ink-paper);image-rendering:pixelated;margin:6px 0 26px;display:block}.contact .fit-line{white-space:nowrap;width:max-content;max-width:none;line-height:.95;display:inline-block}.backcover{--bc-bg:var(--ink-paper);--bc-fg:var(--ink-black);--bc-title:var(--ink-black);--bc-hl:var(--ink-yellow);--bc-on:var(--ink-yellow);--bc-card:#f7f3ea;--bc-shadow:var(--ink-black);--bc-sub:#4a4740;--bc-btn:var(--ink-red);background-color:var(--bc-bg);color:var(--bc-fg)}.backcover .bc-head h3{color:var(--bc-title)}.backcover .bc-head h3:after{background:var(--bc-hl)}.backcover .bc-now span,.backcover .chapters .ch-text em,.backcover .chapters button:hover .ch-text em,.backcover .chapters button.is-on .ch-text em{color:var(--bc-sub)}.backcover .chapters button,.backcover .chapters button:hover,.backcover .chapters button.is-on{background:var(--bc-card)}.backcover .chapters button:hover,.backcover .chapters button.is-on{box-shadow:5px 7px 0 var(--bc-shadow)}.backcover .chapters button.is-on .ch-text b{background:var(--bc-on);box-shadow:0 0 0 3px var(--bc-on)}.backcover .bc-player{box-shadow:6px 6px 0 var(--bc-shadow)}.backcover .bc-tv{background:var(--bc-btn);box-shadow:4px 4px 0 var(--bc-shadow)}.backcover .bc-foot{border-top-color:var(--bc-fg)}@supports (color:color-mix(in lab, red, red)){.backcover .bc-foot{border-top-color:color-mix(in srgb, var(--bc-fg) 45%, transparent)}}.backcover .chapters .ch-group{color:var(--bc-title)}.bc-t2{--bc-title:var(--ink-red);--bc-hl:var(--ink-yellow);--bc-shadow:var(--ink-red);border-top:12px solid var(--ink-red)}.bc-t3 .bc-head h3{font:400 clamp(30px, 3.6vw, 50px) / 1.1 var(--type);letter-spacing:-.02em}.bc-t3{--bc-hl:var(--ink-yellow);--bc-shadow:var(--ink-red);background-image:repeating-linear-gradient(0deg,#0000 0 27px,#18161612 27px 28px)}.bc-t4{--bc-hl:var(--ink-red);--bc-on:var(--ink-red);--bc-shadow:var(--ink-red);--bc-btn:var(--ink-black)}.bc-t4 .bc-head h3{font:400 clamp(40px, 5vw, 72px) / .9 var(--cond)}.bc-t4 .chapters button.is-on .ch-text b{color:var(--ink-paper)}.bc-t5{--bc-bg:#d6b482;--bc-card:#ecd9a8;--bc-sub:#3d3427;--bc-btn:var(--ink-red)}.bc-t5 .bc-head h3:after{background:repeating-linear-gradient(-45deg, var(--ink-yellow) 0 12px, var(--ink-black) 12px 24px);height:.3em}.bc-t6{--bc-bg:#181616;--bc-fg:var(--ink-paper);--bc-title:var(--ink-red);--bc-hl:transparent;--bc-on:var(--ink-red);--bc-card:#262222;--bc-shadow:var(--ink-red);--bc-sub:#b9b2a2}.bc-t6:after{mix-blend-mode:screen;opacity:.08}.bc-t6 .bc-head h3{font:400 clamp(52px, 6.4vw, 92px) / .85 var(--cond);transform:rotate(-2deg)}.bc-t6 .bc-head h3:before{background:var(--ink-paper);content:"SAM";font:400 .32em/1 var(--cond);color:var(--ink-black);padding:2px 10px 0;position:absolute;bottom:-.2em;right:-1.6em;transform:rotate(8deg)}.bc-t6 .chapters button,.bc-t6 .chapters button.is-on .ch-text b{color:var(--ink-paper)}.bc-t6 .x-eject{background:var(--ink-red);color:var(--ink-paper)}.services .brief{box-shadow:4px 6px 0 #0000002e, 8px 10px 0 var(--ink-black);background:repeating-linear-gradient(0deg,#0000 0 31px,#18161614 31px 32px),#ecd9a8}.services .bf-n{font-family:var(--cond)}.services .bf-qh h4{font:400 clamp(22px, 2vw, 28px) / 1 var(--cond);letter-spacing:.01em}.services .bf-hint,.services .bf-in,.services .bf-chips button{font-family:var(--type)}.services .bf-in::placeholder{color:#8d7f62}.rc-send{font:400 24px/1 var(--cond);letter-spacing:.04em;box-shadow:4px 4px 0 var(--ink-black);justify-content:center;align-items:center;gap:10px;display:flex}.rc-arrow{font-size:.8em;font-style:normal;transition:transform .2s}.rc-send:hover .rc-arrow{transform:translate(4px)}.rc-clear{border:2px dashed var(--ink-black);font:400 18px/1 var(--cond);letter-spacing:.05em;color:var(--ink-black);margin-top:14px;padding:8px 14px 6px}.rc-clear:hover{background:var(--ink-black);color:var(--ink-paper);border-style:solid}.tools .m-spokes,.tools .meters li:hover .m-spokes,.tools .meters li.is-on .m-spokes{border:3px solid var(--paper);-webkit-mask:radial-gradient(circle,#0000 31%,#000 32%);mask:radial-gradient(circle,#0000 31%,#000 32%)}.tools .meters li:hover .m-spokes,.tools .meters li.is-on .m-spokes{border-color:var(--red)}.marquee{background:var(--ink-yellow);border-block:4px solid var(--ink-black);padding:0;box-shadow:0 6px 14px #00000059}.marquee>div{align-items:stretch;animation-duration:40s}.mq-seg{align-items:center;gap:22px;padding-right:22px;display:inline-flex}.mq-hz{background:repeating-linear-gradient(-45deg, var(--ink-black) 0 16px, var(--ink-yellow) 16px 32px);align-self:stretch;width:120px}.mq-seg b{font:400 34px/1 var(--cond);letter-spacing:.04em;color:var(--ink-red);padding:12px 0 9px}.mq-seg:nth-child(3n+2) b{color:var(--ink-black)}.backcover{padding-top:32px}.backcover .bc-head h3{line-height:1.08}.book-over .bk-nav{pointer-events:none;justify-content:space-between;padding:0 clamp(16px,8vw,140px);display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.book-over .bk-nav button{pointer-events:auto;width:58px;height:58px;font-size:22px}.sec:before,.about:after,.backcover:after,.dc-img:after,.rc-paper:after{display:none}.about-text{gap:14px;display:grid}.about-text p{margin:0}.about-text b{color:var(--ink-red);font-weight:700}.design{background:var(--ink-yellow);color:var(--ink-black)}.design .sec-head h2{color:var(--ink-red)}.design .dg-intro{max-width:46ch;font:700 clamp(18px, 1.8vw, 26px) / 1.4 var(--type);color:var(--ink-black)}.design .dg-intro b{background:var(--ink-red);color:var(--ink-paper)}.design .btn-light,.services{background:var(--ink-black);color:var(--ink-paper)}.services .sec-head h2,.services .svc-intro{color:var(--ink-paper)}.services .svc-intro b{background:var(--ink-yellow);color:var(--ink-black)}.services .svc-sides button{border-color:var(--ink-paper);color:var(--ink-paper)}.services .svc-sides button.is-on{background:var(--ink-paper);color:var(--ink-black);box-shadow:none}.services .service-list>li{box-shadow:none;background:0 0;border:0;border-bottom:2px solid #eee8d840;border-radius:0;margin-top:0;padding:14px 4px 6px}.services .service-list>li.svc-flip{border:0;padding-top:22px}.services .service-head{color:var(--ink-paper)}.services .service-head span.svc-code{border:2px solid var(--ink-red);font:400 .42em/1 var(--cond);letter-spacing:.08em;color:var(--ink-red);vertical-align:middle;background:0 0;border-radius:0;margin-right:14px;padding:3px 7px 1px;display:inline-block;position:static}.services .service-head:hover,.services .is-open .service-head{color:var(--ink-yellow)}.services .service-head i{color:#eee8d8bf}.services .service-body p{font:400 16px/1.55 var(--type);color:#eee8d8e6}.services .svc-includes li{font:400 13px var(--type);color:var(--ink-paper);border:1px solid #eee8d88c;border-radius:0}.services .svc-add{box-shadow:none;transform:none}.services .svc-add:hover{background:var(--ink-paper);color:var(--ink-black)}.services .is-added .svc-add{background:var(--ink-yellow);color:var(--ink-black)}.services .svc-flip button{color:var(--ink-paper);border-color:#eee8d899}.services .svc-flip button:hover{border-color:var(--ink-paper);background:var(--ink-paper);color:var(--ink-black)}.services .brief{background:var(--ink-paper);box-shadow:none;color:var(--ink-black);border:0;border-radius:0}.services .bf-q{border-bottom:2px solid #18161633}.services .bf-hint{color:#a3241b}.rc-how{color:#eee8d8d9}.rc-send{box-shadow:none}.rc-clear{color:var(--ink-paper);border-color:#eee8d899}.rc-clear:hover{background:var(--ink-paper);color:var(--ink-black)}.rc-meet{border-color:var(--ink-paper);color:var(--ink-paper)}.rc-meet:hover{background:var(--ink-paper);color:var(--ink-black)}.contact .contact-sub{max-width:30ch;font:900 clamp(26px, 3vw, 46px) / 1.12 var(--title);letter-spacing:-.01em;color:var(--ink-paper);margin:10px 0 34px}.contact .contact-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.contact .contact-links a{border:2px solid var(--ink-black);background:var(--ink-black);font:400 clamp(20px, 1.8vw, 28px) / 1 var(--cond);letter-spacing:.04em;color:var(--ink-paper);overflow-wrap:anywhere;gap:8px;padding:16px 18px 14px;transition:transform .18s,background .18s,color .18s;display:grid}.contact .contact-links a small{font:400 11px/1 var(--type);letter-spacing:.04em;color:#eee8d8b3}.contact .contact-links .cl-mail{text-transform:none;font-size:clamp(15px,1.3vw,20px)}.contact .contact-links a:hover{background:var(--ink-paper);color:var(--ink-black);transform:translateY(-4px)rotate(-1deg)}.contact .contact-links a:hover small{color:var(--ink-red)}.contact .contact-back{border:2px solid var(--ink-black);font:400 clamp(20px, 1.8vw, 28px) / 1 var(--cond);letter-spacing:.05em;color:var(--ink-black);background:0 0;align-items:center;gap:12px;margin:64px 0 0 auto;padding:14px 22px 12px;transition:transform .18s,background .18s,color .18s;display:flex}.contact .contact-back:hover{background:var(--ink-black);color:var(--ink-paper);transform:translate(-6px)}@media (width<=760px){.contact .contact-links{grid-template-columns:1fr 1fr}}.services .bf-hint{font:400 15px/1.4 var(--type);margin:2px 0 12px;padding-left:calc(3.2ch + 12px)}.services .bf-speed button b{font:400 24px/1 var(--cond)}.services .bf-speed button span{font:400 14px/1.3 var(--type)}.rc-how{font:400 13px/1.45 var(--type);text-align:center;margin:10px 0 0}.rc-meet{font:400 18px/1 var(--cond);letter-spacing:.04em;text-align:center;border:2px solid;margin-top:10px;padding:10px;display:block}.m-room{color:var(--ink-paper);background:#120d0c;padding:0 0 22px;position:relative;overflow:hidden}.m-room.is-loading{min-height:70svh}.m-scene{--px:0;--py:0;aspect-ratio:10/15.2;background:#241816;max-height:90svh;margin:0 auto;position:relative;overflow:hidden}.m-wall{transform:translate3d(calc(var(--fx,0) * -22px), calc(var(--fy,0) * -16px), 0) scale(1.04);background:repeating-linear-gradient(90deg,#00000029 0 2px,#0000 2px 46px),linear-gradient(#3a2522,#2a1b19 70%,#201513);position:absolute;inset:-4% -5% 22%}.m-wall:after{content:"";background-image:var(--grain);mix-blend-mode:overlay;opacity:.5;pointer-events:none;background-size:220px;position:absolute;inset:0}.m-cut{transform:rotate(var(--r,0deg));background:0 0;border:0;padding:0;display:block;position:absolute}.m-cut img,.m-cut svg{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:auto;display:block}.m-cut.is-btn img{box-shadow:3px 4px #00000073}.m-cut.is-btn:active{transform:rotate(var(--r,0deg)) scale(.96)}.m-cut.is-wall img{box-shadow:none;filter:drop-shadow(2px 3px #00000059)}.m-stencil img{opacity:.92;filter:none!important}.m-shelf{background:0 0;border:0;width:34%;height:12%;padding:0;position:absolute;top:25%;left:6%}.m-books{align-items:flex-end;gap:2px;height:100%;display:flex}.m-books img{width:auto;height:var(--h,90%);box-shadow:1px 0 #00000080}.m-plank{background:#6b4a33;width:46%;height:1.6%;position:absolute;top:37%;left:3%;box-shadow:0 3px #2c1d14,0 8px 12px #0006}.m-desk{position:absolute;inset:0}.m-top{background:repeating-linear-gradient(178deg,#0000001f 0 2px,#0000 2px 14px),linear-gradient(#7a5236,#5c3b26 30%,#3d2718);position:absolute;inset:69% 0 0;box-shadow:inset 0 3px #9a6c49}.m-tv{width:78%;position:absolute;top:30%;left:11%}.m-tv .tv2d{filter:drop-shadow(4px 8px #00000073);width:100%}.m-tv video{object-fit:cover;filter:contrast(1.08)saturate(1.1);width:100%;height:100%;display:block}.m-tv video.is-off{display:none}.m-arrow{z-index:3;border:2px solid var(--ink-paper);background:var(--ink-black);width:40px;height:56px;box-shadow:3px 3px 0 var(--ink-red);place-items:center;padding:0;display:grid;position:absolute;top:44%}.m-arrow.is-l{left:1.5%}.m-arrow.is-r{right:1.5%}.m-arrow svg{fill:none;width:22px;height:22px;stroke:var(--ink-paper);stroke-width:3px;stroke-linecap:square}.m-arrow:active{box-shadow:1px 1px 0 var(--ink-red);transform:translate(2px,2px)}.m-blue{height:100%;font:400 clamp(15px, 4.6vw, 24px) / 1 var(--vt);text-align:center;color:#fff;background:radial-gradient(circle,#2d4cff,#0b1fb8);place-content:center;gap:4px;display:grid}.m-blue span{font-size:.62em}.m-osd,.m-mute{z-index:2;font:400 clamp(11px, 3.4vw, 16px) / 1 var(--vt);color:#5dffc2;text-shadow:2px 2px #000;pointer-events:none;position:absolute;left:6%}.m-osd{top:7%}.m-mute{color:#fff;bottom:7%}.m-spot{z-index:2;pointer-events:none;width:28px;height:28px;position:absolute;transform:translate(-50%,-50%)}.m-spot i{background:var(--ink-paper);animation:m-blink 6s ease-in-out var(--d,0s) infinite both;border-radius:50%;position:absolute;inset:9px;box-shadow:0 0 0 2px #0000008c}.m-spot i:after{border:2px solid var(--ink-paper);content:"";border-radius:50%;animation:1.8s ease-out infinite m-ring;position:absolute;inset:-8px}.m-spot em{background:var(--ink-black);font:400 10px/1 var(--type);white-space:nowrap;color:var(--ink-paper);transform:translateX(-50%) rotate(calc(var(--r,0deg) * -1));animation:m-blink 6s ease-in-out var(--d,0s) infinite both;padding:3px 5px 2px;font-style:normal;position:absolute;top:100%;left:50%}@keyframes m-ring{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}@keyframes m-blink{0%,55%,to{opacity:0}65%,90%{opacity:1}}.m-now{font:400 12px/1.35 var(--type);color:#eee8d8cc;margin:12px 16px 0}.m-keys{grid-template-columns:1fr 1fr 1.4fr;gap:6px;margin:10px 16px 0;display:grid}.m-keys button{font:400 15px/1 var(--cond);letter-spacing:.05em;color:var(--ink-paper);background:0 0;border:1.5px solid #eee8d8cc;padding:11px 4px 9px}.m-keys button:disabled{opacity:.35}.m-keys button:active{background:var(--ink-paper);color:var(--ink-black)}.m-tapes{gap:6px;margin:14px 16px 0;display:grid}.m-tape{aspect-ratio:1024/131;background:#000;border:2px solid #0000;padding:0;overflow:hidden}.m-tape img{object-fit:contain;width:100%;height:100%;display:block}.m-tape.is-on{border-color:var(--ink-yellow);box-shadow:4px 4px 0 var(--ink-red)}html.is-phone,html.is-phone body{overscroll-behavior-x:none;max-width:100%;overflow-x:clip}html.is-phone .sec{overflow-x:clip}html.is-phone .sec-head h2{overflow-wrap:anywhere;line-height:.95;font-size:clamp(34px,11vw,48px)!important}html.is-phone .svc-intro{font-size:13px}html.is-phone .backcover{overflow-x:hidden!important}html.is-phone .bc-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}html.is-phone .bc-head h3{overflow-wrap:normal;min-width:0;font-size:clamp(20px,6.6vw,30px)!important}html.is-phone .backcover .x-eject{flex:none;height:30px;padding:0 10px;font-size:12px;position:static!important}html.is-phone .case-open,html.is-phone .case-open *{overscroll-behavior-x:none}html.is-phone .tools .meters-top,html.is-phone .tools .meters-low{gap:8px;margin:0;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none!important}html.is-phone .tools .meters-low{margin-top:8px}html.is-phone .tools .meters li{text-align:left;border-width:1.5px;grid-template-rows:auto auto;grid-template-columns:48px 1fr;align-items:center;gap:6px 10px;min-height:74px;padding:10px!important;display:grid!important}html.is-phone .tools .m-reel{grid-row:1/3;width:48px!important;height:48px!important}html.is-phone .tools .m-logo{width:22px!important;height:22px!important}html.is-phone .tools .m-name{text-align:left;align-self:end;line-height:1;margin:0!important;font-size:15px!important}html.is-phone .tools .m-vu{justify-content:flex-start;align-self:start;height:16px;display:flex!important}html.is-phone .tools .m-vu i{width:5px}html.is-phone .svc-sides{grid-template-columns:1fr 1fr;gap:8px;display:grid!important}html.is-phone .svc-sides button{text-align:left;flex-direction:column;align-items:flex-start;gap:6px;line-height:1.05;padding:10px!important;font-size:15px!important;display:flex!important}html.is-phone .services .service-row{grid-template-columns:1fr auto;gap:10px 8px;padding:14px 0!important;display:grid!important}html.is-phone .services .service-head{text-align:left;grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;line-height:1;padding:0!important;font-size:24px!important;display:grid!important}html.is-phone .services .service-head span.svc-code{line-height:1;padding:6px 8px 4px!important;font-size:15px!important;position:static!important;transform:none!important}html.is-phone .services .service-head i{grid-column:1/-1;justify-self:start;font-size:12px!important}html.is-phone .services .svc-add{grid-column:1/-1;justify-content:center;justify-self:stretch;margin:0!important;padding:10px 12px 8px!important;font-size:16px!important}html.is-phone .services .service-body p,html.is-phone .services .svc-includes{font-size:14px}html.is-phone .svc-flip button{font-size:15px}html.is-phone .modal:has(.viewer){place-items:stretch stretch;padding:0}html.is-phone .viewer{width:100vw;height:100dvh;max-height:none;animation:none}html.is-phone .viewer .vfd-bar{flex:none;gap:8px;padding:8px 10px;font-size:16px}html.is-phone .viewer .vfd-bar a{display:none}html.is-phone .viewer .vfd-bar .x-eject{flex:none;height:32px;padding:0 12px;font-size:13px}html.is-phone .viewer-body{flex-direction:column;min-height:0;display:flex!important}html.is-phone .viewer-list{overscroll-behavior-x:contain;scrollbar-width:none;border-bottom:1px solid #222;border-right:0;flex:none;gap:8px;padding:8px 10px;display:flex;overflow:auto hidden}html.is-phone .viewer-list li{flex:0 0 64%}html.is-phone .viewer-list button{grid-template-columns:70px 1fr;margin:0}html.is-phone .viewer-list .cam{height:46px}html.is-phone .viewer-list b{font-size:16px}html.is-phone .viewer-frame{flex:1;min-height:0;overflow-y:auto;padding:18px 16px 40px!important;overflow-x:hidden!important}html.is-phone .viewer-frame img,html.is-phone .viewer-frame iframe{max-width:100%;height:auto}html.is-phone .viewer-frame .pj-row{grid-template-columns:1fr!important}html.is-phone .pj-head h3{overflow-wrap:anywhere;font-size:clamp(28px,9vw,40px)!important}html.is-phone .pj-head p{line-height:1.45;font-size:15px!important}html.is-phone .pj-head,html.is-phone .pj-mods,html.is-phone .pj-more{max-width:100%}.portada.is-phone{padding:10px}.portada.is-phone .cv-screen{border-radius:9%/5.2%}.portada.is-phone .cv-art{aspect-ratio:1800/3120;width:max(100cqw,57.7cqh)}.portada.is-phone .cv-btn{width:61.1%;top:90.1%;left:34.4%}.portada.is-phone .cv-img{-webkit-mask:none;mask:none}html.is-phone .tools .sec-head h2{overflow-wrap:normal;font-size:clamp(30px,9.4vw,44px)!important}html.is-phone .videoteca .cases{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}html.is-phone .about{padding-bottom:110px!important}html.is-phone .about .circle{display:none}.dg-intro{text-wrap:balance}.tools .meters li:hover .m-vu i,.tools .meters li.is-on .m-vu i{background:var(--ink-black);box-shadow:none}.tools .meters li:hover .m-vu i:nth-child(n+6),.tools .meters li.is-on .m-vu i:nth-child(n+6){background:var(--ink-red);box-shadow:none}.svc-fly{border:2px solid var(--ink-paper);background:var(--ink-black);box-shadow:5px 5px 0 var(--ink-red);color:var(--ink-paper);align-items:center}.svc-fly span{border:1.5px solid var(--ink-red);font:400 12px/1 var(--type);color:var(--ink-red);padding:3px 6px 2px}.svc-fly b{font:400 28px/1 var(--cond);letter-spacing:.02em}button.rc-send{cursor:pointer;border:0;width:100%}button.rc-send:disabled{cursor:default}.rc-send.is-open .rc-arrow{transform:rotate(90deg)}.rc-pick{border:2px solid var(--ink-paper);background:var(--ink-black);color:var(--ink-paper);gap:6px;margin-top:10px;padding:12px;animation:.22s both fade;display:grid}.rc-pick p{font:400 13px/1.3 var(--type);color:#eee8d8bf;margin:0 0 2px}.rc-pick a,.rc-pick button{border:1.5px solid var(--ink-paper);font:400 18px/1 var(--cond);letter-spacing:.05em;text-align:left;color:var(--ink-paper);cursor:pointer;background:0 0;padding:11px 12px 9px;display:block}.rc-pick a:first-of-type{border-color:var(--ink-red);background:var(--ink-red)}.rc-pick a:hover,.rc-pick button:hover{background:var(--ink-paper);border-color:var(--ink-paper);color:var(--ink-black)}.rc-pick span{font:400 12px/1.4 var(--type);color:#eee8d8b3;margin-top:2px}.film-run .about{padding-bottom:calc(clamp(60px,8vw,110px) + 120px)}.film-run .design{padding-top:calc(clamp(60px,8vw,110px) + 110px)}html.is-phone .film-run .about{padding-bottom:150px!important}html.is-phone .film-run .design{padding-top:140px!important}.big-note{color:var(--ink-black);font:400 19px/1.45 var(--type);background:linear-gradient(#f5d43e 0 54px,#ffe24d 54px)}.big-note h3{font:0/0 a;margin:4px 0 16px}.big-note h3 img{width:min(230px,62%);height:auto;margin:0 auto;display:block;transform:rotate(-4deg)}.big-note ul,.big-note li{font:400 18px/1.45 var(--type);color:var(--ink-black)}.big-note li::marker{content:"· "}.big-note b{font-weight:700}.big-note-down{font:400 16px/1 var(--type)!important;color:var(--ink-red)!important}.bf-vu button span{justify-content:center;align-items:flex-start;min-height:2.6em;display:flex}html.is-phone .bf-vu{gap:6px}html.is-phone .bf-vu button span{font-size:11px;line-height:1.25}.m-tv video{background:#000;object-fit:contain!important}.m-tv video.is-r4x3{object-fit:cover!important}.m-film img{filter:drop-shadow(3px 4px #0006);box-shadow:none!important}.m-mid{transform:translate3d(calc(var(--fx,0) * -11px), calc(var(--fy,0) * -8px), 0);position:absolute;inset:-2% -3% 22%}.m-desk{pointer-events:none;transform:translate3d(calc(var(--fx,0) * 4px), calc(var(--fy,0) * 3px), 0)}.m-desk>*{pointer-events:auto}.m-desk>.m-top{pointer-events:none;inset:69% -3% -3%}.stuff-arrow svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:square;width:26px;height:26px;margin:auto;display:block}.stuff-arrow{place-items:center;display:grid}html.is-phone .zine-over{z-index:140;background:#120d0c}html.is-phone .zine-over .zine-canvas{inset:70px 0 120px}html.is-phone .stuff-arrow{border:2px solid var(--ink-paper);background:var(--ink-black);width:52px;height:52px;box-shadow:3px 3px 0 var(--ink-red);color:var(--ink-paper);top:auto;bottom:28px;transform:none}html.is-phone .stuff-prev{left:16px}html.is-phone .stuff-next{right:16px}html.is-phone .zine-over .zine-title{text-align:left;font-size:clamp(22px,7vw,30px);line-height:1;inset:20px 120px auto 16px;transform:none}html.is-phone .zine-over .zine-hint{bottom:44px}html.is-phone .zine-x{top:16px;right:16px}html.is-phone .roll-modal{padding:10px}html.is-phone .roll-box{width:100%;padding-top:64px!important}html.is-phone .roll-box>.x-eject{height:32px;font-size:13px;top:14px;right:14px;position:absolute!important}html.is-phone .roll-head{flex-direction:column;gap:6px;align-items:flex-start!important;padding:0 16px!important;display:flex!important}html.is-phone .roll-head b{white-space:nowrap;font-size:26px!important}html.is-phone .roll-head .lab-state{margin:0!important;font-size:13px!important}html.is-phone .lab-light{display:none}html.is-phone .about-photo{justify-self:center;margin-inline:auto!important;left:0!important;right:0!important}html.is-phone .about .sec-head,html.is-phone .about .lead{text-align:center}html.is-phone .sec .btn,html.is-phone .design .btn,html.is-phone .contact .rewind,html.is-phone .sec a.btn{margin-inline:auto!important;display:table!important}html.is-phone .contact-back{justify-content:center;margin-inline:auto!important;display:flex!important}html.is-phone .about .sec-head h2{text-align:center;width:100%}.stuff-credit{z-index:3;border:2px solid var(--ink-black);background:var(--ink-paper);max-width:min(340px,70vw);box-shadow:4px 4px 0 var(--ink-red);font:400 13px/1.4 var(--type);color:var(--ink-black);gap:6px;margin:0;padding:12px 14px 10px;animation:.5s cubic-bezier(.3,1.4,.4,1) .6s both credit-in;display:grid;position:absolute;bottom:24px;left:24px;transform:rotate(-1deg)}.stuff-credit a{background:var(--ink-black);font:400 15px/1 var(--cond);letter-spacing:.04em;color:var(--ink-paper);justify-self:start;padding:3px 7px 2px}.stuff-credit a:hover{background:var(--ink-red)}@keyframes credit-in{0%{opacity:0;transform:translateY(14px)rotate(-1deg)}}html.is-phone .stuff-credit{max-width:none;padding:8px 10px 7px;font-size:11px;bottom:22px;left:80px;right:80px}html.is-phone .stuff-over:has(.stuff-credit) .zine-hint{display:none}.m-guide{z-index:120;background:#0a0808b8;place-items:center;padding:18px;animation:.3s both fade;display:grid;position:fixed;inset:0}.m-guide-card{border:2px solid var(--ink-black);background:var(--ink-paper);width:100%;max-width:380px;box-shadow:6px 6px 0 var(--ink-red);color:var(--ink-black);padding:20px 18px 18px;transform:rotate(-1deg)}.m-guide-k{background:var(--ink-yellow);font:400 18px/1 var(--cond);letter-spacing:.05em;margin:0 0 12px;padding:4px 8px 3px;display:inline-block}.m-guide ol{font:400 14px/1.45 var(--type);gap:10px;margin:0 0 16px;padding-left:22px;display:grid}.m-guide li::marker{font:400 16px var(--cond);color:var(--ink-red)}.m-guide b{font-weight:700}.m-guide-card>button{background:var(--ink-red);width:100%;font:400 20px/1 var(--cond);letter-spacing:.06em;color:var(--ink-paper);border:0;padding:12px 10px 10px}.m-howto{font:400 14px/1 var(--cond);letter-spacing:.06em;color:#eee8d8d9;background:0 0;border:1px dashed #eee8d899;margin:10px auto 0;padding:6px 12px 5px;display:block}html.is-phone .portada:not(.is-ch) .cv-btn{animation:3.2s ease-in-out 1.6s infinite cv-beat}@keyframes cv-beat{0%,70%,to{transform:none}78%{transform:scale(1.05)rotate(-1.5deg)}86%{transform:scale(.99)}92%{transform:scale(1.03)rotate(-.8deg)}}.stuff-credit{align-items:center;gap:14px;max-width:min(620px,86vw);padding:12px 14px 12px 18px;font-size:16px;line-height:1.4;animation:.5s cubic-bezier(.3,1.4,.4,1) .5s both credit-in2;display:flex;bottom:calc(5.5vh + 54px);left:50%;right:auto;transform:translate(-50%)rotate(-.6deg)}.stuff-credit a{box-shadow:3px 3px 0 var(--ink-red);flex:none;padding:8px 12px 6px;font-size:20px}@keyframes credit-in2{0%{opacity:0;transform:translate(-50%,14px)rotate(-.6deg)}}html.is-phone .stuff-credit{flex-direction:column;align-items:flex-start;gap:8px;max-width:none;padding:10px 12px;font-size:13px;animation-name:credit-in3;inset:64px 16px auto;transform:rotate(-.6deg)}html.is-phone .stuff-credit a{font-size:16px}@keyframes credit-in3{0%{opacity:0;transform:translateY(-10px)rotate(-.6deg)}}html.is-phone .stuff-over:has(.stuff-credit) .zine-canvas{top:170px}.prop-tip span{font:400 14px/1 var(--cond);color:var(--ink-red);letter-spacing:.04em}.bk-nav button{place-items:center;display:grid}.bk-nav button svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:square;width:24px;height:24px}html.is-phone .book-over .bk-nav{padding:0 16px;top:auto;bottom:22px;transform:none}html.is-phone .book-over .bk-nav button{border:2px solid var(--ink-paper);background:var(--ink-black);width:52px;height:52px;box-shadow:3px 3px 0 var(--ink-red);color:var(--ink-paper)}html.is-phone .book-over{padding-top:64px;padding-bottom:96px}html.is-phone .book-over .bk-x{top:14px;right:16px}html.is-phone .book-over .bk-card{width:min(78vw,68svh - 224.4px)!important}html.is-phone .book-over,html.is-phone .modal,html.is-phone .zine-over,html.is-phone .m-guide{-webkit-backdrop-filter:none!important}html.is-phone .book-over,html.is-phone .modal{background:#0e0c0ceb!important}html.ov-open .site>:not(.zine-over):not(.book-over):not(.modal){visibility:hidden!important}html.ov-open .site>:not(.zine-over):not(.book-over):not(.modal) *{animation-play-state:paused!important}html.ov-open .zine-over,html.ov-open .book-over,html.ov-open .modal{background:#120d0c!important}html.is-phone .m-wall:after{mix-blend-mode:normal;opacity:.12}.m-guide b{font-weight:400;font-family:var(--cond);letter-spacing:.02em;color:var(--ink-red);font-size:1.2em}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}