:root{--ink:#000;--paper:#f9f9f7;--white:#fff;--coral:#ff7f7f;--red:#a43a3d;--yellow:#eab308;--muted:#5e5758;--grid:#e5e5e3;--line:2px solid var(--ink);--max:1400px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--shadow-sm:4px 4px 0 var(--ink);--shadow-md:8px 8px 0 var(--ink);--font-sans:var(--font-hanken), sans-serif}.case-study{background:var(--project-bg);color:var(--project-ink);overflow:hidden}.case-study .page-shell{width:min(1320px,100% - 48px);margin-inline:auto}.case-hero{grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);align-items:center;gap:clamp(40px,7vw,110px);min-height:calc(100svh - 72px);padding-block:90px 110px;display:grid}.case-meta{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.case-meta span,.case-kicker{font:700 11px/1.2 var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase}.case-meta span{border:1px solid;border-radius:100px;padding:8px 11px}.case-hero h1,.case-study h2,.case-study h3{margin:0}.case-hero h1{letter-spacing:-.075em;max-width:760px;font-size:clamp(64px,9vw,148px);line-height:.82}.case-deck{letter-spacing:-.025em;max-width:650px;margin:35px 0 0;font-size:clamp(20px,2vw,30px);line-height:1.28}.case-role{border-top:1px solid color-mix(in srgb,var(--project-ink) 25%,transparent);grid-template-columns:90px 1fr;gap:20px;max-width:620px;margin-top:32px;padding-top:20px;display:grid}.case-role span{font:700 11px var(--font-mono,monospace);text-transform:uppercase}.case-role p{margin:0;line-height:1.55}.case-actions{align-items:center;gap:24px;margin-top:32px;display:flex}.case-button{border:1.5px solid var(--project-ink);background:var(--project-accent);min-height:50px;color:var(--project-ink);border-radius:100px;justify-content:center;align-items:center;padding:0 22px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.case-button:hover{box-shadow:0 5px 0 var(--project-ink);transform:translateY(-2px)}.case-text-link{color:inherit;font-weight:700}.case-hero-visual{place-items:center;min-height:620px;display:grid;position:relative}.case-signature{width:52%;color:var(--project-accent);z-index:0;position:absolute;inset:0 auto auto 0}.signature-path{fill:none;stroke:currentColor;stroke-width:5px;stroke-linecap:round;stroke-dasharray:360;stroke-dashoffset:360px}.signature-dot{fill:var(--project-accent-2);stroke:var(--project-ink);stroke-width:2px}.signature-grid{fill:none;stroke:currentColor;stroke-width:1px;opacity:0}.motion-grid .signature-grid{opacity:.5}.motion-grid .signature-path{display:none}.motion-editorial .signature-path{stroke-width:2px}.motion-radar .signature-path{stroke-dasharray:3 8}.case-hero-media{z-index:1;width:100%;box-shadow:18px 22px 0 color-mix(in srgb,var(--project-ink) 15%,transparent);position:relative;overflow:hidden}.case-hero-media.is-browser{aspect-ratio:16/10;border:8px solid var(--project-ink);border-radius:14px}.case-hero-media.is-phone{aspect-ratio:591/1280;border:10px solid var(--project-ink);border-radius:42px;width:min(330px,74%)}.case-hero-media img{object-fit:cover}.motion-editorial .case-hero-media img{transform:scale(1.08)}.case-concept,.case-ux,.ui-system,.case-build{padding-block:130px}.case-concept{border-top:1px solid color-mix(in srgb,var(--project-ink) 24%,transparent)}.case-concept-grid{grid-template-columns:minmax(300px,.9fr) 1.1fr;gap:clamp(40px,8vw,140px);margin-top:36px;display:grid}.case-study h2{letter-spacing:-.055em;font-size:clamp(44px,6vw,86px);line-height:.95}.case-lead{margin:0 0 20px;font-size:clamp(22px,2.2vw,32px);line-height:1.35}.case-concept-grid p:not(.case-lead),.case-section-head>p,.case-build p{font-size:17px;line-height:1.7}.concept-principles{background:color-mix(in srgb,var(--project-ink) 25%,transparent);border:1px solid color-mix(in srgb,var(--project-ink) 25%,transparent);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:90px;display:grid}.concept-principles article{background:var(--project-surface);min-height:260px;padding:28px}.concept-principles article>span,.ux-flow article>span{font:700 12px var(--font-mono,monospace);color:var(--project-accent)}.concept-principles h3,.ux-flow h3{letter-spacing:-.03em;margin-top:55px;font-size:25px}.concept-principles p,.ux-flow p{line-height:1.55}.case-ux{background:var(--project-ink);color:var(--project-bg);padding-inline:max(24px,50vw - 660px);width:100%!important;max-width:none!important}.case-section-head{grid-template-columns:1fr minmax(280px,470px);align-items:end;gap:50px;display:grid}.case-section-head>p{margin:0}.ux-flow{border-top:1px solid color-mix(in srgb,var(--project-bg) 35%,transparent);margin-top:70px}.ux-flow article{border-bottom:1px solid color-mix(in srgb,var(--project-bg) 35%,transparent);grid-template-columns:90px 1fr;gap:25px;padding:35px 0;display:grid}.ux-flow h3{margin:0;font-size:28px}.ux-flow p{max-width:680px;color:color-mix(in srgb,var(--project-bg) 75%,transparent);margin:8px 0 0}.case-gallery{background:color-mix(in srgb,var(--project-accent) 17%,var(--project-bg));padding:130px 0}.gallery-controls{font:700 12px var(--font-mono,monospace);align-items:center;gap:14px;display:flex}.gallery-controls button{border:1px solid var(--project-ink);background:var(--project-surface);cursor:pointer;border-radius:50%;width:48px;height:48px;font-size:20px}.gallery-stage{width:min(1320px,100% - 48px);height:700px;margin:70px auto 0;position:relative}.gallery-position{pointer-events:none;transform-origin:50%;place-items:center;display:grid;position:absolute;inset:0}.gallery-position.position-1{opacity:.7;transform:translate(22%,5%)scale(.82)rotate(3deg)}.gallery-position.position-2{opacity:.45;transform:translate(-24%,7%)scale(.72)rotate(-4deg)}.gallery-position:nth-child(n+4){opacity:0}.device-shot{margin:0}.phone-shot{width:min(315px,67vw)}.phone-shell{aspect-ratio:591/1280;background:#090909;border:10px solid #090909;border-radius:44px;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000040}.phone-shell img{object-fit:cover}.phone-island{z-index:2;background:#090909;border-radius:30px;width:29%;height:19px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.device-shot figcaption{justify-content:space-between;gap:20px;margin-top:18px;font-size:13px;display:flex}.device-shot figcaption span{opacity:.65}.browser-shot{width:min(1060px,86vw)}.browser-shell{border:2px solid var(--project-ink);background:var(--project-surface);border-radius:14px;overflow:hidden;box-shadow:0 35px 80px #0000002e}.browser-chrome{border-bottom:1px solid var(--project-ink);align-items:center;gap:6px;height:43px;padding:0 14px;display:flex}.browser-chrome i{background:var(--project-accent);border-radius:50%;width:9px;height:9px}.browser-chrome span{font:600 10px var(--font-mono,monospace);opacity:.6;margin-left:14px}.browser-viewport{aspect-ratio:16/9;position:relative;overflow:hidden}.browser-viewport img{object-fit:cover;object-position:top}.ui-system{background:var(--project-bg)}.ui-grid{grid-template-columns:1.1fr .9fr;gap:55px;margin-top:70px;display:grid}.ui-grid h3{font:700 12px var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.palette-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.ui-swatch{border:1px solid color-mix(in srgb,var(--project-ink) 30%,transparent);flex-direction:column;justify-content:space-between;min-height:160px;padding:18px;display:flex}.ui-swatch span{font:600 11px var(--font-mono,monospace)}.type-block{grid-row:span 2}.type-sample{border-bottom:1px solid color-mix(in srgb,var(--project-ink) 25%,transparent);grid-template-columns:120px 1fr;align-items:center;padding:20px 0;display:grid}.type-sample>b{font-size:58px;line-height:1}.type-sample span{font-weight:800}.type-sample small{opacity:.65;margin-top:5px;font-weight:400;display:block}.components-block div{flex-wrap:wrap;gap:9px;display:flex}.components-block span{border:1px solid var(--project-ink);background:var(--project-surface);border-radius:100px;padding:11px 15px;font-weight:650}.case-build{background:var(--project-surface);border-top:1px solid color-mix(in srgb,var(--project-ink) 25%,transparent);grid-template-columns:1fr 1fr;gap:80px;display:grid}.case-build>div{padding-right:30px}.case-build h2{margin:26px 0}.case-build ul{border-top:1px solid var(--project-ink);margin:0;padding:0;list-style:none}.case-build li{border-bottom:1px solid var(--project-ink);font:700 15px var(--font-mono,monospace);padding:18px 0}.case-closing{text-align:center;padding-block:150px 170px}.case-closing>p:first-child{font:700 12px var(--font-mono,monospace);text-transform:uppercase}.case-closing h2{max-width:900px;margin:20px auto}.case-closing>p:not(:first-child){max-width:660px;margin:25px auto 35px;font-size:18px;line-height:1.6}.development-hero-diagram{z-index:1;border:2px solid var(--project-ink);background:var(--project-surface);width:100%;box-shadow:14px 14px 0 var(--project-accent);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:40px;display:grid;position:relative}.development-hero-diagram span{text-align:center;border:1px solid;padding:20px;font-weight:800}.development-hero-diagram i{font-style:normal}.development-hero-diagram span:last-child{grid-column:2/4}@media (max-width:820px){.case-study .page-shell,.gallery-stage{width:min(100% - 30px,1320px)}.case-hero{grid-template-columns:1fr;min-height:auto;padding-block:65px 85px}.case-hero h1{font-size:clamp(62px,20vw,96px)}.case-hero-visual{min-height:460px}.case-concept,.case-ux,.ui-system,.case-build{padding-block:85px}.case-concept-grid,.case-section-head,.case-build{grid-template-columns:1fr;gap:28px}.concept-principles{grid-template-columns:1fr;margin-top:55px}.concept-principles article{min-height:auto}.concept-principles h3{margin-top:28px}.case-ux{padding-inline:15px}.ux-flow article{grid-template-columns:48px 1fr}.gallery-stage{height:560px}.gallery-position.position-1{transform:translate(33%,8%)scale(.72)rotate(3deg)}.gallery-position.position-2{transform:translate(-34%,10%)scale(.62)rotate(-4deg)}.ui-grid{grid-template-columns:1fr}.type-block{grid-row:auto}.palette-list{grid-template-columns:1fr 1fr}.ui-swatch{min-height:130px}.case-build>div{padding:0}.case-actions{flex-direction:column;align-items:flex-start}.case-gallery .case-section-head{align-items:start}.gallery-controls{margin-top:8px}.browser-shot{width:94vw}.browser-viewport{aspect-ratio:4/3}.development-hero-diagram{grid-template-columns:1fr;padding:18px}.development-hero-diagram span:last-child{grid-column:auto}.development-hero-diagram i{transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.case-study *{scroll-behavior:auto!important}.case-button{transition:none}.motion-editorial .case-hero-media img{transform:none}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background-color:var(--paper);background-image:radial-gradient(circle, var(--grid) 1px, transparent 1px);font-family:var(--font-hanken), sans-serif;background-size:20px 20px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.skip-link{z-index:1000;top:var(--space-3);left:var(--space-3);border:2px solid var(--ink);background:var(--yellow);padding:var(--space-3) var(--space-4);font:800 12px var(--font-mono), monospace;text-transform:uppercase;position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:1.2em}mark{color:inherit;background:#ff7f7f40;padding:0 .12em}.cms-image-frame{background:var(--paper);place-items:stretch stretch;width:100%;max-width:100%;height:100%;margin:0;display:grid;overflow:hidden}.cms-image-frame img{width:100%;min-width:0;height:100%;min-height:0;display:block}.cms-image-frame figcaption{display:none}.page-shell{width:min(100% - 48px, var(--max));border-inline:1px solid var(--ink);margin-inline:auto}.coral{color:var(--coral)}.coral-bg{background:var(--coral)!important}.hand-note{font-family:Comic Sans MS,cursive;font-weight:700;transform:rotate(-2deg)}.tape{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffc;border:1px solid #0000001a;width:88px;height:24px;position:absolute}.site-header{z-index:100;border-bottom:var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f9f9f7f2;height:82px;position:sticky;top:0}.header-inner{max-width:var(--max);align-items:center;gap:28px;height:100%;margin:auto;padding:0 24px;display:flex}.brand{letter-spacing:-.07em;font-size:38px;font-weight:900;line-height:1}.brand span{color:var(--coral)}.root-label{color:#777;text-transform:uppercase;font:10px var(--font-mono), monospace;letter-spacing:.12em;align-items:center;gap:12px;display:flex}.root-label b{color:var(--ink);border:1px solid var(--ink);background:#ff7f7f1f;padding:3px 6px}.main-nav{align-items:center;gap:36px;margin-left:auto;display:flex}.main-nav a{font:700 12px var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;border-bottom:2px solid #0000;padding-block:4px}.main-nav a:hover,.main-nav a.active{color:var(--red);border-color:var(--coral)}.mobile-contact-cta{display:none}.button{border:3px solid var(--ink);background:var(--ink);width:fit-content;color:var(--white);box-shadow:8px 8px 0 var(--coral);text-transform:uppercase;font:800 13px var(--font-mono), monospace;letter-spacing:.08em;justify-content:center;align-items:center;gap:10px;padding:15px 24px;transition:all .16s;display:inline-flex}.button:hover{box-shadow:none;background:var(--coral);transform:translate(8px,8px)}.button:active{box-shadow:2px 2px 0 var(--coral);transform:translate(6px,6px)}.button-small{box-shadow:4px 4px 0 var(--coral);padding:11px 20px}.button-small:hover{transform:translate(4px,4px)}.header-cta{margin-left:8px}.menu-button{border:var(--line);background:0 0;width:42px;height:42px;padding:8px;display:none}.menu-button span{background:var(--ink);height:3px;margin:4px 0;display:block}.hero{grid-template-columns:.92fr 1.15fr;align-items:center;gap:70px;min-height:calc(100vh - 82px);padding:90px 48px 110px;display:grid;position:relative}.hero-copy{z-index:5;position:relative}.hero h1{text-transform:uppercase;letter-spacing:-.065em;margin:0;font-size:clamp(58px,7.4vw,116px);font-weight:900;line-height:.82}.hero h1 .home-line-mask{margin-bottom:-.16em;padding-bottom:.16em}.hero h1 em{color:var(--white);background:var(--ink);padding:.03em .09em .08em;font-style:italic;display:inline-block;transform:rotate(1deg);box-shadow:5px 5px #0000001f}.scribble{position:relative}.scribble:after{content:"";z-index:-1;background:var(--coral);height:.12em;position:absolute;bottom:.05em;left:-2%;right:-2%;transform:rotate(-2deg)}.paper-note{background:#ffffffc7;border:1px solid #0000001f;max-width:560px;margin:34px 0;padding:18px;font-size:18px;font-weight:500;line-height:1.55;box-shadow:0 3px 12px #0000000d}.hero-actions{align-items:center;gap:30px;display:flex}.text-link{border-bottom:var(--line);font:700 13px var(--font-mono);align-items:center;gap:8px;display:flex}.lab-board{min-width:0;position:relative}.board-window{border:4px solid var(--ink);background:var(--white);box-shadow:16px 16px 0 var(--ink)}.window-bar,.window-footer{border-bottom:4px solid var(--ink);min-height:58px;font:700 11px var(--font-mono);text-transform:uppercase;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.window-bar>span{gap:7px;display:flex}.window-bar i,.terminal-dots i{border:2px solid var(--ink);border-radius:50%;width:11px;height:11px;display:inline-block}.window-bar b{border:var(--line);background:#ff7f7f1f;align-items:center;gap:8px;padding:5px 9px;display:flex}.window-bar b i{background:var(--coral);border:0;width:8px;height:8px}.board-canvas{aspect-ratio:1.3;background-image:radial-gradient(#ccc 1px,#0000 1px);background-size:24px 24px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:20px;padding:30px 28px 36px;display:grid}.board-piece{--r:0deg;transform:rotate(var(--r));min-width:0;min-height:0}.hero.is-ready .board-piece{transition:transform .25s}.hero.is-ready .board-piece:hover{transform:rotate(0)translateY(-3px)}.wireframe-card{--r:-4deg;border:4px solid var(--ink);background:var(--white);height:88%;box-shadow:8px 8px 0 var(--coral);grid-area:1/1/auto/3;align-self:start;padding:10px;position:relative}.wireframe-card>span{border-bottom:4px solid;height:18%;display:block}.wireframe-card>div{gap:6px;height:62%;padding-top:8px;display:flex}.wireframe-card i{border:4px solid;flex:1}.wireframe-card i:last-child{flex:2}.wireframe-card small{background:#ff7f7f4d;border:1px solid;padding:2px 5px;font-family:Comic Sans MS;position:absolute;bottom:-20px;left:5px}.sticky-note{--r:7deg;aspect-ratio:1;background:var(--coral);border:4px solid;grid-area:1/3;justify-self:end;width:min(100%,132px);padding:16px;font:700 17px Comic Sans MS;box-shadow:4px 4px}.central-code{aspect-ratio:1.3;background:var(--white);border:4px solid;border-radius:50%;grid-area:2/2;place-self:center;place-items:center;width:min(100%,130px);display:grid;box-shadow:8px 8px}.central-code svg{width:58%}.terminal{border:3px solid var(--ink);color:#f3f3f3;box-shadow:8px 8px 0 var(--ink);font-family:var(--font-mono), monospace;background:#171918}.terminal-bar{border-bottom:3px solid var(--ink);min-height:44px;color:var(--ink);background:#e8e8e8;justify-content:space-between;align-items:center;padding:8px 13px;font-size:11px;display:flex}.terminal-dots{gap:6px;display:flex}.terminal-dots i:first-child{background:#c54a4a}.terminal-dots i:nth-child(2){background:var(--yellow)}.terminal-dots i:nth-child(3){background:#42d392}.terminal-body{padding:22px;font-size:12px;line-height:1.75}.terminal-body p{margin:4px 0}.hero-terminal{--r:-2deg;box-shadow:9px 9px 0 var(--coral);grid-area:2/1/4/3;align-self:end}.hero-terminal .terminal-body{padding:16px 18px;font-size:11px}.flow-chip{--r:2deg;background:var(--white);box-shadow:7px 7px 0 var(--coral);font:700 11px var(--font-mono);white-space:nowrap;border:4px solid;grid-area:2/3;place-self:center end;padding:12px}.flow-chip b{color:var(--coral);padding:0 5px}.sketch-frame{--r:4deg;aspect-ratio:1;background:var(--white);width:min(100%,150px);box-shadow:10px 10px 0 var(--coral);border:4px solid;grid-area:3/3;place-self:end;position:relative}.sketch-frame .cms-image-frame{height:100%;margin:0;position:absolute;inset:0;width:100%!important}.sketch-note{z-index:2;border:var(--line);white-space:nowrap;background:#ff7f7f4d;padding:5px 9px;font:700 17px Comic Sans MS;position:absolute;top:-30px;left:-70px;transform:rotate(-12deg)}.window-footer{border:0;border-top:4px solid}.window-footer span:first-child{background:var(--coral);padding:4px}.board-spark{z-index:10;width:65px;position:absolute;top:-38px;right:-28px}.marquee{background:var(--coral);height:62px;color:var(--ink);font:800 14px var(--font-mono);letter-spacing:.08em;white-space:nowrap;cursor:crosshair;border-block:4px solid;align-items:center;transition:background .3s,color .3s;display:flex;overflow:hidden}.marquee-track{will-change:transform;min-width:max-content;display:flex}.marquee-track span{padding-right:3ch;display:block}.marquee.is-hot{background:var(--ink);color:var(--coral)}@media (prefers-reduced-motion:reduce){.marquee-track{transform:none!important}}.section{padding:100px 48px 120px}.section-heading{border-bottom:var(--line);justify-content:space-between;align-items:center;margin-bottom:62px;padding-bottom:16px;display:flex}.section-heading h2{border:var(--line);background:var(--white);text-transform:uppercase;font:700 14px var(--font-mono);margin:0;padding:8px 12px;transform:rotate(-1deg);box-shadow:4px 4px #00000026}.section-heading a{background:var(--ink);color:var(--white);text-transform:uppercase;font:700 11px var(--font-mono);align-items:center;gap:5px;padding:9px 13px;display:flex}.featured-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:28px;display:grid}.feature-card{perspective:1400px;color:inherit;text-decoration:none;transition:transform .2s;display:block;position:relative}.feature-card-inner{transform-style:preserve-3d;border:var(--line);background:var(--white);transition:box-shadow .2s;position:relative}.feature-card-front,.feature-card-back{backface-visibility:hidden}.feature-card-front:before{content:"";z-index:3;background:#ffffffd1;border:1px solid #0000001f;width:48px;height:16px;position:absolute;top:-12px;right:-10px;transform:rotate(10deg)}.feature-card-back{background:var(--ink);color:var(--white);background-image:radial-gradient(#ffffff2e 1px,#0000 1px);background-size:18px 18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0;transform:rotateY(180deg)}.feature-card-back span{font:700 13px var(--font-mono);color:var(--coral)}.feature-card-back b{letter-spacing:-.06em;font-size:44px}.feature-card-back i{color:var(--coral);font-size:22px;font-style:normal}.featured-grid.is-dealing .feature-card{pointer-events:none}.feature-card:hover{transform:translateY(-8px)}.feature-card:hover .feature-card-inner{box-shadow:8px 8px 0 var(--coral)}.offset-1{margin-top:28px}.offset-3{margin-top:58px}.card-index{border-bottom:var(--line);height:45px;font:700 12px var(--font-mono);background:#f4f4f3;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.project-preview{aspect-ratio:4/3;border-bottom:var(--line);background-color:var(--paper);background-image:radial-gradient(#d5d5d3 1px,#0000 1px);background-size:16px 16px;place-items:center;padding:22px;display:grid;overflow:hidden}.project-preview:has(.cms-image-frame){padding:0}.project-preview .cms-image-frame{height:100%;width:100%!important}.project-preview.website b{border:var(--line);background:var(--white);width:95%;height:95%;padding:18px;font-family:Georgia,serif;font-size:30px;line-height:.85;transform:rotate(2deg);box-shadow:5px 5px 12px #00000021}.phone{background:var(--white);width:68%;height:105%;box-shadow:7px 7px 0 var(--coral);border:4px solid;padding:25px 12px;transform:rotate(-4deg)}.phone b,.phone small{display:block}.phone small{color:#777;font-family:var(--font-mono);margin-top:16px}.workflow{flex-direction:column;gap:9px;width:90%;display:flex}.workflow span{border:var(--line);background:var(--white);font:700 10px var(--font-mono);box-shadow:4px 4px 0 var(--coral);padding:9px}.project-preview.code{color:#eee;background:var(--ink);justify-content:flex-start;align-items:center;display:flex}.project-preview code{font:10px/2 var(--font-mono)}.project-preview code i{color:var(--coral);font-style:normal;font-weight:800}.feature-card-copy{padding:24px}.feature-card-copy h3{text-transform:uppercase;margin:0 0 10px;font-size:18px}.feature-card-copy p{color:#555;min-height:70px;line-height:1.5}.tag{font:700 10px var(--font-mono);background:#f5f5f4;border:1.5px solid;padding:5px 9px;display:inline-flex}.playground-section{background:var(--white);border-block:4px solid}.playground-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;padding:105px 48px 120px;display:grid}.experiment-label{text-transform:uppercase;font:800 11px var(--font-mono);align-items:center;gap:15px;display:flex}.experiment-label span{border:var(--line);background:#ff7f7f38;padding:7px}.experiment-label b{background:var(--ink);color:var(--white);padding:7px 10px}.playground-copy h2{letter-spacing:-.05em;text-transform:uppercase;margin:24px 0;font-size:clamp(48px,5.4vw,78px);line-height:.87}.playground-copy>p{max-width:420px;font:700 15px/1.5 var(--font-mono);border-left:4px solid;margin:0 0 32px;padding-left:15px}.underlined-link{border-bottom:4px solid var(--coral);text-transform:uppercase;font-weight:900}.home-terminal{position:relative}.home-terminal-window{box-shadow:12px 12px 0 var(--coral);transform:rotate(-1deg)}.home-terminal-output{min-height:300px;max-height:340px;font-size:13px;overflow-y:auto}.home-terminal-entry+.home-terminal-entry{margin-top:14px}.home-terminal-entry p{color:var(--coral);margin:0}.home-terminal-entry pre{white-space:pre-wrap;font:inherit;margin:4px 0 0}.home-terminal-entry a{border:2px solid var(--coral);color:var(--coral);margin-top:8px;padding:4px 8px;display:inline-block}.home-terminal-form{border-top:3px solid var(--ink);font:13px var(--font-mono);background:#0f100f;align-items:center;gap:10px;padding:12px 22px;display:flex}.home-terminal-form span{color:var(--coral)}.home-terminal-form input{color:#f3f3f3;min-width:0;font:inherit;background:0 0;border:0;outline:none;flex:1}.home-terminal-form input::placeholder{color:#777}.home-terminal-form button{color:#f3f3f3;cursor:pointer;font:inherit;background:0 0;border:2px solid #f3f3f3;padding:2px 8px}.home-terminal-form button:hover{background:var(--coral);border-color:var(--coral);color:var(--ink)}.home-terminal-chips{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.home-terminal-chips button{border:3px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);cursor:pointer;font:700 11px var(--font-mono);padding:8px 12px;transition:all .15s}.home-terminal-chips button:hover{box-shadow:2px 2px 0 var(--coral);background:var(--coral);transform:translate(2px,2px)}.page-curtain{z-index:120;background:var(--coral);pointer-events:none;display:none;position:fixed;inset:0}.site-footer{background:var(--white);border-top:4px solid}.footer-grid{grid-template-columns:.8fr 1.15fr .95fr;align-items:center;gap:52px;padding:72px 48px;display:grid}.site-footer.is-contact-page .footer-grid{grid-template-columns:.8fr 1.15fr;max-width:980px}.footer-profile{flex-direction:column;gap:30px;display:flex}.avatar-placeholder{background:var(--paper);width:150px;height:150px;box-shadow:8px 8px 0 var(--coral);text-align:center;border:4px solid;place-items:center;font:700 16px Comic Sans MS;display:grid;transform:rotate(-4deg)}.footer-profile>.cms-image-frame{height:150px;box-shadow:8px 8px 0 var(--coral);border:4px solid;transform:rotate(-4deg);width:150px!important}.label-card{border:var(--line);text-transform:uppercase;background:#ff7f7f40;margin:0 0 12px;padding:5px 8px;font-size:12px;display:inline-block}.mono-list{font:700 13px/1.8 var(--font-mono);border-left:4px solid;padding-left:14px}.lab-notes{background-color:var(--paper);background-image:radial-gradient(#ddd 1px,#0000 1px);background-size:20px 20px;border:4px solid;padding:30px;position:relative;transform:rotate(2deg);box-shadow:12px 12px}.lab-notes .tape{top:-15px;left:50%;transform:translate(-50%)rotate(-4deg)}.lab-notes h2{text-transform:uppercase;border-bottom:4px solid;margin:0;font-size:35px;display:inline-block}.lab-notes ul{font:700 14px var(--font-mono);margin:28px 0;padding:0;list-style:none}.lab-notes li{align-items:center;gap:13px;margin:15px 0;display:flex}.lab-notes i{background:var(--white);width:26px;height:26px;box-shadow:2px 2px 0 var(--coral);border:3px solid;place-items:center;font-style:normal;display:grid}.lab-notes strong,.ship-it-button{background:var(--white);width:fit-content;box-shadow:7px 7px 0 var(--coral);color:var(--ink);text-transform:uppercase;font:900 34px var(--font-hanken), sans-serif;cursor:pointer;border:4px solid;margin:0 auto;padding:7px 13px;line-height:1;display:block;transform:rotate(-2deg)}.ship-it-button:hover,.ship-it-button:focus-visible{box-shadow:10px 10px 0 var(--coral);outline:none;transform:translate(-2px,-2px)rotate(-2deg)}.ship-it-button:active{box-shadow:4px 4px 0 var(--coral);transform:translate(2px,2px)rotate(-2deg)}.site-paper-plane-layer{z-index:130;pointer-events:none;position:fixed;inset:0;overflow:hidden}.site-paper-plane{top:var(--plane-top);width:76px;height:48px;transform:scale(var(--plane-scale));animation:2.55s cubic-bezier(.22,.76,.24,1) both sitePaperPlaneFlight;animation-delay:var(--plane-delay);position:absolute;left:-120px}.site-paper-plane img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(4px 4px 0 var(--coral));display:block}@keyframes sitePaperPlaneFlight{0%{opacity:0;transform:translate3d(-8vw, 26px, 0) rotate(-12deg) scale(var(--plane-scale))}12%{opacity:1}55%{transform:translate3d(58vw, -34px, 0) rotate(9deg) scale(var(--plane-scale))}to{opacity:0;transform:translate3d(112vw, -84px, 0) rotate(18deg) scale(var(--plane-scale))}}.footer-cta{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.footer-cta h2{text-transform:uppercase;letter-spacing:-.045em;margin:0;font-size:40px;line-height:.9}.footer-cta p{border:var(--line);background:var(--white);box-shadow:4px 4px 0 var(--coral);padding:7px 10px;font-weight:700}.footer-bottom{font:700 10px var(--font-mono);text-transform:uppercase;border-top:4px solid;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.footer-bottom span,.footer-bottom a{border:var(--line);background:var(--white);padding:6px 9px}.footer-bottom span:nth-child(2){background:#ff7f7f38}.footer-bottom a{color:var(--white);background:var(--ink);box-shadow:3px 3px 0 var(--coral)}.technical-page{background:#f9f9f7b8;padding:85px 28px 120px}.archive-header{border-bottom:1px solid;justify-content:space-between;align-items:flex-end;padding-bottom:30px;display:flex}.archive-header h1{text-transform:uppercase;font:800 clamp(32px, 4vw, 52px) var(--font-mono);letter-spacing:.08em;margin:0}.archive-header p{color:var(--red);font:500 14px/1.6 var(--font-mono);text-transform:uppercase}.query-box{background:var(--white);width:280px;font:500 11px var(--font-mono);text-transform:uppercase;border:1px solid;flex-direction:column;gap:9px;padding:18px;display:flex}.query-box b{letter-spacing:.12em;border-bottom:1px solid;padding-bottom:9px}.filter-row{font:600 10px var(--font-mono);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:15px;padding:55px 0;display:flex}.filter-row button{font:inherit;text-transform:inherit;background:#eee;border:1px solid;padding:8px 13px}.filter-row .selected{color:var(--white);background:var(--ink)}.work-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:44px;display:grid}.work-card{background:var(--white);border:4px solid;box-shadow:12px 12px}.work-card:nth-child(2){margin-top:55px}.work-card.archived{color:var(--red);border-color:var(--red);box-shadow:12px 12px 0 var(--red)}.work-card-head{text-transform:uppercase;height:62px;font:700 11px var(--font-mono);background:#f0f0ef;border-bottom:3px solid;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.work-card-head span{opacity:.65;align-items:center;gap:5px;font-size:9px;display:flex}.work-card-head i{background:#32cf6b;border-radius:50%;width:8px;height:8px;display:block}.archived .work-card-head i{background:var(--red)}.work-image-placeholder{aspect-ratio:1.65;color:#aaa;font:700 10px var(--font-mono);background:#101010;border-bottom:3px solid;place-items:center;display:grid;position:relative;overflow:hidden}.work-image-placeholder small{color:var(--ink);background:var(--white);padding:2px 4px;position:absolute;top:5px;left:5px}.work-image-placeholder .cms-image-frame{z-index:0;color:initial;position:absolute;inset:0}.work-image-placeholder .cms-image-frame+span,.work-image-placeholder small{z-index:1}.terrain:after{content:"";border:1px solid #777;border-radius:50%;width:130%;height:75%;position:absolute;bottom:-30%;transform:rotate(-10deg);box-shadow:0 0 0 12px #111,0 0 0 13px #555,0 0 0 26px #111,0 0 0 27px #444}.burst:after{content:"✳";color:#eee;opacity:.75;font-size:150px;position:absolute}.work-image-placeholder:has(.cms-image-frame):after{content:none}.work-card-body{color:var(--ink);padding:26px}.project-category{text-transform:uppercase;color:var(--red);font:700 10px var(--font-mono);letter-spacing:.1em}.work-card-body h2{text-transform:uppercase;margin:10px 0 14px;font-size:27px;font-weight:500;line-height:1}.work-card-body>p:not(.project-category){color:#3f3b3c;min-height:110px;font:500 13px/1.65 var(--font-mono)}.tag-row{flex-wrap:wrap;gap:8px;min-height:45px;display:flex}.work-card-body>a{background:var(--ink);color:var(--white);text-transform:uppercase;font:700 11px var(--font-mono);justify-content:center;gap:10px;margin-top:20px;padding:13px;display:flex}.manifesto{background:var(--white);border:4px solid;grid-template-columns:.7fr 1.3fr 1.7fr;align-items:center;gap:45px;margin-top:150px;padding:45px;display:grid}.sketch-placeholder{aspect-ratio:1;text-align:center;color:#aaa;font:700 11px var(--font-mono);background:#eee;border:4px solid;place-items:center;display:grid;transform:rotate(-3deg)}.manifesto>.cms-image-frame{aspect-ratio:1;border:4px solid;transform:rotate(-3deg)}.manifesto blockquote{margin:0;font:700 14px/1.7 Comic Sans MS}.manifesto cite{margin-top:14px;font-style:normal;display:block}.manifesto h2{text-transform:uppercase;font-size:34px;font-weight:500}.manifesto ol{font:500 13px/2.2 var(--font-mono);text-transform:uppercase;list-style:decimal-leading-zero}.manifesto li::marker{color:var(--red);font-weight:800}.experiments-coming-soon{background-color:#f9f9f7d1;overflow:hidden}.cs-hero{isolation:isolate;border-bottom:4px solid var(--ink);background-image:linear-gradient(#e5e5e3c7 1px,#0000 1px),linear-gradient(90deg,#e5e5e3c7 1px,#0000 1px);background-size:34px 34px;place-items:center;min-height:calc(100vh - 82px);padding:86px 48px 72px;display:grid;position:relative}.cs-grid-label{border:2px solid var(--ink);background:var(--white);box-shadow:3px 3px 0 var(--coral);font:800 9px var(--font-mono), monospace;letter-spacing:.08em;padding:6px 9px;position:absolute;top:24px;left:24px}.cs-copy{z-index:5;text-align:center;justify-items:center;width:min(780px,100%);animation:.65s cubic-bezier(.16,1,.3,1) both cs-pop;display:grid;position:relative}.cs-lab-line{text-transform:uppercase;font:800 12px var(--font-mono), monospace;letter-spacing:.14em;align-items:center;gap:12px;margin-bottom:25px;display:inline-flex}.cs-lab-line span{color:var(--red)}.cs-lab-line b{color:var(--white);background:var(--ink);box-shadow:4px 4px 0 var(--coral);padding:7px 10px}.cs-copy h1{text-transform:uppercase;letter-spacing:-.068em;margin:0;font-size:clamp(76px,11vw,168px);font-weight:900;line-height:.78;animation:6s step-end 1.1s infinite cs-glitch}.cs-copy h1 span{display:inline-block;position:relative}.cs-copy h1 span:after{content:"";z-index:-1;background:var(--coral);height:.14em;position:absolute;bottom:.08em;left:-3%;right:-4%;transform:rotate(-2deg)}.cs-copy h1 i{color:var(--coral);font-style:normal}.cs-compile{width:fit-content;color:var(--white);background:var(--ink);box-shadow:6px 6px 0 var(--coral);text-transform:uppercase;letter-spacing:-.02em;margin:30px 0 0;padding:.18em .34em .22em;font-size:clamp(21px,2.5vw,34px);font-weight:900;line-height:1;transform:rotate(-1deg)}.cs-compile span{vertical-align:-.08em;background:var(--coral);width:.42em;height:.9em;margin-left:.14em;animation:1s step-end infinite cs-blink;display:inline-block}.cs-paper{background:#ffffffd1;border:1px solid #0000001f;max-width:560px;margin:34px 0 26px;padding:20px 22px;font-size:18px;font-weight:600;line-height:1.55;box-shadow:0 3px 12px #0000000f}.cs-paper mark{margin-left:.25em;font-weight:800;display:inline}.cs-notify{gap:10px;width:min(520px,100%);display:grid}.cs-notify p{text-align:left;text-transform:uppercase;font:800 10px var(--font-mono), monospace;letter-spacing:.12em;margin:0}.cs-notify-cta{margin-top:var(--space-2)}.cs-hand{color:var(--red);margin:25px 0 0;font:700 17px Comic Sans MS,cursive;transform:rotate(-2deg)}.cs-orb{z-index:2;place-items:center;display:grid;position:absolute}.cs-orb-stamp{border:4px solid var(--ink);background:var(--yellow);width:126px;height:126px;box-shadow:6px 6px 0 var(--ink);border-radius:50%;animation:4.2s ease-in-out infinite cs-bob-stamp;top:15%;left:8.5%;transform:rotate(-13deg)}.cs-orb-stamp span{border:2px dashed var(--ink);border-radius:50%;position:absolute;inset:9px}.cs-orb-stamp svg{width:42px;height:42px;animation:2.4s ease-in-out infinite cs-twinkle}.cs-orb-stamp b{text-transform:uppercase;font:800 8px var(--font-mono), monospace;letter-spacing:.14em;position:absolute;bottom:28px}.cs-test-tube{z-index:2;animation:3.6s ease-in-out infinite cs-bob-tube;position:absolute;top:19%;right:11%;transform:rotate(15deg)}.cs-test-tube>i{border:3px solid var(--ink);background:var(--ink);border-bottom:0;width:18px;height:12px;margin:0 auto -1px;display:block}.cs-test-tube>div{border:4px solid var(--ink);background:var(--white);width:42px;height:132px;box-shadow:5px 5px 0 var(--coral);border-radius:0 0 22px 22px;position:relative;overflow:hidden}.cs-test-tube span{background:var(--coral);height:48%;position:absolute;inset:auto 0 0}.cs-test-tube b{background:var(--white);opacity:.88;border-radius:50%;animation:2.7s ease-in infinite cs-bubble;position:absolute;bottom:13%}.cs-test-tube b:nth-child(2){width:7px;height:7px;left:9px}.cs-test-tube b:nth-child(3){width:5px;height:5px;animation-delay:.8s;left:21px}.cs-test-tube b:nth-child(4){width:4px;height:4px;animation-delay:1.5s;left:15px}.cs-note{z-index:2;border:4px solid var(--ink);background:var(--coral);width:112px;min-height:108px;box-shadow:5px 5px 0 var(--ink);text-align:left;font:900 17px/1.1 var(--font-mono), monospace;padding:16px;animation:5s ease-in-out infinite cs-bob-note;position:absolute;bottom:15%;left:12%;transform:rotate(-8deg)}.cs-note small{font:700 10px var(--font-mono), monospace;margin-top:10px;display:block}.cs-spark{z-index:1;pointer-events:none;font-weight:900;animation:3s ease-in-out infinite cs-twinkle;position:absolute}.cs-spark-one{color:var(--coral);font-size:20px;top:30%;left:21%}.cs-spark-two{color:var(--ink);font-size:30px;animation-delay:.7s;bottom:22%;right:16%}.cs-terminal{z-index:3;width:min(330px,30vw);box-shadow:8px 8px 0 var(--coral);position:absolute;bottom:12%;right:8%;transform:rotate(2deg)}.cs-terminal .terminal-body{padding:18px;font-size:11px;line-height:1.7}.cs-marquee{border-bottom:4px solid var(--ink);background:var(--coral);white-space:nowrap;height:62px;font:800 14px var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;align-items:center;display:flex;overflow:hidden}.cs-marquee div{min-width:max-content;animation:22s linear infinite cs-marquee}.cs-marquee:hover div{animation-play-state:paused}.cs-lower{background:var(--white);border-bottom:1px solid var(--grid);justify-content:space-between;align-items:center;gap:28px;min-height:170px;padding:34px 48px;display:flex}.cs-lower>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cs-lower b,.cs-lower span{border:var(--line);background:var(--paper);text-transform:uppercase;font:800 10px var(--font-mono), monospace;padding:8px 10px}.cs-lower b{color:var(--white);background:var(--ink);box-shadow:4px 4px 0 var(--coral)}@keyframes cs-blink{50%{opacity:0}}@keyframes cs-pop{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}@keyframes cs-glitch{0%,88%,to{text-shadow:none;transform:none}90%{text-shadow:4px 0 var(--coral), -4px 0 #4ad0c0;transform:translate(-3px,1px)skew(-4deg)}93%{text-shadow:-4px 0 var(--coral), 4px 0 #4ad0c0;transform:translate(3px,-1px)skew(3deg)}96%{text-shadow:2px 0 var(--coral);transform:translate(-2px)skew(-1deg)}}@keyframes cs-twinkle{0%,to{opacity:.82;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.35)rotate(22deg)}}@keyframes cs-bob-stamp{0%,to{transform:translateY(0)rotate(-13deg)}50%{transform:translateY(-13px)rotate(-9deg)}}@keyframes cs-bob-tube{0%,to{transform:translateY(0)rotate(15deg)}50%{transform:translateY(-10px)rotate(18deg)}}@keyframes cs-bob-note{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-9px)rotate(-5deg)}}@keyframes cs-bubble{0%{opacity:0;transform:translateY(0)}15%,80%{opacity:.9}to{opacity:0;transform:translateY(-52px)}}@keyframes cs-marquee{to{transform:translate(-50%)}}@media (max-width:1120px){.cs-hero{min-height:auto;padding-top:108px;padding-bottom:320px}.cs-orb-stamp{top:auto;bottom:128px;left:7%}.cs-test-tube{top:auto;bottom:116px;right:13%}.cs-note{bottom:84px;left:38%}.cs-terminal{width:285px;bottom:42px;right:6%}}@media (max-width:760px){.experiments-coming-soon.page-shell{width:min(calc(100% - 28px), var(--max))}.cs-hero{padding:88px 18px 440px}.cs-grid-label{font-size:7px;top:15px;left:15px}.cs-lab-line{letter-spacing:.09em;gap:8px;margin-bottom:18px;font-size:9px}.cs-copy h1{letter-spacing:-.055em;font-size:clamp(60px,19vw,92px)}.cs-compile{margin-top:24px;font-size:20px}.cs-paper{margin-top:28px;padding:17px;font-size:15px}.cs-notify div{grid-template-columns:1fr}.cs-notify button{width:100%}.cs-orb-stamp{width:96px;height:96px;bottom:232px;left:20px}.cs-orb-stamp svg{width:32px;height:32px}.cs-orb-stamp b{font-size:6px;bottom:20px}.cs-test-tube{bottom:226px;right:31px}.cs-note{width:104px;bottom:234px;left:calc(50% - 52px)}.cs-terminal{width:auto;bottom:36px;left:22px;right:22px;transform:rotate(-1deg)}.cs-spark-one{top:23%;left:16%}.cs-spark-two{bottom:40%;right:11%}.cs-marquee{height:54px;font-size:11px}.cs-lower{flex-direction:column;align-items:flex-start;padding:28px 18px}}.about-page{background:#f9f9f7c2}.about-hero{grid-template-columns:1.3fr .7fr;align-items:center;gap:70px;padding:110px 20px 130px;display:grid}.status-chip{text-transform:uppercase;font:700 10px var(--font-mono);background:#e7e7e7;border:1px solid;align-items:center;gap:8px;padding:6px 10px;display:inline-flex;box-shadow:4px 4px}.status-chip i{background:var(--red);border-radius:50%;width:8px;height:8px}.about-hero h1{letter-spacing:-.06em;text-transform:uppercase;margin:30px 0 45px;font-size:clamp(65px,8vw,120px);line-height:.82}.about-hero h1 mark{background:0 0;position:relative}.about-hero h1 mark:before{content:"";z-index:-1;background:var(--coral);height:.3em;position:absolute;bottom:.15em;left:-5%;right:-5%;transform:rotate(-2deg)}.about-note{border:var(--line);background:var(--paper);max-width:720px;padding:30px;font-size:18px;line-height:1.55;position:relative;transform:rotate(-1deg);box-shadow:6px 6px}.about-note .tape{top:-14px;left:42%}.portrait-frame{background:var(--white);border:4px solid;padding:14px;position:relative;transform:rotate(3deg);box-shadow:10px 10px}.portrait-placeholder{text-align:center;border:var(--line);min-height:490px;color:var(--white);font:700 13px var(--font-mono);filter:grayscale();background:linear-gradient(135deg,#222,#555);place-items:center;display:grid}.portrait-frame .cms-image-frame{border:var(--line);min-height:490px}.portrait-frame>span{border:var(--line);background:var(--yellow);width:190px;padding:14px;font:700 16px Comic Sans MS;position:absolute;bottom:-30px;left:-40px;transform:rotate(-7deg);box-shadow:4px 4px}.system-profile{padding:30px 20px 120px}.profile-heading{border-top:4px solid;justify-content:space-between;align-items:center;padding:25px 0;display:flex}.profile-heading h2{text-transform:uppercase;margin:0;font-size:45px}.profile-heading span{font:900 30px var(--font-mono)}.profile-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.profile-grid>.terminal{min-height:410px;box-shadow:8px 8px}.profile-grid>.terminal .terminal-bar{color:var(--coral);background:var(--ink);border-bottom-color:#333;justify-content:flex-start}.profile-grid>.terminal .terminal-dots{display:none}.profile-grid>.terminal .terminal-body{padding:35px;font-size:12px}.profile-grid>.terminal b{color:var(--coral);text-transform:uppercase}.expertise-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.expertise-grid article{border:var(--line);background:#eee;padding:25px;box-shadow:5px 5px}.expertise-grid article:last-child{grid-column:1/-1}.expertise-grid article>b{font:800 28px var(--font-mono);display:block}.expertise-grid h3{text-transform:uppercase;font:700 12px var(--font-mono)}.expertise-grid p{font-size:14px;line-height:1.45}.contact-page{background:#f9f9f7bf;min-height:100vh;padding:100px 40px 130px}.contact-intro{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.contact-intro>div:first-child>span{color:var(--red);text-transform:uppercase;font:600 14px var(--font-mono)}.contact-intro h1{letter-spacing:-.055em;margin:25px 0;font-size:clamp(54px,6vw,88px);line-height:.95}.contact-intro h1 span{color:var(--red);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.contact-intro>div:first-child p{max-width:580px;color:var(--muted);font-size:21px;line-height:1.5}.contact-terminal{transform:rotate(2deg);box-shadow:10px 10px #222}.contact-terminal .terminal-body{min-height:285px;font-size:14px}.contact-terminal .terminal-body b{color:#ad8dff}.contact-terminal .terminal-body i{color:#42d392;font-style:normal}.contact-terminal .warning{color:#ffc400}.contact-terminal .output{color:#a5e529;margin-top:25px}.contact-content{grid-template-columns:1fr .85fr;align-items:start;gap:80px;margin-top:80px;display:grid}.contact-form{border:3px solid var(--ink);background:var(--white);box-shadow:var(--shadow-md);flex-direction:column;gap:28px;padding:45px;display:flex}.contact-form label{font:700 14px var(--font-mono);flex-direction:column;gap:12px;display:flex}.contact-form input,.contact-form textarea{border:2px solid var(--ink);background:var(--paper);width:100%;font:400 14px var(--font-mono);resize:vertical;outline:none;padding:12px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--red);background:#ff7f7f1f}.contact-submit{align-self:flex-start}.contact-form small{color:var(--muted);font:500 10px/1.5 var(--font-mono)}.contact-content aside{flex-direction:column;align-items:flex-start;gap:18px;padding:40px 0;display:flex;position:relative}.offline-note{font:500 12px var(--font-mono);background:#fff9db;border:1px solid;padding:17px;position:absolute;top:-30px;right:10px;transform:rotate(5deg)}.contact-content aside h2{color:var(--red);text-transform:uppercase;font:500 16px var(--font-mono);letter-spacing:.12em}.contact-content aside>a{z-index:1;overflow-wrap:anywhere;max-width:100%;font-size:45px;font-weight:800;line-height:1;position:relative}.contact-content aside>a:after{content:"";z-index:-1;background:#ff7f7f4d;height:14px;position:absolute;bottom:0;left:0;right:10%;transform:rotate(-1deg)}.contact-content aside>a:nth-of-type(2):after{background:#60a5fa47}.contact-content aside>a:nth-of-type(3):after{background:#a78bfa47}.contact-content aside>div{border-top:1px solid #bbb;width:100%;margin-top:25px;padding-top:28px}.contact-content aside h3{color:var(--muted);text-transform:uppercase;font:500 15px var(--font-mono);letter-spacing:.1em}.contact-content aside p{font-size:20px;line-height:1.5}.contact-content aside p b{color:var(--red)}.direct-email{font-family:var(--font-mono), monospace;letter-spacing:-.04em}.blank-page{background:#f9f9f7b8;min-height:62vh}@media (max-width:1100px){.root-label{display:none}.main-nav{gap:20px}.hero{grid-template-columns:1fr;padding-top:80px}.hero h1{font-size:clamp(64px,11vw,104px)}.lab-board{width:min(90%,720px);margin:20px auto 70px}.featured-grid{grid-template-columns:repeat(2,1fr)}.offset-1,.offset-3{margin-top:0}.playground-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-cta{text-align:center;grid-column:1/-1;align-items:center;margin-top:30px}.work-grid{grid-template-columns:repeat(2,1fr)}.work-card:nth-child(2){margin-top:0}.work-card:last-child:nth-child(3){grid-column:1/-1;justify-self:center;width:calc(50% - 22px)}.about-hero{grid-template-columns:1fr}.portrait-frame{width:min(70%,500px);margin:auto}.contact-intro{grid-template-columns:1fr}}@media (max-width:760px){.page-shell{width:calc(100% - 24px)}.site-header{height:70px}.header-inner{padding:0 16px}.brand{font-size:32px}.header-cta{display:none}.menu-button{margin-left:auto;display:block}.main-nav{background:var(--paper);box-shadow:0 8px 0 var(--coral);border-bottom:3px solid;flex-direction:column;align-items:flex-start;gap:18px;padding:24px;display:none;position:absolute;top:68px;left:0;right:0}.main-nav.is-open{display:flex}.mobile-contact-cta{border:3px solid var(--ink);background:var(--ink);align-items:center;gap:8px;margin-top:4px;padding:12px 16px;display:inline-flex;color:var(--white)!important}.hero{gap:60px;min-height:0;padding:75px 20px 100px}.hero h1{font-size:clamp(50px,17vw,78px)}.paper-note{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.lab-board{width:100%;margin-bottom:10px}.board-canvas{aspect-ratio:auto;grid-template-rows:auto auto auto;grid-template-columns:repeat(2,1fr);gap:18px;padding:26px 18px 30px}.wireframe-card{aspect-ratio:1.5;grid-area:1/1;height:auto}.sticky-note{grid-area:1/2;width:min(100%,100px);padding:10px;font-size:13px}.central-code{display:none}.hero-terminal{grid-area:2/1/auto/-1}.hero-terminal .terminal-body{padding:12px;font-size:9px}.flow-chip{grid-area:3/1;place-self:center start;padding:8px;font-size:9px}.sketch-frame{grid-area:3/2;width:min(100%,110px);margin-top:26px}.sketch-note{padding:3px 7px;font-size:13px;top:-30px;left:auto;right:-4px}.window-footer{font-size:9px}.section{padding:75px 20px}.section-heading{align-items:flex-start;gap:20px}.section-heading h2{font-size:11px}.section-heading a{font-size:9px}.featured-grid{grid-template-columns:1fr}.project-preview{aspect-ratio:1.6}.feature-card-copy p{min-height:0}.playground-grid{padding:75px 20px 95px}.playground-copy h2{font-size:52px}.home-terminal-window{box-shadow:8px 8px 0 var(--coral);transform:none}.home-terminal-output{min-height:220px}.footer-grid{grid-template-columns:1fr;padding:75px 20px}.site-footer.is-contact-page .footer-grid{grid-template-columns:1fr}.footer-profile{text-align:center;align-items:center}.mono-list{text-align:left}.lab-notes{padding:28px;transform:none}.lab-notes h2{font-size:28px}.lab-notes strong,.ship-it-button{font-size:27px}.footer-cta{grid-column:auto}.footer-cta h2{font-size:36px}.footer-bottom{text-align:center;flex-direction:column}.technical-page{padding:65px 18px 90px}.archive-header{flex-direction:column;align-items:flex-start;gap:30px}.archive-header h1{font-size:29px}.query-box{width:100%}.filter-row{padding:35px 0}.work-grid{grid-template-columns:1fr;gap:38px}.work-card:last-child:nth-child(3){grid-column:auto;width:100%}.work-card-body>p:not(.project-category){min-height:0}.manifesto{grid-template-columns:1fr;margin-top:85px;padding:28px}.sketch-placeholder{width:180px}.about-hero{padding:80px 16px 100px}.about-hero h1{font-size:58px}.about-note{padding:22px;font-size:16px}.portrait-frame{width:90%}.portrait-placeholder,.portrait-frame .cms-image-frame{min-height:380px}.profile-grid,.expertise-grid{grid-template-columns:1fr}.expertise-grid article:last-child{grid-column:auto}.profile-heading h2{font-size:34px}.system-profile{padding:20px 16px 90px}.contact-page{padding:75px 20px 100px}.contact-intro{gap:45px}.contact-intro h1{overflow-wrap:anywhere;font-size:47px}.contact-terminal{transform:none}.contact-terminal .terminal-body{min-height:0;padding:16px;font-size:10px}.contact-content{grid-template-columns:1fr;gap:40px}.contact-form{padding:27px 20px}.contact-submit{width:100%}.offline-note{align-self:flex-end;position:static}.contact-content aside>a{font-size:36px}.blank-page{min-height:55vh}}.project-page{background:#f9f9f7b8}.project-hero{border-bottom:4px solid;padding:90px 48px 100px;position:relative}.status-sticker{background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:800 11px var(--font-mono);z-index:10;padding:10px 18px;position:absolute;top:40px;right:60px;transform:rotate(6deg)}.project-hero-grid{grid-template-columns:1.3fr .7fr;align-items:start;gap:60px;display:grid}.project-id{font:600 11px var(--font-mono);color:var(--outline,#7e7576);margin-bottom:12px}.project-tags{align-items:center;gap:16px;margin-bottom:20px;display:flex}.project-tag{font:700 11px var(--font-mono);border:2px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);text-transform:uppercase;padding:6px 14px}.project-status-chip{border:2px solid var(--ink);background:var(--white);font:700 11px var(--font-mono);border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;display:flex}.pulse-dot{background:var(--coral);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{box-shadow:0 0 #ff7f7f66}50%{box-shadow:0 0 0 6px #ff7f7f00}}.project-hero-copy h1{text-transform:uppercase;letter-spacing:-.05em;margin:0 0 30px;font-size:clamp(60px,8vw,120px);font-weight:900;line-height:.85}.overview-box{border:2px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--ink);margin-bottom:36px;padding:28px;position:relative}.overview-label{background:var(--ink);color:var(--white);font:700 9px var(--font-mono);text-transform:uppercase;padding:3px 8px;position:absolute;top:-12px;right:16px}.overview-box p{margin:0;font-size:18px;font-weight:500;line-height:1.6}.project-actions{flex-wrap:wrap;gap:16px;display:flex}.button-ghost{background:var(--white)!important;color:var(--ink)!important}.button-ghost:hover{background:var(--paper)!important}.project-terminal{border:4px solid var(--ink);background:var(--ink);color:var(--white);box-shadow:8px 8px 0 var(--ink);position:relative}.project-terminal .terminal-bar{background:var(--surface-container-highest,#e2e2e2);color:var(--ink);border-bottom:2px solid var(--ink);min-height:40px;font:700 11px var(--font-mono);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.project-terminal .terminal-dots{gap:6px;display:flex}.project-terminal .terminal-dots i{background:var(--ink);border-radius:50%;width:12px;height:12px;display:inline-block}.project-terminal .terminal-body{font:700 12px/1.8 var(--font-mono);min-height:260px;padding:20px}.project-terminal .terminal-body p{margin:2px 0}.terminal-ok{color:#42d392}.terminal-warn{color:#ffc400}.terminal-info{color:#a5e529}.cursor-blink{background:var(--coral);vertical-align:middle;width:8px;height:16px;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}.browser-mockup-section{padding:100px 48px 120px;position:relative}.mockup-note{color:var(--coral);z-index:30;font:700 18px Comic Sans MS;position:absolute;top:180px;left:20px;transform:rotate(-15deg)}.browser-mockup-bg{border:4px solid var(--ink);background:var(--white);width:80%;box-shadow:8px 8px 0 var(--ink);opacity:.6;z-index:0;filter:grayscale();position:absolute;top:60px;right:40px;transform:rotate(3deg)}.browser-mockup-bg .browser-bar{background:var(--surface-container-high,#e8e8e8);border-bottom:4px solid var(--ink);padding:10px 16px}.browser-mockup-bg .browser-dots{gap:6px;display:flex}.browser-mockup-bg .browser-dots i{border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;display:inline-block}.browser-mockup-bg .browser-content-placeholder{aspect-ratio:16/9;border:2px dashed var(--outline,#7e7576);font:700 12px var(--font-mono);color:var(--outline,#7e7576);place-items:center;margin:20px;padding:40px;display:grid}.browser-mockup{z-index:10;border:4px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--ink);max-width:1100px;margin:0 auto;position:relative}.mockup-meta{background:var(--ink);color:var(--white);font:700 9px var(--font-mono);border:2px solid var(--surface,#f9f9f9);z-index:20;padding:3px 10px;position:absolute;top:-14px;right:-14px}.browser-bar{background:var(--surface-container-high,#e8e8e8);border-bottom:4px solid var(--ink);align-items:center;gap:16px;padding:12px 18px;display:flex}.browser-dots{gap:8px;display:flex}.browser-dots i{border:2px solid var(--ink);background:var(--white);border-radius:50%;width:14px;height:14px;display:inline-block}.browser-url{background:var(--white);border:2px solid var(--ink);font:600 12px var(--font-mono);color:var(--on-surface-variant,#4c4546);border-radius:9999px;flex:1;padding:6px 18px}.browser-content{aspect-ratio:16/9;background:var(--surface-variant,#e2e2e2);overflow:hidden}.browser-content-inner{padding:24px}.project-mockup-image{border:0;height:100%;min-height:430px;width:100%!important}.mock-nav{border-bottom:2px solid var(--ink);font:700 10px var(--font-mono);text-transform:uppercase;gap:20px;margin-bottom:20px;padding:10px 0 20px;display:flex}.mock-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.mock-card{border:2px solid var(--ink);background:var(--white)}.mock-card-lg{grid-area:1/1/3/3}.mock-card-header{background:var(--surface-container,#eee);border-bottom:2px solid var(--ink);height:24px}.mock-card-body{flex-direction:column;gap:8px;padding:12px;display:flex}.mock-line{background:var(--surface-container-high,#e8e8e8);border-radius:2px;height:8px}.mock-line.w-80{width:80%}.mock-line.w-60{width:60%}.mock-line.w-40{width:40%}.mock-line.w-full{width:100%}.project-details{padding:0 48px 120px}.details-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.detail-card{border:2px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--ink);padding:36px;position:relative}.detail-card.tech-stack{background:var(--white)}.detail-label{font:700 9px var(--font-mono);text-transform:uppercase;padding:3px 10px;position:absolute;top:-12px}.detail-label.label-yellow{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);left:20px}.detail-label.label-dark{background:var(--ink);color:var(--white);right:20px}.detail-card h3{text-transform:uppercase;border-bottom:2px solid var(--ink);margin:0 0 28px;padding-bottom:10px;font-size:28px;font-weight:900;display:inline-block}.tokens-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.token-group{margin-bottom:24px}.token-group-label{font:800 10px var(--font-mono);text-transform:uppercase;margin-bottom:10px;font-weight:800}.color-swatches{gap:8px;display:flex}.color-swatch{border:2px solid var(--ink);width:32px;height:32px}.typo-specimen{border:1px solid var(--outline-variant,#cfc4c5);background:var(--white);margin-bottom:8px;padding:8px}.typo-hanken{font-family:var(--font-hanken), sans-serif;font-size:18px;font-weight:900}.typo-mono{font-family:var(--font-mono), monospace;font-size:14px;font-weight:700}.interactive-swatches{gap:16px;display:flex}.color-swatch-interactive{border:2px solid var(--ink);width:64px;height:64px;box-shadow:4px 4px 0 var(--ink);cursor:pointer;place-items:center;transition:all .3s;display:grid;position:relative}.color-swatch-interactive:hover{transform:scale(1.1)rotate(-2deg);box-shadow:0 0 20px #ff7f7f80}.color-swatch-interactive .hex-label{font:700 9px var(--font-mono);background:var(--white);color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);opacity:0;pointer-events:none;white-space:nowrap;padding:2px 6px;transition:all .3s;position:absolute;top:-28px;right:-16px}.color-swatch-interactive:hover .hex-label{opacity:1;transform:translateY(-4px)}.swatch-white-border{background:var(--white)}.component-specimen{border:2px solid var(--ink);background:var(--surface-container-low,#f3f3f3);background-image:radial-gradient(#ddd 1px,#0000 1px);background-size:16px 16px;flex-direction:column;gap:8px;padding:12px;display:flex}.btn-specimen{border:2px solid var(--ink);font:800 10px var(--font-mono);text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 var(--ink);padding:8px 16px;transition:all .16s}.btn-specimen:hover{box-shadow:none;transform:translate(2px,2px)}.btn-primary{background:var(--ink);color:var(--white)}.btn-secondary{background:var(--coral);color:var(--ink)}.btn-ghost{color:var(--ink);background:0 0}.stack-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.stack-item{border:2px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);align-items:center;gap:12px;padding:12px;transition:all .16s;display:flex}.stack-item:hover{box-shadow:none;transform:translate(2px,2px)}.stack-icon{border:2px solid var(--ink);background:var(--white);width:36px;height:36px;font:900 12px var(--font-mono);place-items:center;display:grid}.stack-icon.coral{color:var(--coral)}.stack-name{font:800 11px var(--font-mono);text-transform:uppercase;display:block}.stack-desc{font:600 9px var(--font-mono);text-transform:uppercase;letter-spacing:.1em;opacity:.6;display:block}.system-log{border:2px dashed var(--ink);background:var(--surface-container-low,#f3f3f3);font:600 10px var(--font-mono);padding:12px;line-height:1.6}.washi-tape{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#ffffffd9;border:1px solid #0000001a;width:70px;height:22px;position:absolute}.tape-tl{top:-10px;left:-10px;transform:rotate(-15deg)}.tape-tr{top:-10px;right:-10px;transform:rotate(10deg)}.tape-bl{bottom:-10px;left:-10px;transform:rotate(5deg)}.paper-clip{z-index:60;position:absolute}.clip-side{border:2px solid var(--outline,#7e7576);background:0 0;border-radius:10px;width:12px;height:40px;top:30%;right:-6px;transform:rotate(85deg)}.clip-side:before{content:"";border:2px solid var(--outline,#7e7576);border-radius:10px;width:4px;height:28px;position:absolute;top:4px;left:2px}.clip-top{border:2px solid var(--outline,#7e7576);background:0 0;border-radius:10px;width:12px;height:40px;top:-20px;left:50%;transform:rotate(15deg)}.clip-top:before{content:"";border:2px solid var(--outline,#7e7576);border-radius:10px;width:4px;height:28px;position:absolute;top:4px;left:2px}@media (max-width:1100px){.project-hero-grid{grid-template-columns:1fr}.project-terminal{max-width:500px}.browser-mockup-bg,.mockup-note{display:none}.details-grid,.tokens-grid{grid-template-columns:1fr}}@media (max-width:760px){.project-hero{padding:65px 20px 80px}.status-sticker{padding:8px 12px;font-size:9px;top:20px;right:20px}.project-hero-copy h1{font-size:clamp(40px,14vw,64px)}.overview-box{padding:20px}.overview-box p{font-size:16px}.project-actions{flex-direction:column}.project-actions .button{justify-content:center;width:100%}.browser-mockup-section{padding:60px 20px 80px}.browser-bar{gap:10px;padding:8px 12px}.browser-url{padding:4px 12px;font-size:10px}.mock-nav{gap:10px;font-size:8px;overflow-x:auto}.mock-grid{grid-template-columns:1fr}.mock-card-lg{grid-area:auto}.project-details{padding:0 20px 80px}.detail-card{padding:24px}.detail-card h3{font-size:22px}.stack-grid{grid-template-columns:1fr}.interactive-swatches{gap:12px}.color-swatch-interactive{width:52px;height:52px}}.mobile-project-page{background:#f9f9f7b8}.mp-hero{padding:80px 48px 100px}.mp-hero-inner{border:2px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--ink);padding:60px 48px;transition:transform .5s;position:relative;transform:rotate(1deg)}.mp-hero-inner:hover{transform:rotate(0)}.mp-status-tags{flex-wrap:wrap;gap:16px;margin-bottom:28px;display:flex}.mp-status-chip{border:2px solid var(--ink);background:var(--paper);font:700 11px var(--font-mono);text-transform:uppercase;align-items:center;gap:8px;padding:8px 14px;display:flex}.beta-chip{background:var(--yellow);position:relative;overflow:hidden;transform:rotate(2deg)}.beta-chip:after{content:"";background:#fff3;animation:2s linear infinite scanline;position:absolute;inset:0}.mp-hero h1{text-transform:uppercase;letter-spacing:-.05em;margin:0;font-size:clamp(52px,7vw,120px);font-weight:900;line-height:.85}.coral-underline{text-decoration:underline;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);text-underline-offset:8px}.mp-hero-desc{border-left:4px solid var(--ink);max-width:640px;margin:28px 0 0;padding-left:24px;font-size:20px;font-weight:500;line-height:1.6}.mp-blueprint{font:700 11px var(--font-mono);color:var(--on-surface-variant,#4c4546);opacity:.5;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:32px;right:32px}.mp-blueprint svg{width:64px;height:64px}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.mp-narrative{padding:100px 48px 120px}.mp-narrative-header{align-items:center;gap:16px;margin-bottom:48px;display:flex}.mp-narrative-header h2{text-transform:uppercase;border-bottom:8px solid var(--ink);margin:0;padding-bottom:8px;font-size:clamp(36px,4vw,48px);font-weight:900;display:inline-block}.narrative-icon{color:var(--coral);font-size:36px;transform:rotate(12deg)}.mp-timeline{border-left:4px solid var(--ink);flex-direction:column;gap:64px;margin-left:32px;padding-left:64px;display:flex;position:relative}.timeline-entry{position:relative}.timeline-dot{border:4px solid var(--ink);background:var(--white);border-radius:50%;place-items:center;width:32px;height:32px;transition:background .2s;display:grid;position:absolute;top:0;left:-82px}.timeline-dot:hover{background:var(--coral)}.timeline-dot.yellow-dot:hover{background:var(--yellow)}.timeline-dot-inner{background:var(--ink);border-radius:50%;width:8px;height:8px}.timeline-dot:hover .timeline-dot-inner{animation:1s ease-in-out infinite ping}@keyframes ping{0%{box-shadow:0 0 #0006}to{box-shadow:0 0 0 8px #0000}}.check-dot{background:var(--ink);color:var(--white)}.check-dot .material-icon{font-size:16px}.timeline-card{z-index:10;border:2px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--ink);padding:24px;transition:transform .2s;position:relative}.timeline-card:hover{transform:translateY(-4px)}.timeline-card.dark-card{background:var(--tertiary-container,#1a1c1b);color:var(--white);box-shadow:8px 8px 0 var(--coral)}.timeline-label{font:700 11px var(--font-mono);color:var(--on-surface-variant,#4c4546);text-transform:uppercase;margin-bottom:8px}.dark-card .timeline-label{color:var(--on-primary-container,#848484)}.timeline-card h3{margin:0 0 16px;font-size:24px;font-weight:700}.timeline-card p{margin:0;font-size:16px;line-height:1.6}.mp-showcase{padding:0 48px 120px}.mp-showcase-header{border-bottom:4px solid var(--ink);justify-content:space-between;align-items:center;margin-bottom:48px;padding-bottom:16px;display:flex}.mp-showcase-header h2{text-transform:uppercase;margin:0;font-size:clamp(28px,3vw,36px);font-weight:900}.version-chip{background:var(--ink);color:var(--white);font:700 11px var(--font-mono);align-items:center;gap:8px;padding:6px 12px;display:flex}.yellow-dot{background:var(--yellow)!important}.mp-phones-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:48px;display:grid;position:relative}.mp-phones-grid:before{content:"";background:var(--ink);z-index:0;opacity:.2;height:8px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.mp-phone-col{z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}.hero-phone-col{transition:transform .3s;transform:rotate(-2deg)}.hero-phone-col:hover{transform:rotate(0)}.mp-phone{border:12px solid var(--ink);width:280px;height:580px;box-shadow:8px 8px 0 var(--ink);background:var(--white);border-radius:40px;transition:all .3s;position:relative;overflow:hidden}.mp-phone:hover{transform:scale(1.05)}.hero-phone{background:var(--ink);width:300px;height:620px;box-shadow:8px 8px 0 var(--coral)}.hero-phone:hover{box-shadow:12px 12px 0 var(--coral)}.phone-notch{background:var(--ink);z-index:20;border-radius:0 0 16px 16px;width:128px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{width:100%;height:100%;position:relative}.phone-screen-image{z-index:1;border:0;height:100%;position:absolute;inset:0;width:100%!important}.wireframe-screen{background:var(--paper);font:700 12px var(--font-mono);border:4px dashed var(--outline-variant,#cfc4c5);flex-direction:column;gap:16px;padding:16px;display:flex;overflow:hidden}.wireframe-screen:after{content:"";pointer-events:none;background:#0000000d;animation:4s linear infinite scanline;position:absolute;inset:0}.wireframe-bar{border-bottom:2px solid var(--ink);place-items:center;height:48px;display:grid}.wireframe-hero{border:2px solid var(--ink);opacity:.5;background-image:radial-gradient(#ddd 1px,#0000 1px);background-size:16px 16px;place-items:center;height:128px;display:grid}.wireframe-list{border:2px solid var(--ink);flex-direction:column;flex:1;gap:8px;padding:8px;display:flex}.wireframe-line{background:var(--outline-variant,#cfc4c5);height:32px}.wireframe-line.w-75{width:75%}.wireframe-line.w-85{width:85%}.wireframe-fab{border:2px solid var(--ink);background:var(--yellow);place-items:center;height:64px;margin-top:auto;display:grid}.hero-screen{background:var(--tertiary-container,#1a1c1b)}.hero-screen-overlay{background:var(--white);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);justify-content:space-between;align-items:center;padding:16px;display:flex;position:absolute;top:48px;left:16px;right:16px}.overlay-label{font:800 11px var(--font-mono)}.overlay-dot{background:var(--coral);border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite pulse-dot}.interaction-screen{background:var(--surface-container,#eee)}.fix-tape{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--outline-variant,#cfc4c5);background:#ffffffd9;place-items:center;width:96px;height:24px;font:700 12px Comic Sans MS;display:grid;position:absolute;bottom:80px;left:16px;transform:rotate(-6deg)}.mp-phone-label{text-align:center;font:700 11px var(--font-mono);cursor:pointer;margin-top:24px;transition:color .2s}.mp-phone-label:hover{color:var(--coral)}.label-title{font-weight:800;display:block}.label-sub{color:var(--on-surface-variant,#4c4546);font-size:10px;display:block}.approved-sticker{background:var(--yellow);border:2px solid var(--ink);text-align:center;width:64px;height:64px;box-shadow:4px 4px 0 var(--ink);z-index:30;cursor:help;border-radius:50%;place-items:center;font:700 12px Comic Sans MS;transition:transform .2s;display:grid;position:absolute;top:40px;right:-32px;transform:rotate(12deg)}.approved-sticker:hover{transform:rotate(12deg)scale(1.1)}.mp-architecture{padding:0 48px 120px}.mp-arch-title{text-transform:uppercase;border-left:8px solid var(--coral);margin:0 0 32px;padding-left:16px;font-size:clamp(28px,3vw,36px);font-weight:900}.mp-arch-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.arch-card{border:2px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--ink);padding:24px;transition:all .2s}.arch-card:hover{background:var(--ink);color:var(--white)}.arch-card:hover .arch-card-header,.arch-card:hover .arch-card-header span:first-child{color:var(--surface-variant,#e2e2e2)}.arch-card:hover h3{color:var(--white)}.arch-card:hover p{color:#fffc}.offset-card{transform:translateY(16px)}.arch-card-header{font:700 11px var(--font-mono);color:var(--on-surface-variant,#4c4546);border-bottom:2px solid var(--outline,#7e7576);text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;display:flex}.arch-dot{opacity:0;border-radius:50%;width:8px;height:8px;transition:opacity .2s}.arch-card:hover .arch-dot{opacity:1;animation:2s ease-in-out infinite pulse-dot}.coral-dot{background:var(--coral)}.black-dot{background:var(--ink)}.arch-card h3{margin:0 0 8px;font-size:24px;font-weight:700;transition:color .2s}.arch-card p{font-size:12px;font-family:var(--font-mono), monospace;opacity:.8;margin:0 0 24px;transition:color .2s}.arch-bar{background:var(--outline-variant,#cfc4c5);width:100%;height:8px;position:relative;overflow:hidden}.arch-bar-fill{height:100%;transition:all .2s;position:absolute;top:0;left:0}.coral-fill{background:var(--coral);width:100%}.arch-card:hover .coral-fill{background:var(--white)}.yellow-fill{background:var(--yellow);width:75%}.arch-card:hover .yellow-fill{background:var(--white)}.black-fill{background:var(--ink);width:50%}.arch-card:hover .black-fill{background:var(--coral)}.black-fill-wide{background:var(--ink);width:85%}.arch-card:hover .black-fill-wide{background:var(--white)}.mp-tokens{padding:0 48px 120px}.mp-tokens-grid{border:4px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--ink);grid-template-columns:1fr 1fr;align-items:start;gap:48px;padding:48px;display:grid}.mp-tokens-title{text-transform:uppercase;align-items:center;gap:16px;margin:0 0 24px;font-size:clamp(28px,3vw,36px);font-weight:900;display:flex}.tokens-icon{color:var(--yellow);font-size:36px;transform:rotate(45deg)}.tokens-copy p{max-width:400px;margin:0 0 32px;font-size:20px;font-weight:500;line-height:1.6}.mp-swatch-list{font:700 11px var(--font-mono);flex-direction:column;gap:16px;display:flex}.mp-swatch{cursor:pointer;align-items:center;gap:16px;display:flex;position:relative}.swatch-box{border:2px solid var(--ink);width:64px;height:64px;box-shadow:4px 4px 0 var(--ink);transition:all .3s}.mp-swatch:hover .swatch-box{width:80px;height:80px}.swatch-black{background:var(--ink)}.swatch-white{background:var(--white)}.swatch-coral{background:var(--coral)}.swatch-yellow{background:var(--yellow)}.swatch-info{flex-direction:column;flex:1;justify-content:center;height:64px;display:flex;position:relative;overflow:hidden}.swatch-name{font-weight:800;transition:transform .3s,opacity .3s}.swatch-hex{opacity:0;transition:transform .3s,opacity .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.swatch-hex .swatch-copy-label{color:var(--coral);font-weight:800;display:block}.mp-swatch:hover .swatch-name{opacity:0;transform:translateY(-100%)}.mp-swatch:hover .swatch-hex{opacity:1;transform:translateY(0)}.tokens-visual{border:2px solid var(--ink);background:var(--white);min-height:400px;padding:16px;position:relative;overflow:hidden}.tokens-visual-image{border:0;height:100%;position:absolute;inset:0;width:100%!important}.tokens-visual:after{content:"";pointer-events:none;background:#0000000d;animation:4s linear infinite scanline;position:absolute;inset:0}.visual-label{font:700 11px var(--font-mono);background:var(--ink);color:var(--white);align-items:center;gap:8px;padding:4px 8px;display:flex;position:absolute;top:8px;left:8px}.visual-corner{width:32px;height:32px;transition:transform .2s;position:absolute}.tokens-visual:hover .visual-corner{transform:scale(1.25)}.corner-br{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);bottom:16px;right:16px}.corner-tr{border-right:2px solid var(--ink);border-top:2px solid var(--ink);top:16px;right:16px}.corner-bl{border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);bottom:16px;left:16px}.mp-cta{padding:0 48px 120px}.mp-cta-inner{border:4px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--ink);text-align:center;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;padding:64px 48px;display:inline-flex;position:relative}.mp-cta-inner h2{text-transform:uppercase;letter-spacing:-.05em;margin:0 0 16px;font-size:clamp(48px,6vw,96px);font-weight:900;line-height:.85}.cta-sub{background:var(--paper);border:1px dashed var(--outline,#7e7576);font:700 11px var(--font-mono);text-transform:uppercase;letter-spacing:.1em;cursor:default;margin:0 0 32px;padding:8px 16px;transition:all .2s}.cta-sub:hover{background:var(--ink);color:var(--white)}.cta-button{padding:20px 32px!important;font-size:16px!important}.tape-cta{width:96px;color:var(--coral);place-items:center;font:700 14px Comic Sans MS;display:grid;top:-16px;left:-16px;transform:rotate(-6deg)}@media (max-width:1100px){.mp-phones-grid{grid-template-columns:1fr;gap:64px}.mp-phones-grid:before{display:none}.mp-phone-col{margin:0 auto}.hero-phone-col{transform:none}.mp-arch-grid{grid-template-columns:repeat(2,1fr)}.offset-card{transform:none}.mp-tokens-grid{grid-template-columns:1fr}}@media (max-width:760px){.mp-hero{padding:60px 20px 80px}.mp-hero-inner{padding:40px 24px}.mp-blueprint{display:none}.mp-narrative{padding:60px 20px 80px}.mp-timeline{gap:40px;margin-left:16px;padding-left:40px}.timeline-dot{border-width:3px;width:24px;height:24px;left:-56px}.timeline-card{padding:20px}.timeline-card h3{font-size:20px}.timeline-card p{font-size:14px}.mp-showcase{padding:0 20px 80px}.mp-phone{border-width:10px;width:240px;height:500px}.hero-phone{width:260px;height:540px}.approved-sticker{width:52px;height:52px;font-size:10px;right:-16px}.mp-architecture{padding:0 20px 80px}.mp-arch-grid{grid-template-columns:1fr}.mp-tokens{padding:0 20px 80px}.mp-tokens-grid{padding:28px}.mp-cta{padding:0 20px 80px}.mp-cta-inner{padding:40px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.case-study .page-shell{border-inline:0}@media (max-width:820px){.case-hero{grid-template-columns:minmax(0,1fr)}.case-hero>*{min-width:0}.case-hero h1{overflow-wrap:anywhere;font-size:clamp(52px,17vw,82px)}.case-role{grid-template-columns:82px minmax(0,1fr)}.case-deck,.case-role p{overflow-wrap:anywhere;max-width:100%}}.case-study.case-playtribe,.case-study.case-sararuffini-portfolio{background-color:var(--paper);background-image:radial-gradient(var(--grid) .7px, transparent .7px);color:var(--ink);background-size:14px 14px;--project-bg:var(--paper)!important;--project-ink:var(--ink)!important;--project-surface:var(--white)!important}.case-study.case-playtribe{--lab-project-accent:#a54f37;--lab-project-soft:#d8e8bf}.case-study.case-sararuffini-portfolio{--lab-project-accent:#3bdec8;--lab-project-soft:#ffb0c8}.case-study.case-playtribe .case-hero,.case-study.case-sararuffini-portfolio .case-hero{border-bottom:2px solid var(--ink);align-items:center;gap:clamp(28px,5vw,82px);min-height:620px;padding-block:62px 54px}.case-study.case-playtribe .case-hero-copy,.case-study.case-sararuffini-portfolio .case-hero-copy{max-width:610px}.case-study.case-playtribe .case-meta,.case-study.case-sararuffini-portfolio .case-meta{border:2px solid var(--ink);background:var(--white);width:max-content;max-width:100%;font:800 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;gap:0;display:flex}.case-study.case-playtribe .case-meta span,.case-study.case-sararuffini-portfolio .case-meta span{border-right:2px solid var(--ink);padding:8px 10px}.case-study.case-playtribe .case-meta span:last-child,.case-study.case-sararuffini-portfolio .case-meta span:last-child{background:var(--lab-project-soft);border:0}.case-study.case-playtribe .case-hero h1,.case-study.case-sararuffini-portfolio .case-hero h1{letter-spacing:-.075em;text-transform:uppercase;margin:22px 0 16px;font-size:clamp(54px,7.4vw,106px);font-weight:900;line-height:.82}.case-study.case-sararuffini-portfolio .case-hero h1{max-width:550px}.case-study.case-playtribe .case-deck,.case-study.case-sararuffini-portfolio .case-deck{max-width:510px;margin:0 0 22px;font-size:clamp(17px,1.55vw,21px);font-weight:650;line-height:1.35}.case-study.case-playtribe .case-role,.case-study.case-sararuffini-portfolio .case-role{border-block:2px solid var(--ink);grid-template-columns:96px 1fr;gap:16px;max-width:540px;padding:12px 0}.case-study.case-playtribe .case-role span,.case-study.case-sararuffini-portfolio .case-role span{color:var(--lab-project-accent);font:800 10px var(--font-mono);text-transform:uppercase}.case-study.case-playtribe .case-role p,.case-study.case-sararuffini-portfolio .case-role p{font-size:14px;line-height:1.35}.case-study.case-playtribe .case-actions,.case-study.case-sararuffini-portfolio .case-actions{gap:18px;margin-top:22px}.case-study.case-playtribe .case-button,.case-study.case-sararuffini-portfolio .case-button{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--lab-project-accent);color:var(--ink);font:800 11px var(--font-mono);text-transform:uppercase;border-radius:0;padding:10px 13px}.case-study.case-playtribe .case-text-link,.case-study.case-sararuffini-portfolio .case-text-link{font:800 11px var(--font-mono);text-transform:uppercase;text-decoration:underline}.case-study.case-playtribe .case-hero-visual,.case-study.case-sararuffini-portfolio .case-hero-visual{place-items:center;min-height:460px;display:grid}.case-study.case-playtribe .case-hero-media,.case-study.case-sararuffini-portfolio .case-hero-media{border:3px solid var(--ink);background:var(--white);box-shadow:9px 9px 0 var(--ink);border-radius:0;position:relative;inset:auto;overflow:hidden}.case-study.case-playtribe .case-hero-media.is-phone{width:min(280px,75vw);height:500px}.case-study.case-sararuffini-portfolio .case-hero-media.is-browser{width:min(520px,100%);height:360px}.case-study.case-playtribe .case-hero-media img,.case-study.case-sararuffini-portfolio .case-hero-media img{object-fit:cover}.case-study.case-playtribe .case-signature,.case-study.case-sararuffini-portfolio .case-signature{opacity:.85;width:230px}.case-study.case-playtribe .signature-path,.case-study.case-sararuffini-portfolio .signature-path{stroke:var(--lab-project-accent);stroke-width:4px}.case-study.case-playtribe .signature-grid,.case-study.case-sararuffini-portfolio .signature-grid{stroke:var(--ink);opacity:.14}.case-study.case-playtribe .signature-dot,.case-study.case-sararuffini-portfolio .signature-dot{fill:var(--lab-project-accent)}.case-study.case-playtribe .case-concept,.case-study.case-sararuffini-portfolio .case-concept,.case-study.case-playtribe .ui-system,.case-study.case-sararuffini-portfolio .ui-system,.case-study.case-playtribe .case-build,.case-study.case-sararuffini-portfolio .case-build,.case-study.case-playtribe .case-closing,.case-study.case-sararuffini-portfolio .case-closing{padding-block:76px}.case-study.case-playtribe .case-kicker,.case-study.case-sararuffini-portfolio .case-kicker{color:var(--ink);font:800 10px var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.case-study.case-playtribe .case-concept-grid,.case-study.case-sararuffini-portfolio .case-concept-grid{gap:clamp(30px,7vw,110px);margin-top:18px}.case-study.case-playtribe .case-concept h2,.case-study.case-sararuffini-portfolio .case-concept h2,.case-study.case-playtribe .case-section-head h2,.case-study.case-sararuffini-portfolio .case-section-head h2,.case-study.case-playtribe .journey-intro h2,.case-study.case-sararuffini-portfolio .journey-intro h2,.case-study.case-playtribe .case-build h2,.case-study.case-sararuffini-portfolio .case-build h2{letter-spacing:-.06em;text-transform:uppercase;font-size:clamp(36px,4.5vw,62px);line-height:.9}.case-study.case-playtribe .case-lead,.case-study.case-sararuffini-portfolio .case-lead{margin:0 0 14px;font-size:20px;line-height:1.28}.case-study.case-playtribe .case-concept-grid p,.case-study.case-sararuffini-portfolio .case-concept-grid p{font-size:15px;line-height:1.5}.case-study.case-playtribe .concept-principles,.case-study.case-sararuffini-portfolio .concept-principles{gap:12px;margin-top:38px}.case-study.case-playtribe .concept-principles article,.case-study.case-sararuffini-portfolio .concept-principles article{border:2px solid var(--ink);background:var(--white);min-height:0;box-shadow:4px 4px 0 var(--ink);border-radius:0;padding:18px}.case-study.case-playtribe .concept-principles article:nth-child(2),.case-study.case-sararuffini-portfolio .concept-principles article:nth-child(2){background:var(--lab-project-soft)}.case-study.case-playtribe .concept-principles article span,.case-study.case-sararuffini-portfolio .concept-principles article span{font:900 12px var(--font-mono);color:var(--lab-project-accent)}.case-study.case-playtribe .concept-principles h3,.case-study.case-sararuffini-portfolio .concept-principles h3{text-transform:uppercase;margin:24px 0 6px;font-size:18px}.case-study.case-playtribe .concept-principles p,.case-study.case-sararuffini-portfolio .concept-principles p{font-size:13px;line-height:1.35}.case-journey{border-block:2px solid var(--ink);background:var(--white);padding-block:76px}.journey-intro{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:end;gap:32px;max-width:920px;display:grid}.journey-intro h2{grid-column:1;margin:12px 0 0}.journey-intro p{grid-area:1/2/span 2;margin:0;font-size:15px;line-height:1.45}.journey-pin{border:3px solid var(--ink);background:var(--paper);min-height:520px;box-shadow:8px 8px 0 var(--ink);grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:center;gap:28px;margin-top:36px;padding:18px;display:grid}.journey-copy{align-content:center;align-self:stretch;gap:2px;display:grid}.journey-copy article{border-left:4px solid #0000;padding:14px 12px;transition:border-color .2s}.journey-copy article:first-child{border-color:var(--lab-project-accent)}.journey-copy span{font:800 10px var(--font-mono);color:var(--lab-project-accent);margin-bottom:6px;display:block}.journey-copy h3{text-transform:uppercase;margin:0 0 4px;font-size:18px;line-height:1}.journey-copy p{margin:0;font-size:13px;line-height:1.35}.journey-media{place-items:center;min-height:430px;display:grid;position:relative;overflow:hidden}.journey-screen{place-items:center;display:grid;position:absolute;inset:0}.journey-screen .device-shot{margin:0}.journey-playtribe .journey-screen .phone-shot{width:226px}.journey-playtribe .journey-screen .phone-shell{border:9px solid var(--ink);height:400px;box-shadow:7px 7px 0 var(--ink);border-radius:27px}.journey-sara .journey-screen .browser-shot{width:min(100%,570px)}.journey-sara .journey-screen .browser-shell{border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:0}.journey-sara .journey-screen .browser-viewport{aspect-ratio:16/9}.journey-sara .journey-screen .phone-shot{width:190px}.journey-sara .journey-screen .phone-shell{border:8px solid var(--ink);height:385px;box-shadow:6px 6px 0 var(--ink)}.journey-screen figcaption{font:800 10px var(--font-mono);text-transform:uppercase;margin-top:8px}.journey-screen figcaption span{margin-left:8px;font-weight:500}.journey-morph{width:155px;position:absolute;bottom:6px;right:10px;overflow:visible}.journey-morph path{fill:none;stroke:var(--lab-project-accent);stroke-width:4px;stroke-linecap:round}.case-study.case-playtribe .case-gallery,.case-study.case-sararuffini-portfolio .case-gallery{background:var(--paper);padding-block:76px}.case-study.case-playtribe .case-section-head,.case-study.case-sararuffini-portfolio .case-section-head{margin-bottom:26px}.case-study.case-playtribe .gallery-stage,.case-study.case-sararuffini-portfolio .gallery-stage{height:540px}.case-study.case-playtribe .gallery-position .phone-shot{width:255px}.case-study.case-playtribe .phone-shell{border:9px solid var(--ink);height:455px;box-shadow:8px 8px 0 var(--ink)}.case-study.case-sararuffini-portfolio .gallery-position .browser-shot{width:min(900px,88vw)}.case-study.case-sararuffini-portfolio .browser-shell{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:0}.case-study.case-sararuffini-portfolio .browser-viewport{aspect-ratio:16/9}.case-study.case-sararuffini-portfolio .gallery-position .phone-shot{width:215px}.case-study.case-sararuffini-portfolio .gallery-position .phone-shell{border:9px solid var(--ink);height:430px;box-shadow:8px 8px 0 var(--ink)}.case-study.case-playtribe .gallery-controls,.case-study.case-sararuffini-portfolio .gallery-controls{border:2px solid var(--ink);background:var(--white);box-shadow:3px 3px 0 var(--ink);font:800 10px var(--font-mono);border-radius:0}.case-study.case-playtribe .gallery-controls button,.case-study.case-sararuffini-portfolio .gallery-controls button{color:var(--ink);border-radius:0;font-size:18px}.case-study.case-playtribe .ui-grid,.case-study.case-sararuffini-portfolio .ui-grid{gap:14px;margin-top:28px}.case-study.case-playtribe .ui-grid>div,.case-study.case-sararuffini-portfolio .ui-grid>div{border:2px solid var(--ink);background:var(--white);box-shadow:4px 4px 0 var(--ink);border-radius:0;padding:18px}.case-study.case-playtribe .ui-grid h3,.case-study.case-sararuffini-portfolio .ui-grid h3{font:800 10px var(--font-mono);text-transform:uppercase;margin:0 0 15px}.case-study.case-playtribe .palette-list,.case-study.case-sararuffini-portfolio .palette-list{gap:7px}.case-study.case-playtribe .ui-swatch,.case-study.case-sararuffini-portfolio .ui-swatch{border:2px solid var(--ink);border-radius:0;min-height:48px;padding:9px;font-size:11px}.case-study.case-playtribe .type-sample,.case-study.case-sararuffini-portfolio .type-sample{min-height:76px;padding:8px 0}.case-study.case-playtribe .type-sample b,.case-study.case-sararuffini-portfolio .type-sample b{font-size:34px;line-height:1}.case-study.case-playtribe .type-sample span,.case-study.case-sararuffini-portfolio .type-sample span{font-size:12px}.case-study.case-playtribe .components-block span,.case-study.case-sararuffini-portfolio .components-block span{border:2px solid var(--ink);font:800 10px var(--font-mono);border-radius:0;padding:7px 9px}.case-study.case-playtribe .case-build,.case-study.case-sararuffini-portfolio .case-build{border-top:2px solid var(--ink);gap:38px}.case-study.case-playtribe .case-build p,.case-study.case-sararuffini-portfolio .case-build p{font-size:15px;line-height:1.45}.case-study.case-playtribe .case-build ul,.case-study.case-sararuffini-portfolio .case-build ul{gap:7px}.case-study.case-playtribe .case-build li,.case-study.case-sararuffini-portfolio .case-build li{border:2px solid var(--ink);background:var(--lab-project-soft);font:800 10px var(--font-mono);border-radius:0;padding:9px 11px}.case-study.case-playtribe .case-closing,.case-study.case-sararuffini-portfolio .case-closing{border-top:2px solid var(--ink);text-align:left}.case-study.case-playtribe .case-closing h2,.case-study.case-sararuffini-portfolio .case-closing h2{letter-spacing:-.07em;text-transform:uppercase;max-width:880px;font-size:clamp(42px,6vw,82px);line-height:.86}.case-study.case-playtribe .case-closing>p,.case-study.case-sararuffini-portfolio .case-closing>p{max-width:560px;font-size:15px;line-height:1.45}@media (max-width:820px){.case-study.case-playtribe .case-hero,.case-study.case-sararuffini-portfolio .case-hero{min-height:0;padding-block:46px 52px}.case-study.case-playtribe .case-hero h1,.case-study.case-sararuffini-portfolio .case-hero h1{font-size:clamp(52px,17vw,76px)}.case-study.case-playtribe .case-hero-visual,.case-study.case-sararuffini-portfolio .case-hero-visual{min-height:340px;margin-top:8px}.case-study.case-sararuffini-portfolio .case-hero-media.is-browser{width:min(100%,460px);height:280px}.case-study.case-playtribe .case-concept,.case-study.case-sararuffini-portfolio .case-concept,.case-study.case-playtribe .ui-system,.case-study.case-sararuffini-portfolio .ui-system,.case-study.case-playtribe .case-build,.case-study.case-sararuffini-portfolio .case-build,.case-study.case-playtribe .case-closing,.case-study.case-sararuffini-portfolio .case-closing,.case-journey,.case-study.case-playtribe .case-gallery,.case-study.case-sararuffini-portfolio .case-gallery{padding-block:54px}.journey-intro{grid-template-columns:1fr;gap:14px}.journey-intro p{grid-area:auto}.journey-pin{min-height:0;box-shadow:5px 5px 0 var(--ink);grid-template-columns:1fr;gap:8px;padding:12px}.journey-copy{gap:0}.journey-copy article{padding:10px 8px;opacity:1!important}.journey-media{min-height:405px}.journey-morph{width:115px}.case-study.case-playtribe .gallery-stage,.case-study.case-sararuffini-portfolio .gallery-stage{height:480px}.case-study.case-playtribe .gallery-position .phone-shot{width:220px}.case-study.case-playtribe .phone-shell{height:400px}.case-study.case-sararuffini-portfolio .gallery-position .browser-shot{width:94vw}.case-study.case-sararuffini-portfolio .gallery-position .phone-shot{width:185px}.case-study.case-sararuffini-portfolio .gallery-position .phone-shell{height:370px}}.case-study.case-playtribe .case-meta,.case-study.case-sararuffini-portfolio .case-meta{background:0 0;border:0;gap:8px;width:auto}.case-study.case-playtribe .case-meta span,.case-study.case-sararuffini-portfolio .case-meta span{border:1.5px solid var(--ink);background:var(--white);border-radius:100px;padding:8px 10px}.case-study.case-playtribe .case-meta span:last-child,.case-study.case-sararuffini-portfolio .case-meta span:last-child{border:1.5px solid var(--ink);background:var(--lab-project-soft)}.case-study.case-playtribe.pt-case{--lab-project-accent:var(--coral);--lab-project-soft:#e7efd7;--pt-section:96px;--pt-mono-label:800 10px var(--font-mono);--project-bg:var(--paper)!important;--project-ink:var(--ink)!important;--project-surface:var(--white)!important;--project-accent:var(--coral)!important;--project-accent-2:var(--yellow)!important}.pt-case .page-shell{border-inline:0}.pt-case .case-kicker,.case-study.case-playtribe.pt-case .case-kicker{font:var(--pt-mono-label);letter-spacing:.09em;text-transform:uppercase}.pt-case h2{letter-spacing:-.07em;text-wrap:balance;margin:0}.pt-case .pt-line-mask{margin-bottom:-.16em;padding-bottom:.16em}.pt-case .pt-hero{border-bottom:var(--line);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) auto auto;column-gap:clamp(32px,4vw,56px);padding-block:58px 32px;display:grid;position:relative;overflow:visible}.pt-case .pt-hero .case-meta{grid-column:1/-1;margin-bottom:0}.pt-case .pt-hero-grid{display:contents}.pt-case .pt-hero-copy{z-index:2;grid-area:2/1;align-self:end;padding-top:clamp(28px,4vh,48px);position:relative}.pt-case .pt-hero h1{letter-spacing:-.1em;text-transform:uppercase;margin:0;font-size:clamp(70px,9.6vw,142px);line-height:.78}.pt-case .pt-hero-dek{text-wrap:balance;max-width:560px;margin:16px 0 0;font-size:clamp(18px,1.5vw,23px);line-height:1.32}.pt-case .pt-hero-side{border-top:2px solid var(--ink);max-width:500px;margin-top:22px;padding-top:12px}.pt-case .pt-hero-side p{max-width:420px;margin:0 0 14px;font-size:14px;line-height:1.45}.pt-case .pt-hero-side p span{color:var(--coral);font:var(--pt-mono-label);text-transform:uppercase;margin-bottom:8px;display:block}.pt-case .pt-hero-actions,.pt-case .pt-closing-actions{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:22px;display:flex}.pt-case .pt-hero-side .case-button{min-height:54px;box-shadow:6px 6px 0 var(--ink);font:800 12px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:0 26px}.pt-case .case-text-link{font:800 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;text-underline-offset:4px}.pt-case .pt-hero-trail{grid-area:2/2;align-self:end;align-items:end;padding:0 10px 22px;display:flex}.pt-case .pt-hero-trail-card{aspect-ratio:941/1672;border:2px solid var(--ink);background:var(--paper);will-change:transform;flex:none;width:clamp(100px,8.5vw,132px);margin:0 0 0 -22px;position:relative;overflow:hidden;box-shadow:5px 5px #00000029}.pt-case .pt-hero-trail-card:first-child{margin-left:0}.pt-case .pt-hero-trail-card img{object-fit:cover}.pt-case .pt-hero-trail-card--chat{z-index:1;transform:translateY(14px)rotate(-8deg)}.pt-case .pt-hero-trail-card--events{z-index:2;transform:translateY(4px)rotate(1deg)}.pt-case .pt-hero-trail-card--reliability{z-index:3;transform:translateY(-4px)rotate(7deg)}.pt-case .pt-hero-art{aspect-ratio:941/1672;width:clamp(200px,17vw,250px);box-shadow:10px 10px 0 var(--coral);z-index:2;grid-area:2/3;place-self:end;margin:0 6px 10px 0;position:relative;overflow:hidden;transform:rotate(2deg)}.pt-case .pt-hero-art img{object-fit:cover}.pt-case .pt-phone{aspect-ratio:1080/2400;border:9px solid var(--ink);background:var(--ink);width:min(270px,68vw);box-shadow:9px 9px 0 var(--coral);will-change:transform,opacity;border-radius:34px;margin:0;position:relative;overflow:hidden}.pt-case .pt-phone img{object-fit:cover;object-position:top}.pt-case .pt-concept{padding-block:var(--pt-section);grid-template-columns:minmax(120px,.22fr) minmax(0,1fr);gap:clamp(28px,6vw,100px);display:grid}.pt-case .pt-concept h2,.pt-case .pt-problem h2,.pt-case .pt-ux h2{font-size:clamp(42px,6vw,90px);line-height:.88}.pt-case .pt-concept p{max-width:580px;margin:22px 0 0;font-size:clamp(19px,1.7vw,25px);line-height:1.4}.pt-case .pt-problem{padding-block:var(--pt-section);background:var(--ink);color:var(--paper)}.pt-case .pt-problem .page-shell{grid-template-columns:minmax(120px,.22fr) minmax(0,1fr);gap:clamp(28px,6vw,100px);display:grid}.case-study.case-playtribe.pt-case .pt-problem .case-kicker{color:var(--coral)}.pt-case .pt-problem-copy{grid-template-columns:minmax(0,1fr) minmax(230px,.45fr);gap:30px clamp(38px,7vw,105px);display:grid}.pt-case .pt-problem-copy h2{grid-row:span 2;font-size:clamp(32px,4.4vw,60px)}.pt-case .pt-problem-copy p{color:#d8d8d2;margin:0;font-size:16px;line-height:1.6}.pt-case .pt-product-stage{background:var(--paper);padding-block:clamp(48px,7vh,110px) 0;overflow:hidden}.pt-case .pt-stage-grid{grid-template-columns:minmax(0,.75fr) minmax(500px,.9fr);align-items:start;gap:clamp(32px,6vw,110px);padding-bottom:48px;display:grid;position:relative}.pt-case .pt-stage-copy{min-height:min(430px,50vh);padding-top:10px;position:relative}.pt-case .pt-stage-copy>span{font:var(--pt-mono-label);letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px;display:block}.pt-case .pt-stage-copy>h2{max-width:610px;font-size:clamp(42px,4.7vw,68px);line-height:.9}.pt-case .pt-stage-copy article{position:absolute;inset:232px 0 auto}.pt-case .pt-stage-copy article>span{color:var(--coral);font:var(--pt-mono-label);letter-spacing:.08em;text-transform:uppercase}.pt-case .pt-stage-copy h3{letter-spacing:-.06em;margin:12px 0;font-size:clamp(29px,3.15vw,46px);line-height:.93}.pt-case .pt-stage-copy p{max-width:370px;margin:0;font-size:16px;line-height:1.6}.pt-case .pt-stage-rig{grid-template-columns:112px minmax(240px,1fr);justify-self:start;align-items:center;gap:16px;width:min(500px,100%);display:grid;position:relative}.pt-case .pt-stage-label{z-index:3;gap:14px;margin:0;padding:0;list-style:none;display:grid;position:relative}.pt-case .pt-stage-label li{font:var(--pt-mono-label);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:9px;display:flex}.pt-case .pt-stage-label li b{border:1.5px solid var(--ink);width:29px;height:29px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:9px;display:grid}.pt-case .pt-stage-label li span{max-width:68px;transition:color .2s}.pt-case .pt-stage-phones{place-items:center;width:100%;height:min(500px,58vh);display:grid;position:relative}.pt-case .pt-stage-phones .pt-phone{width:min(232px,18vw,26vh);box-shadow:8px 8px 0 var(--coral);position:absolute}.pt-case .pt-stage-progress{background:#e6e6e0;border-radius:999px;grid-column:1/-1;justify-self:center;width:min(420px,60%);height:6px;margin:clamp(28px,5vh,56px) 0 0;position:relative;overflow:hidden}.pt-case .pt-stage-progress i,.pt-case .pt-stage-progress em{transform-origin:0;border-radius:999px;display:block;position:absolute;inset:0;transform:scaleX(0)}.pt-case .pt-stage-progress i{background:var(--coral)}.pt-case .pt-stage-progress em{background:#c9c9c2}.pt-case .pt-ui{--ui-bg:#f9f9f7;--ui-ink:#000;padding-block:var(--pt-section);background:var(--ui-bg);color:var(--ui-ink)}.pt-case .pt-ui-grid{grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr);align-items:start;gap:clamp(48px,8vw,132px);display:grid}.case-study.case-playtribe.pt-case .pt-ui .case-kicker{color:inherit}.pt-case .pt-ui-head{z-index:3;position:relative}.pt-case .pt-ui-head h2{margin-top:18px;font-size:clamp(30px,3.2vw,48px);line-height:.92}.pt-case .pt-ui-head p{max-width:480px;margin:28px 0 0;font-size:18px;line-height:1.6}.pt-case .pt-ui-system{grid-template-columns:minmax(155px,.62fr) minmax(180px,.72fr) minmax(310px,1.25fr);align-items:stretch;gap:clamp(24px,3vw,52px);display:grid;position:relative}.pt-case .pt-ui-token{border-top:2px solid;align-content:start;gap:12px;padding:18px 0 12px;display:grid}.pt-case .pt-ui-token>span,.pt-case .pt-ui-specimen>span{font:var(--pt-mono-label);letter-spacing:.09em;text-transform:uppercase;opacity:.75}.pt-case .pt-ui-token small,.pt-case .pt-ui-specimen>small{max-width:190px;font:700 10px/1.35 var(--font-mono);text-transform:uppercase;opacity:.6}.pt-case .pt-ui-palette>div{align-items:end;gap:8px;display:flex}.pt-case .pt-ui-swatch{border:1.5px solid var(--ink);cursor:pointer;will-change:transform;border-radius:0;width:52px;height:92px;padding:0;display:block}.pt-case .is-ready .pt-ui-swatch{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}.pt-case .pt-ui-swatch:hover{box-shadow:4px 4px 0 var(--ink);transform:translateY(-5px)}.pt-case .pt-ui-swatch[aria-pressed=true]{box-shadow:4px 4px 0 var(--ink);outline:2px solid var(--ink);outline-offset:3px;transform:translateY(-5px)}.pt-case .pt-ui-swatch:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.pt-case .pt-ui-swatch--cream{background:#fcf9f0}.pt-case .pt-ui-swatch--sage{background:#5f6d4c;height:128px}.pt-case .pt-ui-swatch--coral{background:var(--coral);height:72px}.pt-case .pt-ui-type b{font:500 30px/.9 var(--font-pt-serif),Georgia,serif;letter-spacing:-.03em}.pt-case .pt-ui-type strong{font:700 15px/1 var(--font-pt-sans),sans-serif}.pt-case .pt-ui-specimen{font-family:var(--font-pt-sans),sans-serif;border-top:2px solid;align-content:start;gap:18px;padding:18px 0 10px;display:grid}.pt-case .pt-component-filters{flex-wrap:wrap;gap:8px;display:flex}.pt-case .pt-component-filter{color:#45483f;font:600 12px/1 var(--font-pt-sans),sans-serif;cursor:pointer;background:#f6f3ea;border:1.5px solid #c6c8bc;border-radius:999px;padding:8px 12px;transition:background .2s,color .2s,border-color .2s}.pt-case .is-ready .pt-component-filter{transition:transform .2s,background .2s,color .2s,border-color .2s}.pt-case .pt-component-filter:hover{transform:translateY(-2px)}.pt-case .pt-component-filter:focus-visible,.pt-case .pt-component-primary:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.pt-case .pt-component-filter--selected{color:#fff;background:#5f6d4c;border-color:#5f6d4c}.pt-case .pt-component-card{color:#000;background:#fff;border-radius:20px;gap:15px;padding:18px;transition:box-shadow .3s;display:grid;box-shadow:0 8px 20px #5f6d4c1f}.pt-case .is-ready .pt-component-card{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.pt-case .pt-component-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #5f6d4c2e}.pt-case .pt-component-card>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.pt-case .pt-component-card b{font:500 19px/1.05 var(--font-pt-serif),Georgia,serif;letter-spacing:-.02em}.pt-case .pt-component-card small{color:#45483f;font-size:12px;font-weight:500}.pt-case .pt-component-card i{color:#2f3a24;font:600 11px var(--font-pt-sans),sans-serif;background:#dceac6;border-radius:999px;padding:6px 9px;font-style:normal;transition:background .3s}.pt-case .pt-component-card i+i{color:#45483f;background:#f1eee5}.pt-case .pt-component-card--joined i+i{color:#2f3a24;background:#dceac6}.pt-case .pt-component-primary{color:#fff;min-height:44px;font:700 14px var(--font-pt-sans),sans-serif;cursor:pointer;background:#5f6d4c;border:0;border-radius:999px;place-items:center;transition:background .3s,color .3s;display:grid}.pt-case .pt-component-card--joined .pt-component-primary{color:#2f3a24;background:#dceac6}.pt-case .pt-ui[data-tone=sage] .pt-component-filter--selected{border-color:#fff}.pt-case .pt-ux{padding-block:var(--pt-section) 64px;border-block:var(--line);background:#f6f8ef;overflow:hidden}.pt-case .pt-ux .page-shell{text-align:center;display:block}.pt-case .pt-ux h2{margin-top:20px}.pt-case .pt-ux .page-shell>p{max-width:650px;margin:24px auto 0;font-size:17px;line-height:1.6}.pt-case .pt-ux-loop{width:100%;margin-top:40px;padding:12px 0;overflow:hidden}.pt-case .pt-ux-loop-track{will-change:transform;gap:10px;width:max-content;display:flex}.pt-case .pt-ux-loop-track .pt-ux-loop-item{border:1.5px solid var(--ink);background:var(--paper);font:800 10px var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:10px;padding:10px 12px;display:flex}.pt-case .pt-ux-loop-track .pt-ux-loop-item i{background:var(--ink);width:20px;height:20px;color:var(--paper);border-radius:50%;place-items:center;font-size:13px;font-style:normal;display:grid}.pt-case .pt-ux-loop-track .pt-ux-loop-item--0{background:var(--coral)}.pt-case .pt-ux-loop-track .pt-ux-loop-item--1{background:var(--yellow)}.pt-case .pt-ux-loop-track .pt-ux-loop-item--2{background:#dceac6}.pt-case .pt-ux-loop-track .pt-ux-loop-item--3{background:var(--white)}.pt-case .pt-ux-loop-track .pt-ux-loop-item--4{background:#f7e5c6}.pt-case .pt-ux-loop-track .pt-ux-loop-item--5{background:#dfe8cb}.pt-case .pt-dev{padding-block:var(--pt-section);grid-template-columns:minmax(0,1fr) minmax(280px,.52fr);gap:34px clamp(42px,8vw,130px);display:grid}.pt-case .pt-dev h2{margin-top:20px;font-size:clamp(38px,4.8vw,68px);line-height:.9}.pt-case .pt-dev>p{margin:0;font-size:16px;line-height:1.6}.pt-case .pt-dev ul{flex-wrap:wrap;grid-column:1/-1;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pt-case .pt-dev li{border:2px solid var(--ink);background:var(--white);font:var(--pt-mono-label);text-transform:uppercase;padding:9px 11px}.pt-case .pt-gallery{padding-block:var(--pt-section);border-top:var(--line);background:var(--paper);color:var(--ink);overflow:hidden}.pt-case .pt-gallery-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px;display:flex}.pt-case .pt-gallery-head p{letter-spacing:-.055em;margin:15px 0 0;font-size:clamp(24px,2.4vw,37px);line-height:1}.pt-case .pt-gallery-controls{gap:8px;display:flex}.pt-case .pt-gallery-controls button{border:2px solid var(--ink);background:var(--white);width:52px;height:52px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;font-size:25px;transition:transform .2s,background .2s;display:grid}.pt-case .pt-gallery-controls button:hover{background:var(--yellow);transform:translateY(-3px)}.pt-case .pt-gallery-controls button:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.pt-case .pt-gallery-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:clamp(18px,2.5vw,34px);width:100%;padding:8px max(24px,50vw - 660px) 18px;display:flex;overflow-x:auto}.pt-case .pt-gallery-track::-webkit-scrollbar{display:none}.pt-case .pt-gallery-card{scroll-snap-align:start;flex:0 0 min(210px,17vw);margin:0;position:relative}.pt-case .pt-gallery-card:first-child{margin-left:auto}.pt-case .pt-gallery-card:last-child{margin-right:auto}.pt-case .pt-gallery-card>b{z-index:2;border:2px solid var(--ink);background:var(--yellow);width:35px;height:35px;color:var(--ink);font:var(--pt-mono-label);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;left:-10px}.pt-case .pt-gallery-card .pt-phone{width:100%;box-shadow:8px 8px 0 var(--coral)}.pt-case .pt-gallery-card figcaption{gap:4px;margin-top:16px;display:grid}.pt-case .pt-gallery-card strong{font-size:18px}.pt-case .pt-gallery-card span{color:#4c4c47;max-width:235px;font-size:12px;line-height:1.4}.case-study.case-playtribe.pt-case .case-closing{text-align:center;padding-block:var(--pt-section) 118px;border-top:var(--line);justify-items:center;display:grid}.case-study.case-playtribe.pt-case .case-closing h2{margin:20px auto}.case-study.case-playtribe.pt-case .case-closing>p{margin:0 auto}.pt-case .pt-closing-actions{justify-content:center;margin-top:34px}@media (max-width:1199px){.pt-case .pt-hero{column-gap:clamp(24px,3vw,40px)}.pt-case .pt-hero h1{font-size:clamp(64px,8.6vw,110px)}.pt-case .pt-hero-trail-card{width:clamp(84px,9vw,112px);margin-left:-20px}.pt-case .pt-hero-art{width:clamp(170px,18vw,210px)}.pt-case .pt-stage-grid{grid-template-columns:1fr;gap:32px}.pt-case .pt-stage-copy{min-height:0;padding-top:0}.pt-case .pt-stage-copy>h2{margin-bottom:24px}.pt-case .pt-stage-copy article{margin-top:0;position:relative;inset:auto}.pt-case .pt-stage-copy article:not(:first-of-type){margin-top:28px}.pt-case .pt-stage-rig{width:100%}.pt-case .pt-stage-phones{justify-content:flex-start;gap:10px;place-items:unset;height:auto;display:flex}.pt-case .pt-stage-phones .pt-phone{width:min(20vw,150px);position:relative}.pt-case .pt-stage-progress{display:none}.pt-case .pt-ui-grid{grid-template-columns:1fr;gap:40px}.pt-case .pt-ui-system{grid-template-columns:repeat(2,minmax(0,1fr))}.pt-case .pt-ui-specimen{grid-column:1/-1;max-width:420px}}@media (max-width:820px){.case-study.case-playtribe.pt-case{--pt-section:72px}.pt-case .pt-hero{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;padding-block:52px 28px}.pt-case .pt-hero .case-meta{grid-column:1/-1}.pt-case .pt-hero-copy{grid-area:2/1/auto/-1;padding-top:36px}.pt-case .pt-hero h1{font-size:clamp(62px,18vw,96px)}.pt-case .pt-hero-dek{max-width:390px;font-size:19px}.pt-case .pt-hero-side{max-width:360px;margin-top:22px}.pt-case .pt-hero-side .case-button{min-height:50px;box-shadow:5px 5px 0 var(--ink);padding-inline:22px}.pt-case .pt-hero-trail{grid-area:3/1;justify-self:start;margin-top:34px;padding:0 0 10px 6px}.pt-case .pt-hero-trail-card{border-width:1.5px;width:clamp(60px,18vw,76px);margin-left:-18px;box-shadow:3px 3px #00000029}.pt-case .pt-hero-trail-card--chat{transform:translateY(10px)rotate(-8deg)}.pt-case .pt-hero-trail-card--events{transform:translateY(3px)rotate(1deg)}.pt-case .pt-hero-trail-card--reliability{transform:translateY(-3px)rotate(7deg)}.pt-case .pt-hero-art{width:clamp(120px,34vw,150px);box-shadow:7px 7px 0 var(--coral);grid-area:3/2;margin:34px 6px 6px 0}.pt-case .pt-concept,.pt-case .pt-problem .page-shell,.pt-case .pt-problem-copy,.pt-case .pt-dev{grid-template-columns:1fr}.pt-case .pt-concept{gap:20px}.pt-case .pt-problem .page-shell{gap:22px}.pt-case .pt-problem-copy h2{grid-row:auto}.pt-case .pt-product-stage{padding-top:30px}.pt-case .pt-stage-grid{padding-bottom:0}.pt-case .pt-stage-copy>span{margin-bottom:16px}.pt-case .pt-stage-copy>h2{margin-bottom:18px}.pt-case .pt-stage-copy article{margin-top:22px}.pt-case .pt-stage-copy article:not(:first-of-type){margin-top:34px}.pt-case .pt-stage-copy h3{font-size:clamp(30px,9vw,44px)}.pt-case .pt-stage-rig{grid-template-columns:1fr;gap:20px;margin-top:10px}.pt-case .pt-stage-label{flex-wrap:wrap;gap:8px 16px;display:flex}.pt-case .pt-stage-label li b{width:22px;height:22px}.pt-case .pt-stage-phones{justify-content:flex-start;gap:8px;place-items:unset;height:auto;padding-right:6px;display:flex}.pt-case .pt-stage-phones .pt-phone{width:calc(25% - 6px);box-shadow:5px 5px 0 var(--coral);border-width:5px;border-radius:18px;position:relative}.pt-case .pt-stage-progress{display:none}.pt-case .pt-ui-grid{display:block}.pt-case .pt-ui-system{grid-template-columns:1fr;gap:28px;margin-top:30px;display:grid}.pt-case .pt-ui-swatch{width:38px;height:62px}.pt-case .pt-ui-swatch--sage{height:86px}.pt-case .pt-ui-swatch--coral{height:48px}.pt-case .pt-ui-type b{font-size:28px}.pt-case .pt-ui-specimen{max-width:none}.pt-case .pt-component-card{gap:12px;padding:15px}.pt-case .pt-component-card b{font-size:17px}.pt-case .pt-ux{padding-bottom:48px}.pt-case .pt-ux .page-shell>p{max-width:540px;margin-top:20px}.pt-case .pt-ux-loop{margin-top:30px}.pt-case .pt-ux-loop-track{gap:8px}.pt-case .pt-ux-loop-track .pt-ux-loop-item{gap:8px;padding:8px 10px;font-size:9px}.pt-case .pt-ux-loop-track .pt-ux-loop-item i{width:18px;height:18px;font-size:12px}.pt-case .pt-gallery-head{align-items:end;margin-bottom:26px;display:flex}.pt-case .pt-gallery-head p{font-size:26px}.pt-case .pt-gallery-controls button{width:44px;height:44px}.pt-case .pt-gallery-track{padding-inline:24px}.pt-case .pt-gallery-card{flex-basis:min(178px,54vw)}.pt-case .pt-gallery-card strong{font-size:17px}.case-study.case-playtribe.pt-case .case-closing{padding-block:var(--pt-section) 84px}}.case-study.case-squadar.sq-case{--sq-bg:#0f0f0f;--sq-ink:#e4e2d8;--sq-surface:#1a1a1a;--sq-muted:#a6a6a0;--sq-lime:#d2f000;--sq-cyan:#00fbfb;--sq-magenta:#ffabf3;--sq-line:2px solid var(--sq-ink);--sq-section:96px;--sq-mono-label:800 10px var(--font-mono);background-color:var(--sq-bg);color:var(--sq-ink);background-image:radial-gradient(#2a2a28 .7px,#0000 .7px);background-size:14px 14px;--project-bg:var(--sq-bg)!important;--project-ink:var(--sq-ink)!important;--project-surface:var(--sq-surface)!important;--project-accent:var(--sq-lime)!important;--project-accent-2:var(--sq-cyan)!important}.sq-case .page-shell{border-inline:0}.sq-case .case-kicker,.case-study.case-squadar.sq-case .case-kicker{font:var(--sq-mono-label);letter-spacing:.09em;text-transform:uppercase;color:var(--sq-lime)}.sq-case .case-meta{background:0 0;border:0;gap:8px;width:auto;margin-bottom:0}.sq-case .case-meta span{border:1.5px solid var(--sq-ink);background:0 0;border-radius:100px;padding:8px 10px}.sq-case .case-meta span:last-child{background:var(--sq-lime);color:#000;border-color:var(--sq-lime)}.sq-case h1,.sq-case h2,.sq-case h3{font-weight:640}.sq-case h2{letter-spacing:-.07em;text-wrap:balance;margin:0}.sq-case .sq-line-mask{margin-bottom:-.16em;padding-bottom:.16em}.sq-case .case-button{border:2px solid var(--sq-ink);background:var(--sq-lime);color:#000;min-height:54px;box-shadow:6px 6px 0 var(--sq-ink);font:800 12px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:0 26px}.sq-case .case-button:hover{box-shadow:8px 8px 0 var(--sq-ink);transform:translate(-2px,-2px)}.sq-case .case-text-link{color:var(--sq-ink);font:800 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;text-underline-offset:4px}.sq-case .sq-mono{font-family:var(--font-sq-mono),monospace}.sq-case .sq-hero{border-bottom:var(--sq-line);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.05fr) minmax(380px,.85fr);column-gap:clamp(32px,5vw,80px);padding-block:58px 0;display:grid;position:relative;overflow:visible}.sq-case .sq-hero .case-meta{grid-column:1/-1}.sq-case .sq-hero-grid{display:contents}.sq-case .sq-hero-copy{z-index:2;grid-area:2/1;align-self:end;padding:clamp(28px,4vh,48px) 0 56px;position:relative}.sq-case .sq-hero h1{letter-spacing:-.1em;text-transform:uppercase;margin:0;font-size:clamp(70px,10vw,150px);line-height:.78}.sq-case .sq-hero-dek{text-wrap:balance;max-width:600px;margin:18px 0 0;font-size:clamp(18px,1.5vw,23px);line-height:1.32}.sq-case .sq-hero-side{border-top:var(--sq-line);max-width:500px;margin-top:22px;padding-top:12px}.sq-case .sq-hero-side p{max-width:420px;color:var(--sq-muted);margin:0 0 14px;font-size:14px;line-height:1.45}.sq-case .sq-hero-side p span{color:var(--sq-lime);font:var(--sq-mono-label);text-transform:uppercase;margin-bottom:8px;display:block}.sq-case .sq-hero-actions,.sq-case .sq-closing-actions{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:22px;display:flex}.sq-case .sq-hero-visual{grid-area:2/2;align-self:end;min-height:min(560px,64vh);margin-bottom:-2px;position:relative}.sq-case .sq-hero-visual .sq-radar{width:min(78%,480px);position:absolute;bottom:4%;left:-4%}.sq-case .sq-hero-visual .sq-hero-phone{z-index:2;width:clamp(180px,38%,240px);box-shadow:10px 10px 0 var(--sq-lime);position:absolute;bottom:0;right:0;transform:rotate(3deg)}.sq-case .sq-hero-tag{z-index:3;border:1.5px solid var(--sq-ink);background:var(--sq-bg);font:var(--sq-mono-label);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:7px 10px;position:absolute}.sq-case .sq-hero-tag--status{color:var(--sq-lime);top:6%;left:0;transform:rotate(-3deg)}.sq-case .sq-hero-tag--clash{background:var(--sq-magenta);color:#000;border-color:var(--sq-magenta);top:58%;left:8%;transform:rotate(2deg)}.sq-case .sq-radar{aspect-ratio:1;width:100%;height:auto;display:block;overflow:visible}.sq-case .sq-radar-rings circle,.sq-case .sq-radar-rings path{fill:none;stroke:var(--sq-ink);stroke-width:1px;opacity:.35}.sq-case .sq-radar-rings circle:first-child{stroke-width:2px;opacity:.8}.sq-case .sq-radar-needle{stroke:var(--sq-lime);stroke-width:2px;stroke-linecap:round}.sq-case .sq-radar-blip-dot{stroke:#000;stroke-width:1.5px}.sq-case .sq-radar-blip--lime .sq-radar-blip-dot,.sq-case .sq-radar-blip--lime .sq-radar-blip-halo{fill:var(--sq-lime)}.sq-case .sq-radar-blip--cyan .sq-radar-blip-dot,.sq-case .sq-radar-blip--cyan .sq-radar-blip-halo{fill:var(--sq-cyan)}.sq-case .sq-radar-blip--magenta .sq-radar-blip-dot,.sq-case .sq-radar-blip--magenta .sq-radar-blip-halo{fill:var(--sq-magenta)}.sq-case .sq-radar text,.sq-case .sq-pipe-svg text{stroke:none;font-synthesis:none;paint-order:normal}.sq-case .sq-radar-label{fill:var(--sq-ink);font:600 10px var(--font-hanken),sans-serif;letter-spacing:.02em}.sq-case .sq-radar-text{fill:var(--sq-ink);font:700 11px var(--font-mono);letter-spacing:.1em}.sq-case .sq-radar-live{fill:none;stroke:var(--sq-lime);stroke-width:4px;stroke-dasharray:1156;stroke-dashoffset:0;opacity:0;visibility:hidden;transform-origin:200px 200px;transform-box:view-box;transform:rotate(-90deg)}.sq-case .sq-radar-pin{opacity:0;visibility:hidden}.sq-case .sq-radar-pin path{fill:var(--sq-cyan);stroke:#000;stroke-width:1.5px}.sq-case .sq-radar-pin-halo{fill:none;stroke:var(--sq-cyan);stroke-width:2px}.sq-case .sq-phone{aspect-ratio:591/1280;border:6px solid var(--sq-ink);width:min(270px,68vw);box-shadow:9px 9px 0 var(--sq-lime);will-change:transform,opacity;background:#000;border-radius:30px;margin:0;position:relative;overflow:hidden}.sq-case .sq-phone img{object-fit:cover;object-position:top}.sq-case .sq-brief{padding-block:var(--sq-section);grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:start;gap:clamp(40px,7vw,120px);display:grid}.sq-case .sq-brief-copy h2{margin-top:18px;font-size:clamp(48px,7vw,110px);line-height:.85}.sq-case .sq-brief-copy p{max-width:560px;margin:26px 0 0;font-size:clamp(18px,1.6vw,23px);line-height:1.4}.sq-case .sq-conditions{border-top:var(--sq-line);padding-top:12px}.sq-case .sq-conditions>.case-kicker{color:var(--sq-muted);margin-bottom:6px;display:block}.sq-case .sq-conditions ol{margin:0;padding:0;list-style:none}.sq-case .sq-condition{border-bottom:1px solid #3a3a37;grid-template-columns:34px 120px minmax(0,1fr);align-items:baseline;gap:14px;padding:16px 0;display:grid}.sq-case .sq-condition b{font:var(--sq-mono-label);color:var(--sq-lime)}.sq-case .sq-condition strong{letter-spacing:-.04em;font-size:20px}.sq-case .sq-condition p{color:var(--sq-muted);margin:0;font-size:14px;line-height:1.5}.sq-case .sq-night{padding-block:var(--sq-section) 40px;border-top:var(--sq-line);background:var(--sq-surface)}.sq-case .sq-night-head{grid-template-columns:minmax(0,1fr) minmax(280px,.5fr);align-items:end;gap:24px clamp(40px,7vw,120px);margin-bottom:clamp(40px,6vh,72px);display:grid}.sq-case .sq-night-head .case-kicker{grid-column:1/-1}.sq-case .sq-night-head h2{font-size:clamp(48px,7vw,110px);line-height:.85}.sq-case .sq-night-head p{color:var(--sq-muted);margin:0;font-size:17px;line-height:1.6}.sq-case .sq-night-stage{grid-template-columns:150px minmax(0,1fr) minmax(300px,.8fr);align-items:center;gap:clamp(28px,4vw,64px);padding-block:8px 32px;display:grid}.sq-case .sq-clock{grid-template-columns:auto 1fr;align-self:start;align-items:start;gap:0 16px;display:grid}.sq-case .sq-clock-face{grid-column:1/-1;margin-bottom:22px;overflow:hidden}.sq-case .sq-clock-time{font:700 clamp(40px,3.6vw,54px)/1 var(--font-sq-mono),monospace;letter-spacing:-.04em;display:block}.sq-case .sq-clock-label{color:var(--sq-lime);font:var(--sq-mono-label);letter-spacing:.1em;text-transform:uppercase;margin-top:8px;display:block}.sq-case .sq-clock-line{background:#3a3a37;width:2px;height:150px;position:relative}.sq-case .sq-clock-line i{background:var(--sq-lime);transform-origin:top;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;inset:0;transform:scaleY(0)}.sq-case .sq-clock-ticks{align-content:space-between;height:150px;margin:0;padding:0;list-style:none;display:grid}.sq-case .sq-clock-ticks button{color:var(--sq-muted);font:700 12px/1 var(--font-sq-mono),monospace;cursor:pointer;background:0 0;border:0;padding:4px 0;transition:color .25s}.sq-case .sq-clock-ticks button:hover,.sq-case .sq-clock-ticks button.is-active{color:var(--sq-ink)}.sq-case .sq-clock-ticks button.is-active{text-decoration:underline;-webkit-text-decoration-color:var(--sq-lime);text-decoration-color:var(--sq-lime);text-underline-offset:5px;text-decoration-thickness:2px}.sq-case .sq-clock-ticks button:focus-visible{outline:3px solid var(--sq-cyan);outline-offset:2px}.sq-case .sq-beat-copy{align-items:start;display:grid}.sq-case .sq-beat{visibility:hidden;opacity:0;grid-area:1/1}.sq-case .sq-beat[aria-hidden=false]{z-index:1;position:relative}.sq-case .sq-beat>span{font:var(--sq-mono-label);letter-spacing:.1em;text-transform:uppercase;color:var(--sq-muted);align-items:center;gap:10px;display:flex}.sq-case .sq-beat>span em{border:1.5px solid var(--sq-ink);color:var(--sq-ink);font:700 11px var(--font-sq-mono),monospace;padding:5px 8px;font-style:normal}.sq-case .sq-beat h3{letter-spacing:-.06em;margin:18px 0 14px;font-size:clamp(30px,3.2vw,46px);line-height:.93}.sq-case .sq-beat p{max-width:440px;color:var(--sq-muted);margin:0;font-size:16px;line-height:1.6}.sq-case .sq-deck{justify-items:start;width:100%;min-height:min(560px,62vh);padding-right:150px;display:grid;position:relative}.sq-case .sq-deck .sq-phone{will-change:transform,opacity;width:min(250px,100%);position:absolute;top:0;left:0}.sq-case .sq-deck-note{max-width:260px;font:700 10px/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sq-muted);position:absolute;bottom:-28px;left:0}.sq-case .sq-clash-demo{border-top:2px solid var(--sq-ink);max-width:360px;font-family:var(--font-hanken),sans-serif;gap:12px;margin-top:36px;padding-top:16px;display:grid}.sq-case .sq-clash-demo>small{font:700 10px/1.35 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sq-lime)}.sq-case .sq-set-card{border:1.5px solid var(--sq-lime);background:#0f0f0f;border-radius:16px;gap:12px;padding:16px;transition:border-color .3s;display:grid}.sq-case .sq-set-card>div{gap:3px;display:grid}.sq-case .sq-set-card em{font:700 11px var(--font-sq-mono),monospace;letter-spacing:.08em;color:var(--sq-muted);font-style:normal}.sq-case .sq-set-card b{font:700 26px/1 var(--font-sq-display),"Arial Narrow",sans-serif;text-transform:uppercase;color:var(--sq-ink)}.sq-case .sq-set-card small{font:700 12px var(--font-sq-mono),monospace;color:var(--sq-lime)}.sq-case .sq-set-card i{color:var(--sq-muted);font:700 10px var(--font-sq-mono),monospace;letter-spacing:.06em;text-transform:uppercase;background:#2a2a28;border-radius:6px;justify-self:start;padding:6px 9px;font-style:normal;transition:background .3s,color .3s}.sq-case .sq-set-card--clash{border-color:var(--sq-magenta)}.sq-case .sq-set-card--clash i{color:var(--sq-magenta);background:#ffabf329}.sq-case .sq-set-save{background:var(--sq-lime);color:#000;min-height:44px;font:700 12px var(--font-sq-mono),monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;place-items:center;transition:background .3s,color .3s,box-shadow .3s;display:grid}.sq-case .sq-set-card--clash .sq-set-save{color:var(--sq-ink);box-shadow:inset 0 0 0 1.5px var(--sq-ink);background:0 0}.sq-case .sq-set-save:focus-visible,.sq-case .sq-toggle:focus-visible,.sq-case .sq-meet:focus-visible,.sq-case .sq-legend-row:focus-visible{outline:3px solid var(--sq-cyan);outline-offset:2px}.sq-case .sq-squad{padding-block:var(--sq-section);border-top:var(--sq-line);overflow:hidden}.sq-case .sq-squad-grid{grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);align-items:center;gap:clamp(48px,8vw,140px);display:grid}.sq-case .sq-squad-copy h2{margin-top:18px;font-size:clamp(42px,5.4vw,84px);line-height:.88}.sq-case .sq-squad-copy p{max-width:520px;color:var(--sq-muted);margin:24px 0 0;font-size:17px;line-height:1.6}.sq-case .sq-squad-controls{border-top:2px solid var(--sq-ink);max-width:520px;font-family:var(--font-hanken),sans-serif;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;padding-top:18px;display:flex}.sq-case .sq-squad-controls small{font:700 10px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sq-muted);flex-basis:100%;margin-top:4px}.sq-case .sq-toggle{color:var(--sq-ink);font:700 11px var(--font-sq-mono),monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1.5px solid #4a4a46;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 8px;transition:border-color .25s;display:inline-flex}.sq-case .sq-toggle i{background:#3a3a37;border-radius:999px;width:34px;height:20px;transition:background .25s;position:relative}.sq-case .sq-toggle i:after{content:"";background:var(--sq-ink);border-radius:50%;width:14px;height:14px;transition:transform .25s cubic-bezier(.2,.8,.2,1);position:absolute;top:3px;left:3px}.sq-case .sq-toggle.is-on{border-color:var(--sq-cyan)}.sq-case .sq-toggle.is-on i{background:var(--sq-cyan)}.sq-case .sq-toggle.is-on i:after{background:#000;transform:translate(14px)}.sq-case .sq-pulse{border:1.5px solid var(--sq-lime);color:var(--sq-lime);font:700 11px var(--font-sq-mono),monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:9px;padding:9px 16px 9px 12px;transition:background .25s,color .25s,opacity .25s;display:inline-flex}.sq-case .sq-pulse i{background:var(--sq-lime);border-radius:50%;width:10px;height:10px;animation:1.6s ease-out infinite sq-pulse-dot;box-shadow:0 0 #d2f00099}.sq-case .sq-pulse:hover:not(:disabled){background:var(--sq-lime);color:#000}.sq-case .sq-pulse:hover:not(:disabled) i{background:#000}.sq-case .sq-pulse[aria-pressed=true]{background:var(--sq-lime);color:#000}.sq-case .sq-pulse[aria-pressed=true] i{background:#000;animation-duration:.5s}.sq-case .sq-pulse:disabled:not([aria-pressed=true]){opacity:.35;cursor:not-allowed}.sq-case .sq-pulse:focus-visible{outline:3px solid var(--sq-cyan);outline-offset:2px}@keyframes sq-pulse-dot{0%{box-shadow:0 0 #d2f00099}to{box-shadow:0 0 0 9px #d2f00000}}.sq-case .sq-meet{background:var(--sq-lime);color:#000;font:700 11px var(--font-sq-mono),monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;padding:11px 16px;transition:background .25s,color .25s,opacity .25s}.sq-case .sq-meet[aria-pressed=true]{color:var(--sq-ink);box-shadow:inset 0 0 0 1.5px var(--sq-ink);background:0 0}.sq-case .sq-meet:disabled{opacity:.35;cursor:not-allowed}.sq-case .sq-squad-stage{justify-self:center;width:min(100%,560px);padding-top:40px;position:relative}.sq-case .sq-squad-stage .sq-radar{transition:opacity .4s}.sq-case .sq-squad-stage.is-hidden .sq-radar-rings{opacity:.5}.sq-case .sq-squad-tag{color:var(--sq-lime);position:absolute;top:0;left:0}.sq-case .sq-squad-stage.is-hidden .sq-squad-tag{color:var(--sq-muted)}.sq-case .sq-signal{padding-block:var(--sq-section);border-top:var(--sq-line);background:var(--sq-surface)}.sq-case .sq-signal-grid{grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);align-items:start;gap:clamp(40px,7vw,120px);display:grid}.sq-case .sq-signal-copy h2{margin-top:18px;font-size:clamp(34px,3.6vw,56px);line-height:.9}.sq-case .sq-signal-copy p{max-width:460px;color:var(--sq-muted);margin:26px 0 0;font-size:17px;line-height:1.6}.sq-case .sq-signal-system{gap:32px;display:grid}.sq-case .sq-legend{border-top:2px solid var(--sq-ink);margin:0;padding:0;list-style:none}.sq-case .sq-legend-row{width:100%;color:var(--sq-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #3a3a37;grid-template-columns:44px 90px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 0;display:grid}.sq-case .is-ready .sq-legend-row{transition:opacity .25s}.sq-case .is-ready .sq-sample{transition:opacity .3s,transform .3s}.sq-case .sq-legend-row i{border:1.5px solid var(--sq-ink);width:44px;height:44px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;display:block}.sq-case .sq-legend-row:hover i,.sq-case .sq-legend-row[aria-pressed=true] i{box-shadow:4px 4px 0 var(--sq-ink);transform:translate(-3px,-3px)}.sq-case .sq-legend-row b{letter-spacing:-.04em;font-size:20px}.sq-case .sq-legend-row span{color:var(--sq-muted);font-size:14px;line-height:1.45}.sq-case .sq-legend-row code{font:700 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sq-muted)}.sq-case .sq-signal[data-signal] .sq-legend-row:not([aria-pressed=true]){opacity:.4}.sq-case .sq-samples{font-family:var(--font-hanken),sans-serif;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sq-case .sq-sample{font:700 11px var(--font-sq-mono),monospace;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.sq-case .sq-sample--lime{background:var(--sq-lime);color:#000}.sq-case .sq-sample--cyan{border:1.5px solid var(--sq-cyan);color:var(--sq-cyan)}.sq-case .sq-sample--cyan i{font-style:normal}.sq-case .sq-sample--magenta{border:1.5px solid var(--sq-magenta);color:var(--sq-magenta);background:#ffabf31f}.sq-case .sq-sample--grey{color:var(--sq-muted);background:#2a2a28}.sq-case .sq-signal[data-signal] .sq-sample{opacity:.3}.sq-case .sq-signal[data-signal=lime] .sq-sample--lime,.sq-case .sq-signal[data-signal=cyan] .sq-sample--cyan,.sq-case .sq-signal[data-signal=magenta] .sq-sample--magenta{opacity:1;transform:scale(1.06)}.sq-case .sq-type{border-top:2px solid var(--sq-ink);gap:0;padding-top:12px;display:grid}.sq-case .sq-type>.case-kicker{color:var(--sq-muted);margin-bottom:6px}.sq-case .sq-type-row{border-bottom:1px solid #3a3a37;grid-template-columns:minmax(150px,.45fr) minmax(0,1fr);align-items:center;gap:16px;padding:14px 0;display:grid}.sq-case .sq-type-row b{font:700 30px/.9 var(--font-sq-display),"Arial Narrow",sans-serif}.sq-case .sq-type-row strong{font:600 18px/1 var(--font-hanken),sans-serif}.sq-case .sq-type-row code{font:700 15px/1 var(--font-sq-mono),monospace;letter-spacing:.04em}.sq-case .sq-type-row span{color:var(--sq-muted);font-size:13px;line-height:1.45}.sq-case .sq-dev{padding-block:var(--sq-section);border-top:var(--sq-line)}.sq-case .sq-dev-grid{grid-template-columns:minmax(280px,.55fr) minmax(0,1.45fr);align-items:center;gap:clamp(40px,6vw,100px);display:grid}.sq-case .sq-dev h2{margin-top:20px;font-size:clamp(38px,4.4vw,64px);line-height:.9}.sq-case .sq-dev-copy>p{max-width:460px;color:var(--sq-muted);margin:24px 0 0;font-size:16px;line-height:1.6}.sq-case .sq-dev ul{flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.sq-case .sq-dev-copy li{border:2px solid var(--sq-ink);font:var(--sq-mono-label);text-transform:uppercase;background:0 0;padding:9px 11px}.sq-case .sq-pipe{border:var(--sq-line);background:var(--sq-surface);box-shadow:10px 10px 0 var(--sq-lime);gap:14px;margin:0;padding:22px 22px 18px;display:grid}.sq-case .sq-pipe figcaption{justify-content:space-between;align-items:center;gap:12px;display:flex}.sq-case .sq-pipe-tick{color:var(--sq-lime);font:var(--sq-mono-label);letter-spacing:.1em;text-transform:uppercase;animation:1.2s steps(2,start) infinite sq-tick}@keyframes sq-tick{to{visibility:hidden}}.sq-case .sq-pipe-svg{width:100%;height:auto;display:block;overflow:visible}.sq-case .sq-pipe-wires path{fill:none;stroke:#4a4a46;stroke-width:2px;stroke-dasharray:4 6}.sq-case .sq-pipe-halo{fill:var(--sq-lime);opacity:0}.sq-case .sq-pipe-dot{fill:#0f0f0f;stroke:var(--sq-ink);stroke-width:2px}.sq-case .sq-pipe-node--you .sq-pipe-dot{fill:var(--sq-lime);stroke:var(--sq-lime)}.sq-case .sq-pipe-node--s1 .sq-pipe-dot{stroke:var(--sq-lime)}.sq-case .sq-pipe-node--s2 .sq-pipe-dot{stroke:var(--sq-cyan)}.sq-case .sq-pipe-node--s3 .sq-pipe-dot{stroke:var(--sq-magenta)}.sq-case .sq-pipe-label{fill:var(--sq-ink);font:700 13px var(--font-mono);letter-spacing:.06em}.sq-case .sq-pipe-sub{fill:var(--sq-muted);font:500 12px var(--font-hanken),sans-serif}.sq-case .sq-pipe-packet{fill:var(--sq-lime);stroke:#000;stroke-width:1.5px}.sq-case .sq-pipe-log{font:700 12px/1.4 var(--font-sq-mono),monospace;letter-spacing:.02em;color:var(--sq-ink);border-top:1px solid #3a3a37;gap:6px;margin:0;padding:16px 0 0;list-style:none;display:grid}.case-study.case-squadar.sq-case .case-closing{text-align:center;padding-block:var(--sq-section) 118px;border-top:var(--sq-line);justify-items:center;display:grid}.case-study.case-squadar.sq-case .case-closing h2{margin:20px auto}.case-study.case-squadar.sq-case .case-closing>p{color:var(--sq-muted);margin:0 auto}.sq-case .sq-closing-actions{justify-content:center;margin-top:34px}@media (max-width:1199px){.sq-case .sq-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);column-gap:clamp(24px,3vw,40px)}.sq-case .sq-hero h1{font-size:clamp(64px,9vw,110px)}.sq-case .sq-hero-visual{min-height:440px}.sq-case .sq-hero-visual .sq-hero-phone{width:clamp(160px,18vw,200px)}.sq-case .sq-brief{grid-template-columns:1fr;gap:40px}.sq-case .sq-night-stage{grid-template-columns:120px minmax(0,1fr);gap:28px 40px}.sq-case .sq-deck{grid-column:1/-1;justify-content:flex-start;gap:12px;height:auto;min-height:0;padding-right:0;display:flex}.sq-case .sq-deck .sq-phone{width:min(20vw,150px);position:relative}.sq-case .sq-deck-note{display:none}.sq-case .sq-dev-grid,.sq-case .sq-squad-grid,.sq-case .sq-signal-grid{grid-template-columns:1fr;gap:40px}.sq-case .sq-squad-stage{justify-self:start;width:min(100%,480px)}}@media (max-width:820px){.case-study.case-squadar.sq-case{--sq-section:72px}.sq-case .sq-hero{grid-template-rows:auto auto auto;grid-template-columns:1fr;padding-block:52px 0}.sq-case .sq-hero-copy{grid-area:2/1;padding:36px 0 44px}.sq-case .sq-hero h1{font-size:clamp(62px,18vw,96px)}.sq-case .sq-hero-dek{max-width:390px;font-size:19px}.sq-case .sq-hero-side{max-width:360px;margin-top:22px}.sq-case .sq-hero-side .case-button{min-height:50px;box-shadow:5px 5px 0 var(--sq-ink);padding-inline:22px}.sq-case .sq-hero-visual{grid-area:3/1;height:min(78vw,340px);min-height:0;margin-bottom:-2px}.sq-case .sq-hero-visual .sq-radar{width:min(78vw,340px);left:0}.sq-case .sq-hero-tag--status{top:4%;left:2%}.sq-case .sq-hero-tag--clash{top:6%;left:auto;right:12px}.sq-case .sq-hero-visual .sq-hero-phone{width:clamp(120px,34vw,150px);box-shadow:7px 7px 0 var(--sq-lime);border-width:4px;border-radius:20px;right:14px}.sq-case .sq-brief{gap:40px}.sq-case .sq-condition{grid-template-columns:28px minmax(0,1fr);gap:6px 12px}.sq-case .sq-condition p{grid-column:2}.sq-case .sq-night-head{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.sq-case .sq-night-stage{grid-template-columns:1fr;gap:24px;padding-bottom:0}.sq-case .sq-clock{grid-template-columns:1fr;gap:12px}.sq-case .sq-clock-face{align-items:baseline;gap:12px;margin:0;display:flex}.sq-case .sq-clock-time{font-size:30px}.sq-case .sq-clock-label{margin:0}.sq-case .sq-clock-line{display:none}.sq-case .sq-clock-ticks{gap:16px;height:auto;display:flex}.sq-case .sq-beat h3{font-size:clamp(28px,8vw,40px)}.sq-case .sq-deck{gap:8px;height:auto;min-height:0;padding-right:0;display:flex}.sq-case .sq-deck .sq-phone{width:calc(25% - 6px);box-shadow:5px 5px 0 var(--sq-lime);border-width:3px;border-radius:14px;position:relative}.sq-case .sq-deck-note{display:none}.sq-case .sq-squad-stage{width:100%;margin-top:16px}.sq-case .sq-legend-row{grid-template-columns:36px minmax(0,1fr);gap:8px 12px;padding:14px 0}.sq-case .sq-legend-row i{width:36px;height:36px}.sq-case .sq-legend-row span,.sq-case .sq-legend-row code{grid-column:2}.sq-case .sq-type-row{grid-template-columns:1fr;gap:8px}.sq-case .sq-dev-grid{grid-template-columns:1fr;gap:36px}.sq-case .sq-pipe{box-shadow:6px 6px 0 var(--sq-lime);padding:14px}.sq-case .sq-pipe-log{font-size:10px}.case-study.case-squadar.sq-case .case-closing{padding-block:var(--sq-section) 84px}}.case-study.case-threedays.td-case{--td-bg:#fafaf5;--td-ink:#1a1c19;--td-surface:#fff;--td-muted:#5d5f5a;--td-grid:#dededa;--td-blue:#2e5bff;--td-green:#cf0;--td-orange:#ff8c00;--td-line:2px solid var(--td-ink);--td-section:96px;--td-mono-label:800 10px var(--font-mono);--td-display:var(--font-td-display),"Sora",sans-serif;background-color:var(--td-bg);background-image:linear-gradient(to right,var(--td-grid) 1px,transparent 1px),linear-gradient(to bottom,var(--td-grid) 1px,transparent 1px);color:var(--td-ink);background-size:40px 40px;--project-bg:var(--td-bg)!important;--project-ink:var(--td-ink)!important;--project-surface:var(--td-surface)!important;--project-accent:var(--td-green)!important;--project-accent-2:var(--td-blue)!important}.td-case .page-shell{border-inline:0}.td-case .case-kicker,.case-study.case-threedays.td-case .case-kicker{font:var(--td-mono-label);letter-spacing:.09em;text-transform:uppercase;color:var(--td-blue)}.td-case .case-meta{background:0 0;border:0;gap:8px;width:auto;margin-bottom:0}.td-case .case-meta span{border:1.5px solid var(--td-ink);background:var(--td-surface);border-radius:100px;padding:8px 10px}.td-case .case-meta span:last-child{background:var(--td-green);border-color:var(--td-ink)}.td-case h1,.td-case h2,.td-case h3{font-weight:640}.td-case h2{letter-spacing:-.07em;text-wrap:balance;margin:0}.td-case .td-line-mask{margin-bottom:-.16em;padding-bottom:.16em}.td-case .case-button{border:2px solid var(--td-ink);background:var(--td-green);color:#000;min-height:54px;box-shadow:6px 6px 0 var(--td-ink);font:800 12px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:0;padding:0 26px;transition:transform .1s,box-shadow .1s}.td-case .case-button:hover{box-shadow:8px 8px 0 var(--td-ink);transform:translate(-2px,-2px)}.td-case .case-button:active{box-shadow:4px 4px 0 var(--td-ink);transform:translate(2px,2px)}.td-case .case-text-link{color:var(--td-ink);font-weight:700}.td-case section{position:relative}.td-case p{margin:0}.td-case .td-card{color:#000;font-family:var(--td-display);text-transform:uppercase;background:#fff;border:3px solid #000;grid-template-rows:auto 1fr auto;display:grid;overflow:hidden;box-shadow:6px 6px #000}.td-case .td-card-head{border-bottom:3px solid #000;grid-template-columns:1fr auto auto;align-items:center;display:grid}.td-case .td-card-head b{font:800 15px/1 var(--td-display);border-right:3px solid #000;padding:8px 10px}.td-case .td-card h3{font:800 14px/1.12 var(--td-display);letter-spacing:0;overflow-wrap:anywhere;margin:0;padding:10px 10px 6px}.td-case .td-card p{font:700 11px/1.3 var(--font-sans);text-transform:none;color:#000;padding:0 10px 10px}.td-case .td-card-foot{font:800 12px/1 var(--td-display);border-top:3px solid #000;grid-template-columns:1fr 40px;display:grid}.td-case .td-card-foot span{justify-content:center;align-items:center;min-height:36px;display:flex}.td-case .td-card-foot span:first-child{border-right:3px solid #000}.td-case .td-tag{font:800 8px/1 var(--td-display);letter-spacing:.02em;white-space:nowrap;border:2px solid #000;margin:6px;padding:5px 6px}.td-case .td-tag--blue{background:var(--td-blue);color:#fff}.td-case .td-tag--green{background:var(--td-green)}.td-case .td-tag--ink{color:#fff;background:#000}.td-case .td-heart{color:#000;cursor:pointer;background:#fff;border:0;border-left:3px solid #000;justify-content:center;align-self:stretch;align-items:center;width:34px;padding:0;display:flex}.td-case .td-heart:hover{background:#f2f2ee}.td-case .td-heart[aria-pressed=true]{color:var(--td-blue)}.td-case .td-heart:focus-visible{outline:3px solid var(--td-blue);outline-offset:-3px}.td-case .td-heart-icon{width:16px;height:16px}.td-case .td-chip{color:#000;font:800 10px/1 var(--td-display);text-transform:uppercase;letter-spacing:.01em;cursor:pointer;background:#fff;border:2px solid #000;align-items:center;padding:7px 9px;transition:transform .1s,box-shadow .1s,background .1s;display:inline-flex;box-shadow:1px 1px #000}.td-case .td-chip:hover{background:#f2f2ee}.td-case .td-chip:active{transform:translate(2px,2px);box-shadow:0 0 #000}.td-case .td-chip[aria-pressed=true]{box-shadow:2px 2px #000}.td-case .td-chip--green[aria-pressed=true]{background:var(--td-green)}.td-case .td-chip--orange[aria-pressed=true]{background:var(--td-orange)}.td-case .td-chip--blue[aria-pressed=true]{background:var(--td-blue);color:#fff}.td-case .td-chip:focus-visible{outline:3px solid var(--td-blue);outline-offset:2px}.td-case .td-hero{border-bottom:var(--td-line);padding-block:58px 40px}.td-case .td-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:end;gap:clamp(32px,4vw,64px);margin-top:28px;display:grid}.td-case .td-hero h1{letter-spacing:-.08em;text-transform:uppercase;margin:0;font-size:clamp(70px,9.6vw,142px);line-height:.8}.td-case .td-hero-dek{text-wrap:balance;max-width:560px;margin:18px 0 0;font-size:clamp(18px,1.5vw,23px);line-height:1.32}.td-case .td-hero-side{border-top:var(--td-line);max-width:500px;margin-top:22px;padding-top:12px}.td-case .td-hero-side p{max-width:420px;margin:0 0 16px;font-size:14px;line-height:1.45}.td-case .td-hero-side p span{color:var(--td-blue);font:var(--td-mono-label);text-transform:uppercase;margin-bottom:8px;display:block}.td-case .td-hero-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.td-case .td-hero-visual{padding:0 0 40px;position:relative}.td-case .td-wall{border:var(--td-line);background:var(--td-surface);box-shadow:8px 8px 0 var(--td-ink);margin:0;padding:18px 18px 16px}.td-case .td-wall figcaption{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.td-case .td-wall-legend{font:var(--td-mono-label);color:var(--td-muted);align-items:center;gap:5px;display:inline-flex}.td-case .td-wall-legend i{border:1.5px solid var(--td-ink);width:10px;height:10px;margin-left:6px}.td-case .td-wall-grid{gap:4px;display:grid}.td-case .td-wall-row,.td-case .td-wall-axis{grid-template-columns:112px repeat(14,1fr);align-items:center;gap:4px;display:grid}.td-case .td-wall-axis{grid-template-columns:112px repeat(7,2fr);margin-top:2px}.td-case .td-wall-axis span{font:var(--td-mono-label);color:var(--td-muted)}.td-case .td-wall-zone{font:var(--td-mono-label);letter-spacing:.06em;text-transform:uppercase;color:var(--td-muted);white-space:nowrap;text-overflow:ellipsis;padding-right:6px;overflow:hidden}.td-case .td-wall-cell,.td-case .td-wall-legend i{aspect-ratio:1;border:1.5px solid var(--td-ink);background:var(--td-surface)}.td-case [data-density="0"]{border-color:var(--td-grid)}.td-case [data-density="1"]{background:#fff}.td-case [data-density="2"]{background:var(--td-green)}.td-case [data-density="3"]{background:var(--td-blue)}.td-case .td-hero-card{z-index:2;width:min(300px,62%);position:absolute;bottom:0;right:-8px}.td-case .td-programme{padding-block:var(--td-section);border-bottom:var(--td-line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);display:grid}.td-case .td-programme-copy h2{margin:14px 0 20px;font-size:clamp(40px,4.6vw,66px);line-height:.98}.td-case .td-programme-copy p{max-width:520px;font-size:17px;line-height:1.6}.td-case .td-facts{border:var(--td-line);background:var(--td-surface);box-shadow:8px 8px 0 var(--td-ink);grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;list-style:none;display:grid}.td-case .td-fact{border-right:var(--td-line);border-bottom:var(--td-line);grid-template-rows:auto auto auto;grid-template-columns:auto auto;justify-content:start;align-items:baseline;padding:26px 24px 22px;display:grid}.td-case .td-fact:nth-child(2n){border-right:0}.td-case .td-fact:nth-child(n+3){border-bottom:0}.td-case .td-fact b{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(56px,6vw,88px);font-weight:640;line-height:.9}.td-case .td-fact em{color:var(--td-blue);margin-left:2px;font-size:28px;font-style:normal;font-weight:640}.td-case .td-fact strong{font:800 12px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;margin-top:12px}.td-case .td-fact span{color:var(--td-muted);grid-column:1/-1;margin-top:4px;font-size:13px}.td-case .td-build{padding-block:var(--td-section);border-bottom:var(--td-line)}.td-case .td-build-head{grid-template-columns:minmax(0,1fr) minmax(280px,440px);align-items:end;gap:40px;margin-bottom:40px;display:grid}.td-case .td-build-head .case-kicker,.td-case .td-pocket-head .case-kicker{grid-column:1/-1}.td-case .td-build-head h2{margin-top:14px;font-size:clamp(40px,4.6vw,66px);line-height:.98}.td-case .td-build-head p{font-size:16px;line-height:1.55}.td-case .td-build-stage{grid-template-columns:280px minmax(0,1fr);align-items:stretch;gap:32px;display:grid}.td-case .td-rail{flex-direction:column;gap:22px;display:flex}.td-case .td-rail-steps{border:var(--td-line);background:var(--td-surface);margin:0;padding:0;list-style:none;display:grid}.td-case .td-rail-steps li+li{border-top:var(--td-line)}.td-case .td-rail-step{width:100%;color:var(--td-ink);text-align:left;cursor:pointer;font:640 18px/1 var(--font-sans);background:0 0;border:0;grid-template-columns:36px 1fr;align-items:center;padding:14px 16px;transition:background .15s;display:grid}.td-case .td-rail-step b{font:var(--td-mono-label);color:var(--td-blue)}.td-case .td-rail-step:hover{background:#f2f2ee}.td-case .td-rail-step[aria-pressed=true]{background:var(--td-ink);color:var(--td-bg)}.td-case .td-rail-step[aria-pressed=true] b{color:var(--td-green)}.td-case .td-rail-step:focus-visible{outline:3px solid var(--td-blue);outline-offset:-3px}.td-case .td-rail-copy{min-height:190px;position:relative}.td-case .td-move{width:100%;position:absolute;inset:0 auto auto 0}.td-case .td-move h3{letter-spacing:-.04em;margin:0 0 10px;font-size:26px;line-height:1.05}.td-case .td-move p{font-size:15px;line-height:1.55}.td-case .td-move small{font:var(--td-mono-label);letter-spacing:.06em;text-transform:uppercase;color:var(--td-blue);margin-top:14px;display:block}.td-case .td-board{background:#fff;border:3px solid #000;grid-template-rows:auto auto 1fr;min-height:560px;display:grid;box-shadow:8px 8px #000}.td-case .td-board-tabs{border-bottom:3px solid #000;display:flex}.td-case .td-board-tabs span{font:800 12px/1 var(--td-display);text-transform:uppercase;color:#000;border-right:3px solid #000;padding:12px 18px}.td-case .td-board-tabs span.is-active{background:var(--td-blue);color:#fff;box-shadow:inset 0 -4px #000}.td-case .td-board-filters{background:#fafaf5;border-bottom:3px solid #000;grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.td-case .td-filter-group{background:#fff;border:2px solid #000;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;display:flex}.td-case .td-filter-group>span{width:100%;font:800 9px var(--td-display);letter-spacing:.14em;text-transform:uppercase;color:#000;opacity:.55;margin-bottom:2px}.td-case .td-filter-group:first-child{grid-column:1/-1}.td-case .td-board-count{font:800 11px var(--td-display);text-transform:uppercase;color:#000;justify-content:flex-end;align-items:baseline;gap:6px;padding:8px 4px;display:flex}.td-case .td-board-count b{font-variant-numeric:tabular-nums;font-size:32px;line-height:1}.td-case .td-board-switch{border:2px solid #000;align-self:center;margin-left:auto;display:inline-flex}.td-case .td-board-switch i{background:#fff;padding:6px 10px;font-style:normal}.td-case .td-board-switch i+i{border-left:2px solid #000}.td-case .td-board-switch i.is-active{color:#fff;background:#000}.td-case .td-board-stage{background-image:linear-gradient(90deg,#e6e6e0 1px,#0000 1px),linear-gradient(#e6e6e0 1px,#0000 1px);background-size:40px 40px;padding:14px;position:relative;overflow:hidden}.td-case .td-tiles{flex-wrap:wrap;align-content:flex-start;gap:10px;height:100%;min-height:330px;display:flex;position:static}.td-case .td-tile{transform-origin:50%;width:calc(25% - 8px);min-height:96px;box-shadow:4px 4px #000}.td-case .td-tile.is-hidden{display:none}.td-case .td-tile .td-card-head b{padding:7px 8px;font-size:13px}.td-case .td-tile h3{padding:8px 8px 4px;font-size:12px}.td-case .td-tile p{padding:0 8px 8px;font-size:10px}.td-case .td-tile.is-saved{box-shadow:4px 4px 0 var(--td-blue)}.td-case .td-map{opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:14px}.td-case .td-map span{font:var(--td-mono-label);letter-spacing:.12em;text-transform:uppercase;color:var(--td-blue);position:absolute}.td-case .td-map-water{background:var(--td-blue);opacity:.16;position:absolute}.td-case .td-map-water--harbour{width:9%;height:130%;top:-10%;left:50%;transform:rotate(18deg)}.td-case .td-map-water--lakes{opacity:.22;width:4%;height:44%;top:14%;left:33%;transform:rotate(-22deg)}.td-case .td-build-stage[data-move=place] .td-map{opacity:1}.td-case .td-build-stage[data-move=place] .td-tile{background:var(--td-green);width:22px;height:22px;min-height:0;box-shadow:none;border-width:3px;border-radius:50%;display:block;position:absolute;overflow:hidden}.td-case .td-build-stage[data-move=place] .td-tile.is-saved{background:var(--td-blue)}.td-case .td-build-stage[data-move=place] .td-tile>*{visibility:hidden}.td-case .td-build-stage[data-move=place] .td-tile.is-hidden{display:none}.td-case .td-day{border:2px solid var(--td-ink);opacity:0;pointer-events:none;background:#fff;height:136px;padding:10px 12px 0;transition:opacity .3s;position:absolute;bottom:14px;left:14px;right:14px}.td-case .td-day .case-kicker{color:var(--td-muted)}.td-case .td-day-clock{border-top:2px solid var(--td-grid);justify-content:space-between;padding-top:4px;display:flex;position:absolute;bottom:8px;left:12px;right:12px}.td-case .td-day-clock span{font:var(--td-mono-label);color:var(--td-muted);white-space:nowrap;width:0}.td-case .td-build-stage[data-move=save] .td-day{opacity:1}.td-case .td-build-stage[data-move=save] .td-tiles{height:calc(100% - 150px);min-height:0}.td-case .td-build-stage[data-move=save] .td-tile.is-on-timeline{width:120px;min-height:0;box-shadow:3px 3px 0 var(--td-blue);z-index:2;position:absolute;bottom:46px}.td-case .td-build-stage[data-move=save] .td-tile.is-on-timeline p,.td-case .td-build-dots{display:none}@media (max-height:780px) and (min-width:1200px){.td-case .td-board{min-height:0}.td-case .td-tiles{min-height:250px}.td-case .td-tile{min-height:0}}.td-case .td-grid{padding-block:var(--td-section);border-bottom:var(--td-line)}.td-case .td-grid-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,96px);display:grid}.td-case .td-grid-copy h2{margin:14px 0 20px;font-size:clamp(40px,4.6vw,66px);line-height:.98}.td-case .td-grid-copy p{max-width:460px;font-size:16px;line-height:1.6}.td-case .td-grid-system{gap:32px;display:grid}.td-case .td-signals{border-top:var(--td-line);margin:0;padding:0;list-style:none}.td-case .td-signal-row{border:0;border-bottom:var(--td-line);width:100%;color:var(--td-ink);text-align:left;cursor:pointer;background:0 0;grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:4px 16px;padding:16px 0;display:grid}.td-case .td-signal-row i{border:2px solid var(--td-ink);grid-row:1/3;width:44px;height:44px}.td-case .td-signal-row b{grid-area:1/2;font-size:18px;font-weight:640}.td-case .td-signal-row span{color:var(--td-muted);grid-column:2;font-size:14px;line-height:1.4}.td-case .td-signal-row code{font:var(--td-mono-label);color:var(--td-muted);grid-area:1/3/3}.td-case .td-signal-row:focus-visible{outline:3px solid var(--td-blue);outline-offset:2px}.td-case .td-grid-system.is-ready .td-signal-row,.td-case .td-grid-system.is-ready [data-signal]{transition:opacity .15s}.td-case .td-signal-row[aria-pressed=true] b{color:var(--td-blue)}.td-case[data-signal] .td-samples [data-signal]{opacity:.18}.td-case[data-signal=green] .td-samples [data-signal=green],.td-case[data-signal=orange] .td-samples [data-signal=orange],.td-case[data-signal=blue] .td-samples [data-signal=blue],.td-case[data-signal=ink] .td-samples [data-signal=ink]{opacity:1}.td-case .td-samples{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:16px;display:grid}.td-case .td-sample-tabs{background:#fff;border:3px solid #000;grid-column:1/-1;width:max-content;max-width:100%;display:flex}.td-case .td-sample-tabs span{font:800 13px/1 var(--td-display);text-transform:uppercase;color:#000;border-right:3px solid #000;padding:12px 18px}.td-case .td-sample-tabs span:last-child{border-right:0}.td-case .td-sample-tabs span.is-active{background:var(--td-blue);color:#fff;box-shadow:inset 0 -4px #000}.td-case .td-sample-chips{flex-wrap:wrap;align-self:center;gap:8px;display:flex}.td-case .td-sample-chips .td-chip{cursor:default}.td-case .td-samples .td-card{grid-area:2/2/4}.td-case .td-sample-stripes{background-color:var(--td-green);background-image:linear-gradient(45deg,#0000 25%,#00000014 25% 50%,#0000 50% 75%,#00000014 75%);background-size:22px 22px;border:3px solid #000;align-items:center;padding:22px;display:flex;box-shadow:6px 6px #000}.td-case .td-sample-stripes b{color:#000;font:800 16px/1 var(--td-display);box-shadow:5px 5px 0 var(--td-blue);background:#fff;border:3px solid #000;padding:10px 14px}.td-case .td-type{gap:10px;display:grid}.td-case .td-type-row{border-top:1px solid var(--td-grid);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:20px;padding:14px 0;display:grid}.td-case .td-type-mask{white-space:nowrap;margin:-.14em 0;padding:.14em 0;display:block;overflow:hidden}.td-case .td-type-word{white-space:nowrap;display:inline-block}.td-case .td-type-word div{white-space:pre;display:inline-block}.td-case .td-type-row b{font:800 clamp(22px,2.2vw,30px)/1.1 var(--td-display);text-transform:uppercase;color:var(--td-ink)}.td-case .td-type-row strong{font-size:clamp(18px,1.6vw,22px);font-weight:640;line-height:1.2}.td-case .td-type-row code{font:800 clamp(14px,1.3vw,18px)/1.2 var(--font-mono);color:var(--td-blue)}.td-case .td-type-row>span:last-child{color:var(--td-muted);font-size:14px;line-height:1.45}.td-case .td-type-row em{font:var(--td-mono-label);letter-spacing:.09em;text-transform:uppercase;color:var(--td-ink);margin-bottom:2px;display:block}.td-case .td-pocket{padding-block:var(--td-section);border-bottom:var(--td-line);background:var(--td-surface)}.td-case .td-pocket-head{grid-template-columns:minmax(0,1fr) minmax(280px,480px);align-items:end;gap:40px;display:grid}.td-case .td-pocket-head h2{margin-top:14px;font-size:clamp(40px,4.6vw,66px);line-height:.98}.td-case .td-pocket-head p{font-size:16px;line-height:1.55}.td-case .td-phones{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:32px;margin-top:56px;display:grid}.td-case .td-phone{width:min(300px,100%);margin:0}.td-case .td-phone-shell{aspect-ratio:780/1688;background:#fff;border:3px solid #000;position:relative;overflow:hidden;box-shadow:8px 8px #000}.td-case .td-phone-shell img{object-fit:cover;object-position:top}.td-case .td-phone figcaption{justify-content:space-between;gap:12px;margin-top:16px;font-size:13px;display:flex}.td-case .td-phone figcaption span{color:var(--td-muted)}.td-case .td-pocket-facts{border:var(--td-line);grid-template-columns:repeat(3,1fr);margin:56px 0 0;padding:0;list-style:none;display:grid}.td-case .td-pocket-facts li{border-right:var(--td-line);padding:20px 22px}.td-case .td-pocket-facts li:last-child{border-right:0}.td-case .td-pocket-facts b{margin-bottom:6px;font-size:17px;font-weight:640;display:block}.td-case .td-pocket-facts span{color:var(--td-muted);font-size:14px;line-height:1.45}.td-case .td-dev{padding-block:var(--td-section);border-bottom:var(--td-line)}.td-case .td-dev-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(40px,6vw,96px);display:grid}.td-case .td-dev-copy h2{margin:14px 0 20px;font-size:clamp(40px,4.6vw,66px);line-height:.98}.td-case .td-dev-copy p{max-width:480px;font-size:16px;line-height:1.6}.td-case .td-dev-copy ul{flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.td-case .td-dev-copy li{border:1.5px solid var(--td-ink);background:var(--td-surface);font:700 12px var(--font-mono);border-radius:100px;padding:9px 12px}.td-case .td-pipe{border:var(--td-line);background:var(--td-surface);box-shadow:8px 8px 0 var(--td-blue);margin:0;padding:20px}.td-case .td-pipe figcaption{margin-bottom:12px}.td-case .td-pipe-svg{width:100%;height:auto;display:block;overflow:visible}.td-case .td-pipe-wire{fill:none;stroke:var(--td-ink);stroke-width:2.5px}.td-case .td-pipe-wire--sync{stroke:var(--td-blue);stroke-dasharray:6 6}.td-case .td-pipe-node rect{fill:var(--td-surface);stroke:var(--td-ink);stroke-width:2.5px}.td-case .td-pipe-node--db rect{fill:var(--td-green)}.td-case .td-pipe-node--view rect{fill:var(--td-ink)}.td-case .td-pipe-node text{font:800 11px var(--font-mono);fill:var(--td-ink);stroke:none;letter-spacing:.06em}.td-case .td-pipe-node--view text{fill:var(--td-bg)}.td-case .td-pipe-sub{font:700 8px var(--font-mono)!important;fill:var(--td-muted)!important}.td-case .td-pipe-note{font:800 10px var(--font-mono);fill:var(--td-blue);stroke:none}.case-study.case-threedays.td-case .case-closing{padding-block:var(--td-section) 110px;text-align:left}.td-case .case-closing h2{max-width:900px;margin:14px 0 20px;font-size:clamp(44px,5.4vw,80px);line-height:.96}.td-case .case-closing p{max-width:600px;margin:0;font-size:18px;line-height:1.55}.td-case .td-closing-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}@media (max-width:1199px){.td-case .td-hero-grid{grid-template-columns:1fr;gap:40px}.td-case .td-hero-visual{padding-bottom:60px}.td-case .td-programme{grid-template-columns:1fr;gap:40px}.td-case .td-build-head,.td-case .td-pocket-head{grid-template-columns:1fr;gap:16px}.td-case .td-build-stage{grid-template-columns:1fr;gap:24px}.td-case .td-rail{gap:16px}.td-case .td-rail-steps{grid-template-columns:repeat(3,1fr)}.td-case .td-rail-steps li+li{border-top:0;border-left:var(--td-line)}.td-case .td-rail-copy{min-height:150px}.td-case .td-grid-layout,.td-case .td-dev-grid{grid-template-columns:1fr;gap:40px}.td-case .td-tile{width:calc(33.333% - 7px)}}@media (max-width:820px){.case-study.case-threedays.td-case{--td-section:72px}.td-case .td-hero{padding-top:36px}.td-case .td-hero h1{font-size:clamp(64px,22vw,96px)}.td-case .td-wall{padding:12px}.td-case .td-wall-row,.td-case .td-wall-axis{gap:2px}.td-case .td-wall-cell{border-width:1px}.td-case .td-hero-card{width:min(300px,100%);margin:20px 0 0;position:static}.td-case .td-hero-visual{padding-bottom:0}.td-case .td-facts{grid-template-columns:1fr 1fr}.td-case .td-fact{padding:18px 16px}.td-case .td-board{min-height:0}.td-case .td-board-filters{grid-template-columns:1fr}.td-case .td-board-count{justify-content:flex-start}.td-case .td-tiles{min-height:420px}.td-case .td-tile{width:calc(50% - 5px)}.td-case .td-type-row b{font-size:20px}.td-case .td-type-row strong{font-size:17px}.td-case .td-tile .td-card-head b{padding:7px 6px;font-size:12px}.td-case .td-tile .td-tag{text-overflow:ellipsis;max-width:62px;margin:4px;padding:4px 5px;font-size:7px;overflow:hidden}.td-case .td-tile .td-heart{width:28px}.td-case .td-wall-row,.td-case .td-wall-axis{grid-template-columns:76px repeat(14,1fr)}.td-case .td-wall-axis{grid-template-columns:76px repeat(7,2fr)}.td-case .td-wall-zone{font-size:8px}.td-case .td-rail-step{grid-template-columns:24px 1fr;padding:12px 10px;font-size:15px}.td-case .td-samples{grid-template-columns:1fr}.td-case .td-samples .td-card{grid-area:auto;width:min(300px,100%)}.td-case .td-type-row{grid-template-columns:1fr;gap:6px}.td-case .td-phones{grid-template-columns:1fr;gap:40px}.td-case .td-pocket-facts{grid-template-columns:1fr}.td-case .td-pocket-facts li{border-right:0;border-bottom:var(--td-line)}.td-case .td-pocket-facts li:last-child{border-bottom:0}.td-case .td-pipe{padding:14px}.td-case .td-signal-row{grid-template-columns:36px minmax(0,1fr);gap:6px 12px}.td-case .td-signal-row i{width:36px;height:36px}.td-case .td-signal-row span,.td-case .td-signal-row code{grid-area:auto/2}}.sr-case{--sr-cream:#fdf9f0;--sr-cyan:#3bdec8;--sr-pink:#ff69b4;--sr-yellow:#ffeb3b;--sr-ink:#111;--sr-film:#161616;--sr-bar:#000;--sr-film-ink:#e4e2d8;--sr-film-muted:#a8a49a;--project-bg:var(--paper);--project-ink:var(--ink);--project-surface:var(--white);--project-accent:var(--sr-cyan);--project-accent-2:var(--sr-yellow);background:var(--paper);color:var(--ink);overflow:clip visible}.sr-case h2{letter-spacing:-.05em;font-weight:640;line-height:.95}.sr-case h3{font-weight:640}.sr-case .case-button{box-shadow:4px 4px 0 var(--ink);border-width:2px;transition:transform .2s,box-shadow .2s}.sr-case .case-button:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.sr-case .sr-line{margin-bottom:-.16em;padding-bottom:.16em}.sr-case .sr-word,.sr-case .sr-char{will-change:transform;display:inline-block}.sr-bars{z-index:90;pointer-events:none;position:fixed;inset:0}.sr-bar{background:var(--sr-bar);height:10vh;position:absolute;left:0;right:0;transform:scaleY(0)}.sr-bar--top{transform-origin:top;top:82px}.sr-bar--bottom{transform-origin:bottom;bottom:0}.sr-tc{z-index:92;font:500 clamp(18px,2.4vw,28px) var(--font-mono),monospace;color:var(--coral);font-variant-numeric:tabular-nums;letter-spacing:.02em;opacity:0;visibility:hidden;pointer-events:none;position:fixed;bottom:2vh;left:clamp(16px,3vw,40px)}.sr-sub{z-index:92;text-align:center;pointer-events:none;padding:0 24px;position:fixed;bottom:1.6vh;left:0;right:0}.sr-sub span{color:#fff;opacity:0;visibility:hidden;background:#000000d1;max-width:min(720px,100%);padding:7px 16px;font-size:clamp(15px,1.7vw,20px);line-height:1.35;display:inline-block}.sr-scene-sub{background:var(--sr-film);color:#fff;max-width:640px;margin:22px 0 0;padding:12px 16px;font-size:17px;line-height:1.4;display:none}.sr-hero{padding-block:70px 90px;position:relative}.sr-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(400px,1.05fr);align-items:center;gap:clamp(36px,6vw,96px);display:grid}.sr-hero-copy{position:relative}.sr-hero h1{z-index:1;letter-spacing:-.06em;max-width:9ch;font-size:clamp(58px,7.8vw,124px);font-weight:640;line-height:.88;position:relative}.sr-hero h1 .sr-char{will-change:transform,opacity}.sr-hero-title{position:relative}.sr-hero-ghost{z-index:0;pointer-events:none;letter-spacing:-.06em;mix-blend-mode:multiply;max-width:9ch;font-size:clamp(58px,7.8vw,124px);font-weight:640;line-height:.88;position:absolute;inset:0;transform:translate(-8px,4px)}.sr-hero-ghost--cyan{color:var(--sr-cyan)}.sr-hero-ghost--pink{color:var(--sr-pink);transform:translate(8px,-4px)}.sr-hero-dek{letter-spacing:-.02em;max-width:560px;margin:34px 0 0;font-size:clamp(19px,1.9vw,26px);line-height:1.32}.sr-hero-side{border-top:2px solid var(--ink);gap:22px;max-width:560px;margin-top:32px;padding-top:22px;display:grid}.sr-hero-side p{grid-template-columns:90px 1fr;gap:18px;margin:0;font-size:15px;line-height:1.5;display:grid}.sr-hero-side p span{font:700 11px var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.12em;padding-top:4px}.sr-hero-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.sr-hero-visual{place-items:center;min-height:520px;display:grid;position:relative}.sr-hero-glow{filter:blur(2px);z-index:0;pointer-events:none;background:radial-gradient(48% 46% at 72% 36%,#ffcbe4 0%,#ffe1b5 42%,#0000 70%);border-radius:50%;position:absolute;inset:-12% -8%}.sr-hero-frame{z-index:1;border:2px solid var(--ink);background:var(--white);width:100%;box-shadow:12px 12px 0 var(--ink);margin:0;position:relative;overflow:hidden}.sr-chrome{border-bottom:2px solid var(--ink);background:var(--sr-cyan);align-items:center;gap:6px;height:38px;padding:0 14px;display:flex}.sr-chrome i{border:2px solid var(--ink);background:var(--white);border-radius:50%;width:10px;height:10px}.sr-chrome span{font:600 10px var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;margin-left:12px}.sr-viewport{aspect-ratio:16/10;position:relative;overflow:hidden}.sr-viewport img{object-fit:cover;object-position:top}.sr-hero-note{z-index:2;background:var(--sr-yellow);width:220px;color:var(--sr-ink);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:14px 16px;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.2;position:absolute;bottom:-6%;right:-6%;transform:rotate(3deg)}.sr-hero-note b{font:700 9px var(--font-mono),monospace;letter-spacing:.14em;text-transform:uppercase;color:#0a6b5e;margin-bottom:6px;display:block}.sr-hero-note small{font:400 11px var(--font-sans);letter-spacing:0;margin-top:6px;display:block}.sr-film{background:var(--sr-film);color:var(--sr-film-ink);position:relative}.sr-film h2{color:var(--sr-film-ink)}.sr-film .case-kicker{color:var(--sr-cyan)}.sr-open{grid-template-columns:minmax(0,1fr) 250px;align-items:stretch;gap:32px;width:100%;height:calc(100svh - 82px);display:grid;position:relative}.sr-open-stage{background:var(--sr-cream);color:var(--sr-ink);padding:clamp(24px,5vw,72px) clamp(24px,6vw,96px);position:relative;overflow:hidden}.sr-open-glow{pointer-events:none;background:radial-gradient(50% 50% at 60% 40%,#ffb6d9 0%,#ffd9a8 48%,#0000 72%);width:70%;height:110%;position:absolute;inset:-30% -10% auto auto}.sr-open-title{font-family:Inter,var(--font-sans);text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(34px,5.6vw,84px);font-weight:800;line-height:.98;position:relative}.sr-open-line{clip-path:inset(0);display:block}.sr-open-fast{color:#20c9b3;text-transform:none;letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:500;display:inline-block;position:relative}.sr-open-fast svg{width:100%;height:.3em;position:absolute;bottom:-.2em;left:0;overflow:visible}.sr-open-scribble{fill:none;stroke:#20c9b3;stroke-width:4px;stroke-linecap:round}.sr-open-reel{aspect-ratio:16/8;border:2px solid var(--sr-ink);width:min(72%,760px);box-shadow:8px 8px 0 var(--sr-ink);background:#111;margin-top:clamp(18px,3vw,40px);position:relative;overflow:hidden}.sr-open-reel span{z-index:2;background:var(--sr-cyan);height:22px;color:var(--sr-ink);font:600 9px var(--font-mono),monospace;letter-spacing:.14em;text-transform:uppercase;place-items:center;display:grid;position:absolute;top:0;left:0;right:0}.sr-open-reel img{object-fit:cover;object-position:50% 40%}.sr-open-note{background:var(--sr-yellow);border:2px solid var(--sr-ink);width:210px;box-shadow:4px 4px 0 var(--sr-ink);padding:12px 14px;font-family:Georgia,serif;font-size:15px;line-height:1.25;position:absolute;bottom:clamp(20px,4vw,48px);right:clamp(20px,4vw,56px);transform:rotate(2deg)}.sr-open-note b{font:700 9px var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase;color:#0a6b5e;margin-bottom:4px;display:block}.sr-open-side{align-content:center;gap:16px;padding-right:24px;display:grid}.sr-open-clock{font:500 clamp(40px,4.6vw,64px) var(--font-mono),monospace;color:var(--coral);font-variant-numeric:tabular-nums;line-height:1}.sr-open-beats{border-top:1px solid var(--sr-film-muted);margin:0;padding:0;list-style:none}.sr-open-beat{color:var(--sr-film-muted);border-bottom:1px solid #e4e2d838;grid-template-columns:44px 1fr;gap:10px;padding:9px 0;font-size:13px;transition:color .25s;display:grid}.sr-open-beat code{font:500 11px var(--font-mono),monospace;color:var(--sr-film-muted);transition:color .25s}.sr-open-beat.is-on{color:var(--sr-film-ink)}.sr-open-beat.is-on code{color:var(--sr-cyan)}.sr-open-copy{padding-block:110px 70px}.sr-open-copy h2,.sr-stitch-head h2,.sr-brains-title{max-width:14ch;font-size:clamp(40px,5.4vw,84px)}.sr-open-copy p,.sr-stitch-head p{max-width:600px;color:var(--sr-film-muted);margin:26px 0 0;font-size:clamp(17px,1.5vw,20px);line-height:1.55}.sr-stitch{padding-block:60px 0}.sr-stitch-head{padding-bottom:36px}.sr-stitch-stage{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;border-top:2px solid #e4e2d840;border-bottom:2px solid #e4e2d840;width:100%;position:relative;overflow:hidden}.sr-stitch-stage.is-grabbing{cursor:grabbing}.sr-stitch-track{will-change:transform;width:max(1600px,140vw)}.sr-stitch-track svg{stroke:none;width:100%;height:auto;display:block}.sr-route{fill:none;stroke:var(--sr-cyan);stroke-width:4px;stroke-linecap:round}.sr-route-shadow{fill:none;stroke:#0a6b5e;stroke-width:12px;stroke-linecap:round;opacity:.35}.sr-node{fill:none;stroke:#3f4c49;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.sr-node circle{stroke:#3f4c49}.sr-card-paper{fill:#fffdf7;stroke:var(--sr-ink);stroke-width:2px}.sr-card-label text{font:700 9.5px var(--font-sans);text-transform:uppercase;letter-spacing:.02em;fill:var(--sr-ink);stroke:none}.sr-card-tag{stroke:var(--sr-ink);stroke-width:2px}.sr-card-index{font:500 11px var(--font-mono),monospace;fill:var(--sr-cyan);stroke:none;letter-spacing:.1em}.sr-playhead polygon{fill:var(--sr-cyan);stroke:var(--sr-ink);stroke-width:2px}.sr-playhead circle{fill:var(--sr-ink);stroke:none}.sr-stitch-hint{font:500 11px var(--font-mono),monospace;letter-spacing:.14em;text-transform:uppercase;fill:var(--sr-cyan);stroke:none}.sr-brains{padding-block:130px 90px}.sr-brains-title{margin-top:18px}.sr-brains-title .sr-keyword{font-style:normal;display:inline-block}.sr-brains-grid{grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,64px);margin-top:56px;display:grid}.sr-brain{border:2px solid var(--sr-film-ink);will-change:transform;background:#141414;padding:26px 28px}.sr-brain--creative{border-color:var(--sr-pink);box-shadow:8px 8px 0 var(--sr-pink)}.sr-brain--nerd{border-color:var(--sr-cyan);box-shadow:-8px 8px 0 var(--sr-cyan)}.sr-brain h3{letter-spacing:-.03em;margin:0 0 14px;font-size:24px}.sr-brain ul{margin:0;padding:0;list-style:none}.sr-brain li{color:var(--sr-film-muted);border-top:1px solid #e4e2d838;padding:12px 0;font-size:16px;line-height:1.5}.sr-brain li:before{content:"→ ";color:var(--sr-film-ink)}.sr-rail-wrap{gap:18px;max-width:760px;margin-top:70px;display:grid}.sr-rail-meta{font:700 11px var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:12px;display:flex}.sr-rail-meta b{color:var(--sr-film-muted);font-weight:500}.sr-rail{border:2px solid var(--sr-film-ink);color:var(--sr-ink);font:700 12px var(--font-sans);text-transform:uppercase;letter-spacing:.06em;text-align:center;grid-template-columns:1fr 1fr 1fr;display:grid;position:relative;box-shadow:6px 6px #ff6b6b}.sr-rail-cell{border-right:2px solid var(--sr-ink);padding:18px 8px}.sr-rail-cell:last-child{border-right:0}.sr-rail-head{pointer-events:none;width:14px;position:absolute;top:-10px;bottom:-10px;left:0}.sr-rail-head:before{content:"";background:var(--sr-ink);width:4px;position:absolute;top:0;bottom:0;left:5px}.sr-rail-head:after{content:"";background:var(--sr-film-ink);border:2px solid var(--sr-ink);box-sizing:border-box;width:14px;height:14px;position:absolute;top:0;left:0}.sr-rail-line{letter-spacing:-.02em;margin:0;font-size:clamp(20px,2.2vw,28px);font-weight:640;line-height:1.3}.sr-rail-line .sr-keyword{font-style:normal;display:inline-block}.sr-credits{padding-block:40px 0}.sr-credits-stage{height:calc(100svh - 82px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 14% 86%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 14% 86%,#0000 100%)}.sr-credits-kicker{position:absolute;top:28px;left:50%;transform:translate(-50%)}.sr-credits-roll{text-align:center;will-change:transform;gap:44px;padding:16px 24px;display:grid;position:absolute;top:0;left:0;right:0}.sr-credits-group span{font:500 11px var(--font-mono),monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--sr-film-muted);margin-bottom:10px;display:block}.sr-credits-group b{letter-spacing:-.03em;font-size:clamp(22px,2.4vw,34px);font-weight:640;line-height:1.25;display:block}.sr-fin{background:var(--paper);padding-block:150px 170px}.sr-fin h2{max-width:16ch;margin-inline:auto;font-size:clamp(40px,5.4vw,80px)}.sr-fin>p:first-child{color:var(--coral)}@media (prefers-reduced-motion:reduce){.sr-bars,.sr-tc,.sr-sub{display:none}.sr-hero-ghost{opacity:.55}.sr-scene-sub{display:block}.sr-open-side .sr-open-clock{display:none}.sr-open-beat{color:var(--sr-film-ink)}.sr-stitch-stage{cursor:auto;overflow-x:auto}.sr-credits-stage{height:auto;padding-top:70px;-webkit-mask-image:none;mask-image:none}.sr-credits-kicker{text-align:center;margin-bottom:30px;display:block;position:static;transform:none}.sr-credits-roll{padding-bottom:60px;position:static}}@media (min-width:821px) and (max-width:1199px){.sr-hero-grid{grid-template-columns:1fr;gap:44px}.sr-hero h1,.sr-hero-ghost{max-width:none}.sr-hero-visual{min-height:auto}.sr-open{grid-template-columns:minmax(0,1fr) 200px;gap:20px}}@media (max-width:820px){.sr-bar--top{top:70px}.sr-bar{height:6vh}.sr-tc{font-size:14px;bottom:1.5vh}.sr-sub{padding:0 12px;bottom:1.2vh}.sr-sub span{padding:6px 12px;font-size:14px}.sr-hero{padding-block:44px 60px}.sr-hero-grid{grid-template-columns:1fr;gap:40px}.sr-hero h1,.sr-hero-ghost{max-width:none;font-size:clamp(50px,15vw,72px)}.sr-hero-visual{min-height:auto;padding-bottom:70px}.sr-hero-note{width:190px;font-size:15px;bottom:0;right:0}.sr-open{grid-template-columns:1fr;height:auto;padding-block:40px 20px}.sr-open-stage{border:2px solid var(--sr-film-ink);margin-inline:15px;padding:22px 18px 28px}.sr-open-title{font-size:clamp(30px,10vw,46px)}.sr-open-reel{width:100%;margin-top:18px}.sr-open-note{width:auto;margin-top:16px;position:static;transform:rotate(-1deg)}.sr-open-side{grid-template-columns:auto 1fr;align-items:start;gap:14px 18px}.sr-open-side .case-kicker{grid-column:1/-1}.sr-open-clock{font-size:34px}.sr-open-copy{padding-block:60px 40px}.sr-stitch{padding-block:30px 0}.sr-stitch-stage{cursor:auto;touch-action:pan-x pan-y;overflow-x:auto}.sr-stitch-track{width:1100px}.sr-brains{padding-block:80px 60px}.sr-brains-grid{grid-template-columns:1fr;gap:30px;margin-top:36px}.sr-brain--nerd{box-shadow:8px 8px 0 var(--sr-cyan)}.sr-rail-wrap{margin-top:48px}.sr-rail-cell{padding:14px 4px;font-size:10px}.sr-credits-stage{height:auto;padding-top:60px;-webkit-mask-image:none;mask-image:none}.sr-credits-kicker{text-align:center;margin-bottom:26px;display:block;position:static;transform:none}.sr-credits-roll{gap:30px;padding-bottom:50px;position:static}.sr-fin{padding-block:90px 100px}.sr-scene-sub{margin-inline:auto}}