@font-face{font-family:Urbancat Rg;src:url(/fonts/urbancat-rg.otf) format("opentype");font-weight:100 900;font-display:swap}:root{--forest:#0d1512;--forest-2:#15211c;--sage:#78b183;--leaf:#3f7a4b;--navy:#2f414c;--mist:#e4efe0;--paper:#f6f7f3;--sun:#f2c9a1;--ink:#1c2328;--glass:rgba(13,21,18,0.58);--glass-line:rgba(228,239,224,0.16);--ease:cubic-bezier(0.16,1,0.3,1);color-scheme:dark}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--forest);color:var(--mist);font-family:Inter Tight,Arial,sans-serif;-webkit-font-smoothing:antialiased}.stage,body{overflow:hidden}.stage{position:fixed;inset:0;background:radial-gradient(120% 90% at 50% 110%,#1b2b23 0,var(--forest) 60%);touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stage.idle{cursor:none}.fit{left:0;top:0;width:1920px;height:1080px;transform-origin:0 0}.fit,.frame{position:absolute}.frame{inset:0;overflow:hidden;background:#fff;will-change:clip-path,transform;box-shadow:0 40px 120px rgba(0,0,0,.45)}.wipe-edge{position:absolute;top:0;bottom:0;width:4px;background:linear-gradient(180deg,transparent,var(--sage) 20%,var(--sun) 50%,var(--sage) 80%,transparent);box-shadow:0 0 40px 6px rgba(120,177,131,.55);z-index:5;pointer-events:none}.wipe-edge.h{left:0;right:0;top:auto;width:auto;height:4px;background:linear-gradient(90deg,transparent,var(--sage) 20%,var(--sun) 50%,var(--sage) 80%,transparent)}.slide{position:absolute;inset:0;width:1920px;height:1080px;overflow:hidden}.slide *{margin:0;box-sizing:border-box}.slide img{max-width:none;object-fit:cover}.slide .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}.slide .wi{display:inline-block;will-change:transform}.slide [data-kb]{scale:1.05;translate:calc(var(--mx, 0) * -16px) calc(var(--my, 0) * -10px);transition:translate 1.4s var(--ease)}.slide .kb{animation:kenburns 18s ease forwards}@keyframes kenburns{0%{scale:1.05}to{scale:1.12}}.grain{position:absolute;inset:-50%;pointer-events:none;z-index:20;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");animation:grain 1.2s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.zone{position:absolute;top:0;bottom:0;z-index:10}.zone.prev{left:0;width:22%;cursor:w-resize}.zone.next{right:0;width:78%;cursor:e-resize}.stage.idle .zone{cursor:none}.chrome{position:fixed;left:0;right:0;z-index:40;pointer-events:none;transition:opacity .6s var(--ease),transform .6s var(--ease)}.chrome.top{top:0;padding:calc(env(safe-area-inset-top, 0px) + 18px) 22px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.chrome.bottom{bottom:0;padding:0 22px calc(env(safe-area-inset-bottom, 0px) + 16px)}.chrome.hidden{opacity:0}.chrome.top.hidden{transform:translateY(-10px)}.chrome.bottom.hidden{transform:translateY(10px)}.chrome>*{pointer-events:auto}.pill{display:inline-flex;align-items:center;gap:12px;height:42px;padding:0 16px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);color:var(--mist);font-size:12px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.brand{font-family:Lexend,sans-serif;font-weight:600;letter-spacing:.34em;font-size:13px}.brand-dot{width:6px;height:6px;border-radius:50%;background:var(--sage);box-shadow:0 0 12px var(--sage)}.section-name{color:rgba(228,239,224,.72);font-weight:500}.counter{font-family:Lexend,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.08em}.counter b{color:#fff;font-weight:600}.controls{display:flex;gap:8px}.icon-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--mist);cursor:pointer;transition:background .3s var(--ease),transform .3s var(--ease),border-color .3s}.icon-btn:hover{background:rgba(63,122,75,.7);border-color:rgba(120,177,131,.6);transform:translateY(-1px)}.icon-btn.on{background:var(--leaf);border-color:var(--sage)}.begin:focus-visible,.icon-btn:focus-visible,.ov-card:focus-visible,.pill:focus-visible,.seg:focus-visible{outline:2px solid var(--sun);outline-offset:3px}.icon-btn svg{width:18px;height:18px}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.eq i{display:block;width:2.5px;height:100%;border-radius:2px;background:currentColor;transform-origin:50% 100%;animation:eq 1.1s ease-in-out infinite}.eq i:nth-child(2){animation-delay:-.4s}.eq i:nth-child(3){animation-delay:-.8s}.eq i:nth-child(4){animation-delay:-.2s}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.icon-btn.music.playing{color:#a8d4ae}.progress{gap:6px}.progress,.seg{display:flex;align-items:flex-end}.seg{flex:var(--n) 1 0;height:22px;cursor:pointer;background:none;border:0;padding:0}.seg,.seg-track{position:relative}.seg-track{width:100%;height:3px;border-radius:3px;background:rgba(228,239,224,.22);overflow:hidden}.seg-fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--sage),#a8d4ae);transform-origin:0 50%;transition:transform .9s var(--ease)}.seg-label{position:absolute;left:0;bottom:12px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(228,239,224,0);white-space:nowrap;transition:color .4s var(--ease);text-shadow:0 1px 8px rgba(0,0,0,.6)}.progress:hover .seg-label,.seg.current .seg-label{color:rgba(228,239,224,.85)}.hint{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 54px);transform:translateX(-50%);z-index:41;pointer-events:none}.hint .pill{font-size:11px;letter-spacing:.14em}kbd{font-family:Lexend,sans-serif;font-size:10px;padding:3px 7px;border-radius:6px;border:1px solid rgba(228,239,224,.35);color:#fff}.notes{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 56px);width:min(760px,calc(100vw - 32px));z-index:45;padding:22px 26px 24px;border-radius:18px;background:rgba(13,21,18,.82);border:1px solid var(--glass-line);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 30px 80px rgba(0,0,0,.5)}.notes h3{margin:0 0 8px;font:600 11px/1 Inter Tight,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--sage)}.notes p{margin:0;font-size:16px;line-height:1.6;color:#eef4ec;max-height:30vh;overflow-y:auto}.overview{position:fixed;inset:0;z-index:60;background:rgba(10,16,13,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow-y:auto;padding:calc(env(safe-area-inset-top, 0px) + 84px) max(22px,4vw) calc(env(safe-area-inset-bottom, 0px) + 60px)}.ov-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:26px}.ov-head h2{margin:0;font:600 clamp(26px,3.4vw,44px)/1.05 Lexend,sans-serif;letter-spacing:-.02em;color:#fff;text-transform:uppercase}.ov-head p{margin:0;color:rgba(228,239,224,.6);font-size:14px}.ov-section{margin:34px 0 14px;display:flex;align-items:baseline;gap:14px}.ov-section span{font:600 12px/1 Inter Tight,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--sage)}.ov-section em{font-style:normal;color:rgba(228,239,224,.5);font-size:13px}.ov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:18px;gap:18px}.ov-card{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:10px}.ov-thumb{position:relative;width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#fff;outline:1px solid rgba(228,239,224,.12);transition:transform .5s var(--ease),outline-color .3s}.ov-card:hover .ov-thumb{transform:translateY(-4px);outline-color:var(--sage)}.ov-card.active .ov-thumb{outline:2px solid var(--sage)}.ov-thumb .slide{transform-origin:0 0;pointer-events:none}.ov-meta{display:flex;gap:10px;align-items:baseline;font-size:13px;color:rgba(228,239,224,.82);line-height:1.3}.ov-meta b{font-family:Lexend,sans-serif;color:var(--sage);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.intro{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:radial-gradient(90% 70% at 50% 40%,#ffffff 0,var(--paper) 55%,#e9eee6 100%);color:var(--navy);padding:24px}.intro-inner{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center;width:min(640px,100%)}.intro-logo{width:min(520px,86vw);height:auto;display:block}.intro-tag{font:400 italic clamp(18px,2vw,24px)/1.3 Lexend,sans-serif;color:var(--leaf);letter-spacing:.01em}.intro-sub{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:#5d6d66}.intro-bar{width:180px;height:2px;border-radius:2px;background:rgba(47,65,76,.14);overflow:hidden}.intro-bar i{display:block;height:100%;background:var(--leaf);transform-origin:0 50%}.begin{all:unset;cursor:pointer;position:relative;overflow:hidden;padding:16px 34px;border-radius:999px;background:var(--navy);color:#fff;font:600 13px/1 Inter Tight,sans-serif;letter-spacing:.24em;text-transform:uppercase;transition:background .4s var(--ease),transform .4s var(--ease)}.begin:hover{background:var(--leaf);transform:translateY(-2px)}.begin:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-15deg);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-80%}60%,to{left:130%}}.intro-keys{font-size:12px;color:#6b7a73;letter-spacing:.04em}.intro-keys kbd{color:var(--navy);border-color:rgba(47,65,76,.3)}.rotate{position:fixed;max-width:calc(100vw - 32px);cursor:pointer;left:50%;top:calc(env(safe-area-inset-top, 0px) + 72px);transform:translateX(-50%);z-index:42}@media (max-width:720px){.hide-sm,.section-name{display:none}.chrome.bottom,.chrome.top{padding-left:12px;padding-right:12px}.pill{height:38px;padding:0 12px}.icon-btn{width:38px;height:38px}.seg-label{display:none}}@media (prefers-reduced-motion:reduce){.grain,.slide .kb{animation:none}.slide [data-kb]{translate:none}.begin:after,.eq i{animation:none}.eq i{transform:scaleY(.7)}}