@font-face{font-family:Teko;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/teko-latin-600-normal-Cj5MAY47.woff2)format("woff2"),url(/assets/teko-latin-600-normal-CSggg3rU.woff)format("woff")}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rajdhani-latin-600-normal-CXCVEoA9.woff2)format("woff2"),url(/assets/rajdhani-latin-600-normal-Dx02qI2_.woff)format("woff")}@font-face{font-family:Yatra One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/yatra-one-devanagari-400-normal-DjZ9CKcD.woff2)format("woff2"),url(/assets/yatra-one-devanagari-400-normal-RyBXpKYk.woff)format("woff")}.dd-sign{aspect-ratio:16/9;color:#fff;text-align:center;isolation:isolate;background:#0b0713 linear-gradient(#120a1f 0%,#0b0713 55%,#06040b 100%);border-radius:18px;place-items:center;max-height:560px;display:grid;position:relative;overflow:hidden;container-type:inline-size}.dd-sign .dd-glow{pointer-events:none;background:radial-gradient(closest-side,#ff8c2829,#ff3d8b14 45%,#0000 70%);border-radius:50%;width:120cqw;height:120cqw;margin:-60cqw 0 0 -60cqw;animation:5s ease-in-out infinite dd-glow;position:absolute;top:44%;left:50%}@keyframes dd-glow{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}.dd-sign .dd-brand{justify-items:center;max-width:100%;padding:0 4cqw;display:grid;position:relative}.dd-sign .dd-kicker{letter-spacing:.52em;text-indent:.52em;color:#e9f6ff;text-shadow:0 0 5px #8ef8ffbf,0 0 14px #3cf2ff73,0 0 28px #3cf2ff33;opacity:0;margin-bottom:clamp(8px,1.6cqw,16px);font:600 clamp(10px,1.6cqw,14px)/1 Rajdhani,sans-serif;animation:.95s linear .1s both dd-tube}.dd-sign .dd-logo{letter-spacing:.015em;white-space:nowrap;grid-auto-flow:column;justify-items:center;column-gap:.22em;font:600 clamp(48px,14cqw,176px)/.76 Teko,sans-serif;display:grid}.dd-sign .dd-logo i{opacity:0;animation:dd-tube .95s var(--d,0s) linear both;font-style:normal;display:inline-block}.dd-sign .dd-logo i.hum{animation:dd-tube .95s var(--d,0s) linear both,dd-hum 7s 4s linear infinite}.dd-sign .dd-logo .w1{color:#fff4d8;text-shadow:0 0 1px #fff8e6,0 0 6px #ffcb5c,0 0 16px #ffb21e,0 0 34px #ff8c00b3}.dd-sign .dd-logo .w2{color:#ffe8f2;text-shadow:0 0 1px #fff,0 0 6px #ff86b9,0 0 16px #ff3d8b,0 0 38px #ff3d8bb3}@keyframes dd-tube{0%{opacity:0}14%{opacity:.85}20%{opacity:.08}34%{opacity:1}40%{opacity:.3}52%,to{opacity:1}}@keyframes dd-hum{0%,90%,to{opacity:1}91%{opacity:.25}92.5%{opacity:1}94%{opacity:.5}95%{opacity:1}}.dd-sign .dd-hi{color:#e9feff;text-shadow:0 0 6px #8ef8ff,0 0 16px #3cf2ff;opacity:0;justify-self:end;margin:-2px 2% 0 0;font:400 clamp(16px,3.4cqw,40px)/1.3 Yatra One,serif;animation:.8s cubic-bezier(.2,.9,.3,1.3) 1.9s both dd-swing}@keyframes dd-swing{0%{opacity:0;transform:translateY(-16px)rotate(-24deg)scale(.6)}to{opacity:1;transform:rotate(-4deg)}}.dd-sign .dd-slogan{letter-spacing:.26em;text-indent:.26em;white-space:nowrap;justify-content:center;gap:0 .7em;margin-top:clamp(10px,2cqw,20px);font:600 clamp(10px,1.7cqw,16px)/1.4 Rajdhani,sans-serif;display:flex}.dd-sign .dd-slogan span{opacity:0;animation:dd-tube .95s var(--d,0s) linear both;color:#f1ecff;text-shadow:0 0 6px #8ef8ff8c,0 0 18px #3cf2ff47}.dd-sign .dd-slogan span+span{color:#fff1d6;text-shadow:0 0 6px #ffd27899,0 0 18px #ff8c004d}.dd-sign .dd-slogan span+span:before{content:"·";color:#9d92b2;text-shadow:none;margin-right:.7em}@container (width<=460px){.dd-sign{aspect-ratio:1;max-height:none}.dd-sign .dd-logo{grid-auto-flow:row;font-size:clamp(44px,21cqw,110px);line-height:.8}.dd-sign .dd-hi{font-size:clamp(14px,5cqw,30px)}.dd-sign .dd-kicker{font-size:clamp(9px,2.6cqw,13px)}.dd-sign .dd-slogan{flex-direction:column;align-items:center;gap:2px;font-size:clamp(9px,2.8cqw,14px)}.dd-sign .dd-slogan span+span:before{content:none}}.dd-sign:not(.is-lit) :is(.dd-kicker,.dd-logo i,.dd-hi,.dd-slogan span){animation-play-state:paused}.dd-sign.is-still :is(.dd-kicker,.dd-logo i,.dd-hi,.dd-slogan span){opacity:1;animation:none}.dd-sign.is-still .dd-hi{transform:rotate(-4deg)}.dd-sign.is-still .dd-glow{animation:none}@media (prefers-reduced-motion:reduce){.dd-sign :is(.dd-kicker,.dd-logo i,.dd-hi,.dd-slogan span){opacity:1;animation:none}.dd-sign .dd-hi{transform:rotate(-4deg)}.dd-sign .dd-glow{animation:none}}.dd-sign--card{aspect-ratio:4/3;border-radius:14px}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rajdhani-latin-500-normal-ByNUCHrt.woff2)format("woff2"),url(/assets/rajdhani-latin-500-normal-DfvNI-Td.woff)format("woff")}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rajdhani-latin-700-normal-BPDUZo87.woff2)format("woff2"),url(/assets/rajdhani-latin-700-normal-e0Uj8ZlN.woff)format("woff")}@font-face{font-family:DotGothic16;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dotgothic16-latin-400-normal-BYJEY5oh.woff2)format("woff2"),url(/assets/dotgothic16-latin-400-normal-cp5t3xa_.woff)format("woff")}.dd-boot{aspect-ratio:16/9;color:#cdc2d9;text-align:center;box-sizing:border-box;isolation:isolate;width:100%;max-height:600px;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));letter-spacing:.18em;background:#0b0713;border-radius:18px;grid-template-rows:minmax(0,.8fr) auto minmax(12px,.55fr) auto minmax(64px,1fr);justify-items:center;font:700 13px Rajdhani,system-ui,sans-serif;transition:opacity .9s;display:grid;position:relative;overflow:hidden;container-type:size}.dd-boot .b-bg{z-index:-1;background:radial-gradient(70% 45% at 50% 40%,#ff3d8b1f,#0000 70%),radial-gradient(60% 40% at 50% 72%,#3cf2ff12,#0000 70%),linear-gradient(#07040d,#0b0713 55%,#140a1c);transition:opacity 1s;position:absolute;inset:0;overflow:hidden}.dd-boot .b-glow{background:radial-gradient(closest-side,#ff8c2829,#ff3d8b14 45%,#0000 70%);width:120cqw;height:120cqw;margin:-60cqw 0 0 -60cqw;animation:5s ease-in-out infinite b-glow;position:absolute;top:38%;left:50%}@keyframes b-glow{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}.dd-boot .b-city{background-position:0 100%;background-repeat:repeat-x;background-size:1600px 100%;width:calc(100% + 1600px);height:min(46cqh,380px);animation:140s linear infinite b-drift;position:absolute;bottom:0;left:0;-webkit-mask:linear-gradient(#0000,#000 22%);mask:linear-gradient(#0000,#000 22%)}.dd-boot .b-city.far{opacity:.5;height:min(58cqh,470px);animation-duration:260s}@container (orientation:portrait){.dd-boot .b-city{height:34cqh}.dd-boot .b-city.far{height:44cqh}}@keyframes b-drift{to{transform:translate(-1600px)}}.dd-boot .b-local{height:30px;position:absolute;bottom:3.2cqh;left:0;right:0}@container (orientation:portrait){.dd-boot .b-local{bottom:2.6cqh}}@container (orientation:landscape) and (height<=420px){.dd-boot .b-local{display:none}}.dd-boot .b-local .br{background:linear-gradient(#2b1e3a,#120a1b);border-top:1px solid #ffb21e52;height:9px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #ff8c001a}.dd-boot .b-local .br:after{content:"";background:repeating-linear-gradient(90deg,#1a1124f5 0 6px,#0000 6px 72px);height:4cqh;position:absolute;top:9px;left:0;right:0}.dd-boot .b-local .lt{background-size:100% 100%;width:686px;height:20px;animation:22s linear 1.2s infinite both b-local;position:absolute;bottom:9px;left:0}.dd-boot .b-local .lt:after{content:"";background:radial-gradient(at 0,#fff4d873,#fff4d800 70%);width:190px;height:14px;position:absolute;top:6px;left:100%}@keyframes b-local{0%{transform:translate(-100%)}72%,to{transform:translate(100cqw)}}.dd-boot .b-rain{position:absolute;inset:-10%;transform:rotate(9deg)}.dd-boot .b-rain i{background-size:240px 240px;animation:.5s linear infinite b-fall;position:absolute;inset:-240px 0 0}.dd-boot .b-rain i+i{opacity:.55;background-size:160px 160px;animation:.8s linear infinite b-fall2;top:-160px}@keyframes b-fall{to{transform:translateY(240px)}}@keyframes b-fall2{to{transform:translateY(160px)}}.dd-boot .b-fog{background:linear-gradient(#0000,#140a1ed9);height:40%;position:absolute;bottom:0;left:0;right:0}.dd-boot.done{opacity:0}.dd-boot.quick{transition-duration:.3s}.dd-boot .b-brand{grid-row:2;justify-items:center;max-width:100%;display:grid}.dd-boot .b-zoom{justify-items:center;display:grid}.dd-boot .b-kicker{letter-spacing:.52em;text-indent:.52em;color:#e9f6ff;text-shadow:0 0 5px #8ef8ffbf,0 0 14px #3cf2ff73,0 0 28px #3cf2ff33;opacity:0;margin-bottom:clamp(10px,1.8cqh,16px);font:600 clamp(11px,3.1cqw,14px)/1 Rajdhani,sans-serif;animation:.95s linear .1s both b-tube}.dd-boot .b-logo{letter-spacing:.015em;white-space:nowrap;justify-items:center;font:600 clamp(60px,min(27.5cqw,14cqh),176px)/.76 Teko,sans-serif;display:grid}@container (orientation:landscape){.dd-boot .b-logo{grid-auto-flow:column;column-gap:.22em;font-size:clamp(48px,min(12.8cqw,22.5cqh),176px)}}.dd-boot .b-logo i{opacity:0;animation:b-tube .95s var(--d,0s) linear both;font-style:normal;display:inline-block}.dd-boot .b-logo i.hum{animation:b-tube .95s var(--d,0s) linear both, b-hum 7s 4s linear infinite}.dd-boot .b-logo .w1{color:#fff4d8;text-shadow:0 0 1px #fff8e6,0 0 6px #ffcb5c,0 0 16px #ffb21e,0 0 34px #ff8c00b3}.dd-boot .b-logo .w2{color:#ffe8f2;text-shadow:0 0 1px #fff,0 0 6px #ff86b9,0 0 16px #ff3d8b,0 0 38px #ff3d8bb3}@keyframes b-tube{0%{opacity:0}14%{opacity:.85}20%{opacity:.08}34%{opacity:1}40%{opacity:.3}52%,to{opacity:1}}@keyframes b-hum{0%,90%,to{opacity:1}91%{opacity:.25}92.5%{opacity:1}94%{opacity:.5}95%{opacity:1}}.dd-boot .b-hi{color:#e9feff;text-shadow:0 0 6px #8ef8ff,0 0 16px #3cf2ff;justify-self:end;margin:-2px 2% 0 0;font:400 clamp(20px,min(7cqw,8cqh),40px)/1.3 Yatra One,serif;animation:.8s cubic-bezier(.2,.9,.3,1.3) 1.9s both b-swing}@keyframes b-swing{0%{opacity:0;transform:translateY(-16px)rotate(-24deg)scale(.6)}to{opacity:1;transform:rotate(-4deg)}}.dd-boot .b-slogan{letter-spacing:.26em;text-indent:.26em;white-space:nowrap;justify-content:center;gap:0 .7em;margin-top:clamp(12px,2.2cqh,20px);font:600 clamp(12px,3.6cqw,16px)/1.4 Rajdhani,sans-serif;display:flex}.dd-boot .b-slogan span{opacity:0;animation:b-tube .95s var(--d,0s) linear both;color:#f1ecff;text-shadow:0 0 6px #8ef8ff8c,0 0 18px #3cf2ff47}.dd-boot .b-slogan span+span{color:#fff1d6;text-shadow:0 0 6px #ffd27899,0 0 18px #ff8c004d}.dd-boot .b-slogan span+span:before{content:"·";color:#9d92b2;text-shadow:none;margin-right:.7em}@container (orientation:portrait){.dd-boot .b-slogan{flex-direction:column;align-items:center;gap:2px}.dd-boot .b-slogan span+span:before{content:none}}.dd-boot .b-load{grid-area:4/1;align-self:start;justify-items:center;gap:10px;animation:.8s ease-out 2.3s both b-rise;display:grid;position:relative}.dd-boot .b-load:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#08040ebd,#08040e6b 62%,#08040e00);transition:opacity .5s;position:absolute;inset:-34px -12%}.dd-boot .b-line .ln{transition:opacity .5s .1s;position:absolute;inset:0}.dd-boot.leaving .b-line .ln,.dd-boot.leaving .b-load:before{opacity:0}@keyframes b-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.dd-boot .b-line{width:min(460px,86cqw);height:56px;position:relative}.dd-boot .b-line .trk{background:#ffffff29;height:2px;position:absolute;top:37px;left:0;right:0}.dd-boot .b-line .trk:after{content:"";background:repeating-linear-gradient(90deg,#ffffff1a 0 2px,#0000 2px 6px);height:2px;position:absolute;top:3px;left:0;right:0}.dd-boot .b-line .fil{transform-origin:0;background:linear-gradient(90deg,#ff3d8b,#ffb21e);height:2px;position:absolute;top:37px;left:0;right:0;transform:scaleX(0);box-shadow:0 0 10px #ffb21e}.dd-boot .b-line .st{box-sizing:border-box;background:#0b0713;border:1.2px solid #ffffff47;border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:34.5px}.dd-boot .b-line .st b{opacity:0;background:#ffcf5c;border-radius:50%;position:absolute;inset:-1.2px;box-shadow:0 0 5px #ffb21ebf}.dd-boot .b-line .hs{width:7px;height:7px;margin-left:-3.5px;position:absolute;top:34.5px}.dd-boot .b-line .hs i{opacity:0;border-radius:50%;transition:opacity .3s;position:absolute;inset:-1.2px}.dd-boot .b-line .hs .r{background:#ff4545;box-shadow:0 0 6px #ff4545,0 0 14px #ff454599}.dd-boot .b-line .hs .g{background:#46f59a;box-shadow:0 0 6px #46f59a,0 0 14px #46f59a99}.dd-boot .b-line .hs.go .g{opacity:1}.dd-boot .b-line .nm{letter-spacing:.06em;color:#ffc04a;text-shadow:0 0 6px #ffbe46cc;white-space:nowrap;opacity:0;background:#0c0714b8;border-radius:3px;padding:3px 6px 2px;font:400 12px/1 DotGothic16,Share Tech Mono,monospace;position:absolute;top:-6px;box-shadow:inset 0 0 0 1px #ffc04a3d}.dd-boot .b-line .dbx{pointer-events:none;will-change:transform;height:100%;position:absolute;top:0;left:0;right:0}.dd-boot .b-line .orb{opacity:0;background:#ffd36b;border-radius:50%;width:8px;height:8px;position:absolute;top:34px;left:-4px;box-shadow:0 0 8px #ffb21e}.dd-boot .b-line .dby{will-change:transform;width:14px;height:15px;position:absolute;top:20px;left:-7px}.dd-boot .b-line .dbs{transform-origin:50% 100%;filter:drop-shadow(0 0 3px #e9feffb3)drop-shadow(0 0 8px #8ef8ff4d);position:absolute;inset:0}.dd-boot .b-line .rd{transform-origin:50% 100%;background:linear-gradient(#e2e8ef,#9aa6b4);border-radius:1px;width:1.1px;position:absolute;top:2.4px;bottom:.6px;box-shadow:0 0 0 .3px #282e3a8c}.dd-boot .b-line .rd.l{left:-.2px}.dd-boot .b-line .rd.r{right:-.2px}.dd-boot .b-line .t{transform-origin:50% 100%;background:linear-gradient(90deg,#8f9cad,#f7fafc 38%,#cdd6e0 72%,#8391a2);border-radius:1.5px;height:3.9px;position:absolute;left:.5px;right:.5px}.dd-boot .b-line .t3{height:4.4px;bottom:0}.dd-boot .b-line .t2{bottom:4.8px}.dd-boot .b-line .t1{bottom:9.1px}.dd-boot .b-line .t2:after{content:"";background:#ffb21e;height:1px;position:absolute;top:1.45px;left:.3px;right:.3px}.dd-boot .b-line .hd{transform-origin:50% 100%;background:#c9d2dc;border-radius:1px;height:1.4px;position:absolute;top:0;left:4.2px;right:4.2px}.dd-boot .b-line .hd:after{content:"";background:#c9d2dc;width:1.1px;height:1.6px;position:absolute;top:1.2px;left:calc(50% - .55px)}.dd-boot .b-line .ping{box-sizing:border-box;opacity:0;border:1.5px solid #ffd36be6;border-radius:50%;width:14px;height:5px;margin-left:-7px;position:absolute;bottom:-3px;left:50%;box-shadow:0 0 8px #ffb21ecc}.dd-boot .b-line .ends{letter-spacing:.2em;color:#b3a6c9;justify-content:space-between;font:600 10px/1 Rajdhani,sans-serif;display:flex;position:absolute;top:47px;left:-3.5px;right:-3.5px}.dd-boot .b-line .ends em{font-style:normal}.dd-boot .b-msg{color:#b9adcf;letter-spacing:.32em;text-indent:.32em;font-size:11px}.dd-boot .b-arrive{grid-area:4/1;align-self:start;justify-items:center;display:grid;position:relative}.dd-boot .b-arrive:before{content:"";z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(closest-side,#08040e9e,#08040e4d 62%,#08040e00);transition:opacity .6s;position:absolute;inset:-30px -22%}.dd-boot .b-eyebrow{letter-spacing:.5em;text-indent:.5em;color:#e9f6ff;text-shadow:0 0 5px #8ef8ffb3,0 0 14px #3cf2ff66;white-space:nowrap;margin-top:4px;font:600 clamp(10px,2.8cqw,12px)/1 Rajdhani,sans-serif}.dd-boot.arrived .b-arrive:before{opacity:1}.dd-boot .b-slot{width:31px;height:33px;margin-top:18px;position:relative}.dd-boot .b-slot:after{content:"";opacity:0;background:radial-gradient(closest-side,#ffbe466b,#ff8c001f 60%,#ff8c0000);border-radius:50%;width:70px;height:12px;margin-left:-35px;transition:opacity .6s .15s;position:absolute;bottom:-5px;left:50%}.dd-boot.arrived .b-slot:after{opacity:1}.dd-boot .b-done{letter-spacing:.24em;text-indent:.24em;white-space:nowrap;color:#fff1d6;text-shadow:0 0 6px #ffd278d9,0 0 18px #ffb21e8c,0 0 36px #ff8c0047;margin-top:9px;font:700 clamp(17px,5cqw,23px)/1 Rajdhani,sans-serif}.dd-boot .b-eyebrow,.dd-boot .b-done{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.3,1);transform:translateY(6px)}.dd-boot.arrived .b-eyebrow,.dd-boot.arrived .b-done{opacity:1;transform:none}.dd-boot.arrived .b-done{transition-delay:80ms}.dd-boot .b-load{grid-template-areas:"line""msg""detail""tip"}.dd-boot .b-line{grid-area:line}.dd-boot .b-msg,.dd-boot .b-wait{grid-area:msg}.dd-boot .b-detail{grid-area:detail}.dd-boot .b-wait{color:#ff9a86;letter-spacing:.32em;text-indent:.32em;text-shadow:0 0 8px #ff454573;opacity:0;font-size:11px}.dd-boot .b-detail{color:#8a7fa0;letter-spacing:.16em;min-height:16px;font-size:10px;transition:opacity .4s}@container (width>=960px) and (height>=520px){.dd-boot .b-load,.dd-boot .b-arrive{zoom:1.3}}@container (orientation:portrait){.dd-boot .b-load,.dd-boot .b-arrive{zoom:1.12}.dd-boot .b-line{width:min(460px,78cqw)}}@container (orientation:landscape) and (height<=420px){.dd-boot .b-logo{font-size:clamp(44px,min(11.5cqw,20cqh),176px)}.dd-boot .b-load{gap:6px}.dd-boot .b-slot{margin-top:12px}.dd-boot .b-enter{margin-top:14px}}.dd-boot .b-tip{color:#a99cbd;letter-spacing:.02em;text-wrap:balance;text-shadow:0 1px 2px #000;grid-area:tip;max-width:min(300px,80cqw);font:500 12px/1.45 Mukta,system-ui,sans-serif;transition:opacity .5s}.dd-boot .b-tip:before{content:attr(data-label);color:#ffc04a;letter-spacing:.2em;vertical-align:1px;background:#ffb21e24;border-radius:3px;margin-right:.6em;padding:2px 5px 1px;font:700 9px/1 Rajdhani,sans-serif}.dd-boot .b-enter{visibility:hidden;cursor:pointer;clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);background:linear-gradient(90deg,#ffd36be6,#ffb21ea6);margin-top:22px;padding:1px}.dd-boot .b-enter span{color:#ffd36b;letter-spacing:.34em;text-indent:.34em;white-space:nowrap;clip-path:polygon(10.4px 0,100% 0,100% calc(100% - 10.4px),calc(100% - 10.4px) 100%,0 100%,0 10.4px);background:#0c0714eb;padding:12px 24px 10px;font:700 13px/1 Rajdhani,sans-serif;display:block;position:relative;overflow:hidden}.dd-boot .b-enter span:before{content:"";background:linear-gradient(90deg,#ffb21e00,#ffb21e3d,#ffb21e00);animation:2.4s ease-in-out infinite b-call;position:absolute;inset:0}@keyframes b-call{0%,to{opacity:.1}50%{opacity:1}}.dd-boot[data-stage=ready]{pointer-events:auto;cursor:pointer}.dd-boot.arrived[data-stage=ready] .b-enter{visibility:visible;animation:.5s ease-out .15s both b-in}@keyframes b-in{0%{opacity:0;transform:translateY(6px)}}.dd-boot[data-stage=ready] .b-tip,.dd-boot[data-stage=ready] .b-detail{opacity:0}.dd-boot[data-stage=enter] .b-brand{animation:1.1s cubic-bezier(.55,0,.75,.2) both b-through}@keyframes b-through{0%{opacity:1;transform:scale(1)}18%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(2.6)}}.dd-boot[data-stage=enter] .b-load,.dd-boot[data-stage=enter] .b-arrive,.dd-boot[data-stage=enter] .b-tip,.dd-boot[data-stage=enter] .b-enter{opacity:0;transition:opacity .3s}.dd-boot[data-stage=enter] .b-bg{opacity:0;transition-delay:.25s}@media (prefers-reduced-motion:reduce){.dd-boot *,.dd-boot :before{animation-duration:10ms!important;animation-iteration-count:1!important}}.dd-boot .dd-boot-replay{z-index:3;color:#ffd36b;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;opacity:0;background:#0c0714b3;border:1px solid #ffd36b73;border-radius:999px;padding:7px 11px;font:600 10.5px/1 Rajdhani,sans-serif;transition:opacity .4s;position:absolute;bottom:12px;right:14px}.dd-boot.arrived .dd-boot-replay,.dd-boot.done .dd-boot-replay{opacity:1}.dd-boot.done .b-bg,.dd-boot.done .b-brand,.dd-boot.done .b-load,.dd-boot.done .b-arrive{opacity:0;transition:opacity .5s}@media (width<=700px){.dd-boot{aspect-ratio:4/5;border-radius:14px;max-height:640px}}.notes-page,.note-page{--soft:#4b585e;--rule:#d6d2c7;--card:#fbfaf6;--field:linear-gradient(130deg,#ffffffe6,#eef3f2b8 50%,#dfe8ecc2);--world:var(--ink);--mono:ui-monospace,"Cascadia Mono",Consolas,monospace}[data-world=build]{--world:#245bb2}[data-world=create]{--world:#a62650}[data-world=memories]{--world:#884a32}[data-world=craft]{--world:#252625}.notes-hero{padding-top:52px;padding-bottom:26px}.notes-title{letter-spacing:-.07em;margin-top:30px;font-size:clamp(64px,10.6vw,170px);line-height:.94}.notes-intro{justify-content:space-between;align-items:flex-end;gap:40px;margin-top:36px;display:flex}.notes-intro p{max-width:600px;color:var(--soft);font-size:clamp(17px,1.35vw,21px);line-height:1.55}.notes-filters{flex-wrap:wrap;gap:10px;display:flex}.notes-filters button{background:#fffffff2;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:13px;transition:background .3s,color .3s;display:inline-flex;box-shadow:inset 0 0 0 1px #dcdfd8}.notes-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);box-shadow:none}.notes-filters i{background:var(--world);border-radius:50%;width:8px;height:8px}.notes-cabinet{padding-top:26px}.notes-grid{grid-template-columns:1.22fr 1fr 1fr;gap:24px;display:grid}.note-card{background:var(--card);min-width:0;transition:box-shadow .5s var(--ease-out),translate .5s var(--ease-out);border-radius:26px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e3e0d6,0 12px 30px #2a2a2210}.note-card[hidden]{display:none}.note-card:hover,.note-card:focus-within{translate:0 -3px;box-shadow:inset 0 0 0 1px #dcd8cc,0 22px 44px #2a2a221c}.note-card-piece{touch-action:pan-y;background:radial-gradient(120% 100% at 30% 20%,#fff,#f1f3ef 60%,#e7ece8);border-bottom:1px solid #e6e3da;place-items:center;height:250px;display:grid;position:relative;overflow:hidden}.note-card-link{flex-direction:column;flex:1;padding:18px 22px 22px;display:flex}.note-card-link:after{content:"";border-radius:0 0 26px 26px;position:absolute;inset:250px 0 0}.note-card-kicker{font:500 11px/1.4 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#5f6c71;align-items:center;gap:9px;display:flex}.note-card-kicker i{background:var(--world);border-radius:50%;width:7px;height:7px}.note-card h2{letter-spacing:-.035em;margin:12px 0 8px;font-size:clamp(22px,1.9vw,28px);line-height:1.14}.note-card p{color:var(--soft);font-size:15px;line-height:1.55}.note-card-read{color:var(--practice-strong);--action-icon-size:18px;align-items:center;gap:10px;margin-top:auto;padding-top:18px;font-size:13px;display:inline-flex}.note-card-link:focus-visible{outline:none}.note-card-link:focus-visible:after{outline:2px solid var(--focus-on-light);outline-offset:-3px}.mini-name{letter-spacing:-.06em;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:baseline;font-size:clamp(46px,4.6vw,70px);display:flex}.mini-letter{cursor:grab;touch-action:pan-y;display:inline-block}.mini-ink{transform-origin:50% 65%;display:inline-block}.mini-gap{width:.24em;display:inline-block}.mini-letter[data-held]{color:#2a64a4;cursor:grabbing}.mini-cursors{gap:clamp(14px,1.6vw,24px);display:flex}.mini-cursors svg{filter:drop-shadow(0 4px 6px #31516e2e);width:clamp(36px,3.2vw,48px);height:auto;overflow:visible}.mini-cursors path,.sp-hand path,.sp-cursor path{fill:url(#notes-glass);stroke:#678cae;stroke-width:.85px;stroke-linejoin:round}.mini-mark .tk-mark,.mini-type .tk-mark{width:clamp(96px,8vw,128px);height:auto}.note-card-piece .mini-label{font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#7a868b;position:absolute;bottom:14px;left:18px}.notes-follow{border-top:1px solid var(--rule);justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.notes-follow h2{letter-spacing:-.055em;font-size:clamp(40px,5vw,72px);line-height:1}.notes-follow p{max-width:460px;color:var(--soft);margin-top:16px;font-size:16px;line-height:1.6}.notes-follow-links{flex-wrap:wrap;gap:12px;display:flex}.notes-follow-links a{--action-icon-size:20px;gap:14px;min-height:48px;padding:12px 18px;font-size:14px}.note{--col:680px;--gap:64px;--side:300px;--width:calc(var(--col) + var(--gap) + var(--side))}.note-head,.note-body,.note-end{width:min(100% - 2 * var(--gutter),var(--width));margin-inline:auto}.note-head{padding:40px 0 8px}.note-back{color:var(--practice-strong);gap:18px;margin-bottom:34px;font-size:13px}.note-kicker{justify-content:space-between;align-items:center;gap:20px;display:flex}.note-kicker .eyebrow{color:#53626b;align-items:center;gap:12px;display:inline-flex}.note-kicker .note-mark{width:15px;height:15px}.note-kicker time{letter-spacing:.02em;color:var(--soft);font-size:12px}.note-title{letter-spacing:-.065em;margin-top:24px;font-size:clamp(50px,7.2vw,112px);line-height:.98}.note-title .note-dot{color:var(--practice-ink)}.note-sub{letter-spacing:-.045em;color:#868c88;max-width:22em;margin-top:18px;font-size:clamp(24px,2.9vw,46px);line-height:1.12;position:relative}.note-sub-space{visibility:hidden}.note-sub-typed{position:absolute;inset:0}.note-sub .note-caret{vertical-align:-.06em;background:var(--practice-ink);width:3px;height:.82em;margin-left:5px;animation:1.05s step-end infinite note-blink;display:inline-block}@keyframes note-blink{50%{opacity:0}}.note-body{padding:34px 0 30px}.note-body>:is(p,ul,ol,h2,h3,blockquote,pre,details){max-width:var(--col)}.note-body>p{color:#2f3433;margin:0 0 22px;font-size:clamp(18px,1.3vw,20px);line-height:1.7}.note-body>p:first-of-type{color:var(--ink);font-size:clamp(20px,1.6vw,24px);line-height:1.55}.note-body em{letter-spacing:-.01em}.note-body strong{color:var(--ink);font-weight:600}.note-body code{font:.86em var(--mono);color:var(--ink);background:#e8eae4;border-radius:6px;padding:.1em .38em}.note-body>h2{letter-spacing:-.045em;margin:68px 0 20px;font-size:clamp(30px,2.7vw,42px);line-height:1.08}.note-body>h3{letter-spacing:-.03em;margin:40px 0 12px;font-size:22px}.note-body>:is(ul,ol){color:#2f3433;margin:0 0 24px;padding:0;font-size:clamp(18px,1.3vw,20px);line-height:1.6;list-style:none}.note-body>:is(ul,ol)>li{padding-left:26px;position:relative}.note-body>:is(ul,ol)>li+li{margin-top:10px}.note-body>ul>li:before{content:"";background:var(--world);border-radius:50%;width:7px;height:7px;position:absolute;top:.68em;left:4px}.note-body>ol{counter-reset:n}.note-body>ol>li:before{counter-increment:n;content:counter(n);font:600 13px var(--mono);color:var(--practice-ink);position:absolute;top:.18em;left:0}.note-body>blockquote{border-left:2px solid var(--world);letter-spacing:-.02em;margin:32px 0;padding-left:26px;font-size:clamp(22px,2vw,28px);line-height:1.4}.note-link{color:var(--practice-strong);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb,var(--practice-ink) 45%,transparent);text-decoration-color:color-mix(in srgb,var(--practice-ink) 45%,transparent);transition:text-decoration-color .3s}.note-link:hover{text-decoration-color:currentColor}.note-aside{float:right;clear:right;width:var(--side);color:#4d5c63;border-top:1px solid #cdd4d2;margin:6px 0 24px;padding-top:12px;font-size:14px;line-height:1.6}.note-aside .eyebrow{font:600 10.5px/1 var(--mono);letter-spacing:.13em;color:var(--practice-strong);margin-bottom:8px;display:block}.note-aside p{margin:0}.note-wide{clear:both;margin:44px 0 52px}.note-dev{background:#ecede7;border-radius:16px;margin:30px 0 26px}.note-dev summary{color:#3c4a50;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:14px 20px;font-size:14px;list-style:none;display:flex}.note-dev summary::-webkit-details-marker{display:none}.note-dev summary b{font:600 12px var(--mono);letter-spacing:.06em;margin-right:8px}.note-dev summary b:before{content:"▸ ";color:var(--practice-ink)}.note-dev[open] summary b:before{content:"▾ "}.note-dev summary code{color:#6a767b;background:0 0;padding:0}.note-dev-body{color:#33403f;padding:0 20px 18px;font-size:15px;line-height:1.7}.note-dev-body p{margin:0 0 10px}.note-numbers{border-block:1px solid #cdd4d2;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.note-numbers div{flex-direction:column-reverse;justify-content:flex-end;gap:6px;padding:20px 4px 18px;display:flex}.note-numbers div+div{border-left:1px solid #e0e3de;padding-left:24px}.note-numbers dd{letter-spacing:-.045em;margin:0;font-size:clamp(28px,2.6vw,38px);line-height:1}.note-numbers dt{font:500 11px/1.45 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#5d6d74}.decision>.eyebrow{color:#53626b;margin-bottom:16px;display:block}.decision-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.decision-option{background:var(--field);border:1px solid #ffffffbd;border-radius:22px;padding:16px 18px 18px;position:relative;box-shadow:inset 0 1px 1px #fff,0 10px 30px #35566e14}.decision-option.is-chosen{box-shadow:inset 0 1px 1px #fff,0 14px 36px #35566e1f,0 0 0 2px var(--practice-ink)}.decision-chosen{z-index:3;background:var(--practice-ink);color:#fff;font:600 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:6px 10px;position:absolute;top:26px;right:26px}.decision-piece{touch-action:pan-y;background:#fbfbf8;border-radius:14px;height:178px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e5e7e2}.decision-option h3{justify-content:space-between;align-items:baseline;gap:10px;margin:16px 4px 6px;font-size:16px;font-weight:600;display:flex}.decision-option h3 small{font:500 11.5px var(--mono);letter-spacing:.03em;color:#5d6d74;text-align:right}.decision-option p{color:#4d5c63;margin:0 4px;font-size:14px;line-height:1.55}.specimen{margin:0}.specimen-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;background:radial-gradient(120% 90% at 30% 20%,#fff,#f3f5f2 55%,#e6ece9);border:1px solid #ffffffd9;border-radius:30px;height:clamp(380px,38vw,520px);position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #fff,0 24px 50px #33403f18,inset 0 -1px 2px #7b8c8a30}.specimen-stage:before{content:"";opacity:0;background-image:linear-gradient(#2a4b6410 1px,#0000 1px),linear-gradient(90deg,#2a4b6410 1px,#0000 1px);background-size:32px 32px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 50% 45%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 80% at 50% 45%,#000 30%,#0000 80%)}.specimen-stage.is-xray:before{opacity:1}.specimen>figcaption{max-width:var(--col);color:#59666b;margin-top:14px;font-size:14px;line-height:1.6}.specimen-tag{z-index:4;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#5d6d74;pointer-events:none;position:absolute;top:22px;left:26px}.specimen-tag b{color:var(--practice-ink);font-weight:600}.specimen-room{position:absolute;inset:0}.specimen-xray{z-index:2;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0;overflow:visible}.specimen-stage.is-xray .specimen-xray{opacity:1}.specimen-xray text{font:500 11.5px var(--mono);letter-spacing:.05em;fill:var(--practice-ink)}.specimen-xray .pill{fill:#fbfcfaee;stroke:#d5dee2}.specimen-xray .warm{fill:#a62650}.specimen-xray .warm-line{stroke:#a62650}.sp-hand{z-index:3;pointer-events:none;opacity:0;filter:drop-shadow(0 6px 10px #24405c33);width:40px;height:42px;margin:-4px 0 0 -13px;transition:opacity .25s;position:absolute;top:0;left:0}.sp-hand svg{width:100%;height:100%;overflow:visible}.specimen-stage[data-mode=watch] .sp-hand.is-on{opacity:1}.specimen-controls{z-index:5;align-items:center;gap:18px;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.specimen-modes{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border-radius:16px;padding:4px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #d8e0e3,0 6px 16px #2a4b6412}.specimen-pill{pointer-events:none;background:linear-gradient(135deg,#fff,#eef4f8);border-radius:12px;width:0;position:absolute;top:4px;bottom:4px;left:0;box-shadow:inset 0 1px #fff,0 4px 12px #24405c22,0 0 0 1px #c9d8e3}.specimen-modes button{z-index:1;color:#4b6172;border-radius:12px;align-items:center;gap:9px;min-height:40px;padding:0 16px;font-size:14px;transition:color .3s;display:flex;position:relative}.specimen-modes button[aria-pressed=true]{color:var(--ink)}.specimen-modes button svg{flex:none;width:14px;height:14px;overflow:visible}.specimen-lenses{gap:8px;display:flex}.specimen-lens{color:#4b6172;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border-radius:14px;align-items:center;gap:9px;min-height:40px;padding:0 15px;font-size:14px;transition:color .3s,box-shadow .3s,background .3s;display:flex;box-shadow:inset 0 0 0 1px #d8e0e3,0 6px 16px #2a4b6410}.specimen-lens i{border-radius:50%;width:8px;height:8px;transition:background .3s,box-shadow .3s;box-shadow:inset 0 0 0 1.5px #8ea0ad}.specimen-lens[aria-pressed=true]{color:var(--practice-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--practice-ink) 45%,#fff),0 6px 16px #2a4b6416;background:#fff}.specimen-lens[aria-pressed=true] i{background:var(--practice-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--practice-ink) 18%,transparent),0 0 8px color-mix(in srgb,var(--practice-ink) 60%,transparent)}.specimen-lens[data-lens=slow][aria-pressed=true] i{animation:1.6s ease-in-out infinite lens-breathe}@keyframes lens-breathe{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--practice-ink) 10%,transparent),0 0 10px color-mix(in srgb,var(--practice-ink) 40%,transparent)}}.specimen-hint{z-index:4;font:500 11.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--practice-strong);opacity:0;transition:opacity .25s,translate .35s var(--ease-out);pointer-events:none;position:absolute;top:19px;right:26px;translate:0 -3px}.specimen-hint.is-on{opacity:1;translate:0}.specimen-scrub{flex:1;min-width:0;height:36px;position:relative}.specimen-scrub input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.specimen-track{pointer-events:none;background:#d3dbdf;border-radius:2px;height:2px;position:absolute;top:12px;left:0;right:0}.specimen-track i{background:var(--practice-ink);transform-origin:0;border-radius:2px;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(0)}.specimen-track b{width:14px;height:14px;box-shadow:0 0 0 1.5px var(--practice-ink),0 3px 8px #245bb244;background:#fff;border-radius:50%;margin-left:-7px;position:absolute;top:-6px;left:0}.specimen-scrub input:focus-visible+.specimen-track b{box-shadow:0 0 0 2px var(--focus-on-light),0 0 0 5px color-mix(in srgb,var(--focus-on-light) 25%,transparent)}.specimen-tick{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6b7b83;pointer-events:none;white-space:nowrap;position:absolute;top:22px;translate:-50%}.specimen-tick:before{content:"";background:#9aaab2;width:1px;height:5px;position:absolute;top:-8px;left:50%}.specimen-stage[data-mode=try] .specimen-scrub{opacity:.3}.sp-name{letter-spacing:-.06em;white-space:nowrap;align-items:baseline;font-size:clamp(84px,11.5vw,176px);line-height:1;display:flex;position:absolute;top:44%;left:50%;translate:-50% -50%}.sp-glyph{cursor:grab;touch-action:pan-y;display:inline-block;position:relative}.sp-glyph[data-held]{z-index:2;color:#2a64a4;cursor:grabbing}.sp-ink{transform-origin:50% 65%;display:inline-block}.sp-gap{width:.24em;display:inline-block}.sp-cursor-room{grid-template-columns:1.1fr 1fr 1fr;gap:22px;display:grid;position:absolute;inset:64px 40px 86px}.sp-zone{background:#ffffffa8;border-radius:20px;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #e1e6e5}.sp-zone>small{font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#7a868b;position:absolute;top:14px;left:16px}.sp-look{aspect-ratio:4/3;background:linear-gradient(160deg,#dfe8ec,#c9d7de);border-radius:12px;width:72%;box-shadow:inset 0 0 0 1px #fffa}.sp-act{min-height:44px;color:var(--practice-strong);background:0 0;border:0;border-bottom:1px solid;align-items:center;gap:12px;padding:8px 2px;font-size:15px;display:inline-flex}.sp-track{background:#e9edec;border-radius:999px;width:78%;height:46px;position:relative;box-shadow:inset 0 1px 3px #2a4b641a}.sp-chip{color:#245bb2;touch-action:none;background:linear-gradient(135deg,#fff,#e8f0f5);border-radius:999px;place-items:center;width:84px;height:38px;font-size:13px;display:grid;position:absolute;top:4px;left:4px;box-shadow:inset 0 1px #fff,0 4px 10px #24405c24,0 0 0 1px #c9d8e3}.sp-chip[data-held]{box-shadow:inset 0 1px #fff,0 10px 20px #24405c33,0 0 0 1.5px #245bb2}.sp-cursor{pointer-events:none;filter:drop-shadow(0 2px 2px #31516e35);width:36px;height:37.8px;position:absolute;top:0;left:0}.sp-cursor svg{width:100%;height:100%;overflow:visible}.decision-piece[data-own-cursor]{cursor:none}.decision-piece .sp-mini-target{color:var(--practice-strong);cursor:none;background:0 0;border:0;border-bottom:1px solid;padding:6px 2px;font-size:13px;position:absolute;bottom:16px;right:16px}.decision-piece .sp-mini-label{font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8a969b;position:absolute;top:12px;left:14px}.sp-mark{aspect-ratio:1;width:min(54%,400px);position:absolute;top:45%;left:50%;overflow:visible;translate:-50% -50%}.sp-mark line{stroke-width:12px;stroke-linecap:round}.sp-mark-label{font:500 5px var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:0}.sp-morph{z-index:4;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:50%;right:28px;translate:0 -50%}.sp-morph span{font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#6b7b83}.sp-morph input{writing-mode:vertical-lr;width:30px;height:160px;accent-color:var(--practice-ink)}.sp-mini-name{letter-spacing:-.06em;white-space:nowrap;cursor:grab;touch-action:pan-y;font-size:46px;position:absolute;top:42%;left:50%;translate:-50% -50%}.sp-mini-name[data-held]{color:#2a64a4;cursor:grabbing}.sp-mini-name>span{transform-origin:20% 65%;display:inline-block}.sp-trace{width:calc(100% - 28px);height:40px;position:absolute;bottom:10px;left:14px}.sp-trace path{fill:none;stroke:#7d8d94;stroke-width:1.5px}.is-chosen .sp-trace path{stroke:var(--practice-ink)}.sp-trace line{stroke:#d5dcde;stroke-dasharray:2 4}.sp-pull-all{z-index:2;position:absolute;bottom:-2px;left:50%;translate:-50% 50%}@media (width<=1100px){.note-aside{float:none;width:auto;max-width:var(--col);border:0;border-left:2px solid var(--world);background:#ecede7;border-radius:0 12px 12px 0;margin:6px 0 26px;padding:14px 18px}.notes-grid{grid-template-columns:1fr 1fr}.note-card.is-lead{grid-column:1/-1}.decision-options{grid-template-columns:1fr}.note-numbers{grid-template-columns:1fr 1fr}.note-numbers div:nth-child(3){border-left:0;padding-left:4px}.note-numbers div:nth-child(n+3){border-top:1px solid #e0e3de}}@media (width<=700px){.notes-hero{padding-top:28px}.notes-intro{flex-direction:column;align-items:flex-start;gap:22px}.notes-grid{grid-template-columns:1fr}.note-card-piece{height:200px}.note-card-link:after{inset:200px 0 0}.notes-follow{flex-direction:column;align-items:flex-start}.note-head{padding-top:24px}.note-back{margin-bottom:24px}.note-kicker{flex-direction:column;align-items:flex-start;gap:10px}.note-sub{font-size:22px}.note-body>h2{margin-top:52px}.specimen-stage{border-radius:22px;height:420px}.specimen-controls{flex-wrap:wrap;justify-content:space-between;gap:10px;bottom:12px;left:12px;right:12px}.specimen-scrub{flex-basis:100%;order:3;height:30px}.specimen-modes button,.specimen-lens{gap:7px;min-height:40px;padding:0 10px;font-size:13px}.specimen-lenses{gap:5px}.specimen-controls{column-gap:6px}.specimen-tag{font-size:10px;top:16px;left:16px}.specimen-hint{font-size:10px;top:36px;right:16px}.sp-name{font-size:clamp(56px,17vw,84px);top:40%}.sp-cursor-room{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr;gap:10px;inset:52px 14px 112px}.sp-look{width:44%}.sp-mark{width:64%;top:37%}.sp-morph{flex-direction:row;gap:12px;inset:auto auto 122px 50%;translate:-50%}.sp-morph input{writing-mode:horizontal-tb;width:150px;height:30px}.sp-zone{justify-content:flex-start;align-items:center;gap:16px;padding:0 16px;display:flex}.sp-zone>small{flex:none;width:40px;position:static}.sp-look{aspect-ratio:4/3;width:auto;height:72%}.sp-track{flex:1;width:auto}.note-numbers dd{font-size:28px}}@media (prefers-reduced-motion:reduce){.note-sub .note-caret{animation:none}.note-card,.specimen-stage:before,.specimen-xray{transition:none}}.notes-page :is(.contact,.site-footer),.note-page :is(.contact,.site-footer){content-visibility:auto;contain-intrinsic-size:auto 900px}.note-page .note-body>.note-wide~.note-wide{content-visibility:auto;contain-intrinsic-size:auto 420px}.note-loop,.note-reel,.note-still,.note-sign,.note-loader{margin:0}.note-media,.note-still img{background:#14161c;border-radius:18px;width:100%;height:auto;display:block}.note-loop.is-portrait,.note-still.is-portrait{width:min(100%,360px);margin-inline:auto}.note-loop figcaption,.note-reel figcaption,.note-still figcaption,.note-sign figcaption,.note-loader figcaption{color:#5d6d74;margin-top:12px;font-size:13.5px;line-height:1.55}.note-stills{grid-template-columns:repeat(var(--n,1),minmax(0,1fr));align-items:start;gap:22px;display:grid}.note-stills .note-still.is-portrait{margin-inline:0}@media (width<=700px){.note-stills{grid-template-columns:1fr;gap:18px}.note-media,.note-still img{border-radius:12px}}.note-play{width:min(100% - 2 * var(--gutter),var(--width));background:var(--field);border:1px solid #ffffffbd;border-radius:22px;grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:28px;margin:48px auto 8px;padding:22px;display:grid;box-shadow:inset 0 1px 1px #fff,0 10px 30px #35566e14}.note-play .dd-sign{width:100%}.note-play .eyebrow{color:#53626b;margin-bottom:10px;display:block}.note-play p{color:#2f3433;margin:0 0 18px;font-size:clamp(17px,1.3vw,20px);line-height:1.5}.note-play-actions{flex-wrap:wrap;align-items:center;gap:14px 26px;display:flex}.note-play .glass-action{align-items:center;display:inline-flex}.note-play .underlined{font-size:13px}@media (width<=700px){.note-play{border-radius:18px;grid-template-columns:1fr;gap:18px;padding:16px}}.note-end{border-top:1px solid #cdd4d2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;margin-top:44px;padding:24px 0 44px;display:flex}.note-sign{letter-spacing:-.01em;margin:0;font-size:15px}.note-sign a{color:var(--ink);align-items:center;gap:9px;text-decoration:none;display:inline-flex}.note-sign-mark{width:14px;height:14px}.note-tags{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0;padding:0;list-style:none;display:flex}.note-tags li{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#5d6d74;background:0 0;border:1px solid #cdd4d2;border-radius:999px;padding:7px 12px 6px}@media (width<=700px){.note-end{gap:14px;padding:20px 0 34px}.note-tags{justify-content:flex-start}}