.p-hero{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(32px,5vw,72px);padding:clamp(40px,6vw,88px) 0 clamp(56px,7vw,104px);display:grid}.p-hero-copy{justify-items:start;gap:28px;display:grid}.p-hero-copy .s-lede{animation:s-fade-up .8s var(--s-ease) .18s both}.p-index{counter-reset:none;gap:10px;width:100%;max-width:520px;display:grid}.p-index li{animation:s-fade-up .7s var(--s-ease) calc(.3s + var(--i) * 70ms) both}.p-index a{border:1px solid var(--s-line);background:var(--s-surface);min-height:64px;transition:border-color .25s var(--s-ease), transform .35s var(--s-ease), box-shadow .35s var(--s-ease);border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 18px 10px 10px;display:grid}.p-index a:hover{border-color:var(--s-line-strong);box-shadow:var(--s-shadow);transform:translateY(-2px)}.p-index a>svg:first-child,.p-index .p-mark-img{border-radius:22%}.p-index-text{gap:1px;display:grid}.p-index-text b{letter-spacing:-.01em;font-size:16px;font-weight:720}.p-index-text span{color:var(--s-muted);font-size:14px}.p-index-arrow{color:var(--s-muted);transition:transform .35s var(--s-ease), color .2s}.p-index a:hover .p-index-arrow{color:var(--s-ink);transform:translateY(3px)}.p-mark-img{border-radius:22.5%;flex:none;display:inline-block;overflow:hidden}.p-mark-img img{object-fit:cover;width:100%;height:100%}.p-dock{aspect-ratio:1;justify-self:end;width:100%;max-width:460px;position:relative}.p-dock-tile{aspect-ratio:1;width:39%;animation:s-land 1s var(--s-ease) calc(.25s + var(--i) * .12s) both;position:absolute}.p-dock-tile:first-child{--r:-8deg;--land-r:-14deg;--land-x:-24px;top:14%;left:4%}.p-dock-tile:nth-child(2){--r:7deg;--land-r:14deg;--land-x:24px;top:3%;left:54%}.p-dock-tile:nth-child(3){--r:-2deg;--land-r:6deg;top:52%;left:31%}.p-dock-tile>svg,.p-dock-tile>.p-mark-img{transform:rotate(var(--r));animation:p-settle 5.6s ease-in-out calc(1.3s + var(--i) * .4s) 1 both;border-radius:22.5%;display:block;box-shadow:0 2px 4px #0f223114,0 34px 60px -26px #012b4880;width:100%!important;height:100%!important}@keyframes p-settle{0%{transform:translate3d(0, 0, 0) rotate(var(--r))}45%{transform:translate3d(0, -9px, 0) rotate(calc(var(--r) + 1.6deg))}to{transform:translate3d(0, 0, 0) rotate(var(--r))}}.p-project{border-top:1px solid var(--s-line);padding:clamp(64px,8vw,120px) 0;scroll-margin-top:72px}.p-project-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.p-project-grid[data-flip]{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.p-project-grid[data-flip] .p-copy{order:2}.p-copy{justify-items:start;gap:22px;max-width:560px;display:grid}.p-name{align-items:center;gap:16px;display:flex}.p-name>svg,.p-name>.p-mark-img{border-radius:22.5%;box-shadow:0 12px 26px -16px #0000008c}.p-claim{letter-spacing:-.025em;color:var(--s-ink);text-wrap:balance;font-size:clamp(1.25rem,1.05rem + .8vw,1.7rem);font-weight:720;line-height:1.2}.p-summary{color:var(--s-muted);font-size:17px;line-height:1.6}.p-highlights{gap:12px;display:grid}.p-highlights li{color:var(--s-ink-2);grid-template-columns:18px minmax(0,1fr);align-items:start;gap:12px;line-height:1.5;display:grid}.p-highlights svg{color:var(--p-accent);margin-top:3px}.p-highlights b{color:var(--s-ink);font-weight:700}.p-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;width:100%;margin-top:2px;display:grid}.p-facts>div,.p-facts>div:first-child{border-left:0;border-top:1px solid var(--s-line);padding:12px 0 0}.p-facts>div:nth-child(n+3){margin-top:12px}.p-actions{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:6px;display:flex}[data-project=open-silences]{--p-accent:#1f8a6b}[data-project=yap]{--p-accent:#2f6ea8}[data-project=berichtsheftki]{--p-accent:#5f7d00}:root[data-theme=dark] [data-project=open-silences]{--p-accent:#91dec7}:root[data-theme=dark] [data-project=yap]{--p-accent:#9cc8ef}:root[data-theme=dark] [data-project=berichtsheftki]{--p-accent:#bfff00}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-project=open-silences]{--p-accent:#91dec7}:root:not([data-theme=light]) [data-project=yap]{--p-accent:#9cc8ef}:root:not([data-theme=light]) [data-project=berichtsheftki]{--p-accent:#bfff00}}.p-project[data-armed=true] .p-copy>*,.p-project[data-armed=true] .p-stage{opacity:0}.p-project[data-inview=true] .p-copy>*{animation:s-fade-up .8s var(--s-ease) calc(var(--k,0) * 70ms) both}.p-copy>:nth-child(2){--k:1}.p-copy>:nth-child(3){--k:2}.p-copy>:nth-child(4){--k:3}.p-copy>:nth-child(5){--k:4}.p-copy>:nth-child(6){--k:5}.p-project[data-inview=true] .p-stage{animation:s-land 1s var(--s-ease) .12s both}.p-stage{margin:0;position:relative}.p-stage-frame{aspect-ratio:600/480;border-radius:var(--s-r-lg);isolation:isolate;position:relative;overflow:hidden;container-type:inline-size}[data-project=open-silences] .p-stage-frame{box-shadow:inset 0 0 0 1px #ffffff0d, var(--s-shadow-lift);background:#15171b}[data-project=yap] .p-stage-frame{box-shadow:inset 0 0 0 1px #e7e5dc, var(--s-shadow);background:#f5f5ef}[data-project=berichtsheftki] .p-stage-frame{box-shadow:inset 0 0 0 1px #ffffff0f, var(--s-shadow-lift);background:#09090b}.p-stage-pause{color:#fff;opacity:.72;width:40px;height:40px;transition:opacity .2s, transform .16s var(--s-ease);background:#15171ba8;border:1px solid #ffffff38;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;right:14px}.p-stage-pause:hover,.p-stage-pause:focus-visible{opacity:1}.p-stage-pause:active{transform:scale(.94)}[data-project=yap] .p-stage-pause{color:#141414;background:#fff;border-color:#dcdad1}.p-scene{--u:calc(100cqw / 600);--loop:9s;font-size:calc(12 * var(--u));line-height:1.35;position:absolute;inset:0}.p-scene>*,.p-scene .os-timeline>*,.p-scene .bk-phone>*{position:absolute}.p-stage[data-paused=true] .p-scene,.p-stage[data-paused=true] .p-scene *,.p-stage[data-paused=true] .p-scene :before,.p-stage[data-paused=true] .p-scene :after,.p-stage[data-offscreen=true] .p-scene,.p-stage[data-offscreen=true] .p-scene *,.p-stage[data-offscreen=true] .p-scene :before,.p-stage[data-offscreen=true] .p-scene :after{animation-play-state:paused!important}.p-cursor{width:calc(22 * var(--u));height:calc(22 * var(--u));filter:drop-shadow(0 calc(3 * var(--u)) calc(4 * var(--u)) #00000073);z-index:5;top:0;left:0}@keyframes p-level{0%{transform:scaleY(calc(var(--h) * .32))}to{transform:scaleY(var(--h))}}.p-os{color:#e6e9ee}.os-panel{left:calc(332 * var(--u));top:calc(24 * var(--u));width:calc(244 * var(--u));z-index:3;gap:calc(10 * var(--u));padding:calc(14 * var(--u));border-radius:calc(14 * var(--u));box-shadow:0 calc(24 * var(--u)) calc(48 * var(--u)) calc(-20 * var(--u)) #000000bf;background:#22262d;border:1px solid #ffffff17;display:grid}.os-panel-head{align-items:center;gap:calc(8 * var(--u));font-size:calc(13 * var(--u));color:#f1f3f5;font-weight:720;display:flex}.os-panel-mark{width:calc(22 * var(--u));height:calc(22 * var(--u));border-radius:22%}.os-panel-tag{padding:calc(1 * var(--u)) calc(7 * var(--u));color:#d6b36b;font-size:calc(10 * var(--u));border:1px solid #d6b36b73;border-radius:999px;margin-left:auto;font-weight:650}.os-backup{align-items:center;gap:calc(8 * var(--u));font-size:calc(12 * var(--u));color:#c3cad2;animation:os-backup var(--loop) var(--s-ease) infinite both;display:flex}.os-check{width:calc(18 * var(--u));height:calc(18 * var(--u));color:#143329;background:#91dec7;border-radius:50%;place-items:center;display:grid}.os-check svg{width:calc(11 * var(--u));height:calc(11 * var(--u))}.os-preview{height:calc(18 * var(--u));border-radius:calc(4 * var(--u));background:#2d323b;position:relative}.os-preview i{top:calc(3 * var(--u));bottom:calc(3 * var(--u));left:calc(var(--x) / 464 * 100%);width:calc(var(--w) / 464 * 100%);border-radius:calc(2 * var(--u));transform-origin:bottom;animation:os-preview var(--loop) var(--s-ease) infinite both;background:#91dec7;position:absolute}.os-cut{height:calc(34 * var(--u));color:#143329;font-size:calc(13 * var(--u));animation:os-press var(--loop) var(--s-ease) infinite both;background:#91dec7;border-radius:999px;place-items:center;font-weight:760;display:grid}.os-timeline{left:calc(24 * var(--u));top:calc(168 * var(--u));width:calc(552 * var(--u));height:calc(288 * var(--u));border-radius:calc(14 * var(--u));background:#1c1f25;border:1px solid #ffffff12;overflow:hidden}.os-timeline-head{height:calc(36 * var(--u));padding:0 calc(16 * var(--u));color:#9aa3ad;font-size:calc(12 * var(--u));border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;font-weight:600;display:flex;top:0;left:0;right:0}.os-status{color:#91dec7;font-size:calc(11.5 * var(--u));justify-items:end;font-weight:650;display:grid;position:relative}.os-status>span{grid-area:1/1}.os-status-found{animation:os-found var(--loop) var(--s-ease) infinite both}.os-status-done{opacity:0;animation:os-done var(--loop) var(--s-ease) infinite both}.os-bin{left:calc(24 * var(--u));top:calc(24 * var(--u));width:calc(268 * var(--u));padding:calc(10 * var(--u)) calc(8 * var(--u));gap:calc(2 * var(--u));border-radius:calc(14 * var(--u));background:#1c1f25;border:1px solid #ffffff12;display:grid}.os-bin-head{padding:0 calc(8 * var(--u)) calc(6 * var(--u));color:#9aa3ad;font-size:calc(12 * var(--u));font-weight:600}.os-bin-row{align-items:center;gap:calc(8 * var(--u));height:calc(24 * var(--u));padding:0 calc(8 * var(--u));border-radius:calc(6 * var(--u));color:#c3cad2;font-size:calc(11.5 * var(--u));display:flex}.os-bin-row svg{width:calc(14 * var(--u));height:calc(14 * var(--u));color:#7d8792;flex:none}.os-bin-backup{color:#e6f7f1;animation:os-bin-backup var(--loop) var(--s-ease) infinite both;background:#91dec71a}.os-bin-backup svg:first-child{color:#91dec7}.os-bin .os-bin-ok{width:calc(12 * var(--u));height:calc(12 * var(--u));color:#91dec7;margin-left:auto}.os-ruler{left:calc(64 * var(--u));right:calc(24 * var(--u));top:calc(36 * var(--u));height:calc(22 * var(--u));background-image:repeating-linear-gradient(90deg, #ffffff3d 0 1px, transparent 1px calc(64 * var(--u))), repeating-linear-gradient(90deg, #ffffff1c 0 1px, transparent 1px calc(16 * var(--u)));background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 100%,100% 42%}.os-label{left:calc(20 * var(--u));font-size:calc(11 * var(--u));color:#6b7480;font-weight:720}.os-label-v{top:calc(82 * var(--u))}.os-label-a{top:calc(190 * var(--u))}.os-track{left:calc(64 * var(--u));top:calc(66 * var(--u));width:calc(464 * var(--u));height:calc(206 * var(--u))}.os-reel{animation:os-reel var(--loop) linear infinite both;position:absolute;inset:0}.os-seg{top:0;bottom:0;left:calc(var(--x) * var(--u));width:calc(var(--w) * var(--u));transform-origin:0;position:absolute}.os-speech{animation:os-shift var(--loop) var(--s-ease-io) infinite both}.os-pause{animation:os-collapse var(--loop) var(--s-ease-io) infinite both}.os-video{left:calc(1 * var(--u));right:calc(1 * var(--u));height:calc(46 * var(--u));border-radius:calc(5 * var(--u));box-shadow:inset 0 calc(2 * var(--u)) 0 #51658c;background:#2f3c55;position:absolute;top:0}.os-audio{left:calc(1 * var(--u));right:calc(1 * var(--u));top:calc(62 * var(--u));height:calc(128 * var(--u));align-items:center;gap:calc(3 * var(--u));padding:0 calc(3 * var(--u));border-radius:calc(6 * var(--u));box-shadow:inset 0 calc(2 * var(--u)) 0 #2e6b59;background:#173a30;display:flex;position:absolute;overflow:hidden}.os-audio i{width:calc(3 * var(--u));height:calc(var(--h) * 100%);border-radius:calc(2 * var(--u));opacity:.88;background:#91dec7;flex:none}.os-pause .os-audio{background:#1a2a26}.os-pause .os-audio i{opacity:.45}.os-mark{left:calc(1 * var(--u));right:calc(1 * var(--u));top:calc(-4 * var(--u));bottom:calc(12 * var(--u));border:calc(1.5 * var(--u)) dashed #91dec7;border-radius:calc(7 * var(--u));animation:os-mark var(--loop) var(--s-ease) infinite both;background:#91dec721;position:absolute}.os-playhead{left:0;top:calc(-30 * var(--u));bottom:calc(14 * var(--u));width:calc(2 * var(--u));animation:os-play var(--loop) linear infinite both;background:#91dec7;position:absolute}.os-playhead:before{content:"";width:calc(12 * var(--u));height:calc(12 * var(--u));border-radius:calc(3 * var(--u));background:#91dec7;position:absolute;top:0;left:50%;translate:-50%}.os-cursor{transform:translate(calc(441 * var(--u)), calc(142 * var(--u))) rotate(0deg) scale(1);animation:os-cursor var(--loop) var(--s-ease) infinite both}@keyframes os-reel{0%,90%{opacity:1;filter:blur()}94%,96%{opacity:0;filter:blur(calc(6 * var(--u)))}to{opacity:1;filter:blur()}}@keyframes os-bin-backup{0%,2%{opacity:0;transform:translateY(calc(-6 * var(--u)));filter:blur(calc(4 * var(--u)));background-color:#91dec752}6%{opacity:1;filter:blur();background-color:#91dec752;transform:none}16%,92%{opacity:1;filter:blur();background-color:#91dec71a;transform:none}96%,to{opacity:0;filter:blur(calc(4 * var(--u)));background-color:#91dec71a;transform:none}}@keyframes os-found{0%,12%{opacity:0;filter:blur(calc(4 * var(--u)))}15%,33%{opacity:1;filter:blur()}36%,to{opacity:0;filter:blur(calc(4 * var(--u)))}}@keyframes os-done{0%,38%{opacity:0;filter:blur(calc(4 * var(--u)))}41%,91%{opacity:1;filter:blur()}95%,to{opacity:0;filter:blur(calc(4 * var(--u)))}}@keyframes os-backup{0%,6%{opacity:0;transform:translateY(calc(4 * var(--u)));filter:blur(calc(3 * var(--u)))}10%,92%{opacity:1;filter:blur();transform:none}96%,to{opacity:0;filter:blur(calc(3 * var(--u)));transform:none}}@keyframes os-preview{0%,10%{opacity:1;transform:scaleY(0)}14%,32%{opacity:1;transform:scaleY(1)}42%,92%{opacity:.25;transform:scaleY(1)}96%,to{opacity:1;transform:scaleY(0)}}@keyframes os-mark{0%,10%{opacity:0}15%,94%{opacity:1}96%,to{opacity:0}}@keyframes os-press{0%,27%{background:#91dec7;transform:none}28.5%{background:#b9eedd;transform:scale(.95)}31%,to{background:#91dec7;transform:none}}@keyframes os-shift{0%,31%{transform:translate(0)}41%,94%{transform:translateX(calc(var(--shift) * var(--u) * -1))}95%,to{transform:translate(0)}}@keyframes os-collapse{0%,31%{transform:translate(0)scaleX(1)}41%,94%{transform:translateX(calc(var(--shift) * var(--u) * -1)) scaleX(0)}95%,to{transform:translate(0)scaleX(1)}}@keyframes os-play{0%,43%{transform:translate(0)}88%,94%{transform:translateX(calc(342 * var(--u)))}95%,to{transform:translate(0)}}@keyframes os-cursor{0%,3%{opacity:0;transform:translate(calc(176 * var(--u)), calc(92 * var(--u))) rotate(0deg) scale(1)}7%{opacity:1;transform:translate(calc(180 * var(--u)), calc(95 * var(--u))) rotate(0deg) scale(1)}16%{opacity:1;transform:translate(calc(192 * var(--u)), calc(102 * var(--u))) rotate(0deg) scale(1)}20%{opacity:1;transform:translate(calc(320 * var(--u)), calc(126 * var(--u))) rotate(-5deg) scale(1)}25%,27%{opacity:1;transform:translate(calc(441 * var(--u)), calc(142 * var(--u))) rotate(0deg) scale(1.08)}28.5%{opacity:1;transform:translate(calc(441 * var(--u)), calc(142 * var(--u))) rotate(0deg) scale(.84)}31%{opacity:1;transform:translate(calc(441 * var(--u)), calc(142 * var(--u))) rotate(0deg) scale(1)}46%{opacity:1;transform:translate(calc(474 * var(--u)), calc(104 * var(--u))) rotate(0deg) scale(1)}88%{opacity:1;transform:translate(calc(490 * var(--u)), calc(94 * var(--u))) rotate(0deg) scale(1)}93%,to{opacity:0;transform:translate(calc(494 * var(--u)), calc(92 * var(--u))) rotate(0deg) scale(1)}}.p-yap{color:#141414}.yap-window{left:calc(60 * var(--u));top:calc(40 * var(--u));width:calc(480 * var(--u));height:calc(252 * var(--u));border-radius:calc(16 * var(--u));box-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) #1414140a, 0 calc(30 * var(--u)) calc(60 * var(--u)) calc(-30 * var(--u)) #1414144d;background:#fff;border:1px solid #e7e5dc;overflow:hidden}.yap-titlebar{height:calc(40 * var(--u));color:#8a897f;font-size:calc(12.5 * var(--u));border-bottom:1px solid #efeee8;justify-content:center;align-items:center;font-weight:620;display:flex;position:relative}.yap-dots{left:calc(16 * var(--u));gap:calc(7 * var(--u));display:flex;position:absolute}.yap-dots i{width:calc(10 * var(--u));height:calc(10 * var(--u));background:#e2e0d8;border-radius:50%}.yap-body{gap:calc(4 * var(--u));padding:calc(26 * var(--u)) calc(30 * var(--u));font-size:calc(21 * var(--u));letter-spacing:-.01em;line-height:1.5;display:grid}.yap-line{position:relative}.yap-text{border-radius:calc(4 * var(--u));padding:0 calc(2 * var(--u));margin:0 calc(-2 * var(--u));-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:yap-paste var(--loop) var(--s-ease) infinite both}.yap-caret{width:calc(2 * var(--u));vertical-align:-.2em;height:1.15em;margin-left:calc(1 * var(--u));display:inline-block}.yap-caret:after{content:"";background:#141414;border-radius:1px;width:100%;height:100%;animation:1.1s linear infinite p-blink;display:block}.yap-caret-wait{opacity:0;animation:yap-wait var(--loop) linear infinite both;margin:0;position:absolute;top:.2em;left:0}.yap-caret-done{animation:yap-done var(--loop) linear infinite both}@keyframes p-blink{0%,49%{opacity:1}50%,to{opacity:0}}.yap-pill{left:calc(216 * var(--u));top:calc(306 * var(--u));width:calc(168 * var(--u));height:calc(46 * var(--u));opacity:0;justify-content:center;align-items:center;gap:calc(5 * var(--u));box-shadow:0 calc(14 * var(--u)) calc(30 * var(--u)) calc(-12 * var(--u)) #1414148c;animation:yap-pill var(--loop) var(--s-ease) infinite both;background:#141414;border-radius:999px;display:flex}.yap-pill i{width:calc(4 * var(--u));height:calc(30 * var(--u));border-radius:calc(2 * var(--u));transform:scaleY(var(--h));animation:p-level .9s ease-in-out var(--d) infinite alternate;background:#cfe3f4}.yap-key{left:calc(234 * var(--u));top:calc(370 * var(--u));width:calc(132 * var(--u));height:calc(62 * var(--u));color:#141414;border-radius:calc(14 * var(--u));box-shadow:0 calc(6 * var(--u)) 0 #dcdad1, 0 calc(16 * var(--u)) calc(26 * var(--u)) calc(-12 * var(--u)) #1414144d;animation:yap-key var(--loop) var(--s-ease) infinite both;background:#fff;border:1px solid #e2e0d8;place-items:center;display:grid}.yap-key svg{width:calc(24 * var(--u));height:calc(24 * var(--u))}@keyframes yap-key{0%,8%{box-shadow:0 calc(6 * var(--u)) 0 #dcdad1, 0 calc(16 * var(--u)) calc(26 * var(--u)) calc(-12 * var(--u)) #1414144d;background:#fff;transform:none}10.5%,46%{transform:translateY(calc(4 * var(--u)));box-shadow:0 calc(2 * var(--u)) 0 #dcdad1, 0 calc(8 * var(--u)) calc(14 * var(--u)) calc(-10 * var(--u)) #14141440;background:#eef5fc}49%,to{box-shadow:0 calc(6 * var(--u)) 0 #dcdad1, 0 calc(16 * var(--u)) calc(26 * var(--u)) calc(-12 * var(--u)) #1414144d;background:#fff;transform:none}}@keyframes yap-pill{0%,9%{opacity:0;transform:translateY(calc(18 * var(--u))) scale(.6);filter:blur(calc(6 * var(--u)))}14%,47%{opacity:1;filter:blur();transform:none}51%{opacity:1;filter:blur();transform:scale(.92)}55%,to{opacity:0;transform:translateY(calc(14 * var(--u))) scale(.7);filter:blur(calc(5 * var(--u)))}}@keyframes yap-paste{0%,55%{opacity:0;filter:blur(calc(8 * var(--u)));background-color:#cfe3f4}59%{opacity:1;filter:blur();background-color:#cfe3f4}72%,91%{opacity:1;filter:blur();background-color:#cfe3f400}95%,to{opacity:0;filter:blur(calc(6 * var(--u)));background-color:#cfe3f400}}@keyframes yap-wait{0%,55%{opacity:1}56%,95%{opacity:0}96%,to{opacity:1}}@keyframes yap-done{0%,58%{opacity:0}59%,91%{opacity:1}93%,to{opacity:0}}.p-bk{color:#fafafa}.bk-phone{left:calc(96 * var(--u));top:calc(18 * var(--u));width:calc(224 * var(--u));height:calc(444 * var(--u));border:calc(5 * var(--u)) solid #232327;border-radius:calc(36 * var(--u));box-shadow:0 0 0 1px #3f3f46, 0 calc(40 * var(--u)) calc(80 * var(--u)) calc(-30 * var(--u)) #000000e6;background:#09090b;overflow:hidden}.bk-status{left:calc(22 * var(--u));top:calc(12 * var(--u));font-size:calc(11 * var(--u));font-weight:650}.bk-head{left:calc(14 * var(--u));right:calc(14 * var(--u));top:calc(42 * var(--u));justify-content:space-between;align-items:flex-end;display:flex}.bk-head>b{font-size:calc(18 * var(--u));letter-spacing:-.02em;font-weight:800}.bk-total{font-size:calc(8.5 * var(--u));color:#71717a;justify-items:end;display:grid}.bk-total b{font-family:var(--font-mono), ui-monospace, monospace;font-size:calc(13 * var(--u));color:#bfff00;font-weight:600}.bk-body{left:calc(14 * var(--u));right:calc(14 * var(--u));top:calc(84 * var(--u));height:calc(286 * var(--u))}.bk-record{place-content:center;justify-items:center;gap:calc(16 * var(--u));padding:0 calc(10 * var(--u));text-align:center;color:#a1a1aa;font-size:calc(11 * var(--u));opacity:0;animation:bk-record var(--loop) var(--s-ease) infinite both;display:grid;position:absolute;inset:0}.bk-level{align-items:center;gap:calc(4 * var(--u));height:calc(60 * var(--u));display:flex}.bk-level i{width:calc(5 * var(--u));height:calc(56 * var(--u));border-radius:calc(3 * var(--u));transform:scaleY(var(--h));animation:p-level .8s ease-in-out var(--d) infinite alternate;background:#bfff00}.bk-card{left:0;right:0;top:calc(var(--i) * 96 * var(--u));height:calc(88 * var(--u));align-content:start;gap:calc(5 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));border-radius:calc(14 * var(--u));background:#18181b;border:1px solid #27272a;display:grid;position:absolute}.bk-card-0{animation:bk-card-0 var(--loop) var(--s-ease) infinite both}.bk-card-1{animation:bk-card-1 var(--loop) var(--s-ease) infinite both}.bk-card-2{animation:bk-card-2 var(--loop) var(--s-ease) infinite both}.bk-card-head{justify-content:space-between;align-items:baseline;display:flex}.bk-card-head b{font-size:calc(12.5 * var(--u));font-weight:720}.bk-card-head span{font-family:var(--font-mono), ui-monospace, monospace;font-size:calc(8.5 * var(--u));color:#71717a}.bk-card p{font-size:calc(9.5 * var(--u));color:#a1a1aa;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.bk-actions{left:calc(14 * var(--u));right:calc(14 * var(--u));bottom:calc(18 * var(--u));gap:calc(8 * var(--u));display:flex}.bk-speak,.bk-pdf{height:calc(40 * var(--u));justify-content:center;align-items:center;gap:calc(6 * var(--u));font-size:calc(12 * var(--u));border-radius:999px;display:flex;position:relative}.bk-speak{color:#09090b;animation:bk-speak var(--loop) var(--s-ease) infinite both;background:#bfff00;flex:1;font-weight:760}.bk-speak:after{content:"";inset:calc(-4 * var(--u));border-radius:inherit;border:calc(2 * var(--u)) solid #bfff00;opacity:0;animation:bk-ring var(--loop) ease-out infinite both;position:absolute}.bk-pdf{width:calc(70 * var(--u));color:#fafafa;animation:bk-pdf var(--loop) var(--s-ease) infinite both;background:#18181b;border:1px solid #27272a;font-weight:650}.bk-speak svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.bk-pdf svg{width:calc(13 * var(--u));height:calc(13 * var(--u))}.bk-transcript{left:calc(356 * var(--u));top:calc(120 * var(--u));width:calc(214 * var(--u));z-index:3;gap:calc(8 * var(--u));padding:calc(14 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u));border-radius:calc(16 * var(--u));opacity:0;box-shadow:0 calc(24 * var(--u)) calc(50 * var(--u)) calc(-24 * var(--u)) #000000e6;animation:bk-transcript var(--loop) var(--s-ease) infinite both;background:#18181b;border:1px solid #27272a;display:grid}.bk-transcript-head{align-items:center;gap:calc(6 * var(--u));color:#71717a;font-size:calc(9 * var(--u));font-weight:650;display:flex}.bk-transcript-head svg{width:calc(11 * var(--u));height:calc(11 * var(--u));color:#bfff00}.bk-transcript-line{color:#e4e4e7;font-size:calc(11 * var(--u));line-height:1.45;display:block}.bk-transcript-line:nth-child(2){animation:bk-line-0 var(--loop) var(--s-ease) infinite both}.bk-transcript-line:nth-child(3){animation:bk-line-1 var(--loop) var(--s-ease) infinite both}.bk-transcript-line:nth-child(4){animation:bk-line-2 var(--loop) var(--s-ease) infinite both}@keyframes bk-transcript{0%,15%{opacity:0;transform:translateX(calc(16 * var(--u))) scale(.96);filter:blur(calc(6 * var(--u)))}18%,39%{opacity:1;filter:blur();transform:none}44%,to{opacity:0;transform:translateX(calc(-40 * var(--u))) scale(.92);filter:blur(calc(8 * var(--u)))}}@keyframes bk-line-0{0%,19%{opacity:0;filter:blur(calc(4 * var(--u)))}22%,to{opacity:1;filter:blur()}}@keyframes bk-line-1{0%,25%{opacity:0;filter:blur(calc(4 * var(--u)))}28%,to{opacity:1;filter:blur()}}@keyframes bk-line-2{0%,31%{opacity:0;filter:blur(calc(4 * var(--u)))}34%,to{opacity:1;filter:blur()}}.bk-sheet{left:calc(356 * var(--u));top:calc(92 * var(--u));width:calc(210 * var(--u));height:calc(296 * var(--u));z-index:4;align-content:start;gap:calc(4 * var(--u));padding:calc(18 * var(--u));color:#0f2231;border-radius:calc(6 * var(--u));box-shadow:0 calc(30 * var(--u)) calc(60 * var(--u)) calc(-24 * var(--u)) #000000f2;animation:bk-sheet var(--loop) var(--s-ease) infinite both;background:#fff;display:grid;transform:rotate(3deg)}.bk-sheet>b{font-size:calc(13 * var(--u));letter-spacing:-.01em;font-weight:800}.bk-sheet-sub{margin-bottom:calc(8 * var(--u));font-size:calc(8 * var(--u));color:#4d5f6d}.bk-sheet-row{grid-template-columns:calc(22 * var(--u)) minmax(0, 1fr);gap:calc(8 * var(--u));padding:calc(9 * var(--u)) 0;font-size:calc(8.5 * var(--u));color:#243949;border-top:1px solid #dce3e9;font-weight:700;display:grid}.bk-sheet-lines{gap:calc(5 * var(--u));padding-top:calc(2 * var(--u));display:grid}.bk-sheet-lines i{height:calc(5 * var(--u));border-radius:calc(3 * var(--u));background:#dce3e9}.bk-sheet-lines i:last-child{width:68%}.bk-sheet-sign{gap:calc(14 * var(--u));padding-top:calc(28 * var(--u));font-size:calc(7.5 * var(--u));color:#4d5f6d;grid-template-columns:1fr 1fr;display:grid}.bk-sheet-sign span{padding-top:calc(4 * var(--u));border-top:1px solid #9aa9b5}.bk-sheet-check{right:calc(-12 * var(--u));top:calc(-12 * var(--u));width:calc(32 * var(--u));height:calc(32 * var(--u));color:#09090b;box-shadow:0 calc(8 * var(--u)) calc(16 * var(--u)) calc(-6 * var(--u)) #0009;animation:bk-check var(--loop) var(--s-ease) infinite both;background:#bfff00;border-radius:50%;place-items:center;display:grid;position:absolute}.bk-sheet-check svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}.bk-touch{width:calc(34 * var(--u));height:calc(34 * var(--u));z-index:6;opacity:0;border:calc(2 * var(--u)) solid #ffffffb8;animation:bk-touch var(--loop) var(--s-ease) infinite both;background:#ffffff2e;border-radius:50%;top:0;left:0}@keyframes bk-record{0%,15%{opacity:0;filter:blur(calc(6 * var(--u)));transform:scale(.94)}18%,38%{opacity:1;filter:blur();transform:none}41%,to{opacity:0;filter:blur(calc(6 * var(--u)));transform:scale(.96)}}@keyframes bk-card-0{0%,42%{opacity:0;transform:translateY(calc(10 * var(--u))) scale(.97);filter:blur(calc(6 * var(--u)))}47%,91%{opacity:1;filter:blur();transform:none}95%,to{opacity:0;filter:blur(calc(6 * var(--u)));transform:none}}@keyframes bk-card-1{0%,48%{opacity:0;transform:translateY(calc(10 * var(--u))) scale(.97);filter:blur(calc(6 * var(--u)))}53%,91%{opacity:1;filter:blur();transform:none}95%,to{opacity:0;filter:blur(calc(6 * var(--u)));transform:none}}@keyframes bk-card-2{0%,54%{opacity:0;transform:translateY(calc(10 * var(--u))) scale(.97);filter:blur(calc(6 * var(--u)))}59%,91%{opacity:1;filter:blur();transform:none}95%,to{opacity:0;filter:blur(calc(6 * var(--u)));transform:none}}@keyframes bk-speak{0%,13%{transform:none}14.2%{transform:scale(.95)}15.6%,37%{transform:none}38.2%{transform:scale(.95)}39.6%,to{transform:none}}@keyframes bk-ring{0%,15.5%{opacity:0;transform:scale(1)}16%{opacity:.85;transform:scale(1)}23%{opacity:0;transform:scale(1.22)}23.01%{opacity:.85;transform:scale(1)}30%{opacity:0;transform:scale(1.22)}30.01%{opacity:.85;transform:scale(1)}37%{opacity:0;transform:scale(1.22)}37.01%,to{opacity:0;transform:scale(1)}}@keyframes bk-pdf{0%,67%{background:#18181b;transform:none}68.4%{background:#27272a;transform:scale(.94)}70%,to{background:#18181b;transform:none}}@keyframes bk-sheet{0%,69%{opacity:0;transform:translate(calc(-195 * var(--u)), calc(180 * var(--u))) rotate(-6deg) scale(.16);filter:blur(calc(8 * var(--u)))}70.5%{opacity:1}77%,91%{opacity:1;filter:blur();transform:translate(0)rotate(3deg)scale(1)}95%,to{opacity:0;transform:translate(0, calc(12 * var(--u))) rotate(3deg) scale(.98);filter:blur(calc(6 * var(--u)))}}@keyframes bk-check{0%,77%{transform:scale(0)}81%{transform:scale(1.12)}83%,to{transform:scale(1)}}@keyframes bk-touch{0%,6%{opacity:0;transform:translate(calc(222 * var(--u)), calc(330 * var(--u))) scale(1.15)}9%{opacity:1;transform:translate(calc(196 * var(--u)), calc(364 * var(--u))) scale(1)}12.5%{opacity:1;transform:translate(calc(152 * var(--u)), calc(402 * var(--u))) scale(1)}14%{opacity:1;transform:translate(calc(152 * var(--u)), calc(402 * var(--u))) scale(.78)}15.5%{opacity:1;transform:translate(calc(152 * var(--u)), calc(402 * var(--u))) scale(1)}19%,33%{opacity:0;transform:translate(calc(176 * var(--u)), calc(380 * var(--u))) scale(1)}36%{opacity:1;transform:translate(calc(152 * var(--u)), calc(402 * var(--u))) scale(1)}38%{opacity:1;transform:translate(calc(152 * var(--u)), calc(402 * var(--u))) scale(.78)}39.5%{opacity:1;transform:translate(calc(152 * var(--u)), calc(402 * var(--u))) scale(1)}43%,60%{opacity:0;transform:translate(calc(196 * var(--u)), calc(380 * var(--u))) scale(1)}63%{opacity:1;transform:translate(calc(214 * var(--u)), calc(392 * var(--u))) scale(1)}66.5%{opacity:1;transform:translate(calc(249 * var(--u)), calc(402 * var(--u))) scale(1)}68%{opacity:1;transform:translate(calc(249 * var(--u)), calc(402 * var(--u))) scale(.78)}69.5%{opacity:1;transform:translate(calc(249 * var(--u)), calc(402 * var(--u))) scale(1)}73%,to{opacity:0;transform:translate(calc(249 * var(--u)), calc(402 * var(--u))) scale(1)}}@media (max-width:1020px){.p-hero{grid-template-columns:1fr}.p-dock{justify-self:center;max-width:380px}.p-project-grid,.p-project-grid[data-flip]{grid-template-columns:1fr}.p-project-grid[data-flip] .p-copy{order:0}.p-copy{max-width:none}}@media (max-width:760px){.p-dock{display:none}.p-name>svg,.p-name>.p-mark-img{width:46px!important;height:46px!important}.p-stage-frame{border-radius:var(--s-r)}}@media (prefers-reduced-motion:reduce){.p-scene,.p-scene *,.p-scene :before,.p-scene :after,.p-dock-tile,.p-dock-tile>*{animation:none!important}.p-stage-pause{display:none}}