:root{--paper:#f4f1ea;--paper-2:#efebe2;--card:#fbfaf6;--ink:#1c1c1a;--ink-2:#3b3a35;--muted:#6e6c64;--hair:#1c1c1a1f;--hair-2:#1c1c1a12;--work-card-radius:clamp(8px, 1.25vw, 16px);--floating-bar-shadow:0 0 0 1px var(--hair), 0 6px 18px -10px #1c1c1a4d;--floating-button-shadow:0 0 0 1px var(--hair), 0 2px 6px -2px #1c1c1a33;--red:#c2412d;--font-sans:var(--font-schibsted);--font-display:var(--font-sans), system-ui, sans-serif;--font-display-mono:var(--font-mono), ui-monospace, monospace;--font-display-wide:var(--font-sans), system-ui, sans-serif;--dials-w:320px;--dials:0px;--ease-out:cubic-bezier(.22, 1, .36, 1);--spring-fade:linear(0 0%, .045 2.1%, .146 4.2%, .267 6.2%, .388 8.3%, .5 10.4%, .597 12.5%, .68 14.6%, .748 16.7%, .804 18.7%, .848 20.8%, .883 22.9%, .91 25%, .932 27.1%, .948 29.2%, .961 31.2%, .97 33.3%, .978 35.4%, .983 37.5%, .987 39.6%, .991 41.7%, .993 43.7%, .995 45.8%, .996 47.9%, 1 50%, 1);--spring-focus:linear(0 0%, .045 3.3%, .145 6.5%, .266 9.8%, .387 13.1%, .499 16.3%, .597 19.6%, .679 22.8%, .748 26.1%, .803 29.4%, .847 32.6%, .882 35.9%, .91 39.2%, .931 42.4%, .948 45.7%, .96 49%, .97 52.2%, .977 55.5%, .983 58.7%, .987 62%, .991 65.3%, .993 68.5%, .995 71.8%, .996 75.1%, 1 78.3%, 1);--spring-rise:linear(0 0%, .041 2.5%, .141 5%, .27 7.5%, .409 10%, .542 12.5%, .662 15%, .764 17.5%, .847 20%, .912 22.5%, .96 25%, .993 27.5%, 1.015 30%, 1.028 32.5%, 1.034 35%, 1.035 37.5%, 1.033 40%, 1.029 42.5%, 1.025 45%, 1.02 47.5%, 1.015 50%, 1.011 52.5%, 1.008 55%, 1.005 57.5%, 1 60%, 1);--gutter:clamp(16px, 2.4vw, 32px);--scene-height:100dvh;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;background:var(--paper);scrollbar-gutter:stable}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans), system-ui, sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.45  0 0 0 0 0.42  0 0 0 0 0.36  0 0 0 0.09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}button{font:inherit;color:inherit}.label{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.muted{color:var(--muted)}.nw{white-space:nowrap}.small{font-size:13px;line-height:1.5}.tnum{font-variant-numeric:tabular-nums}.h{margin-bottom:6px;font-size:15px;font-weight:600}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.reveal{animation:reveal-fade .9s var(--spring-fade) backwards, reveal-focus .9s var(--spring-focus) backwards, reveal-rise .9s var(--spring-rise) backwards;animation-delay:calc(.14s + var(--i,0) * 96ms - var(--i,0) * var(--i,0) * 6ms)}@keyframes reveal-fade{0%{opacity:0}}@keyframes reveal-focus{0%{filter:blur(var(--reveal-blur,10px))}to{filter:blur()}}@keyframes reveal-rise{0%{transform:translateY(10px)}}.pill{background:var(--ink);height:32px;color:var(--paper);cursor:pointer;transition:transform .16s var(--ease-out), opacity .2s, background-color .16s;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.pill:active{transform:scale(.97)}.pill:focus-visible,.nav-item:focus-visible,.chapter:focus-visible,.hl:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.pill.ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--hair);background:0 0}.pill:disabled{opacity:0;pointer-events:none}.hl{color:var(--ink);font-weight:600;text-decoration:none;display:inline-block;position:relative}span.hl-line{width:0;height:1px;transition:left .3s var(--ease-out), width .3s var(--ease-out);background:currentColor;position:absolute;bottom:0;left:50%}.hl:hover span.hl-line,.hl:focus-visible span.hl-line{width:100%;left:0}.hl-preview{z-index:60;pointer-events:none;position:fixed;top:-52px;left:-18px}.org-icon{font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.02em;place-items:center;font-weight:650;display:grid;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #00000026,0 8px 18px -6px #0006,0 0 0 .5px #00000040}.story{z-index:2;position:relative}.stage{height:100svh;position:sticky;top:0;overflow:clip}.layer{position:absolute;inset:0}.intro{--intro-scene-left:max(calc(34vw + 2 * var(--gutter) + 24px), 440px)}.intro-text{top:calc(var(--gutter) + 4px);left:var(--gutter);width:min(560px, calc(var(--intro-scene-left) - var(--gutter) - clamp(40px, 4vw, 72px)));color:var(--ink-2);gap:18px;display:grid;position:absolute}.name{color:var(--ink);margin-bottom:14px;font-size:15px;font-weight:600;line-height:1.6}.intro-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.intro-header .name{margin-bottom:0}.intro-identity{align-items:center;gap:12px;min-width:0;display:flex}.ascii-mark{width:var(--ascii-size,44px);height:var(--ascii-size,44px);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;padding:0;display:block;position:relative}.ascii-mark:before{content:"";inset:min(0px, calc((var(--ascii-size,44px) - 44px) / 2));position:absolute}.ascii-mark-clear,.ascii-mark-art{width:100%;height:100%;transition:opacity var(--ascii-fade,.15s) ease;display:block;position:absolute;inset:0}.ascii-mark-clear{object-fit:contain}.ascii-mark-art{opacity:0;pointer-events:none}.ascii-mark[data-ready=true] .ascii-mark-clear{opacity:0}.ascii-mark[data-ready=true] .ascii-mark-art{opacity:1}.ascii-mark[data-ready=true] .ascii-mark-clear{animation:ascii-mark-out .9s var(--spring-focus) backwards}.ascii-mark[data-ready=true] .ascii-mark-art{--reveal-blur:6px;animation:reveal-fade .9s var(--spring-fade) backwards, reveal-focus .9s var(--spring-focus) backwards}@keyframes ascii-mark-out{0%{opacity:1;filter:blur()}to{opacity:0;filter:blur(6px)}}.ascii-mark:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:4px}@media (max-width:880px),(hover:none),(pointer:coarse){.ascii-mark[data-ready=true][data-original=true] .ascii-mark-clear{opacity:1}.ascii-mark[data-ready=true][data-original=true] .ascii-mark-art{opacity:0}}@media (min-width:881px) and (hover:hover) and (pointer:fine){.ascii-mark[data-ready=true]:is(:hover,:focus-visible) .ascii-mark-clear{opacity:1}.ascii-mark[data-ready=true]:is(:hover,:focus-visible) .ascii-mark-art{opacity:0}.ascii-mark:focus-visible .ascii-mark-clear,.ascii-mark:focus-visible .ascii-mark-art{transition:none}}.hero-figure{top:64px;bottom:64px;right:calc(var(--gutter) + var(--dials));left:var(--intro-scene-left);transition:right .48s var(--ease-out);position:absolute}.frame{border-radius:18px;position:absolute}#hero-frame{inset:0}.hero-still{border-radius:inherit;pointer-events:none;transition:opacity .4s var(--ease-out);background:50%/cover no-repeat;position:absolute;inset:0}.hero-still[data-tod=dawn]{background-image:url(/hero/dawn-desktop.webp)}.hero-still[data-tod=day]{background-image:url(/hero/day-desktop.webp)}.hero-still[data-tod=golden]{background-image:url(/hero/golden-desktop.webp)}.hero-still[data-tod=dusk]{background-image:url(/hero/dusk-desktop.webp)}.hero-still[data-tod=night]{background-image:url(/hero/night-desktop.webp)}@media (max-width:880px){.hero-still[data-tod=dawn]{background-image:url(/hero/dawn-mobile.webp)}.hero-still[data-tod=day]{background-image:url(/hero/day-mobile.webp)}.hero-still[data-tod=golden]{background-image:url(/hero/golden-mobile.webp)}.hero-still[data-tod=dusk]{background-image:url(/hero/dusk-mobile.webp)}.hero-still[data-tod=night]{background-image:url(/hero/night-mobile.webp)}}html[data-stage=ready] .hero-still{opacity:0}.frame-deco{pointer-events:none;position:absolute;inset:0}.frame-deco:before{content:"";box-shadow:0 0 0 1px var(--hair), 0 22px 50px -30px #1c1c1a73;border-radius:18px;position:absolute;inset:0}.caption{font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.cross{width:11px;height:11px;position:absolute}.cross:before,.cross:after{content:"";background:var(--ink);opacity:.4;position:absolute}.cross:before{width:1px;height:11px;top:0;left:5px}.cross:after{width:11px;height:1px;top:5px;left:0}.cross-tl{top:-17px;left:-17px}.cross-tr{top:-17px;right:-17px}.cross-bl{bottom:-17px;left:-17px}.cross-br{bottom:-17px;right:-17px}.time-of-day{align-items:center;gap:10px;margin-top:6px;display:flex}.sky-dial{color:var(--ink);flex:none;overflow:visible}.sky-arc{fill:none;stroke:currentColor;stroke-opacity:.45;stroke-width:1px;stroke-dasharray:1.6 1.8}.sky-horizon{stroke:currentColor;stroke-opacity:.7;stroke-width:1.1px}.sky-body{transition:transform 1.2s var(--ease-out)}.sky-sun,.sky-moon{transition:opacity .6s}.sky-sun[data-show=false],.sky-moon[data-show=false]{opacity:0}.sky-sun circle{fill:#e2a93b}.sky-rays line{stroke:#e2a93b;stroke-width:1.1px;stroke-linecap:round}.sky-rays{animation:12s linear infinite sky-spin}@keyframes sky-spin{to{transform:rotate(360deg)}}.sky-moon path{fill:#8a93b8}.scroll-cue{--cue-duration:2.6s;--cue-ease:cubic-bezier(.45, 0, .2, 1);left:var(--gutter);bottom:var(--gutter);min-height:60px;color:var(--ink);text-align:left;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:16px;align-items:center;gap:14px;margin:-8px;padding:8px;transition:background-color .15s ease-out;display:flex;position:absolute}@media (hover:hover) and (pointer:fine){.scroll-cue:hover{background:var(--paper-2)}}.scroll-cue:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.cue-peel{flex:none;width:38px;height:44px;display:block}.cue-peel-art{perspective:140px;width:38px;height:44px;display:block;position:relative}.cue-peel-page{background:var(--paper);transform-origin:15% 85%;transform-style:preserve-3d;animation:cue-peel-page var(--cue-duration) var(--cue-ease) infinite;border-radius:5px;position:absolute;inset:3px 5px 3px 2px;box-shadow:0 0 0 1px #00000017,0 2px 3px #0000000d,0 6px 10px -4px #00000026}.cue-page-lines{gap:4px;display:grid;position:absolute;top:10px;left:7px}.cue-page-lines i{background:var(--ink);opacity:.25;width:15px;height:1px;display:block}.cue-page-lines i:last-child{width:10px}.cue-page-corner{background:var(--paper-2);clip-path:polygon(100% 0,0 100%,100% 100%);transform-origin:50%;width:12px;height:12px;animation:cue-peel-corner var(--cue-duration) var(--cue-ease) infinite;position:absolute;bottom:0;right:0;box-shadow:-1px -1px #0000000f}.cue-peel-shadow{width:26px;height:5px;animation:cue-peel-shadow var(--cue-duration) var(--cue-ease) infinite;background:#00000014;border-radius:50%;position:absolute;bottom:0;left:5px}.cue-peel-arrow{fill:none;width:16px;height:16px;stroke:var(--ink);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;animation:cue-peel-arrow var(--cue-duration) var(--cue-ease) infinite;position:absolute;bottom:0;right:-2px}@keyframes cue-peel-page{0%,12%,to{transform:translateY(0)rotateX(0)rotate(-6deg)}40%,55%{transform:translate(-2px,-5px)rotateX(18deg)rotateY(-22deg)rotate(-12deg)}72%{transform:translateY(1px)rotate(-3deg)}}@keyframes cue-peel-corner{0%,12%,to{transform:rotate3d(1,-1,0,0)}40%,55%{transform:rotate3d(1,-1,0,155deg)}}@keyframes cue-peel-shadow{0%,to{opacity:.7;transform:scaleX(.8)}40%,55%{opacity:.4;transform:scaleX(1.15)}}@keyframes cue-peel-arrow{0%,12%,to{opacity:0;transform:translate(-4px,-7px)}40%,55%{opacity:1;transform:translateY(2px)}75%{opacity:0;transform:translateY(7px)}}.scroll-cue[data-scrolling=true] .cue-peel-art *{animation-play-state:paused}.cue-text{white-space:nowrap;gap:3px;font-size:14px;font-weight:500;line-height:1.2;display:grid}.cue-caption{color:var(--muted);font-size:12px;font-weight:400}.reel{visibility:hidden;position:fixed}.reel-viewport{inset:0 calc(var(--dials) + 16px) 0 16px;transition:right .48s var(--ease-out);position:absolute;overflow:clip}.reel-content{will-change:transform;padding-top:16px;padding-bottom:72px;position:relative}.reel-heading{opacity:0;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(28px,5svh,56px) clamp(16px,3vw,44px) clamp(40px,6svh,64px);display:flex}.reel-title{font:500 clamp(26px, 2.5vw, 34px)/1.1 var(--font-display);letter-spacing:-.02em;text-wrap:balance}.reel-heading-copy{max-width:43ch;color:var(--muted);text-wrap:pretty;font-size:14px;line-height:1.7}.reel-board{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:16px;padding:1px;display:grid;position:relative}.reel-empty{text-align:center;grid-column:1/-1;align-self:center;font-size:14px}.reel-orb{z-index:6;inset:0 var(--dials) 0 0;opacity:0;place-items:center;display:grid;position:absolute;pointer-events:none!important}.orb{--orb-d:min(calc((100vw - var(--dials)) * .74), 70svh, 760px);width:var(--orb-d);height:var(--orb-d);isolation:isolate;position:relative}.orb-lens{z-index:1000;aspect-ratio:1;background:color-mix(in oklab, var(--paper) 62%, transparent);border:1px solid color-mix(in oklab, var(--ink) 7%, transparent);-webkit-backdrop-filter:blur(5px)grayscale(.85);opacity:0;will-change:transform, opacity;border-radius:50%;width:72%;position:absolute;top:50%;left:50%}.orb-tile{background:var(--paper-2);transform-origin:50%;will-change:transform, opacity;backface-visibility:hidden;border-radius:4px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 1px 2px #1c1c1a14,0 6px 18px -8px #1c1c1a38}.orb-tile img{object-fit:cover;-webkit-user-select:none;user-select:none}.orb-logo{border-radius:26%;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #00000026,0 6px 14px -6px #0006,0 0 0 .5px #00000040}.orb-tile .content-media,.orb-tile .media-frame{border:0;border-radius:0;width:100%;height:100%;min-height:0}@media (max-width:720px){.orb{--orb-d:min(90vw, 58svh)}}.reel-card{aspect-ratio:16/10;border-radius:var(--work-card-radius);opacity:0;background:var(--paper-2);min-width:0;min-height:0;color:var(--ink);outline-offset:3px;cursor:pointer;outline:2px solid #0000;text-decoration:none;transition:outline-color .2s;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #0000000f,0 1px 2px #0000000a,0 10px 24px -14px #00000024}div.reel-card{cursor:default}.reel-card-art{position:absolute;inset:0;overflow:hidden}.reel-card-art .content-media,.reel-card-art .media-frame{border:0;border-radius:0;width:100%;height:100%;min-height:0}.reel-card-art video,.reel-card-art mux-player{pointer-events:none}.reel-card-art .media-placeholder-decorative{background:var(--paper-2)}.reel-card-art .media-placeholder-decorative:before{display:none}.media-placeholder-icon{font:400 28px/1 var(--font-sans), sans-serif;color:var(--muted);opacity:.25}.reel-card-caption{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;filter:blur(4px);pointer-events:none;transition:opacity .22s ease, filter .22s ease, transform .28s var(--ease-out);background:#fbfaf6e6;border-radius:12px;align-items:center;gap:20px;padding:12px 16px;display:flex;position:absolute;inset:auto 12px 12px;transform:translateY(8px)}.chapter-title{font-size:13px;font-weight:500}.chapter-arrow{color:var(--muted);margin-left:auto;font-size:16px}@media (hover:hover) and (pointer:fine){.reel-card:hover .reel-card-caption{opacity:1;filter:blur();transform:translateY(0)}}.reel-card:focus-visible{outline-color:var(--ink)}.reel-card:focus-visible .reel-card-caption{opacity:1;filter:blur();transform:translateY(0)}.craft{visibility:hidden}.craft-viewport{cursor:grab;touch-action:pan-y;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><path d='M0 .5H120M.5 0V120' stroke='%231c1c1a' stroke-opacity='.07'/><path d='M0 6.5H13M6.5 0V13' stroke='%231c1c1a' stroke-opacity='.35' transform='translate(-6 -6)'/></svg>");background-size:120px 120px;position:absolute;inset:0;overflow:hidden}.craft-viewport:active{cursor:grabbing}.craft-world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.tile{background:var(--card);box-shadow:0 0 0 1px var(--hair), 0 16px 40px -28px #1c1c1a73;cursor:default;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute}.tile[data-empty=true]{box-shadow:none;background:0 0;border:1px dashed #1c1c1a40}.tile-body{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.tile[data-empty=true] .tile-body{align-items:center}.minimap{right:calc(var(--gutter) + var(--dials));bottom:var(--gutter);width:168px;height:112px;box-shadow:0 0 0 1px var(--hair);transition:right .48s var(--ease-out);background:#f4f1ead9;border-radius:10px;position:absolute;overflow:hidden}.minimap i{background:#1c1c1a29;border-radius:2px;position:absolute}.minimap-view{border:1px solid var(--ink);border-radius:3px;position:absolute;top:0;left:0}.demo{gap:10px;display:grid}.range{gap:4px;font-size:13px;display:grid}.range-head{justify-content:space-between;display:flex}.range input{width:100%;accent-color:var(--ink)}.wind-grass{width:100%;height:92px}.wind-grass path{fill:#5e8a48}.wind-grass line{stroke:var(--hair)}.hold-btn{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#ece7dc;border:0;border-radius:12px;height:44px;position:relative;overflow:hidden}.hold-fill{background:var(--red);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.hold-label{mix-blend-mode:difference;color:#f4f1ea;font-weight:500;position:relative}.hold-btn[data-done=true] .hold-fill{transform:scaleX(1)!important}.spring-pad{height:150px;box-shadow:inset 0 0 0 1px var(--hair-2);background:#f1ede4;border-radius:12px;place-items:center;display:grid}.spring-ball{background:var(--ink);cursor:grab;touch-action:none;border-radius:50%;width:38px;height:38px;box-shadow:0 8px 18px -6px #00000080}.fold-switch{perspective:320px;cursor:pointer;background:0 0;border:0;width:96px;height:52px;position:relative}.fold-track{box-shadow:inset 0 0 0 1px var(--hair);background:#e7e1d4;border-radius:10px;position:absolute;inset:0}.fold-flap{background:var(--card);width:50%;height:100%;box-shadow:inset 0 0 0 1px var(--hair), 0 4px 10px -6px #0006;transform-origin:100%;border-radius:10px 0 0 10px;transition:transform .52s cubic-bezier(.34,1.4,.64,1),background-color .3s;position:absolute;top:0;left:0}.fold-switch[data-on=true] .fold-flap{background:var(--ink);transform:rotateY(180deg)}.dial{width:168px;height:168px;box-shadow:inset 0 0 0 1px var(--hair);cursor:grab;touch-action:none;background:#f1ede4;border-radius:50%;margin:0 auto;position:relative}.tick{background:var(--muted);transform-origin:50% 78px;width:1px;height:6px;margin-left:-.5px;position:absolute;top:6px;left:50%}.tick[data-major=true]{background:var(--ink);height:10px}.hand{background:var(--red);transform-origin:50% 66px;border-radius:2px;width:2px;height:66px;margin-left:-1px;position:absolute;top:18px;left:50%}.dial-read{place-items:center;padding-top:44px;font-size:13px;display:grid;position:absolute;inset:0}.contact{visibility:hidden}.letter{--letter-leading:max(22px, 6cqw);--letter-width:min(calc(min(84svh, 780px) * 210 / 297), 40vw);left:max(6vw, var(--gutter));width:var(--letter-width);aspect-ratio:210/297;overflow-anchor:none;position:absolute;top:50%;transform:translateY(-50%);container-type:inline-size}.letter-content{grid-template-rows:auto minmax(calc(2 * var(--letter-leading) + 36px), 1fr) auto auto auto;overscroll-behavior:auto;scrollbar-width:thin;gap:clamp(4px,1cqw,8px);padding:8.5cqw;display:grid;position:absolute;inset:0;overflow-y:auto}.letter-greet{font:italic 400 clamp(22px, 7.4cqw, 40px)/1.1 var(--font-serif), Georgia, serif;color:#0000;margin-bottom:2cqw}.letter-message{flex-direction:column;min-height:0;display:flex}.letter textarea,.letter input{box-sizing:border-box;width:100%;min-width:0;color:var(--ink);font:italic 400 clamp(16px, 5.1cqw, 28px) var(--font-serif), Georgia, serif;appearance:none;touch-action:manipulation;background:0 0;border:0;border-radius:0;padding:0;transition:opacity .22s;display:block}.letter textarea{resize:none;line-height:var(--letter-leading);overscroll-behavior:auto;scrollbar-width:thin;flex:1;height:0;min-height:44px;overflow-y:auto}.letter textarea:focus,.letter input:focus{outline:none}.letter ::placeholder{color:#1c1c1a8c}.letter-row{grid-template-columns:max(52px,17cqw) minmax(0,1fr);align-items:center;display:grid;position:relative}.letter-row label{font:500 clamp(11px, 3cqw, 16px)/1 var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#0000}.letter input{height:max(36px,8cqw);padding-bottom:4px;line-height:1.25}@media (pointer:coarse){.letter input{min-height:44px}}.letter [aria-invalid=true]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='4'><path d='M0 3 Q3 0 6 3 T12 3' fill='none' stroke='%23c2412d' stroke-width='1.2'/></svg>");background-position:0 100%;background-repeat:repeat-x;background-size:12px 4px}.letter .err{height:2.6em;font:500 clamp(10px, 2.8cqw, 12px)/1.3 var(--font-mono), monospace;color:var(--red);text-transform:uppercase;letter-spacing:.04em;flex:none;margin-top:4px;display:block}.letter-row .err{grid-column:2}.letter .send{flex:none;justify-self:end;min-height:44px;position:static}.contact[data-writing=true] .letter{width:min(var(--letter-edit-width), var(--letter-width))}.contact[data-keyboard=true] .letter{top:var(--letter-edit-top);width:min(var(--letter-edit-width), calc(100vw - 2 * var(--gutter)));height:var(--letter-edit-height);aspect-ratio:auto;left:50%;transform:translate(-50%)}.contact[data-keyboard=true] .letter-content{grid-template-rows:minmax(calc(2 * var(--letter-leading) + 36px), 1fr) auto auto auto;padding:12px 20px}.contact[data-keyboard=true] .letter-greet{display:none}.contact[data-keyboard=true] .contact-side,:is(body:has(.contact[data-keyboard=true]) .nav,body:has(.contact[data-keyboard=true]) .dials-toggle){visibility:hidden}.letter[data-phase=sending] textarea,.letter[data-phase=sending] input,.letter[data-phase=sent] textarea,.letter[data-phase=sent] input{opacity:0}.hp{width:1px;height:1px;position:absolute;left:-9999px}.contact-side{top:50%;right:calc(max(5vw, var(--gutter)) + var(--dials));width:min(40vw,540px);transition:right .48s var(--ease-out);position:absolute;transform:translateY(-50%)}.contact-copy>.muted{max-width:34em;margin-bottom:18px}.mail-figure{aspect-ratio:4/3;position:relative}#mailbox-frame{inset:0}.sent{z-index:3;width:max-content;max-width:calc(100% - 2 * var(--gutter));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--hair), 0 18px 40px -28px #1c1c1a66;opacity:0;filter:blur(6px);transition:opacity .48s, filter .48s, transform .48s var(--ease-out);pointer-events:none;text-align:center;background:#fbf6eadb;border-radius:18px;padding:20px 24px;position:absolute;top:max(72px,14svh);left:50%;transform:translate(-50%,8px)}.sent[data-show=true]{opacity:1;filter:blur();pointer-events:auto;transform:translate(-50%)}.sent-actions .pill:disabled{opacity:.55}.sent-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.sent-outro{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:18px;display:flex}.sent-outro .label{letter-spacing:.03em;font-size:9px}.sent-cue{font:500 12px/1.4 var(--font-sans), sans-serif;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--hair);text-decoration-color:var(--hair);text-underline-offset:3px;background:0 0;border:0;padding:5px 0;transition:text-decoration-color .16s}.sent-cue:hover{text-decoration-color:currentColor}.sent-cue:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:2px}.footer{z-index:2;min-height:100svh;padding:18svh var(--gutter) var(--gutter);padding-right:calc(var(--gutter) + var(--dials));transition:padding-right .48s var(--ease-out);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px;display:grid;position:relative;overflow:hidden}.foot-figure{aspect-ratio:4/3.2;position:relative}#footer-frame{box-shadow:0 0 0 1px var(--hair), 0 22px 50px -30px #1c1c1a73;inset:0}.foot-text{max-width:26rem;color:var(--ink-2);gap:14px;display:grid}.social-links{flex-shrink:0;align-items:center;gap:8px;display:flex}.foot-socials{margin-left:-12px}.social-links a{width:44px;height:44px;color:var(--ink);touch-action:manipulation;border-radius:10px;place-items:center;text-decoration:none;transition:opacity .16s;display:grid;position:relative}.social-links a:active{opacity:.6}.social-links a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.social-links-compact{gap:4px}.social-links-compact a{border-radius:6px;width:28px;height:28px}@media (pointer:coarse){.social-links-compact{gap:0}.social-links-compact a{width:44px;height:44px}}@media (hover:hover) and (pointer:fine){.social-links a:hover{opacity:.65}}.signature{font-family:var(--font-script), cursive;white-space:nowrap;color:#1c1c1a14;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(96px,17vw,260px);line-height:1;position:absolute;bottom:-.18em;left:50%;transform:translate(-50%)}.nav{z-index:30;box-shadow:var(--floating-bar-shadow);-webkit-backdrop-filter:blur(10px);transform:translateX(calc(-50% - var(--dials) / 2));transition:transform .48s var(--ease-out);background:#fbfaf6b8;border-radius:999px;gap:2px;padding:3px;display:flex;position:fixed;bottom:12px;left:50%}.nav-item{cursor:pointer;height:28px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:13px;transition:color .2s;position:relative}.nav-item[data-active=true],.nav-item:hover{color:var(--ink)}.nav-active{background:var(--card);box-shadow:var(--floating-button-shadow);border-radius:999px;position:absolute;inset:0}.nav-label{white-space:nowrap;position:relative}.nav-label-short{display:none}.dials-toggle{z-index:40;height:34px;box-shadow:0 0 0 1px var(--hair), 0 4px 14px -6px #1c1c1a40;-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:transform .16s var(--ease-out), background-color .16s;background:#ffffffb8;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 11px;font-size:12px;font-weight:500;display:inline-flex;position:fixed;top:16px;right:16px}.dials-toggle:hover{background:#ffffffeb}.dials-toggle:active{transform:scale(.97)}.dials-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.dials-toggle kbd{font:10px/1 var(--font-mono), monospace;color:var(--muted);box-shadow:inset 0 0 0 1px var(--hair);border-radius:4px;padding:3px 5px}.dials{z-index:35;width:var(--dials-w);box-shadow:-1px 0 0 var(--hair);transition:transform .48s var(--ease-out);background:#fbfaf7;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.dials[data-open=true]{transform:none}.dials-head{border-bottom:1px solid var(--hair);flex-direction:column;gap:2px;padding:20px 16px 14px;display:flex}.dials-body{overscroll-behavior:contain;flex:1;overflow-y:auto}.dials-copy{border-top:1px solid var(--hair);padding:12px}.dials-copy-button{width:100%;color:var(--ink-2);cursor:pointer;background:#1c1c1a0d;border:0;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:background-color .16s}.dials-copy-button:hover{background:#1c1c1a17}.dials-copy-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.offclock{visibility:hidden;font-family:var(--font-display);--font-display-mono:var(--font-sans), system-ui, sans-serif}.offclock :is(.oc-receipt,.oc-metro-screen,.oc-midi-screen){--font-display-mono:var(--font-mono), ui-monospace, monospace}.offclock .label{font-family:var(--font-display-mono)}.oc-sheet{inset:0;right:var(--dials);perspective:2600px;transform-origin:0 0;pointer-events:none;transition:right .48s var(--ease-out);position:absolute}.oc-flip{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.oc-face{clip-path:inset(0 round var(--sheet-r,0px));backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.oc-face-front{background-color:var(--card);box-shadow:0 0 0 1px var(--hair), 0 30px 80px -40px #1c1c1a59;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><path d='M0 .5H120M.5 0V120' stroke='%231c1c1a' stroke-opacity='.07'/></svg>")}.oc-face-front[data-ruled=true]{background-image:linear-gradient(90deg,#0000 11%,#c2412d4d 11% calc(11% + 1px),#0000 calc(11% + 1px)),repeating-linear-gradient(#0000 0 39px,#3c5a8c29 39px 40px)}.oc-face-back{background:radial-gradient(120% 90% at 30% 20%,#f8f2e6 0%,#f1e9da 60%,#ece2cf 100%);transform:rotateY(180deg);box-shadow:0 0 0 1px #1c1c1a1a,0 30px 80px -40px #1c1c1a59,inset 0 0 120px #78603c14}.oc-face-back:before{content:"";background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><path d='M0 .5H120M.5 0V120' stroke='%231c1c1a' stroke-opacity='.035'/></svg>");position:absolute;inset:0;transform:scaleX(-1)}.oc-ghost{color:var(--ink);opacity:.06;filter:blur(.4px);font-size:15px;font-weight:600;position:absolute;top:30px;right:34px;transform:scaleX(-1)}.oc-desk{inset:0;right:var(--dials);cursor:grab;touch-action:none;transition:right .48s var(--ease-out);border-radius:0;position:absolute;overflow:hidden}.oc-desk:active{cursor:grabbing}.oc-world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.oc-item{transform-origin:50%;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;will-change:transform;outline:none;position:absolute;top:0;left:0}.oc-item:active{cursor:grabbing}.oc-item:focus-visible .oc-card{outline:2px solid var(--ink);outline-offset:5px;border-radius:12px}.oc-item img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.oc-shadow{pointer-events:none;will-change:transform, opacity;background:#28201438;border-radius:14px;position:absolute;inset:8% 5% 2%}:is(.oc-item[data-kind=mark]:has(.oc-mark-sticker) .oc-shadow,.oc-item[data-kind=pad] .oc-shadow){border-radius:50%}.oc-item[data-kind=pad] .oc-shadow{border-radius:26px}.oc-item[data-kind=sticks] .oc-shadow{border-radius:99px;inset:30% 3% 10%}.oc-card{transform-style:preserve-3d;position:absolute;inset:0}.oc-side{backface-visibility:hidden;position:absolute;inset:0}.oc-side-front>*{width:100%;height:100%}.oc-side-back{box-shadow:0 0 0 1px var(--hair);background:#faf6ec;border-radius:12px;flex-direction:column;justify-content:center;gap:8px;padding:18px;display:flex;transform:rotateY(180deg)}.oc-side-back p{font:400 25px/1.05 var(--font-display);color:#2b3a67}.oc-side-back .label{font-size:9px}.oc-item[data-kind=mark]:has(.oc-mark-sticker) .oc-side-back{text-align:center;border-radius:50%;padding:26px}.oc-scrim{z-index:5000;opacity:0;pointer-events:none;cursor:zoom-out;background:0 0;border:0;position:absolute;top:0;left:0}.oc-scrim[data-show=true]{opacity:1;pointer-events:auto}.oc-item[data-inspect=true]{cursor:default}.oc-item[data-landed=true]{will-change:auto}.oc-item[data-landed=true] .oc-card{transform-style:flat}.oc-id{background:var(--card);box-shadow:0 0 0 1px var(--hair);border-radius:14px;flex-direction:column;justify-content:space-between;padding:14px 16px;display:flex}.oc-id-top{justify-content:space-between;display:flex}.oc-id-top .label{font-size:9px}.oc-id-main{align-items:center;gap:12px;display:flex}.oc-id-photo{width:54px;height:64px;font:italic 400 24px var(--font-display);color:var(--ink-2);background:linear-gradient(160deg,#e5dccb,#d6c9b0);border-radius:6px;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #1c1c1a14}.oc-id-name{margin-bottom:3px;font-size:15px;font-weight:600;line-height:1.2}.oc-id-line{color:var(--muted);font-size:12px;line-height:1.35}.oc-id-traits{flex-wrap:wrap;gap:4px;display:flex}.oc-id-traits span{font:500 9.5px/1 var(--font-display-mono);letter-spacing:.05em;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--hair);border-radius:99px;padding:5px 7px}.oc-receipt{font:400 11px/1.35 var(--font-display-mono);color:var(--ink-2);--zig:7px;-webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / calc(var(--zig) * 2) 100%;-webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / calc(var(--zig) * 2) 100%;mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / calc(var(--zig) * 2) 100%;box-shadow:0 0 0 1px var(--hair);background:#fffdf7;flex-direction:column;gap:10px;padding:16px 14px 22px;display:flex}.oc-receipt-head{text-align:center;letter-spacing:.12em;color:var(--ink);border-bottom:1px dashed #1c1c1a4d;padding-bottom:8px;font-weight:600}.oc-receipt-head span{letter-spacing:.04em;color:var(--muted);font-weight:400}.oc-receipt ul{gap:5px;padding:0;list-style:none;display:grid}.oc-receipt li{align-items:baseline;gap:4px;display:flex}.oc-receipt li i{border-bottom:1px dotted #1c1c1a59;flex:1;transform:translateY(-3px)}.oc-receipt-total{color:var(--ink);text-transform:uppercase;border-top:1px dashed #1c1c1a4d;justify-content:space-between;padding-top:8px;font-weight:600;display:flex}.oc-receipt-foot{text-align:center;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:auto;font-size:9.5px}.oc-photo{background:#fdfcf8;border-radius:3px;flex-direction:column;padding:10px 10px 0;display:flex;box-shadow:0 0 0 1px #1c1c1a14}.oc-photo-print{background:linear-gradient(170deg, color-mix(in oklab, var(--tint) 60%, white) 0%, var(--tint) 55%, color-mix(in oklab, var(--tint) 75%, black) 100%);border-radius:1px;flex:1;place-items:center;display:grid;overflow:hidden}.oc-photo-print[data-soon=true]{background:repeating-linear-gradient(135deg, color-mix(in oklab, var(--tint) 35%, white) 0 8px, color-mix(in oklab, var(--tint) 45%, white) 8px 16px);box-shadow:inset 0 0 0 1px #1c1c1a14}.oc-photo-print .label{color:#1c1c1a8c;font-size:9px}.oc-photo-caption{height:42px;font:400 22px/1 var(--font-display);color:#2b3a67;align-items:center;padding:0 2px;display:flex}.oc-hand{font-family:var(--font-display)}.oc-mark{background:var(--tint);color:#fbfaf6;place-items:center;display:grid;position:relative;overflow:hidden}.oc-mark .label{opacity:.85;font-size:9px}.oc-mark[data-soon=true] .label{opacity:.7}.oc-mark-matchbook{border-radius:6px;box-shadow:inset 0 0 0 1px #0000001f}.oc-striker{background:repeating-linear-gradient(90deg,#6b4a2e 0 2px,#7c583a 2px 4px);border-top:2px solid #fff6;height:22px;position:absolute;bottom:0;left:0;right:0}.oc-mark-sticker{border:6px solid #fdfcf8;border-radius:50%;box-shadow:0 0 0 1px #1c1c1a1a}.oc-mark-sticker:after{content:"";transform-origin:100% 100%;width:26px;height:26px;transition:transform .24s var(--ease-out);background:linear-gradient(135deg,#0000 50%,#fdfcf8 50%,#e9e4d8);border-radius:0 0 50%;position:absolute;bottom:8%;right:8%;transform:scale(0)}.oc-item:hover .oc-mark-sticker:after{transform:scale(1)}.oc-mark-swatch{color:var(--ink);box-shadow:0 0 0 1px var(--hair);background:#fdfcf8;border-radius:4px;grid-template-rows:1fr auto;place-items:start stretch;padding:8px 8px 0}.oc-mark-swatch>.label{background:var(--tint);height:100%;color:var(--ink);border-radius:2px;place-items:center;display:grid}.oc-swatch-foot{color:var(--muted);padding:9px 2px}.oc-person{box-shadow:0 0 0 1px var(--hair);background:#fbf8ef repeating-linear-gradient(#0000 0 27px,#3c5a8c1f 27px 28px) 0 40px;border-radius:6px;flex-direction:column;gap:4px;padding:13px 16px;display:flex;position:relative}.oc-person:before{content:"";background:#c2412d73;height:1px;position:absolute;top:34px;left:0;right:0}.oc-person-top{justify-content:space-between;gap:8px;margin-bottom:10px;display:flex}.oc-person-top .label{white-space:nowrap;text-overflow:ellipsis;font-size:8.5px;overflow:hidden}.oc-person-name{font:italic 400 24px/1.05 var(--font-display);color:var(--ink)}.oc-person-borrowed{color:var(--ink-2);max-width:24ch;font-size:12.5px;line-height:1.4}.oc-person-links{gap:12px;margin-top:auto;display:flex}.oc-person-links a{font:500 9.5px/1 var(--font-display-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--hair);text-decoration-color:var(--hair);text-underline-offset:3px;padding:6px 0;transition:text-decoration-color .16s}.oc-person-links a:hover{text-decoration-color:currentColor}.oc-ease{width:38px;height:38px;position:absolute;bottom:14px;right:14px;overflow:visible}.oc-ease path{fill:none;stroke:var(--ink);stroke-width:1.3px;opacity:.5}.oc-ease circle{fill:var(--red);offset-path:path("M4 44 C 14.6 4, 21.3 4, 44 4");offset-distance:0%;offset-rotate:0deg}.oc-item:hover .oc-ease circle{animation:1.4s cubic-bezier(.22,1,.36,1) infinite oc-ease}@keyframes oc-ease{0%{offset-distance:0%}70%,to{offset-distance:100%}}.oc-loupe-hint{font-size:8.5px;position:absolute;bottom:16px;right:14px}.oc-loupe{pointer-events:none;opacity:0;clip-path:circle(48px at var(--lx,50%) var(--ly,50%));transition:opacity .18s var(--ease-out);position:absolute;inset:0}.oc-loupe-inner{transform-origin:var(--lx,50%) var(--ly,50%);transform:scale(1.9)}.oc-loupe-inner>*{width:100%;height:100%}.oc-item[data-flourish=loupe]:after{content:"";left:var(--lx,50%);top:var(--ly,50%);opacity:0;pointer-events:none;width:96px;height:96px;transition:opacity .18s, transform .24s var(--ease-out);border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(.85);box-shadow:0 0 0 1.5px #1c1c1a8c,0 10px 24px -8px #1c1c1a66,inset 0 0 0 4px #fff6}@media (hover:hover) and (pointer:fine){.oc-item[data-flourish=loupe][data-inspect=false]:hover:not(:active) .oc-loupe{opacity:1}.oc-item[data-flourish=loupe][data-inspect=false]:hover:not(:active):after{opacity:1;transform:translate(-50%,-50%)scale(1)}}.oc-ticket{color:#14443f;background:#e7efe9;border-radius:8px;display:flex;box-shadow:0 0 0 1px #14443f2e}.oc-ticket-main{flex-direction:column;flex:1;gap:3px;min-width:0;padding:12px 14px;display:flex}.oc-ticket-main .label{color:#14443fb3;font-size:8.5px}.oc-ticket .oc-person-name,.oc-ticket .oc-person-links a{color:#14443f}.oc-ticket .oc-person-borrowed{color:#14443fd9;font-size:12px}.oc-ticket-stub{transform-origin:0;width:54px;transition:transform .32s var(--ease-out);background:#d9e8e3;border-left:1.5px dashed #14443f59;border-radius:0 8px 8px 0;flex:none;place-items:center;display:grid}.oc-ticket-stub .label{writing-mode:vertical-rl;font-size:9px;transform:rotate(180deg)}.oc-item:hover .oc-ticket-stub{transform:rotate(4deg)translate(2px)}.oc-note{--zig:5px;-webkit-mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) 50% / calc(var(--zig) * 2) 100%;-webkit-mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) 50% / calc(var(--zig) * 2) 100%;mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) 50% / calc(var(--zig) * 2) 100%;background:#fffdf5 repeating-linear-gradient(#0000 0 21px,#3c5a8c24 21px 22px) 0 21px;padding:22px 16px 14px}.oc-note p{font:400 12.5px/22px var(--font-display-mono);color:var(--ink-2)}.oc-minimap{z-index:5;left:calc(var(--gutter) + 16px);bottom:calc(var(--gutter) + 16px);width:132px;box-shadow:0 0 0 1px var(--hair);cursor:pointer;background:#f8f2e6d9;border-radius:8px;position:absolute;overflow:hidden}.oc-minimap i{background:#1c1c1a66;border-radius:50%;width:3px;height:3px;position:absolute;top:0;left:0}.oc-minimap i[data-group=rhythm],.oc-minimap i[data-group=studio]{background:#1d3a5c}.oc-minimap i[data-group=places]{background:#c2412d}.oc-minimap-view{border:1px solid var(--ink);pointer-events:none;background:#1c1c1a0d;border-radius:3px;position:absolute;top:0;left:0}.oc-tape-strip{z-index:2;background:color-mix(in oklab, #e9d9b0 calc(var(--tape-h) * 1%), #cfe0d8);opacity:.82;-webkit-mask:linear-gradient(90deg,#0000 0 2px,#000 2px calc(100% - 2px),#0000 calc(100% - 2px)),repeating-linear-gradient(#000 0 3px,#0000 3px 4px);pointer-events:none;width:76px;height:22px;position:absolute;box-shadow:0 1px 2px #1c1c1a14;-webkit-mask:linear-gradient(90deg,#000,#000);mask:linear-gradient(90deg,#000,#000)}.oc-side-front>.oc-stuck{z-index:3;pointer-events:none;width:54px;height:54px;position:absolute;translate:-50% -50%}.oc-side-front>.oc-stuck[data-shape=pill]{width:auto;height:26px}.oc-stuck .oc-sticker[data-shape=circle]{font-size:12px}.oc-cutout-paper{background:#fbfaf6;position:absolute;inset:-1.5%}.oc-cutout-print{position:absolute;inset:0;overflow:hidden}.oc-cutout-print img{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.oc-item:hover .oc-item[data-kind=kit] .oc-shadow{background:0 0;border-radius:0;inset:0}.oc-item[data-kind=kit] .oc-shadow i{background:#28201452;position:absolute;inset:0}.oc-item[data-kind=sticker] .oc-shadow,.oc-item[data-kind=tape] .oc-shadow,.oc-item[data-kind=mic] .oc-shadow{opacity:0!important}.oc-metronome{flex-direction:column;align-items:center;display:flex}.oc-metronome svg{flex:1;width:100%;overflow:visible}.oc-met-body{fill:#8a5a33;stroke:#6b4426;stroke-width:1.5px}.oc-met-face{fill:#f1e6cf}.oc-met-tick{stroke:#6b4426;stroke-width:1px}.oc-met-arm{stroke:#3b3a35;stroke-width:2.2px;stroke-linecap:round}.oc-met-weight{fill:#c9a36b;stroke:#6b4426;stroke-width:1px}.oc-met-pivot{fill:#3b3a35}.oc-met-controls{gap:3px;margin-top:4px;display:flex}.oc-met-controls button{min-width:26px;height:26px;box-shadow:0 0 0 1px var(--hair), 0 1px 2px #1c1c1a1f;font:500 11px/1 var(--font-display-mono);cursor:pointer;background:#fbfaf6;border:0;border-radius:7px;padding:0 6px}.oc-met-controls button:active{transform:scale(.95)}.oc-met-play{align-items:center;gap:5px;display:inline-flex}.oc-knob{flex-direction:column;align-items:center;gap:4px;display:inline-flex}.oc-knob-cap{cursor:ns-resize;touch-action:none;background:radial-gradient(circle at 40% 35%,#f5f2ea,#c9c4b8 70%,#9c978b);border-radius:50%;display:block;position:relative;box-shadow:0 2px 4px #0006,inset 0 -2px 3px #0003}.oc-knob-cap:after{content:"";background:#1c1c1a;border-radius:2px;width:2px;height:32%;margin-left:-1px;position:absolute;top:3px;left:50%}.oc-knob-cap:focus-visible{outline-offset:3px;outline:2px solid #e8b73a}.oc-knob-label{font:500 7.5px/1 var(--font-display-mono);letter-spacing:.08em;text-transform:uppercase;color:#f4f1eabf}.oc-knob[data-dark=false] .oc-knob-label{color:var(--muted)}.oc-amp{background:#24231f;border-radius:10px;flex-direction:column;padding:7px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 -8px 16px #0006}.oc-amp-panel{background:linear-gradient(#d8c9a3,#c2b28a);border-radius:5px;justify-content:space-around;align-items:center;gap:6px;height:64px;padding:0 12px;display:flex;box-shadow:inset 0 0 0 1px #0003}.oc-amp-panel .oc-knob-label{color:#3b3a35}.oc-amp-led{opacity:.15;background:#ff5a3c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #ff5a3c}.oc-amp-jack{background:radial-gradient(circle,#111 40%,#8a8a86 45%,#5a5a56 70%);border-radius:50%;width:12px;height:12px}.oc-amp-grille{transform-origin:50% 60%;background-color:#3a3833;background-image:repeating-linear-gradient(45deg,#00000047 0 2px,#0000 2px 5px),repeating-linear-gradient(-45deg,#ffffff0d 0 2px,#0000 2px 5px);border-radius:5px;flex:1;margin-top:7px;position:relative;box-shadow:inset 0 2px 8px #00000080}.oc-amp-logo{font:italic 400 22px/1 var(--font-display);color:#e8dcc0;text-shadow:0 1px #00000080;position:absolute;top:12px;left:16px}.oc-interface{background:linear-gradient(#c8392b,#a12b20);border-radius:12px;align-items:center;gap:14px;padding:0 16px;display:flex;position:relative;box-shadow:inset 0 1px #fff3,inset 0 -4px 10px #00000040}.oc-if-input{flex-direction:column;align-items:center;gap:5px;display:flex}.oc-if-ring{--ring:#ffffff1f;--glow:0;width:46px;height:46px;box-shadow:0 0 0 3px var(--ring), 0 0 calc(var(--glow) * 16px) var(--ring);border-radius:50%;place-items:center;transition:box-shadow 60ms;display:grid}.oc-if-ring i{background:radial-gradient(circle at 40% 35%,#4a4a46,#1c1c1a);border-radius:50%;width:34px;height:34px}.oc-if-label{font:500 9px/1 var(--font-display-mono);color:#fffc}.oc-if-meter{flex-direction:column-reverse;gap:2px;margin-left:auto;display:flex}.oc-if-meter span{background:#00000059;border-radius:1px;width:16px;height:4px}.oc-if-meter span[data-on=true]{background:#5fe36b;box-shadow:0 0 4px #5fe36b}.oc-if-meter span[data-on=true][data-hot=true]{background:#ffb43c;box-shadow:0 0 4px #ffb43c}.oc-if-name{font:600 8px/1 var(--font-display-mono);letter-spacing:.1em;color:#fff9;position:absolute;bottom:8px;left:16px}.oc-mic{filter:drop-shadow(0 8px 10px #1c1c1a40);width:100%;height:100%;overflow:visible}.oc-mic-head{fill:#b9b5ab;stroke:#8a867c}.oc-mic-mesh{stroke:#8a867c;stroke-width:1px}.oc-mic-band{fill:#3b3a35}.oc-mic-body{fill:#2a2926}.oc-mic-stand{fill:none;stroke:#3b3a35;stroke-width:4px;stroke-linecap:round}.oc-mic-dot{fill:#e8b73a}.oc-midi{background:#2a2926;border-radius:12px;flex-direction:column;gap:9px;padding:11px;display:flex;box-shadow:inset 0 1px #ffffff0f,inset 0 -6px 12px #00000059}.oc-midi-top{align-items:center;gap:12px;display:flex}.oc-midi-screen{color:#7dffa8;height:30px;font:500 12px/1 var(--font-display-mono);letter-spacing:.08em;text-shadow:0 0 6px #7dffa899;background:#0e1a14;border-radius:4px;flex:1;align-items:center;padding:0 9px;display:flex}.oc-midi-pads{flex:1;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.oc-midi-pads button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#4a4842;border:0;border-radius:5px;box-shadow:inset 0 -3px #0000004d,inset 0 1px #ffffff14}.oc-midi-pads button:active{transform:translateY(1px);box-shadow:inset 0 -1px #0000004d}.oc-midi-pads button:focus-visible{outline-offset:2px;outline:2px solid #ff8a3c}.oc-record{position:relative}.oc-record-disc{background:repeating-radial-gradient(circle,#1c1c1a 0 2px,#2b2a27 2px 3px);border-radius:50%;width:168px;height:168px;animation:4s linear infinite oc-spin;position:absolute;top:6px;right:0;box-shadow:0 4px 10px #1c1c1a4d}.oc-record-disc i{background:var(--rec);border-radius:50%;position:absolute;inset:34%;box-shadow:0 0 0 2px #0003}.oc-record-disc i:after{content:"";background:#f4f1ea;border-radius:50%;position:absolute;inset:44%}.oc-item:hover .oc-record-disc{animation-duration:1.6s}@keyframes oc-spin{to{rotate:360deg}}.oc-record-sleeve{background:var(--rec);width:180px;height:180px;color:var(--rec-ink);border-radius:3px;flex-direction:column;justify-content:flex-end;gap:4px;padding:14px;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 1px #0000001a}.oc-record-art{background:radial-gradient(circle at 70% 30%, color-mix(in oklab, var(--rec-ink) 30%, transparent) 0 22%, transparent 22.5%), repeating-linear-gradient(-30deg, transparent 0 14px, color-mix(in oklab, var(--rec-ink) 12%, transparent) 14px 15px);position:absolute;inset:0}.oc-record-title{font:italic 400 26px/1 var(--font-display);position:relative}.oc-record-sleeve .label{color:inherit;opacity:.8;font-size:8.5px;text-decoration:none;position:relative}.oc-record-sleeve a.label{text-underline-offset:3px;text-decoration:underline}.oc-book{background:var(--book);color:var(--book-ink);border-radius:2px 6px 6px 2px;flex-direction:column;justify-content:space-between;padding:18px 16px 16px 22px;display:flex;position:relative;box-shadow:inset 6px 0 #0000002e,inset 8px 0 #ffffff14,0 0 0 1px #00000014}.oc-book[data-soon=true]{background:repeating-linear-gradient(135deg, var(--book) 0 8px, color-mix(in oklab, var(--book) 85%, white) 8px 16px)}.oc-book-title{font:italic 400 24px/1.05 var(--font-display)}.oc-book-author{opacity:.8;font-size:8.5px}.oc-book-link{color:inherit;font-size:8.5px}.oc-note-title{letter-spacing:.06em;text-transform:uppercase;font:700 12.5px/22px var(--font-display-mono)!important;color:var(--ink)!important}.oc-sticker{--st:#e8b73a;--st-ink:#1c1c1a;background:var(--st);width:100%;height:100%;color:var(--st-ink);font:700 12px/1.05 var(--font-display);letter-spacing:-.01em;text-align:center;text-transform:uppercase;transition:rotate .3s var(--ease-out);place-items:center;padding:6px 10px;display:grid;box-shadow:0 0 0 3px #fdfcf8,0 3px 8px #1c1c1a40}.oc-sticker[data-shape=pill]{white-space:nowrap;width:auto;min-width:100%;font-family:var(--font-display-mono);border-radius:99px;gap:6px;font-size:11px;display:inline-flex}.oc-sticker[data-shape=circle]{border-radius:50%;font-size:13px}.oc-sticker[data-shape=oval]{font:italic 400 17px/1 var(--font-display);text-transform:none;border-radius:50%}.oc-sticker[data-shape=tag]{font-family:var(--font-display-mono);box-shadow:0 0 0 1px var(--hair), 0 3px 8px #1c1c1a33;border-radius:6px 26px 26px 6px;font-size:13px}.oc-sticker[data-shape=burst]{box-shadow:none;filter:drop-shadow(0 0 #fdfcf8)drop-shadow(0 3px 6px #1c1c1a40);background:0 0;padding:18px;font-size:15px;position:relative}.oc-sticker[data-shape=burst]:before{content:"";z-index:-1;background:var(--st);clip-path:polygon(50% 0%,61% 14%,79% 9%,80% 27%,97% 33%,87% 49%,98% 65%,80% 71%,79% 90%,61% 85%,50% 100%,39% 85%,21% 90%,20% 71%,2% 65%,13% 49%,3% 33%,20% 27%,21% 9%,39% 14%);position:absolute;inset:0}.oc-sticker[data-shape=burst] span{rotate:-8deg}.oc-sticker[data-shape=smiley]{border-radius:50%;padding:0}.oc-sticker[data-shape=smiley] svg{width:100%;height:100%}.oc-sticker[data-shape=smiley] circle:first-child{fill:var(--st)}.oc-sticker[data-shape=smiley] circle:not(:first-child){fill:#1c1c1a}.oc-sticker[data-shape=smiley] path{fill:none;stroke:#1c1c1a;stroke-width:3.5px;stroke-linecap:round}.oc-item[data-kind=sticker]:hover .oc-sticker{rotate:-6deg}.oc-rec-dot{background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.1s step-end infinite oc-blink}@keyframes oc-blink{50%{opacity:.15}}.oc-washi{background:#e9d9b0db;height:100%;overflow:hidden;box-shadow:inset 0 0 0 1px #1c1c1a0d;-webkit-mask:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.oc-washi-track{align-items:center;width:max-content;height:100%;animation:22s linear infinite oc-marquee;display:flex}.oc-washi-track span{font:700 11px/1 var(--font-display-mono);letter-spacing:.14em;color:#1c1c1ab3;white-space:pre;padding-right:0}@keyframes oc-marquee{to{transform:translate(-50%)}}.oc-kit{position:relative}.oc-cutout-print img{object-fit:cover;width:100%;height:100%}.oc-kit-hits{pointer-events:none;position:absolute;inset:0}.oc-kit-hits i{border:2px solid #fbfaf6e6;border-radius:50%;width:90px;height:90px;margin:-45px 0 0 -45px;animation:.52s cubic-bezier(.22,1,.36,1) forwards oc-ripple;position:absolute;box-shadow:0 0 0 1px #1c1c1a33}.oc-kit-hits i[data-cymbal=true]{border-color:#f6d27a;width:150px;height:60px;margin:-30px 0 0 -75px}@keyframes oc-ripple{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1)}}.oc-kit-tip{z-index:3;background:var(--ink);color:var(--paper);font:500 10px/1 var(--font-display-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;border-radius:6px;padding:4px 8px;position:absolute;translate:12px -130%}.oc-stack{flex-direction:column;display:flex;position:relative}.oc-stack-pile{flex:1;position:relative}.oc-stack-print{background:#fdfcf8;border-radius:3px;padding:9px;transition:transform .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 8px 0 0;box-shadow:0 0 0 1px #1c1c1a14,0 4px 10px -6px #1c1c1a4d}.oc-stack-print .oc-photo-print{height:100%}.oc-stack-print[data-leaving=true],.oc-pass[data-leaving=true]{animation:.52s cubic-bezier(.22,1,.36,1) oc-under}@keyframes oc-under{0%{z-index:99;translate:0}45%{z-index:99;translate:115% -6%;rotate:9deg}55%{z-index:0}to{z-index:0;translate:0}}.oc-stack-caption{color:#2b3a67;align-items:flex-end;height:34px;padding:0 4px;font-size:22px;line-height:1;display:flex}.oc-stack-meta{justify-content:space-between;padding:4px 4px 0;display:flex}.oc-stack-meta .label{color:var(--muted);font-size:8.5px}.oc-passport{perspective:1600px;background:#23304a;border-radius:10px;grid-template-columns:1fr 1fr;padding:7px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.oc-passport-page{background-color:#0000;background-image:repeating-radial-gradient(circle at 30% 40%,#2b3a670d 0 2px,#0000 2px 9px),linear-gradient(90deg,#ede3cb,#f6f0e1 14%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;padding:10px 12px;display:flex;position:relative;overflow:hidden}.oc-passport-page[data-side=left]{background-image:repeating-radial-gradient(circle at 70% 60%,#2b3a670d 0 2px,#0000 2px 9px),linear-gradient(270deg,#ede3cb,#f6f0e1 14%);border-radius:5px 0 0 5px}.oc-passport-page[data-side=right]{border-radius:0 5px 5px 0}.oc-passport-head{font:700 9px/1 var(--font-display-mono);letter-spacing:.18em;text-transform:uppercase;color:#2b3a6799;justify-content:space-between;display:flex}.oc-passport-stamps{flex-direction:column;flex:1;justify-content:space-evenly;align-items:center;display:flex}.oc-passport-spine{pointer-events:none;background:linear-gradient(90deg,#0000,#1c1c1a29 50%,#0000);width:14px;margin-left:-7px;position:absolute;top:7px;bottom:7px;left:50%}.oc-stamp{--ink:#c2412d;color:var(--ink);mix-blend-mode:multiply;opacity:.95;font-family:var(--font-display-mono);text-transform:uppercase;border:2.5px solid;flex-direction:column;align-items:center;gap:1px;padding:6px 12px;display:inline-flex;box-shadow:inset 0 0 0 2px #0000,inset 0 0 0 3px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -1.5 1.6'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -1.5 1.6'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.oc-stamp[data-shape=circle]{border-radius:50%;justify-content:center;width:92px;height:92px;padding:0}.oc-stamp[data-shape=oval]{border-radius:50%;padding:9px 18px}.oc-stamp[data-shape=rect]{border-radius:3px}.oc-stamp[data-shape=arrow]{box-shadow:none;background:0 0;border:0;padding:7px 26px 7px 12px;position:relative}.oc-stamp[data-shape=arrow]:before{content:"";clip-path:polygon(0 0,84% 0,100% 50%,84% 100%,0 100%);border:2px solid;position:absolute;inset:0}.oc-stamp[data-shape=arrow]:after{content:"";clip-path:polygon(0 0,84% 0,100% 50%,84% 100%,0 100%,0 calc(100% - 2px),calc(84% - 1px) calc(100% - 2px),calc(100% - 3px) 50%,calc(84% - 1px) 2px,2px 2px,2px calc(100% - 2px),0 calc(100% - 2px));background:currentColor;position:absolute;inset:0}.oc-stamp-top{letter-spacing:.16em;font-size:7.5px;font-weight:700}.oc-stamp strong{font:700 24px/1 var(--font-display-mono);letter-spacing:.06em}.oc-stamp-city{font:400 15px/1 var(--font-display);text-transform:none}.oc-stamp-coords{letter-spacing:.06em;opacity:.85;font-size:6.5px}.oc-passes{position:relative}.oc-pass{--ink:#c2412d;width:260px;height:112px;box-shadow:0 0 0 1px var(--hair), 0 4px 10px -6px #1c1c1a4d;background:#fbfaf6;border-radius:8px;transition:transform .42s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;left:0;overflow:hidden}.oc-pass-main{border-left:6px solid var(--ink);font-family:var(--font-display-mono);flex-direction:column;flex:1;justify-content:space-between;padding:9px 12px;display:flex}.oc-pass-row{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;font-size:8px;display:flex}.oc-pass-to{color:var(--ink);align-items:baseline;gap:8px;display:flex}.oc-pass-to span{letter-spacing:.14em;text-transform:uppercase;font-size:9px}.oc-pass-to strong{font:700 36px/1 var(--font-display-mono);letter-spacing:.04em}.oc-pass-city{font:400 19px/1 var(--font-display);color:#2b3a67}.oc-pass-stub{border-left:1.5px dashed var(--hair);background:color-mix(in oklab, var(--ink) 9%, #fbfaf6);width:58px;font:400 7.5px/1.2 var(--font-display-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.oc-pass-stub strong{font:700 22px/1 var(--font-display-mono);color:var(--ink)}.oc-pass-code{background:repeating-linear-gradient(90deg,#1c1c1a 0 1px,#0000 1px 3px,#1c1c1a 3px 5px,#0000 5px 6px);width:36px;height:24px;margin-top:6px}.oc-zoom{z-index:5;left:calc(var(--gutter) + 160px);bottom:calc(var(--gutter) + 16px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 0 1px var(--hair);background:#f8f2e6db;border-radius:12px;align-items:center;gap:3px;padding:3px;display:flex;position:absolute}.oc-zoom>button{width:28px;height:28px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:16px;line-height:1;transition:background-color .14s}.oc-zoom>button:hover{background:#1c1c1a0f}.oc-zoom>button:active{transform:scale(.94)}.oc-zoom>button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.oc-zoom .oc-zoom-fit{width:auto;font:500 10px/1 var(--font-display-mono);letter-spacing:.06em;text-transform:uppercase;padding:0 9px}.oc-zoom-track{--z:50%;cursor:ew-resize;background:#1c1c1a0f;border-radius:9px;justify-content:center;align-items:center;width:96px;height:28px;display:flex;position:relative;overflow:hidden}.oc-zoom-fill{width:var(--z);pointer-events:none;background:#1c1c1a1a;border-right:2px solid #1c1c1a73;position:absolute;inset:0 auto 0 0}.oc-zoom-value{font:500 11px/1 var(--font-display-mono);font-variant-numeric:tabular-nums;pointer-events:none;position:relative}.oc-zoom-track input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.oc-zoom-track:focus-within{box-shadow:inset 0 0 0 2px #1c1c1a80}@media (max-width:880px){.oc-zoom{left:calc(var(--gutter) + 10px);bottom:124px}.oc-zoom-track{width:64px}}.offclock .oc-head,.offclock .oc-controls,.offclock .oc-zoom,.offclock .oc-minimap,.offclock .oc-cue{transition:filter .3s,translate .36s cubic-bezier(.22,1,.36,1)}.offclock[data-focus=true] .oc-head,.offclock[data-focus=true] .oc-controls,.offclock[data-focus=true] .oc-zoom,.offclock[data-focus=true] .oc-minimap,.offclock[data-focus=true] .oc-cue{visibility:hidden}.oc-stack-print{padding:8px}.oc-stack-print img{object-fit:cover;border-radius:1px;width:100%;height:100%;display:block}.oc-stack-foot{justify-content:space-between;align-items:flex-end;gap:10px;padding:12px 4px 0 6px;display:flex}.oc-stack-text{flex-direction:column;gap:3px;min-width:0;display:flex}.oc-stack-place{font:500 9px/1 var(--font-display-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.oc-stack-caption{font:500 12.5px/1.3 var(--font-display);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.oc-pile-ctrl{background:#1c1c1a0d;border-radius:99px;flex:none;align-items:center;gap:4px;padding:3px;display:inline-flex}.oc-pile-ctrl>button{width:20px;height:20px;color:var(--ink);font:500 13px/1 var(--font-display);cursor:pointer;transition:transform .16s var(--ease-out);background:#fbfaf6;border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 1px 2px #1c1c1a2e}.oc-pile-ctrl>button:active{transform:scale(.9)}.oc-pile-dots{align-items:center;gap:4px;padding:0 2px;display:inline-flex}.oc-pile-dots button{cursor:pointer;width:5px;height:5px;transition:width .28s var(--ease-out), background-color .2s;background:#1c1c1a40;border:0;border-radius:99px;padding:0}.oc-pile-dots button[aria-selected=true]{background:var(--ink);width:14px}.oc-pile-ctrl[data-size=lg]{background:#ffffff14;gap:8px;padding:5px}.oc-pile-ctrl[data-size=lg]>button{background:#ffffffe6;width:34px;height:34px;font-size:18px}.oc-pile-ctrl[data-size=lg] .oc-pile-dots{gap:6px}.oc-pile-ctrl[data-size=lg] .oc-pile-dots button{background:#ffffff4d;width:7px;height:7px}.oc-pile-ctrl[data-size=lg] .oc-pile-dots button[aria-selected=true]{background:#fff;width:22px}.oc-photo-caption{height:42px;font:500 12.5px/1 var(--font-display);color:var(--ink);padding:0 4px}.oc-photo-print img{object-fit:cover;width:100%;height:100%;display:block}.oc-links{flex-wrap:wrap;gap:10px;display:flex}.oc-links a{white-space:nowrap;font:500 9.5px/1 var(--font-display-mono);letter-spacing:.04em;text-transform:uppercase;color:inherit;opacity:.75;border-bottom:1px solid;padding:5px 0;text-decoration:none;transition:opacity .16s}.oc-links a:hover{opacity:1}.oc-borrowed{font:500 8.5px/1 var(--font-display-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.6;justify-content:space-between;gap:8px;display:flex}.oc-person-foot{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.oc-person-foot strong{font:600 14px/1.15 var(--font-display-wide);letter-spacing:-.01em}.oc-slide{color:#1d2b33;background:linear-gradient(115deg,#d6e9eeeb,#ecf5f7bf 45%,#cde2e8e6);border-radius:6px;grid-template-columns:104px 1fr;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffe6,inset 0 0 0 2px #78a0aa40,0 1px #1c1c1a0f}.oc-slide:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff8c 38%,#0000 46%);position:absolute;inset:0}.oc-slide-label{background:#f7f3ea;flex-direction:column;gap:6px;padding:12px 10px;display:flex;box-shadow:inset -1px 0 #1c1c1a14}.oc-slide-label .oc-borrowed{flex-direction:column;gap:4px}.oc-slide-label strong{font:600 15px/1.1 var(--font-display-wide);letter-spacing:-.01em;margin-top:auto}.oc-slide-where{font:400 10.5px/1.3 var(--font-display);opacity:.7}.oc-slide-glass{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex;position:relative}.oc-slide-specimen{background:#ffffff8c;border-radius:50%;width:112px;height:112px;box-shadow:inset 0 0 0 1px #1d2b3326,inset 0 0 18px #50829633}.oc-slide-specimen line{stroke:#1d2b3314;stroke-width:.6px}.oc-slide-button{fill:#1d2b33}.oc-slide-ring{fill:none;stroke:#3b82f6;stroke-width:2px}.oc-slide-cursor{fill:#fff;stroke:#1d2b33;stroke-width:1.6px;stroke-linejoin:round}.oc-slide-caption{font:400 8px/1 var(--font-display-mono);letter-spacing:.02em;opacity:.6;white-space:nowrap;text-align:center}.oc-pushcard{color:#3a2210;background:#fff3d6;border-radius:14px;flex-direction:column;justify-content:space-between;padding:12px 14px;display:flex;box-shadow:inset 0 0 0 1px #3a221014}.oc-push-stage{flex-direction:column;align-items:center;gap:10px;display:flex}.oc-push{cursor:pointer;outline-offset:6px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:relative}.oc-push-shadow{filter:blur(4px);background:#3a221040;border-radius:14px;transition:transform .5s cubic-bezier(.3,.7,.4,1);position:absolute;inset:0;transform:translateY(4px)}.oc-push-edge{background:linear-gradient(90deg,#8a1f12,#b8321f 8% 92%,#8a1f12);border-radius:14px;position:absolute;inset:0}.oc-push-front{color:#fff8ea;font:600 17px/1 var(--font-display-wide);background:#e8442c;border-radius:14px;padding:14px 34px;transition:transform .5s cubic-bezier(.3,.7,.4,1);display:block;position:relative;transform:translateY(-6px)}.oc-push:hover .oc-push-front{transition-duration:.25s;transform:translateY(-8px)}.oc-push:hover .oc-push-shadow{transform:translateY(6px)}.oc-push:active .oc-push-front{transition-duration:34ms;transform:translateY(-2px)}.oc-push:active .oc-push-shadow{transition-duration:34ms;transform:translateY(1px)}.oc-push-count{font:400 11px/1 var(--font-display);opacity:.65;font-variant-numeric:tabular-nums}.oc-graph{color:#1f2a44;background-color:#fbfbf6;background-image:linear-gradient(#3b82f61f 1px,#0000 1px),linear-gradient(90deg,#3b82f61f 1px,#0000 1px),linear-gradient(#3b82f60f 1px,#0000 1px),linear-gradient(90deg,#3b82f60f 1px,#0000 1px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;border-radius:3px;flex-direction:column;gap:6px;padding:12px 14px;display:flex;box-shadow:0 0 0 1px #1c1c1a14}.oc-graph-plot{flex:1;width:100%;min-height:0;overflow:visible}.oc-graph-axis{fill:none;stroke:#1f2a44;stroke-width:1px}.oc-graph-linear{fill:none;stroke:#1f2a4440;stroke-width:1px;stroke-dasharray:3 3}.oc-graph-curve{fill:none;stroke:#c2412d;stroke-width:2px;stroke-linecap:round}.oc-graph-dot{fill:#c2412d;offset-path:path("M20 104 C 48.6 14, 66.8 14, 150 14");offset-rotate:0deg;animation:1.8s cubic-bezier(.22,1,.36,1) infinite oc-graph-ride}@keyframes oc-graph-ride{0%{offset-distance:0%}70%,to{offset-distance:100%}}.oc-graph-plot text{font:400 7px var(--font-display-mono);fill:#1f2a4499}.oc-graph-fn{font:500 10px/1 var(--font-display-mono);color:#c2412d}.oc-cassette{background:linear-gradient(#2b2f33,#1d2023);border-radius:10px;padding:12px 12px 22px;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #0006}.oc-cassette:before,.oc-cassette:after{content:"";background:#0f1113;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;box-shadow:inset 0 1px 1px #ffffff26}.oc-cassette:before{left:6px}.oc-cassette:after{right:6px}.oc-cassette-label{color:#1d2023;background:linear-gradient(#f2e6c9 0 62%,#3a8c7f 62% 66%,#f2e6c9 66%);border-radius:5px;flex-direction:column;gap:5px;height:100%;padding:9px 12px 10px;display:flex}.oc-cassette-label strong{font:600 19px/1 var(--font-display-wide);letter-spacing:-.01em}.oc-cassette-side{font:400 10px/1.2 var(--font-display);opacity:.7}.oc-cassette-window{background:#141618d9;border-radius:17px;justify-content:space-between;align-items:center;height:34px;margin:2px 26px;padding:0 10px;display:flex;box-shadow:inset 0 2px 4px #0009}.oc-reel{background:radial-gradient(circle,#1d2023 0 4px,#e9e2d0 4.5px 6px,#5b4636 6.5px);border-radius:50%;width:24px;height:24px;animation:3.2s linear infinite oc-spin;position:relative}.oc-reel:after{content:"";background:conic-gradient(#1d2023 0 30deg, transparent 30deg 120deg, #1d2023 120deg 150deg, transparent 150deg 240deg, #1d2023 240deg 270deg, transparent 270deg);border-radius:50%;position:absolute;inset:7px}.oc-item:hover .oc-reel{animation-duration:.9s}.oc-cassette-tape{background:#4a3628;border-radius:1px;flex:1;height:8px;margin:0 6px}.oc-cassette .oc-links{margin-top:auto}.oc-cassette-teeth{clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);background:#15171a;border-radius:3px 3px 0 0;width:120px;height:12px;margin-left:-60px;position:absolute;bottom:4px;left:50%}.oc-metro{color:#d8dbd2;background:linear-gradient(#3a3d42,#26282c);border-radius:16px;flex-direction:column;gap:9px;padding:11px;display:flex;box-shadow:inset 0 1px #ffffff1a,inset 0 -4px 10px #00000059}.oc-metro-top{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.oc-metro-brand{font:500 8.5px/1 var(--font-display-mono);letter-spacing:.16em;color:#d8dbd28c}.oc-metro-lamp{background:#5a1a14;border-radius:50%;width:8px;height:8px;transition:background-color 60ms,box-shadow 60ms}.oc-metro-lamp[data-on=true]{background:#ff4d36;box-shadow:0 0 10px #ff4d36}.oc-metro-screen{color:#1e2418;background:linear-gradient(#b8c4a2,#a3b08c);border-radius:6px;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:4px 8px;padding:9px 11px;display:grid;position:relative;box-shadow:inset 0 2px 6px #00000059}.oc-metro-digits{font:500 42px/.9 var(--font-display-mono);letter-spacing:.02em;font-variant-numeric:tabular-nums;position:relative}.oc-metro-ghost{opacity:.09;position:absolute;top:0;left:0}.oc-metro-meta{font:500 8.5px/1 var(--font-display-mono);letter-spacing:.08em;flex-direction:column;justify-content:center;align-items:flex-end;gap:3px;display:flex}.oc-metro-beats{grid-column:1/-1;gap:4px;display:flex}.oc-metro-beats span{background:#1e241824;border-radius:1px;flex:1;height:6px}.oc-metro-beats span[data-on=true]{background:#1e2418}.oc-metro-beats span[data-accent=true][data-on=true]{background:#1e2418;box-shadow:0 0 0 1px #1e2418}.oc-metro-keys{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.oc-metro-keys button{color:#e6e8e0;height:26px;font:500 10px/1 var(--font-display-mono);cursor:pointer;background:#4a4d53;border:0;border-radius:7px;box-shadow:inset 0 1px #ffffff1f,0 2px #18191b}.oc-metro-keys button:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff1f}.oc-metro-keys .oc-metro-start{letter-spacing:.1em;text-transform:uppercase;background:#c2412d;grid-column:1/-1}.oc-metro-keys .oc-metro-start[data-on=true]{background:#6b7364}.oc-acton{background-color:#b98d5f;background-image:radial-gradient(#46280f2e .6px,#0000 .8px),radial-gradient(#fff0d21f .6px,#0000 .8px);background-position:0 0,2px 2px;background-size:4px 4px,5px 5px;border-radius:14px;flex-direction:column;padding:8px;display:flex;box-shadow:inset 0 0 0 2px #e9d7b6,inset 0 0 0 4px #b98d5f,inset 0 -8px 16px #46280f40,0 1px #1c1c1a1a}.oc-acton-panel{background:linear-gradient(#e7cf91,#c6a560 60%,#b08f4c);border-radius:5px;justify-content:space-between;align-items:center;gap:6px;margin:2px 2px 7px;padding:6px 12px;display:flex;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #46280f4d}.oc-acton-panel .oc-knob-label{color:#3d2a12;font-size:7px}.oc-acton-panel .oc-knob-cap{background:radial-gradient(circle at 40% 35%,#fff2c8,#d9b56a 55%,#8f6c2b);box-shadow:0 2px 3px #3c230a80,inset 0 -2px 2px #3c230a59}.oc-acton-panel .oc-knob-cap:after{background:#3d2a12}.oc-acton-power{background:#6b4a20;border-radius:50%;width:9px;height:9px;box-shadow:inset 0 1px 1px #0006}.oc-acton-power[data-on=true]{background:#fff1c8;box-shadow:0 0 8px #ffd981}.oc-acton-source{font:600 7px/1 var(--font-display-mono);color:#3d2a12;flex-direction:column;align-items:center;gap:3px;display:flex}.oc-acton-source i{background:#6b4a20;border-radius:50%;width:6px;height:6px}.oc-acton-source i[data-on=true]{background:#6fb8ff;box-shadow:0 0 6px #6fb8ff}.oc-acton-grille{--thump:0;transform:scale(calc(1 + var(--thump) * .02));background-color:#2a221b;background-image:repeating-linear-gradient(0deg,#ffebc80f 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#00000059 0 1px,#0000 1px 3px);border-radius:6px;flex:1;place-items:center;margin:0 2px 2px;display:grid;position:relative;box-shadow:inset 0 2px 8px #0009}.oc-acton-logo{font:400 46px/1 var(--font-script), cursive;color:#e7cf91;text-shadow:0 1px #00000080;transform:rotate(-4deg)translateY(4px)}@media (prefers-reduced-motion:reduce){.oc-reel,.oc-graph-dot{animation:none}}.oc-playlist{flex-direction:column;height:100%;display:flex}.oc-playlist-stack{flex:1;position:relative}.oc-sleeve{z-index:1;background:#111;border-radius:2px;width:184px;height:184px;transition:transform .42s cubic-bezier(.22,1,.36,1);position:absolute;top:2px;left:0;overflow:hidden;box-shadow:0 0 0 1px #00000026,0 6px 14px -8px #1c1c1a80}.oc-sleeve img{object-fit:cover;width:100%;height:100%;display:block}.oc-sleeve:after{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff1f,#0000 40%);position:absolute;inset:0}.oc-vinyl{background:repeating-radial-gradient(circle,#151515 0 1.5px,#232323 1.5px 3px);border-radius:50%;width:172px;height:172px;transition:left .42s cubic-bezier(.22,1,.36,1);animation:6s linear infinite oc-spin;position:absolute;top:8px;left:52px;box-shadow:0 4px 12px #1c1c1a59,inset 0 0 0 1px #ffffff0d}.oc-vinyl:before{content:"";background:conic-gradient(from 30deg, transparent 0 40deg, #ffffff14 60deg, transparent 80deg 220deg, #ffffff0f 240deg, transparent 260deg);border-radius:50%;position:absolute;inset:0}.oc-vinyl i{background:var(--label);border-radius:50%;position:absolute;inset:35%;box-shadow:inset 0 0 0 2px #00000026}.oc-vinyl i:after{content:"";background:#f4f1ea;border-radius:50%;position:absolute;inset:44%}.oc-item:hover .oc-vinyl,.oc-item[data-inspect=true] .oc-vinyl{left:64px}.oc-playlist .oc-stack-foot{padding-top:10px}.oc-poster{background:var(--paper);color:var(--ink);border-radius:2px;flex-direction:column;gap:8px;padding:10px 10px 0;display:flex;overflow:hidden;box-shadow:0 0 0 1px #00000014}.oc-poster-img{background:#0003;flex:1;min-height:0;overflow:hidden}.oc-poster-img img{object-fit:cover;width:100%;height:100%;display:block}.oc-poster-name{font:700 26px/.92 var(--font-display-wide);letter-spacing:-.03em;text-transform:uppercase}.oc-poster-line{font:400 11px/1.2 var(--font-display);opacity:.8}.oc-spotify{background:#ffffff0a;border-radius:12px;min-height:352px;overflow:hidden}.oc-spotify iframe{border:0;border-radius:12px;display:block}.offclock .oc-controls{top:max(12px, calc(var(--gutter) - 4px));bottom:auto;right:calc(var(--gutter) + var(--dials))}html:has(.dials-toggle) .offclock .oc-controls{top:max(60px, calc(var(--gutter) + 36px))}.offclock .oc-nudge{top:calc(100% + 8px);bottom:auto}.offclock .oc-minimap{left:auto;right:calc(var(--gutter) + var(--dials) + 16px);bottom:calc(var(--gutter) + 16px);transition:right .48s var(--ease-out)}.offclock .oc-zoom{left:calc(var(--gutter) + 16px);bottom:calc(var(--gutter) + 16px)}@media (max-width:880px){.offclock .oc-controls{top:64px;right:var(--gutter)}html:has(.dials-toggle) .offclock .oc-controls{top:64px}.offclock .oc-zoom{left:calc(var(--gutter) + 10px);bottom:124px}}.oc-a3{flex-direction:column;padding:0 0 10px;display:flex;position:relative}.oc-a3:before{content:"";background-color:#7b4527;background-image:radial-gradient(#1e0c0247 .7px,#0000 1px),radial-gradient(#ffd2a01a .7px,#0000 1px),linear-gradient(#96593a 0%,#7f482a 30%,#6c3b20 100%);background-position:0 0,1px 2px,0 0;background-size:3px 3px,4px 4px,100% 100%;border-radius:18px;position:absolute;inset:0 0 10px;box-shadow:inset 0 2px 1px #ffd2aa59,inset 0 -3px 6px #1e0c0273,inset 3px 0 6px #1e0c0240,inset -3px 0 6px #1e0c0240}.oc-a3>*{position:relative}.oc-a3-tray{background:linear-gradient(#4e2814,#6e3d22 70%,#7d4729);border-radius:20px;justify-content:center;align-items:center;gap:22px;height:40px;margin:7px 34px 0;padding:0 16px;display:flex;box-shadow:inset 0 3px 6px #14080099,inset 0 -1px #ffd2aa40}.oc-a3-knob{cursor:ns-resize;touch-action:none;outline:none;flex-direction:column;align-items:center;width:26px;height:30px;display:flex;position:relative}.oc-a3-knob-side{background:linear-gradient(90deg,#7a5a24,#f2d58e 30%,#c9a24f 55%,#8a6a2c 85%,#5e4518);border-radius:0 0 12px 12px/0 0 5px 5px;height:13px;position:absolute;top:8px;left:1px;right:1px;box-shadow:0 3px 4px #1408008c}.oc-a3-knob-cap{background:radial-gradient(at 40% 35%,#fff2c6,#e2c06f 45%,#a8812f 100%);border-radius:50%;height:17px;position:absolute;top:0;left:0;right:0;overflow:hidden;box-shadow:inset 0 -1px 1px #50320a80}.oc-a3-knob-cap b{width:26px;height:26px;margin-top:-13px;position:absolute;top:50%;left:0;transform:scaleY(.65)}.oc-a3-knob-cap i{transform-origin:50% 0;background:#4a3410;border-radius:1px;width:2px;height:11px;margin-left:-1px;position:absolute;top:50%;left:50%}.oc-a3-knob-label{font:500 6.5px/1 var(--font-display-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffdcaabf;white-space:nowrap;opacity:0;transition:opacity .16s;position:absolute;top:31px}.oc-a3:hover .oc-a3-knob-label,.oc-item[data-inspect=true] .oc-a3-knob-label,.oc-a3-knob:focus-visible .oc-a3-knob-label{opacity:1}.oc-a3-knob:focus-visible .oc-a3-knob-cap{box-shadow:0 0 0 2px #ffd981}.oc-a3-toggle{cursor:pointer;background:0 0;border:0;width:14px;height:30px;padding:0;position:relative}.oc-a3-toggle:before{content:"";background:#2a1406;border-radius:50%;width:8px;height:5px;position:absolute;bottom:2px;left:3px;box-shadow:inset 0 1px 2px #000}.oc-a3-toggle i{transform-origin:50% 100%;background:repeating-linear-gradient(#5a3c0f59 0 1px,#0000 1px 2.5px),linear-gradient(90deg,#8a6a2c,#f6dc98 40%,#b38c3f 75%,#6e5220);border-radius:3px 3px 2px 2px;width:6px;height:24px;transition:rotate .22s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:4px;left:4px;rotate:-14deg}.oc-a3-toggle[data-on=true] i{rotate:14deg}.oc-a3-toggle:focus-visible i{outline-offset:2px;outline:2px solid #ffd981}.oc-a3-grille{--thump:0;transform:scale(calc(1 + var(--thump) * .015));background-color:#1c1710;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><rect x='0.6' y='0.7' width='4.8' height='2.4' rx='1.1' fill='%23b89a5e'/><rect x='6.6' y='4.7' width='4.8' height='2.4' rx='1.1' fill='%23b89a5e'/><rect x='0.6' y='0.7' width='4.8' height='1' rx='0.5' fill='%23e2c88d' opacity='.7'/><rect x='6.6' y='4.7' width='4.8' height='1' rx='0.5' fill='%23e2c88d' opacity='.7'/></svg>"),linear-gradient(#ffe6b414,#00000040);background-size:7px 4.7px,100% 100%;border-radius:4px;flex:1;place-items:center;margin:12px 13px 0;display:grid;box-shadow:0 0 0 2px #5a3018,inset 0 2px 6px #0000008c,inset 0 -2px 4px #00000059}.oc-a3-logo-shadow{filter:drop-shadow(0 1.5px .5px #0a0600bf)drop-shadow(0 0 3px #0a060059);width:50%}.oc-a3-logo{aspect-ratio:424.6/108.9;background:linear-gradient(160deg,#fff4cf 0%,#f0d48c 22%,#c9a14e 48%,#f3dc9b 62%,#a77f34 82%,#e8c97d 100%);width:100%;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.oc-a3-logo-text{font:400 44px/1 var(--font-script), cursive;color:#e6c983;text-shadow:0 1.5px #0a0600bf}.oc-a3-trim{background:linear-gradient(#f6dc98,#b08a3e 60%,#6e5220);border-radius:2px;height:3px;margin:7px 24px;box-shadow:0 1px #14080066}.oc-a3-feet{justify-content:space-between;height:12px;padding:0 30px;display:flex;bottom:0;left:0;right:0;position:absolute!important}.oc-a3-feet i{background:linear-gradient(#1a1410,#2c241d);border-radius:0 0 4px 4px;width:40px;height:10px}.oc-item[data-kind=amp] .oc-shadow{border-radius:18px;inset:6% 3% 0}.oc-head,.craft-head{z-index:5;top:calc(var(--gutter) + 4px);left:var(--gutter);-webkit-backdrop-filter:blur(24px)saturate(1.1);backdrop-filter:blur(24px)saturate(1.1);background:#faf7f0db;border-radius:16px;flex-direction:column;gap:10px;width:374px;padding:14px 14px 12px;display:flex;position:absolute;box-shadow:0 0 0 1px #1c1c1a12,0 10px 30px -18px #1c1c1a59}.oc-head-title,.craft-head .h{font:600 15px/1.1 var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0}.oc-head-text,.craft-head>.muted{font:400 13px/1.45 var(--font-display);color:var(--muted)}.oc-chips,.craft-studies{flex-wrap:wrap;gap:4px;display:flex}.oc-chips button,.craft-studies button{height:26px;color:var(--muted);font:400 12px/1 var(--font-sans), sans-serif;cursor:pointer;transition:background-color .16s, color .16s, transform .16s var(--ease-out);background:#1c1c1a0d;border:0;border-radius:99px;padding:0 10px}.oc-chips button:hover,.craft-studies button:hover{color:var(--ink);background:#1c1c1a1a}.oc-chips button:active,.craft-studies button:active{transform:scale(.95)}.oc-chips button:focus-visible,.craft-studies button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.oc-chips button[aria-pressed=true],.craft-studies button[aria-pressed=true]{background:var(--ink);color:var(--paper);font-weight:500}.oc-head-hint,.craft-hint{font:400 11.5px/1.4 var(--font-sans), sans-serif;color:var(--muted);border-top:1px solid #1c1c1a12;flex-wrap:wrap;gap:4px 14px;padding-top:8px;display:flex}.oc-head-hint span,.craft-hint span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.oc-head-hint svg,.craft-hint svg{flex:none}.oc-controls{z-index:5;bottom:calc(var(--gutter) + 16px);right:calc(var(--gutter) + var(--dials) + 16px);transition:right .48s var(--ease-out);align-items:center;gap:8px;display:flex;position:absolute}.oc-controls .pill{justify-content:center;min-width:112px;height:40px;padding-inline:18px;font-size:14px}.oc-sound{height:40px;box-shadow:var(--floating-button-shadow);cursor:pointer;transition:transform .16s var(--ease-out), background-color .16s;background:#fbfaf6db;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.oc-sound svg{width:18px;height:18px}.oc-sound[data-on=true]{background:#e9f0e6}.oc-sound-wrap{position:relative}.oc-nudge{white-space:nowrap;background:var(--ink);color:var(--paper);opacity:0;pointer-events:none;transition:opacity .2s, transform .24s var(--ease-out);border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px)}.oc-nudge[data-show=true]{opacity:1;transform:none}@media (max-width:880px){.oc-nudge{top:calc(100% + 8px);bottom:auto}}.oc-sound:active{transform:scale(.94)}.oc-sound:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.oc-group-label{z-index:0;font:500 11px/1 var(--font-display-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);pointer-events:none;transition:opacity .36s var(--ease-out);white-space:nowrap;position:absolute}.oc-cue{z-index:6;left:calc((100% - var(--dials)) / 2);cursor:pointer;opacity:0;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:4px;display:flex;position:absolute;bottom:60px;transform:translate(-50%)}.oc-cue-card{background:var(--card);height:32px;box-shadow:var(--floating-bar-shadow);transition:transform .2s var(--ease-out);border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.oc-cue:hover .oc-cue-card{transform:translateY(-1px)}.oc-cue:active .oc-cue-card{transform:scale(.97)}.oc-cue:focus-visible .oc-cue-card{outline:2px solid var(--ink);outline-offset:3px}.oc-cue-card .label{font:500 12px/1 var(--font-sans), sans-serif;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;white-space:nowrap}.oc-cue-track{background:var(--hair);border-radius:3px;width:56px;height:3px;position:relative;overflow:hidden}.oc-cue-track span{background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.oc-cue[data-out=true] .oc-cue-card{animation:.42s cubic-bezier(.22,1,.36,1) oc-punch}.oc-cue[data-out=true] .label{color:var(--red)}@keyframes oc-punch{0%{transform:scale(1)}30%{transform:scale(.94)rotate(-1.5deg)}to{transform:scale(1)rotate(0)}}@media (max-width:880px){.oc-head,.craft-head{right:var(--gutter);width:auto;top:max(var(--gutter), env(safe-area-inset-top,0px));left:var(--gutter);gap:8px;padding:12px}.oc-head-hint,.craft-hint{display:none}.oc-chips,.craft-studies{margin-top:6px}.oc-controls{top:64px;bottom:auto;right:var(--gutter)}.oc-controls .pill{min-width:0;height:44px}.oc-cue{bottom:58px}.oc-minimap,.oc-sound span{display:none}.oc-sound{justify-content:center;width:44px;height:44px;padding:0}}@media (prefers-reduced-motion:reduce){.oc-record-disc,.oc-washi-track,.oc-rec-dot,.oc-ease circle,.oc-cue[data-out=true] .oc-cue-card{animation:none}.oc-ticket-stub,.oc-mark-sticker:after{transition:none}}@media (max-width:880px){:root{--dials-w:min(88vw, 340px);--scene-height:100lvh;--dials:0px!important}.stage{overflow:visible}.intro,.craft{height:var(--scene-height);bottom:auto;overflow:clip}.reel{height:var(--scene-height);bottom:auto}.intro-text{width:auto;right:var(--gutter);top:calc(24px + env(safe-area-inset-top,0px));gap:12px;font-size:14px}.name{margin-bottom:6px}.intro-header{justify-content:space-between;gap:12px;margin-bottom:18px}.time-of-day{gap:8px;font-size:8.8px}.time-of-day .sky-dial{width:32px;height:21.6px}.hero-figure{left:var(--gutter);right:var(--gutter);top:var(--intro-scene-top,70svh);height:var(--scene-height);animation:none;bottom:auto}.scroll-cue{left:calc(var(--gutter) - 8px);top:calc(var(--intro-scene-top,70svh) - 64px);width:max-content;max-width:calc(100% - 2 * var(--gutter));height:44px;min-height:44px;transform:translateY(calc(-1 * var(--intro-lift,0px)));touch-action:pan-y;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:flex-start;gap:10px;margin:0;padding:0 8px;bottom:auto}.cue-peel{width:26px;height:30px}.cue-peel-art{transform-origin:0 0;transform:scale(.68)}.cue-text{gap:2px;font-size:13px}@media (hover:hover) and (pointer:fine){.scroll-cue:hover{background:0 0}}.cross{display:none}.reel-viewport{inset:0 16px}.reel-content{padding-bottom:calc(64px + var(--scene-height) - 100svh)}.reel-heading{text-align:center;align-items:center;gap:10px;padding:36px 12px 42px}.reel-title{font-size:clamp(24px,7vw,28px)}.reel-heading-copy{max-width:34ch;font-size:13px}.reel-board{grid-template-columns:minmax(0,1fr);gap:12px}.reel-card-caption{gap:8px;padding:10px 12px;inset:auto 8px 8px}.chapter-title{font-size:12px}.minimap{display:none}.letter{--letter-width:min(calc(min(70svh, 640px) * 210 / 297), calc(100vw - 2 * var(--gutter)));top:max(32px,6svh);left:50%;transform:translate(-50%)}.contact-side{left:var(--gutter);right:var(--gutter);width:auto;top:auto;bottom:var(--gutter);transform:none}.contact-copy{display:none}.mail-figure{width:min(58%,32svh);margin-left:auto}.sent{width:min(320px, calc(100% - 2 * var(--gutter)));padding:18px;top:max(72px,12svh)}.footer{grid-template-columns:1fr;padding-top:12svh}.nav{bottom:max(10px, env(safe-area-inset-bottom,0px));transform:translate(-50%)}.nav-item{padding:0 9px}.nav-label-long{display:none}.nav-label-short{display:inline}.dials-toggle span{display:none}.dials-toggle{top:auto;right:auto;bottom:max(10px, env(safe-area-inset-bottom,0px));justify-content:center;width:34px;padding:0;left:8px}.dials-toggle kbd{display:none}.dials{box-shadow:-12px 0 40px -12px #1c1c1a4d}}@media (max-width:880px) and (max-height:620px){.intro-text{top:calc(16px + env(safe-area-inset-top,0px));gap:10px;line-height:1.5}}@media (max-width:880px) and (max-height:500px) and (orientation:landscape){.letter{--letter-width:calc((100vw - 3 * var(--gutter)) * .6);left:var(--gutter);top:var(--gutter);height:calc(100svh - 2 * var(--gutter) - 44px);aspect-ratio:auto;transform:none}.letter-content{padding:12px 20px}.letter-greet{margin-bottom:0;font-size:22px}.letter .err{font-size:10px}.contact-side{width:calc((100vw - 3 * var(--gutter)) * .36);bottom:64px;left:auto}.mail-figure{width:100%}}@media (max-width:360px) and (max-height:620px){.intro-text{font-size:13px}}@media (prefers-reduced-motion:reduce){.reveal,.cue-peel-art *,.sky-rays{animation:none}.cue-peel-page{transform:rotate(-6deg)}.cue-peel-arrow{opacity:1}.scroll-cue{transition:none}.ascii-mark-clear,.ascii-mark-art{transition:none;animation:none}.sky-body,.hero-figure,.reel-viewport,.reel-card,.reel-card-caption,.contact-side,.minimap,.nav,.footer,.dials{transition:none}}@property --project-exit-x{syntax:"<length>";inherits:false;initial-value:0}@property --project-exit-y{syntax:"<length>";inherits:false;initial-value:0}@property --project-exit-opacity{syntax:"<number>";inherits:false;initial-value:1}@property --project-exit-duration{syntax:"<time>";inherits:false;initial-value:.52s}@property --project-return-duration{syntax:"<time>";inherits:false;initial-value:.52s}a.chapter{color:inherit;text-decoration:none}body[data-project-open]:not([data-project-closing]) .reel-card{transition:opacity .24s;opacity:0!important}body[data-project-closing] .reel-card{animation:project-context-return var(--project-return-duration,.52s) var(--ease-out) both}body[data-project-open] .nav,body[data-project-open] .dials,body[data-project-open] .dials-toggle{visibility:hidden}.project-overlay{z-index:100;--project-sheet-top:36px;--project-sheet-margin:18px;--project-edge-space:16px;--project-duration:.52s;--project-ease:cubic-bezier(.32, .72, 0, 1);--project-enter-duration:var(--project-duration);--project-exit-duration:var(--project-duration);--project-enter-ease:var(--project-ease);--project-exit-ease:var(--project-ease);position:fixed;inset:0}.project-backdrop{cursor:pointer;background:#1c1c1a42;border:0;width:100%;position:absolute;inset:0}.project-sheet{inset:var(--project-sheet-top,36px) var(--project-sheet-right,var(--project-sheet-margin,18px)) 0 var(--project-sheet-left,var(--project-sheet-margin,18px));background:#fff;border:1px solid #fffc;border-bottom:0;border-radius:24px 24px 0 0;position:absolute;overflow:hidden;box-shadow:0 -8px 64px -20px #1c1c1a33}.project-overlay>.project-sheet{transition:transform .28s var(--project-enter-ease), translate .24s var(--ease-out), border-radius .2s ease;will-change:transform, translate}.project-overlay[data-expanded]{--project-sheet-top:0px;--project-sheet-margin:0px}.project-overlay[data-expanded]>.project-sheet{border-color:#0000;border-radius:0}.project-overlay[data-expanded]>.project-sheet,.project-overlay[data-ready]>.project-sheet[data-settling]{transition:transform .28s var(--project-enter-ease), translate .24s var(--ease-out), left .56s var(--project-enter-ease), right .56s var(--project-enter-ease), top .56s var(--project-enter-ease), border-radius .56s var(--project-enter-ease)}.project-overlay[data-expanded][data-open][data-ready][data-edge]>.project-sheet{translate:none}.project-overlay>.project-sheet[data-dragging],.project-overlay[data-closed]>.project-sheet{transition:none}.project-overlay[data-open]>.project-sheet{animation:project-sheet-in var(--project-enter-duration) var(--project-enter-ease) backwards}.project-overlay[data-closed]>.project-sheet{animation:project-sheet-out var(--project-exit-duration) var(--project-exit-ease) both}.project-overlay[data-open]>.project-backdrop{animation:project-backdrop-in var(--project-enter-duration) var(--project-enter-ease) both}.project-overlay[data-closed]>.project-backdrop{animation:project-backdrop-out var(--project-exit-duration) var(--project-exit-ease) both}.project-overlay[data-open]>.project-media-flight{animation:project-media-in var(--project-enter-duration) var(--project-enter-ease) both}.project-overlay[data-closed]>.project-media-flight{animation:project-media-out var(--project-exit-duration) var(--project-exit-ease) both}.project-back-cursor{z-index:120;color:#fff;pointer-events:none;opacity:0;width:32px;height:32px;transition:opacity .14s ease, transform .18s var(--ease-out);background:#1c1c1a;border-radius:50%;place-items:center;display:grid;position:fixed;top:0;left:0;transform:translate(-50%,-50%)scale(.85);box-shadow:0 2px 8px #0000001f}@media (hover:hover) and (pointer:fine){.project-overlay[data-open][data-ready][data-edge=left]>.project-sheet{translate:var(--project-edge-space) 0}.project-overlay[data-open][data-ready][data-edge=right]>.project-sheet{translate:calc(-1 * var(--project-edge-space)) 0}.project-overlay[data-open][data-ready][data-edge=top]>.project-sheet{translate:0 var(--project-edge-space)}.project-backdrop[data-cursor]:hover{cursor:none}.project-backdrop[data-cursor]:hover+.project-back-cursor{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes project-sheet-in{0%{translate:0 calc(100% + var(--project-sheet-top))}to{translate:0}}@keyframes project-sheet-out{0%{translate:var(--project-exit-x,0px) var(--project-exit-y,0px)}to{translate:var(--project-exit-x,0px) calc(100% + var(--project-sheet-top))}}@keyframes project-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes project-backdrop-out{0%{opacity:var(--project-exit-opacity,1)}to{opacity:0}}@keyframes project-context-return{0%,55%{opacity:0}to{opacity:1}}@keyframes project-media-in{0%{transform:translate(var(--flight-dx), var(--flight-dy)) scale(var(--flight-sx), var(--flight-sy))}to{transform:none}}@keyframes project-media-out{0%{transform:translate(var(--flight-dx), var(--flight-dy)) scale(var(--flight-sx), var(--flight-sy));filter:var(--flight-from-filter,blur(0))}to{filter:blur();transform:none}}.project-sheet:before{content:"";background-image:inherit;pointer-events:none;position:absolute;inset:0}.project-handle-zone{z-index:3;cursor:grab;touch-action:none;place-items:center;width:20%;height:30px;display:grid;position:absolute;top:0;left:40%}.project-handle{background:var(--hair);border-radius:3px;width:32px;height:3px}.project-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hair) transparent;height:100%;overflow:hidden auto}.project-layout{grid-template-columns:1fr minmax(0,780px) 1fr;align-items:start;gap:clamp(24px,4vw,64px);margin:0 auto;padding:84px clamp(20px,3.2vw,48px) 140px;display:grid}.project-rail{z-index:7;justify-self:start;min-width:0;position:sticky;top:30vh}.project-article{grid-column:2}.project-identity>.label{letter-spacing:.13em;font-size:9px}.project-identity h1{font:400 clamp(28px, 2.5vw, 40px)/1.07 var(--font-serif), Georgia, serif;letter-spacing:-.025em;margin:14px 0 8px}.project-identity p{color:var(--muted);max-width:24ch;font-size:13px;line-height:1.5}.project-status{letter-spacing:.045em;color:var(--muted);border-left:2px solid var(--red);margin-top:20px;padding-left:8px;font-size:8px;display:inline-block}.project-index{isolation:isolate;--index-view:var(--project-view,100dvh);--index-shift:calc(clamp(24px, (var(--index-view) - var(--index-count,0) * 32px - 20px) / 2, 30vh - 10px) - 30vh + 10px);margin:-10px -12px;padding:10px 12px;transition:translate .32s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.project-index-list{width:max-content;max-height:calc(var(--index-view) - 30vh - 44px);overscroll-behavior:contain;scrollbar-width:none;margin-right:-12px;padding-right:12px;transition:max-height .32s cubic-bezier(.22,1,.36,1);display:grid;overflow-y:auto}.project-index-list::-webkit-scrollbar{display:none}.project-index:after{content:"";z-index:1;-webkit-backdrop-filter:blur(3px);pointer-events:none;opacity:0;background:linear-gradient(#fff0,#fff 85%);border-radius:0 0 14px 14px;width:100%;height:52px;transition:opacity .2s,width .32s cubic-bezier(.22,1,.36,1);position:absolute;inset:auto auto 0 0;-webkit-mask-image:linear-gradient(#0000,#000 60%);mask-image:linear-gradient(#0000,#000 60%)}.project-index[data-more]:after{opacity:1}.project-index:before{content:"";z-index:-1;opacity:0;background:#fff;border-radius:14px;width:100%;transition:opacity .2s,width .32s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0;box-shadow:0 0 0 1px #1c1c1a12,0 16px 36px -18px #1c1c1a4d}.project-index button{width:40px;height:14px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;padding:0;transition:height .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),color .16s;display:flex;position:relative}.project-index-line{background:#1c1c1a33;border-radius:2px;flex:none;width:16px;height:2px;transition:width .32s cubic-bezier(.22,1,.36,1),background .16s}.project-index-label{white-space:nowrap;opacity:0;pointer-events:none;align-items:baseline;gap:10px;font-size:13.5px;line-height:1;transition:opacity .16s,transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;left:30px;transform:translate(-6px)}.project-index button[aria-current] .project-index-line{background:var(--ink);width:24px}@media (hover:hover) and (pointer:fine){.project-index:hover{translate:0 var(--index-shift)}.project-index:hover:before{opacity:1;width:230px}.project-index:hover:after{width:230px}.project-index:hover .project-index-list{max-height:calc(var(--index-view) - 68px)}.project-index:hover button{width:206px;height:32px}.project-index:hover .project-index-line{width:20px}.project-index:hover button[aria-current] .project-index-line,.project-index button:hover .project-index-line{background:var(--ink);width:24px}.project-index:hover .project-index-label{opacity:1;transition-delay:60ms;transform:none}}.project-index:focus-within{translate:0 var(--index-shift)}.project-index:focus-within:before,.project-index:focus-within:after{width:230px}.project-index:focus-within:before{opacity:1}.project-index:focus-within .project-index-list{max-height:calc(var(--index-view) - 68px)}.project-index:focus-within button{width:206px;height:32px}.project-index:focus-within .project-index-label{opacity:1;transform:none}.project-index button:hover,.project-index button[aria-current]{color:var(--ink)}.project-index button:focus-visible{outline-offset:2px;border-radius:6px}.project-rail-bottom{gap:14px;margin-top:auto;display:grid}.project-rail-bottom a,.project-back-link{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;text-decoration:none}.project-rail-bottom a:hover,.project-back-link:hover{color:var(--ink)}.project-article{min-width:0}.project-hero{margin-bottom:64px}.project-head{margin-bottom:36px}.project-head>.label{letter-spacing:.13em;font-size:10px}.project-head h1{font:600 clamp(34px, 4.4vw, 54px)/1.04 var(--font-display);letter-spacing:-.035em;text-wrap:balance;max-width:24ch;margin:14px 0 0}.project-head-row{gap:14px;display:grid}.project-head-row p{color:var(--muted);font-size:17px;line-height:1.5}.project-head h1 .lb-pen path{stroke:#e0442b;stroke-width:3.5px}.project-head .project-status{margin-top:16px}.project-head-links{flex-wrap:wrap;gap:18px;margin-top:18px;display:flex}.project-head-links a,.project-head-links .project-back-link{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:none}.project-head-links a:hover,.project-head-links .project-back-link:hover{color:var(--ink)}.project-topbar{z-index:6;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:16px;left:18px;right:18px}.project-topbar>*,.project-topbar-end>*{pointer-events:auto}.project-topbar-end{gap:8px;display:flex}.project-icon-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#ffffffdb;border:0;border-radius:50%;place-items:center;padding:0;transition:box-shadow .16s,background .16s,transform .12s cubic-bezier(.22,1,.36,1),opacity .16s;display:grid;box-shadow:inset 0 0 0 1px #1c1c1a29}@media (hover:hover) and (pointer:fine){.project-icon-button:hover:not(:disabled){background:#fff;box-shadow:inset 0 0 0 1px #1c1c1a6b}}.project-icon-button:active:not(:disabled){transform:scale(.94)}.project-icon-button:disabled{opacity:.3;cursor:default}.project-expand-icon path{transform-box:fill-box;transform-origin:50%;transition:transform .42s cubic-bezier(.22,1,.36,1)}.project-expand-icon[data-expanded] path{transform:rotate(180deg)}.project-sheet-page .project-topbar{position:fixed}.project-hero .media-frame{border-radius:var(--work-card-radius);border:0}.content-media{min-width:0;margin:0}.media-frame{background:var(--paper-2);border:1px solid var(--hair-2);border-radius:12px;min-height:100px;position:relative;overflow:hidden}.media-frame video,.media-frame iframe,.media-frame mux-player{object-fit:contain;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.media-live-player{width:100%;height:100%;position:absolute;inset:0}.media-live-player>video,.media-live-player>mux-player{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.content-media figcaption{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.5}.media-placeholder{width:100%;height:100%;color:var(--paper);text-align:center;background:radial-gradient(ellipse at 70% 20%, #f4f1ea21, transparent 60%), var(--media-tone,#314745);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.media-placeholder:before{content:"";opacity:.12;background-image:linear-gradient(#f4f1ea33 1px,#0000 1px),linear-gradient(90deg,#f4f1ea33 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.media-placeholder-title{font:400 clamp(30px, 4.7vw, 72px)/1 var(--font-serif), Georgia, serif;letter-spacing:-.035em;max-width:15ch;position:relative}.media-placeholder-label{opacity:.55;font-size:9px;position:absolute;top:28px;left:30px}.media-placeholder-foot{opacity:.55;font-size:8px;position:absolute;bottom:28px}.media-cross{font:16px var(--font-mono), monospace;opacity:.4;position:absolute}.media-cross-a{top:26px;right:28px}.media-cross-b{bottom:26px;left:28px}.media-demo{background:var(--card);place-items:center;min-height:330px;padding:36px;display:grid}.media-demo>*{width:min(100%,540px)}.media-wait{min-height:330px;color:var(--muted);place-items:center;display:grid}.project-prose{max-width:62ch;color:var(--ink-2);font-size:15px;line-height:1.85}.project-prose p+p{margin-top:22px}.project-prose a{color:inherit;-webkit-text-decoration-color:var(--hair);text-decoration-color:var(--hair);text-underline-offset:4px}.project-prose ul,.project-prose ol{margin:20px 0;padding-left:22px}.project-prose h3,.project-prose h4{color:var(--ink);margin:28px 0 14px;font-weight:500}.project-section{margin:0 0 72px;scroll-margin-top:42px}.project-section h2,.project-collection-intro h2{font:600 clamp(26px, 2.8vw, 36px)/1.15 var(--font-display);letter-spacing:-.03em;max-width:28ch;margin-bottom:22px}.project-section>*+*{margin-top:28px}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.project-quote{font:400 30px/1.35 var(--font-serif), Georgia, serif;border-left:1px solid var(--hair);max-width:35ch;padding-left:24px}.project-quote cite{font:11px var(--font-sans), sans-serif;color:var(--muted);margin-top:14px;display:block}.project-meta{border-top:1px solid var(--hair);grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:30px;display:grid}.project-meta>div:last-child{grid-column:1/-1}.project-meta .label{font-size:9px}.project-meta-values{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.project-meta-values span{background:#1c1c1a09;border-radius:5px;padding:4px 9px;font-size:12px}.project-controller{z-index:5;bottom:max(22px, env(safe-area-inset-bottom));box-shadow:var(--floating-bar-shadow);-webkit-backdrop-filter:blur(10px);background:#fbfaf6b8;border:0;border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.project-controller button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .15s,color .15s,box-shadow .15s;display:flex;box-shadow:0 0 0 1px #0000,0 2px 6px -2px #0000}@media (hover:hover) and (pointer:fine){.project-controller button:hover:not(:disabled){color:var(--ink);box-shadow:var(--floating-button-shadow);background:#ffffffeb}}.project-controller button:active:not(:disabled){background:var(--paper-2);box-shadow:0 0 0 1px var(--hair)}.project-controller .project-close{background:var(--card);width:auto;color:var(--ink);box-shadow:var(--floating-button-shadow);font:500 11px/16px var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:0 24px}.project-controller button:disabled{color:#1c1c1a40;cursor:default}.project-sheet button:focus-visible,.project-sheet a:focus-visible{outline:2px solid var(--red);outline-offset:3px}.project-media-flight{z-index:110;left:var(--flight-to-x);top:var(--flight-to-y);width:var(--flight-to-width);height:var(--flight-to-height);transform-origin:0 0;will-change:transform;pointer-events:none;border-radius:var(--work-card-radius);position:fixed;overflow:hidden}.project-media-flight .content-media,.project-media-flight .media-frame{border:0;border-radius:0;height:100%;min-height:0}.project-collection-intro{margin:0 0 44px}.project-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;display:grid}.project-collection-card{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.project-collection-card h3{margin-top:14px;font-size:14px;font-weight:500}.project-collection-card p{color:var(--muted);margin-top:3px;font-size:12px}div.project-collection-card{cursor:default}.collection-card-art{background:var(--media-tone);color:var(--paper);aspect-ratio:1.5;border-radius:10px;justify-content:space-between;align-items:flex-start;padding:18px;transition:filter .24s;display:flex;position:relative}.collection-card-art>span:not(.collection-card-symbol){font:10px var(--font-mono);opacity:.6}.collection-card-symbol{font:70px var(--font-serif);opacity:.7;place-items:center;display:grid;position:absolute;inset:0}button.project-collection-card:hover .collection-card-art{filter:brightness(1.12)}.project-empty{padding:30px 0 60px}.project-empty button{border:1px solid var(--hair);background:var(--card);cursor:pointer;border-radius:8px;margin-top:20px;padding:8px 14px}.project-page{background:#fff;min-height:100dvh}.project-sheet-page{box-shadow:none;border:0;border-radius:0;position:relative;inset:auto;overflow:visible}.project-sheet-page .project-scroll{height:auto;overflow:visible}.project-sheet-page .project-controller{position:fixed}.project-sheet-page .project-rail{height:calc(100dvh - 130px)}.project-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;display:flex}.project-loading h1{font:40px var(--font-serif)}.project-loading a{color:var(--ink)}.tile-body .content-media{width:100%;height:100%}.tile-body .media-frame{background:0 0;border:0;height:100%;overflow:visible}.tile-body .media-demo{background:0 0;min-height:0;padding:0}.tile-body .media-wait{min-height:0}@media (max-width:850px){.project-overlay{--project-sheet-top:52px;--project-sheet-margin:8px}.project-sheet{inset:var(--project-sheet-top,52px) var(--project-sheet-right,var(--project-sheet-margin,8px)) 0 var(--project-sheet-left,var(--project-sheet-margin,8px));border-radius:20px 20px 0 0}.project-layout{grid-template-columns:minmax(0,1fr);gap:0;padding:72px 20px 120px}.project-article{grid-column:1}.project-rail{display:none}.project-topbar{top:14px;left:14px;right:14px}.project-overlay>.project-sheet:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(#fff 40%,#fff0);height:68px;position:absolute;top:0;left:0;right:0}.project-sheet-page .project-topbar:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#fff 40%,#fff0);height:68px;position:fixed;top:0;left:0;right:0}.project-head h1{font-size:34px}.project-identity h1{font-size:36px}.project-identity p{max-width:none}.project-status{margin-top:12px}.project-index{flex-wrap:wrap;gap:2px 18px;max-height:none;margin:16px 0 0;padding:0;display:flex}.project-index button{font-size:11px}.project-rail-bottom{margin-top:18px}.project-hero{margin-bottom:34px}.project-prose{font-size:14px;line-height:1.8}.project-section{margin-bottom:48px}.project-section h2{font-size:30px}.project-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-meta>div:last-child{grid-column:auto}.project-controller{bottom:max(16px, env(safe-area-inset-bottom))}.project-controller button{width:44px;height:44px}.project-sheet-page{inset:auto}.project-sheet-page .project-rail{height:auto}.media-placeholder-title{font-size:42px}.media-placeholder-label{font-size:8px;top:20px;left:20px}.media-placeholder-foot{font-size:7px;bottom:20px}.media-cross-a{top:16px;right:20px}.media-cross-b{bottom:16px;left:20px}.media-demo{min-height:280px;padding:24px}.media-wait{min-height:280px}}@media (max-width:500px){.project-layout{padding-left:16px;padding-right:16px}.project-gallery,.project-collection-grid{grid-template-columns:1fr}.media-placeholder-title{font-size:34px}.media-frame{border-radius:9px}.project-collection-grid{gap:24px}}@media (prefers-reduced-motion:reduce){body[data-project-open] .reel-card{filter:none!important}.project-overlay[data-open]>.project-sheet{animation:.12s linear both project-backdrop-in}.project-overlay[data-closed]>.project-sheet{animation:.12s linear both project-backdrop-out}.project-overlay[data-open]>.project-backdrop,.project-overlay[data-closed]>.project-backdrop{animation-duration:.12s}.project-overlay>.project-sheet,.project-back-cursor,.project-controller button{transition:none}body[data-project-closing] .reel-card{animation:.12s linear both project-backdrop-in}}.preview-bar{z-index:200;background:var(--ink);color:var(--paper);border-radius:8px;gap:12px;padding:8px 12px;font-size:9px;display:flex;position:fixed;top:16px;right:16px}.preview-bar button{color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.craft-viewport{right:var(--dials);touch-action:none;transition:right .48s var(--ease-out)}.tile{gap:12px;padding:16px}.tile-head{justify-content:space-between;align-items:center;gap:12px;min-height:28px;display:flex}.tile-focus{min-width:44px;height:28px;color:var(--muted);white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0 4px;font-size:10px;position:relative}.tile-focus:before{content:"";position:absolute;inset:-8px 0}.tile-focus:hover{color:var(--ink)}.tile-focus:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}.tile[data-active=true] .tile-focus{visibility:hidden}.tile-note{font-size:12px;line-height:1.5}.tile[data-study=rhythm] .tile-body{min-height:720px}.tile[data-empty=true]{gap:10px;padding:14px}.tile[data-empty=true] .tile-head{min-height:0;display:block}.tile[data-empty=true] .tile-note{font-size:13px;line-height:1.45}.craft-head .h{justify-content:space-between;align-items:center;gap:12px;display:flex}.craft-position{color:var(--muted);font:400 11px/1.4 var(--font-sans), sans-serif;font-variant-numeric:tabular-nums}.craft .oc-zoom{left:calc(var(--gutter) + 16px);bottom:calc(var(--gutter) + 16px)}.craft .oc-minimap{left:auto;right:calc(var(--gutter) + var(--dials) + 16px);bottom:calc(var(--gutter) + 16px);transition:right .48s var(--ease-out)}.craft .oc-minimap i{background:#1c1c1a2e;border-radius:2px}.craft .oc-minimap i[data-active=true]{background:#1c1c1a66}.oc-minimap{touch-action:none}.oc-minimap:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media (max-width:880px){.craft .oc-zoom{left:calc(var(--gutter) + 10px);bottom:124px}}@media (prefers-reduced-motion:reduce){.craft-viewport{transition:none}}@media (max-height:600px){.craft .oc-zoom,.offclock .oc-zoom{bottom:16px}}.canvas-section{height:100dvh;bottom:auto}.canvas-section .oc-minimap{left:auto;right:calc(var(--gutter) + var(--dials) + 16px);display:block}@media (max-width:880px){.canvas-section .oc-minimap{display:none}.canvas-section .oc-zoom{visibility:hidden}.canvas-section .oc-cue{left:calc(var(--gutter) - 4px);align-items:flex-start;transform:none}.craft .oc-cue{align-items:center;left:50%;transform:translate(-50%)}.offclock .oc-controls{top:auto;bottom:56px;right:var(--gutter)}html:has(.dials-toggle) .offclock .oc-controls{top:auto;bottom:56px;right:var(--gutter)}.offclock .oc-nudge{top:auto;bottom:calc(100% + 8px)}.canvas-section :is(.craft-studies,.oc-chips){overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;flex-wrap:nowrap;position:relative;overflow-x:auto}.canvas-section :is(.craft-studies,.oc-chips)::-webkit-scrollbar{display:none}.canvas-section :is(.craft-studies,.oc-chips) button{white-space:nowrap;flex-shrink:0}}.craft-stepper{display:none}@media (max-width:880px){.craft .oc-cue{display:none}.craft-stepper{z-index:6;width:min(calc(100% - var(--gutter) * 2), 320px);background:var(--card);box-shadow:var(--floating-bar-shadow);opacity:0;border-radius:16px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:54px;left:50%;transform:translate(-50%)}.craft-stepper button{width:44px;height:44px;color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .16s, transform .16s var(--ease-out);background:#1c1c1a0d;border:0;border-radius:12px;flex:none;place-items:center;display:grid}.craft-stepper button:active{background:#1c1c1a1a;transform:scale(.94)}.craft-stepper button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.craft-stepper svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.craft-stepper-name{text-align:center;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;display:flex}.craft-stepper-name>span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:600 14px/1.1 var(--font-display);letter-spacing:-.01em;color:var(--ink);overflow:hidden}.craft-stepper-count{font:400 11.5px/1 var(--font-sans), sans-serif;font-variant-numeric:tabular-nums;color:var(--muted)}}@media (max-height:600px){.canvas-section .oc-minimap{bottom:16px}}@media (max-height:600px) and (max-width:699px){.canvas-section :is(.oc-zoom,.oc-minimap){bottom:max(76px, calc(env(safe-area-inset-bottom,0px) + 76px))}}html[data-input=pointer] :focus-visible:not(input,textarea,select,[contenteditable=true]){outline:none!important}