.ab{color:#edf1ed;height:430svh;font-family:var(--font-sans);background:#090c0b;position:relative}.ab-scene{--about-progress:0;--pan:clamp(0,calc((var(--about-progress) - .155) / .845),1);isolation:isolate;background:#090c0b;height:100svh;position:sticky;top:0;overflow:hidden}.ab-scene:after{content:"";z-index:4;pointer-events:none;opacity:clamp(0,calc((var(--about-progress) - .96) * 25),1);background:#050807;position:absolute;inset:0}.ab-desk{z-index:0;width:220vw;height:88vw;transform:translate3d(calc(var(--pan) * -120vw),-50%,0) scale(calc(1 + clamp(0,calc((var(--about-progress) - .88) * 8),1) * .055));transform-origin:88% 43%;filter:saturate(calc(.58 + var(--about-progress) * .28)) brightness(.68) contrast(1.06);will-change:transform,filter;background:url(/about-desk-timeline-v2.webp) 50%/100% 100% no-repeat;position:absolute;top:50%;left:0}.ab-focus{z-index:1;pointer-events:none;background:radial-gradient(circle at calc(18.6% + var(--pan) * 67.5%) 46%,transparent 0 12%,#02050414 22%,#0205048a 52%,#020504b8 100%);mix-blend-mode:multiply;position:absolute;inset:0}.ab-shade{z-index:2;pointer-events:none;background:linear-gradient(90deg,#040706a8,#0000 40% 77%,#04070640),linear-gradient(#090c0b 0,#0000 14vh 54vh,#050807bd 75vh,#090c0b 100%);position:absolute;inset:0}.ab-grain{z-index:7;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:-20%}.ab-header{z-index:6;font:10px/1 var(--font-mono);letter-spacing:.22em;color:#aeb8b0;align-items:center;gap:18px;display:flex;position:absolute;top:7vh;left:7vw;right:7vw}.ab-header span{color:#b8dcae}.ab-header p{font-family:var(--font-display);margin:0}.ab-header b{color:#aeb8b0;margin-left:auto;font-weight:400}.ab-opening{z-index:5;width:min(62vw,880px);opacity:clamp(0,calc(1 - var(--about-progress) * 6),1);transform:translateY(calc(var(--about-progress) * 34px));text-shadow:0 4px 28px #000;position:absolute;top:36vh;left:7vw}.ab-opening span{font:10px/1 var(--font-mono);letter-spacing:.16em;color:#b8dcae}.ab-opening h2{font-family:var(--font-display);letter-spacing:-.06em;margin:18px 0 0;font-size:clamp(38px,5vw,74px);line-height:1.02}.ab-opening p{font:10px/1.6 var(--font-mono);letter-spacing:.1em;color:#b6c0b8;margin:24px 0 0}.ab-stories{z-index:5;pointer-events:none;position:absolute;inset:0}.ab-story{--hold:.9;width:min(59vw,830px);opacity:min(clamp(0,calc((var(--about-progress) * 4.45 - var(--cue)) * 5),1),clamp(0,calc((var(--cue) + var(--hold) - var(--about-progress) * 4.45) * 5),1));transform:translateY(calc((var(--cue) - var(--about-progress) * 4.45) * 12px));text-shadow:0 4px 28px #000;position:absolute;top:36vh;left:7vw}.ab-story-4{--hold:1.5}.ab-story-meta{font:9px/1 var(--font-mono);letter-spacing:.19em;align-items:center;gap:18px;display:flex}.ab-story-meta span{color:#b8dcae}.ab-story-meta b{color:#9aa79d;font-weight:400}.ab-story-action{font:10px/1 var(--font-mono);letter-spacing:.18em;color:#d5ddd6;margin-top:17px}.ab-story h2{font-family:var(--font-display);letter-spacing:-.055em;margin:12px 0 0;font-size:clamp(34px,4.2vw,62px);line-height:1.03}.ab-story p{color:#d3dad5;max-width:54em;margin:16px 0 0;font-size:14px;line-height:1.72}.ab-story small{font:9px/1.5 var(--font-mono);letter-spacing:.1em;color:#aebbb1;border-top:1px solid #d8e5da3d;margin-top:16px;padding-top:11px;display:block}.ab-timeline{z-index:6;color:#8e9b92;height:24px;font:9px/1 var(--font-mono);letter-spacing:.16em;justify-content:space-between;display:flex;position:absolute;bottom:5vh;left:7vw;right:7vw}.ab-timeline:before,.ab-timeline:after{content:"";height:1px;position:absolute;top:4px;left:0}.ab-timeline:before{background:#deebdf2e;right:0}.ab-timeline:after{width:calc(var(--about-progress) * 100%);background:#a9d9a5;box-shadow:0 0 12px #9be08f40}.ab-timeline span{opacity:clamp(.34,calc(((var(--about-progress) * 4.45 - .75) / .9 - var(--index) + .55) * 2.2),1);padding-top:15px;position:relative}.ab-timeline i{z-index:1;background:#090c0b;border:1px solid #91aa94;border-radius:50%;width:7px;height:7px;position:absolute;top:0;left:50%;transform:translate(-50%)}.ab-next{z-index:6;font:9px/1 var(--font-mono);letter-spacing:.15em;color:#b2bdb5;opacity:clamp(0,calc((var(--about-progress) - .9) * 10),1);align-items:center;gap:14px;display:flex;position:absolute;bottom:9vh;right:7vw}.ab-next b{font-family:var(--font-display);color:#d9e1da;font-weight:400}@media (max-width:820px){.ab{height:330svh}.ab-desk{width:360vw;height:144vw;min-height:82vh;transform:translate3d(calc(var(--pan) * -260vw),-50%,0);filter:saturate(.7)brightness(.58)}.ab-focus{background:radial-gradient(circle at 50% 42%,#0000 0 18%,#02050447 42%,#020504b3 100%)}.ab-shade{background:linear-gradient(#090c0b 0,#0000 13vh 47vh,#050807c7 67vh,#090c0b 100%)}.ab-header{top:6vh;left:6vw;right:6vw}.ab-header b{display:none}.ab-opening,.ab-story{width:88vw;top:32vh;left:6vw}.ab-opening h2,.ab-story h2{font-size:clamp(34px,10vw,48px)}.ab-story p{font-size:12.5px;line-height:1.58}.ab-story small{margin-top:10px}.ab-timeline{bottom:5vh;left:6vw;right:6vw}.ab-timeline span{font-size:7px}.ab-next{display:none}}@media (prefers-reduced-motion:reduce){.ab{height:100svh}.ab-scene{position:relative}.ab-desk{background-size:cover;width:100vw;height:100%;transform:none}.ab-focus{display:none}.ab-opening{opacity:1;transform:none}.ab-stories,.ab-timeline,.ab-next{display:none}}
.wr{--ink:#eef3ea;--ink2:#a6b5aa;--mut:#65726a;color:var(--ink);font-family:var(--font-sans);z-index:2;background:0 0;position:relative}.wr-grain{z-index:5;pointer-events:none;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.wr-pin{background:#050807;height:100vh;position:relative;overflow:hidden}.wr-stage{background:radial-gradient(at 50% 25%,#111914 0,#0000 42%),#050807;height:100vh;position:relative;overflow:hidden}.wr-stage:before,.wr-stage:after{content:"";z-index:3;pointer-events:none;background:#050807;height:6vh;position:absolute;left:0;right:0}.wr-stage:before{top:0}.wr-stage:after{bottom:0}.wr-track{will-change:transform;align-items:center;gap:0;padding:0 22vw;display:flex;position:absolute;top:10vh;left:0}.wr-frame{--d:0;--ad:0;transform:scale(calc(1.02 - var(--ad)*.1)) translateY(calc(var(--ad)*8px));filter:brightness(calc(.48 + (1 - var(--ad))*.52));opacity:calc(.42 + (1 - var(--ad))*.58);will-change:transform;flex:none;transition:filter .15s linear,opacity .15s linear;position:relative}.wr-proj{background:#080b09 radial-gradient(#05080700 0 38%,#080b09 40%);border-left:1px solid #e6eee224;border-right:1px solid #e6eee224;width:min(43vw,640px);height:42vh;padding:22px 12px;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #ffffff14}.wr-proj:before,.wr-proj:after{content:"";opacity:.98;background:radial-gradient(7px 4px at 14px 7px,#020302 0 88%,#0000 92%) 0 0/28px 14px repeat-x;height:14px;position:absolute;left:0;right:0}.wr-proj:before{top:4px}.wr-proj:after{bottom:4px}.wr-film-window{background:linear-gradient(140deg,#0307050d,#03070559),var(--shot) center/cover no-repeat;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #dde8de1f,inset 0 0 56px #0000006b}.wr-film-window:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000002e,#0000 24% 76%,#0003),linear-gradient(#0000 64%,#00000038);position:absolute;inset:0}.wr-film-code,.wr-film-name,.wr-film-tick{z-index:1;font:9px/1 var(--font-mono);letter-spacing:.16em;color:#e5ece5b8;text-shadow:0 1px 4px #000;position:absolute}.wr-film-code{top:12px;left:12px}.wr-film-name{top:12px;right:12px}.wr-film-tick{color:#cce0c994;bottom:12px;left:12px}.wr-chapter{background:#080b09;width:min(48vw,700px);height:54vh;padding:24px 13px}.wr-chapter:before,.wr-chapter:after{content:"";background:radial-gradient(7px 4px at 14px 7px,#020302 0 88%,#0000 92%) 0 0/28px 15px repeat-x;height:15px;position:absolute;left:0;right:0}.wr-chapter:before{top:4px}.wr-chapter:after{bottom:4px}.wr-ch-leader{background:radial-gradient(circle,#87bea01f,#0000 44%),#080c0a;border:1px solid #dceadb1a;flex-direction:column;justify-content:center;height:100%;padding:0 12%;display:flex}.wr-ch-no,.wr-ch-en{font:10px/1 var(--font-mono);letter-spacing:.23em;color:#84938a}.wr-ch-title{font-family:var(--font-display);letter-spacing:-.06em;background:linear-gradient(100deg,#dbe8d8,#8ddc9e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:18px 0 14px;font-size:clamp(42px,5vw,76px);font-weight:800;line-height:.98}.wr-end{text-align:center;background:#080b09;justify-content:center;align-items:center;width:min(48vw,700px);height:54vh;display:flex}.wr-end p{font-family:var(--font-display);font-size:22px;line-height:1.7}.wr-end-link{color:#9be08f;font:12px/1 var(--font-mono);letter-spacing:.15em;margin-top:18px;text-decoration:none;display:inline-block}.wr-reader{z-index:4;text-shadow:0 3px 24px #000;border-top:1px solid #e2ece342;min-height:29vh;padding-top:16px;position:absolute;bottom:8vh;left:7vw;right:7vw}.wr-reader-meta{font:9px/1 var(--font-mono);letter-spacing:.19em;color:#8e9e92;justify-content:space-between;display:flex}.wr-reader-main{grid-template-columns:minmax(0,1.12fr) minmax(250px,.88fr) auto auto;align-items:end;gap:3vw;margin-top:17px;display:grid}.wr-reader h2{font-family:var(--font-display);letter-spacing:-.05em;margin:0;font-size:clamp(27px,3vw,46px);line-height:1.1}.wr-reader h3{font-family:var(--font-display);margin:14px 0 0;font-size:16px}.wr-reader p{font:10px/1.4 var(--font-mono);color:#a1aea4;margin:6px 0 0}.wr-reader-points{align-self:center;margin:0;padding:0;list-style:none}.wr-reader-points li{color:#bac6bb;margin:0 0 9px;padding-left:13px;font-size:12px;line-height:1.45;position:relative}.wr-reader-points li:before{content:"";background:#9be08f;width:4px;height:4px;position:absolute;top:.5em;left:0}.wr-reader-result{color:#c8d7cc;align-items:baseline;gap:10px;display:flex}.wr-reader-result b{font:500 clamp(32px,3.8vw,58px)/.9 var(--font-mono);color:#9be08f;letter-spacing:-.08em}.wr-reader-result span{max-width:7em;font-size:11px;line-height:1.3}.wr-reader-case{font-family:var(--font-display);color:#d9ead9;white-space:nowrap;border:1px solid #9be08f7a;align-self:center;padding:10px 16px;font-size:11px;text-decoration:none;transition:all .25s}.wr-reader-case:hover{color:#071009;background:#9be08f}.wr-reduced{height:auto!important;overflow:visible!important}.wr-reduced .wr-stage{height:auto;overflow:visible}.wr-reduced .wr-track{flex-direction:column;padding:60px 7vw;position:relative;top:auto;left:auto;transform:none!important}.wr-reduced .wr-frame{opacity:1;filter:none;transform:none!important}.wr-reduced .wr-reader,.wr-reduced .wr-stage:before,.wr-reduced .wr-stage:after{display:none}@media (max-width:820px){.wr-track{padding:0 28vw;top:10vh}.wr-proj,.wr-chapter,.wr-end{width:78vw;height:36vh}.wr-proj{padding:20px 11px}.wr-reader{min-height:35vh;bottom:7vh;left:6vw;right:6vw}.wr-reader-main{grid-template-columns:1fr auto;gap:16px}.wr-reader h2{font-size:24px}.wr-reader-points{display:none}.wr-reader-result{flex-direction:column;grid-area:1/2;align-items:flex-end;gap:4px}.wr-reader-case{display:none}}