:root{--ink:#08090e;--cream:#f3f0df;--accent:#e9ed95;--line:rgba(243,240,223,.19);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-width:thin;scrollbar-color:#5d5c4e var(--ink)}body{margin:0;background:var(--ink);color:var(--cream);-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:#d8df81;color:#111}h1,h2,p{margin:0}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-200%);z-index:100;padding:12px;background:var(--cream);color:var(--ink)}.skip-link:focus{transform:none}
.visual-stage{position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 65% 45%,#302f3a,transparent 52%),var(--ink);overflow:hidden}.scene-canvas{display:block;width:100%;height:100%;touch-action:pan-y}.vignette{position:absolute;inset:0;background:linear-gradient(90deg,#08090e38,transparent 65%),linear-gradient(0deg,#08090ee0,transparent 19%,transparent 88%,#08090e80);pointer-events:none}.grain{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}.edge-word{position:fixed;top:14%;right:-.5%;font-size:21vw;line-height:1;font-weight:500;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #f3f0df0e;z-index:-1;pointer-events:none;writing-mode:vertical-rl}
.site-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:31px 4.5vw;z-index:20;pointer-events:none}.site-header>*{pointer-events:auto}.wordmark{display:flex;align-items:center;gap:12px;font-size:17px;line-height:.94;font-weight:750;letter-spacing:-.04em}.wordmark svg{width:42px;height:42px;stroke:var(--cream);stroke-width:1;fill:none}.top-nav{display:flex;gap:32px;padding-left:55px}.top-nav a{font-size:12px;color:#a4a4a7;position:relative;padding:12px 0;transition:color .2s}.top-nav a:hover,.top-nav a[aria-current]{color:var(--cream)}.top-nav a[aria-current]:before{content:"";width:3px;height:3px;border-radius:50%;background:var(--accent);position:absolute;left:-9px;top:18px}.header-tools{display:flex;gap:24px;align-items:center}.header-tools button{padding:8px 0;font-size:10px}.motion-icon{height:13px;display:inline-flex;align-items:center;gap:3px;margin-right:8px}.motion-icon i{width:1px;height:6px;display:block;background:var(--cream);animation:meter 1.3s ease-in-out infinite alternate}.motion-icon i:nth-child(2){height:12px;animation-delay:.2s}.motion-icon i:nth-child(3){height:9px;animation-delay:.5s}.motion-icon i:nth-child(4){animation-delay:.9s}body[data-paused="true"] .motion-icon i{animation-play-state:paused}.about-trigger{font-size:23px!important}
.scene{position:relative;min-height:780px;height:100svh;scroll-snap-align:start;isolation:isolate;overflow:hidden}.scene-copy{position:absolute;top:25.5%;left:7.2vw;max-width:50vw;z-index:3}.eyebrow{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:30px;color:#c5c4bc}.little-star{font-size:18px;color:var(--accent);line-height:10px}h1,h2{font-size:clamp(64px,7.5vw,118px);line-height:.96;font-weight:400;letter-spacing:-.075em}h1 em,h2 em{font-family:Didot,"Bodoni MT","Times New Roman",serif;font-weight:400;letter-spacing:-.055em;color:var(--accent)}.scene-description{font-size:13px;line-height:1.65;color:#a9abae;margin-top:25px}.text-action{display:inline-flex;align-items:center;gap:36px;padding:11px 0;border-bottom:1px solid #77786c;margin-top:28px;font-size:12px;transition:gap .2s,color .2s}.text-action:hover{gap:48px;color:var(--accent)}.text-action>span{font-size:20px}.object-note{position:absolute;right:7.5vw;top:19%;display:flex;gap:10px;align-items:center;font:8px/1.4 ui-monospace,monospace;letter-spacing:.14em;color:#9d9e97}.note-dot{height:3px;width:3px;background:var(--accent);border-radius:50%}.note-rule{display:block;width:55px;border-top:1px solid #77786c;transform:rotate(35deg);transform-origin:left;position:absolute;top:17px;left:2px}.floating-label{position:absolute;right:6.5vw;top:65%;display:flex;align-items:center;gap:15px;z-index:4}.orbit-node{display:grid;place-items:center;border:1px solid #cfcead60;width:44px;height:44px;border-radius:50%;transition:transform .4s,border-color .3s}.orbit-node span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px #eeee9690}.float-caption{font-size:11px;line-height:1.6;display:block}.float-caption small{display:block;font-size:8px;color:#95978d;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.float-caption>span{margin-left:10px}.floating-label:hover .orbit-node{transform:scale(1.18);border-color:var(--accent)}.featured-session{position:absolute;bottom:17.5%;left:7.2vw;padding:0;display:flex;align-items:center;gap:16px;text-align:left;z-index:4}.session-art{display:block;position:relative;width:96px;height:66px;overflow:hidden;background:#292b2a}.session-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.5);transition:filter .4s,transform .5s}.featured-session:hover img{filter:saturate(1);transform:scale(1.08)}.session-art:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff20}.play-glyph{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;text-shadow:0 0 12px black;background:#0002}.session-info{display:flex;flex-direction:column;gap:5px}.session-info small,.featured-note small{font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:#989990}.session-info strong{font-size:14px;font-weight:400}.session-info>span{font-size:9px;color:#babaae}.session-info b{margin-left:14px;font-weight:400;font-size:13px}.gesture-hint{position:absolute;bottom:19%;right:6.5vw;font-size:8px;letter-spacing:.07em;color:#7d807d;display:flex;align-items:center;gap:10px}.gesture-symbol{font-size:20px}.scene-making .scene-copy{top:24%}.scene-live .scene-copy{top:24%;max-width:63vw}.scene-live h2{font-size:clamp(64px,7.8vw,124px)}body[data-chapter="1"]{--accent:#d0c2f0}body[data-chapter="2"]{--accent:#efcba2}.surface-control{position:absolute;right:9vw;top:65%;width:205px;z-index:4}.surface-control label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:10px}.surface-control output{font:9px ui-monospace,monospace;color:var(--accent)}input[type="range"]{width:100%;margin:7px 0;appearance:none;background:transparent;height:20px;cursor:ew-resize}input[type="range"]::-webkit-slider-runnable-track{height:1px;background:#b8a9d56b}input[type="range"]::-webkit-slider-thumb{appearance:none;margin-top:-4px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px #c5a3e860}input[type="range"]::-moz-range-track{height:1px;background:#b8a9d56b}input[type="range"]::-moz-range-thumb{width:9px;height:9px;border:none;background:var(--accent)}.control-ends{display:flex;justify-content:space-between;font-size:8px;color:#959093}.featured-note{position:absolute;bottom:17%;left:7.2vw;display:flex;align-items:center;gap:21px;padding:0;text-align:left}.note-glyph{width:64px;height:64px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:24px;color:var(--accent);transition:transform .4s}.featured-note:hover .note-glyph{transform:rotate(45deg)}.featured-note>span:last-child{display:flex;flex-direction:column;gap:7px}.featured-note strong{font-size:17px;font-weight:400;letter-spacing:-.02em}.featured-note>span>span{font-size:10px;color:#aaa8ad}
.experience-footer{position:fixed;bottom:33px;left:4.5vw;right:4.5vw;display:flex;align-items:center;justify-content:space-between;z-index:20}.chapter-count{display:flex;align-items:center;gap:13px;font:9px ui-monospace,monospace;color:#737572}.chapter-count span:first-child{color:var(--cream)}.count-line{width:35px;height:1px;background:#64665c}.chapter-nav{display:flex;gap:42px;padding-left:50px}.chapter-nav a{font-size:12px;color:#8a8d89;position:relative;padding-bottom:14px;display:flex;align-items:center;gap:10px;min-width:66px;transition:color .3s}.nav-number{font:8px ui-monospace,monospace;color:#63675f}.nav-line{height:1px;background:#858675;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.22);transform-origin:left;transition:transform .7s,background .7s}.chapter-nav a[aria-current]{color:var(--cream)}.chapter-nav a[aria-current] .nav-number{color:var(--accent)}.chapter-nav a[aria-current] .nav-line{transform:scaleX(1);background:var(--accent)}.next-chapter{display:flex;gap:24px;align-items:center;font-size:9px;color:#aaa99f}.next-arrow{font-size:20px;color:var(--cream)}.direction-mark{position:fixed;bottom:10px;left:4.5vw;font:6px ui-monospace,monospace;letter-spacing:.14em;color:#56584f;z-index:20}
dialog{max-width:none;max-height:none;width:100vw;height:100dvh;inset:0;margin:0;border:0;padding:0;background:#08090ee8;color:var(--cream);backdrop-filter:blur(22px);overscroll-behavior:contain}dialog::backdrop{background:#08090e88}.portal-shell{max-width:1160px;margin:auto;padding:110px 7vw 70px;position:relative;min-height:100%}.close-portal{position:fixed;top:33px;right:4.5vw;z-index:2;padding:10px;display:flex;gap:22px;align-items:center;font-size:11px}.close-portal span{font-size:26px}.portal-kicker{font:9px ui-monospace,monospace;letter-spacing:.15em;color:var(--accent);margin-bottom:25px;text-transform:uppercase}.portal-title{font-size:clamp(42px,6vw,85px);line-height:1.02;letter-spacing:-.055em;max-width:850px;font-weight:400}.portal-intro{font-size:15px;line-height:1.7;color:#b1b0b1;max-width:550px;margin-top:25px}.portal-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:30px}.portal-links a{border-bottom:1px solid #68695f;padding:10px 0;font-size:12px}.works-list{margin-top:45px;border-top:1px solid var(--line)}.work-row{width:100%;display:grid;grid-template-columns:40px 100px 1fr 40px;gap:23px;padding:23px 0;text-align:left;align-items:center;border-bottom:1px solid var(--line);transition:color .2s}.work-row:hover{color:var(--accent)}.work-row .number{font:9px ui-monospace,monospace;color:#8c8e86}.work-row img{width:100px;height:65px;object-fit:cover;filter:saturate(.6)}.work-row strong{display:block;font-size:22px;letter-spacing:-.03em;font-weight:400}.work-row small{display:block;color:#8e908a;font-size:10px;margin-top:7px}.row-arrow{font-size:24px;justify-self:end}.video-frame{aspect-ratio:16/9;background:#050507;margin-top:32px;border:1px solid #363831}.video-frame iframe{width:100%;height:100%;border:0}.media-caption{display:flex;justify-content:space-between;gap:20px;margin-top:15px;font-size:10px;color:#999a93;line-height:1.7}.media-caption a{text-decoration:underline;text-underline-offset:4px}.academy-topics{display:flex;flex-wrap:wrap;gap:10px 24px;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:35px 0 0;max-width:700px;color:#c9c5ca;font-size:13px}.editorial-label{margin:40px 0 15px;font:9px ui-monospace,monospace;color:#9d9b8b;letter-spacing:.05em}.note-row{display:grid;grid-template-columns:32px 1fr auto;gap:20px;width:100%;align-items:center;padding:22px 0;border-top:1px solid var(--line);text-align:left}.note-row>span:first-child{font:9px ui-monospace,monospace;color:#85867c}.note-row strong{display:block;font-size:23px;letter-spacing:-.025em;font-weight:400}.note-row small{display:block;font-size:10px;color:#96978d;margin-top:8px}.reading-body{font-size:16px;line-height:1.85;max-width:650px;color:#bdbbc0;margin-top:37px}.reading-body p{margin:0 0 22px}.reading-body a{text-decoration:underline;text-underline-offset:4px;color:var(--cream)}.reading-body h3{color:var(--cream);font-size:22px;font-weight:400;letter-spacing:-.02em;margin:38px 0 15px}.back-notes{font-size:11px;color:#c8c6b8;border-bottom:1px solid var(--line);padding:8px 0;margin-bottom:35px}.noscript-note{position:fixed;bottom:100px;left:20px;background:#222;padding:20px;z-index:30}.noscript-note a{text-decoration:underline}
@keyframes meter{to{height:3px;opacity:.5}}
@media(min-height:900px){.scene-copy{top:27%}.featured-session,.featured-note{bottom:18%}}
@media(max-width:900px){.scene{min-height:690px}.site-header{padding:25px 5vw}.top-nav{gap:20px;padding-left:0}.header-tools{gap:15px}.motion-text{display:none}.scene-copy{left:7vw;top:26%;max-width:64vw}h1,h2{font-size:clamp(64px,9vw,85px)}.scene-live h2{font-size:9vw}.object-note{right:7vw;top:18%}.floating-label{right:6vw;top:61%}.float-caption{font-size:10px}.float-caption small{font-size:7px}.gesture-hint{right:6vw;bottom:19%;max-width:150px}.featured-session,.featured-note{left:7vw}.experience-footer{left:5vw;right:5vw}.chapter-nav{gap:25px;padding-left:0}.next-chapter{gap:12px}.next-chapter>span:first-child{max-width:65px;line-height:1.4}.surface-control{right:6vw;width:170px}.scene-description{font-size:12px}}
@media(max-width:600px){.site-header{padding:23px 6vw;background:linear-gradient(#08090e90,transparent)}.wordmark{font-size:14px;gap:8px}.wordmark svg{width:32px;height:32px}.top-nav{gap:16px}.top-nav a{font-size:10px}.header-tools{gap:8px}.about-trigger{font-size:20px!important}.motion-icon{margin:0}.scene{height:100svh;min-height:760px}.scene-copy,.scene-making .scene-copy,.scene-live .scene-copy{left:7vw;top:17%;max-width:90vw}.eyebrow{font-size:7px;letter-spacing:.12em;gap:8px;margin-bottom:20px}.little-star{font-size:14px}h1,h2,.scene-live h2{font-size:clamp(58px,15vw,86px);line-height:.95;letter-spacing:-.067em}.scene-description{font-size:11px;margin-top:18px;line-height:1.6;max-width:270px}.text-action{font-size:10px;gap:25px;margin-top:13px;padding:8px 0}.text-action>span{font-size:17px}.object-note{top:52%;right:8vw;font-size:6px}.note-rule{width:25px}.floating-label{right:7vw;top:64%;gap:9px}.orbit-node{width:32px;height:32px}.orbit-node span{width:5px;height:5px}.float-caption{font-size:8px}.float-caption small{font-size:6px;margin-bottom:2px}.featured-session{left:7vw;bottom:17%;gap:12px}.session-art{width:70px;height:50px}.session-info small{font-size:6px;letter-spacing:.07em}.session-info strong{font-size:12px}.session-info>span{font-size:8px}.gesture-hint{display:none}.edge-word{top:43%;font-size:34vw}.experience-footer{left:7vw;right:7vw;bottom:36px}.chapter-count{gap:8px;font-size:8px}.count-line{width:18px}.chapter-nav{gap:18px}.chapter-nav a{min-width:45px;font-size:10px;gap:6px;padding-bottom:11px}.nav-number{font-size:6px}.next-chapter>span:first-child{display:none}.next-chapter .next-arrow{font-size:22px}.direction-mark{left:7vw;font-size:5px;bottom:15px}.surface-control{right:8vw;top:62%;width:160px}.surface-control label{font-size:9px}.featured-note{left:7vw;bottom:17%;gap:14px}.note-glyph{width:47px;height:47px;font-size:20px}.featured-note small{font-size:7px}.featured-note strong{font-size:15px}.featured-note>span>span{font-size:9px}.scene-live .scene-copy{max-width:95vw}.scene-live h2{font-size:14vw}.portal-shell{padding:95px 7vw 50px}.close-portal{top:20px;right:5vw}.portal-kicker{font-size:7px;margin-bottom:20px}.portal-title{font-size:45px}.portal-intro{font-size:13px}.works-list{margin-top:30px}.work-row{grid-template-columns:20px 66px 1fr 20px;gap:12px;padding:20px 0}.work-row img{width:66px;height:47px}.work-row strong{font-size:17px}.work-row small{font-size:8px}.row-arrow{font-size:20px}.media-caption{font-size:8px}.note-row{gap:12px}.note-row strong{font-size:19px}.reading-body{font-size:14px}.academy-topics{font-size:12px}.vignette{background:linear-gradient(0deg,#08090ef2,transparent 30%,transparent 45%,#08090e22 60%,#08090e55)}}
@media(min-width:601px) and (max-height:780px){.scene{min-height:650px}.scene-copy,.scene-making .scene-copy,.scene-live .scene-copy{top:23%}h1,h2,.scene-live h2{font-size:clamp(60px,6.7vw,88px)}.eyebrow{margin-bottom:20px}.scene-description{margin-top:18px;font-size:12px}.text-action{margin-top:15px}.featured-session,.featured-note{bottom:16%}.gesture-hint{bottom:18%}}
@media(max-width:600px){.featured-note,.featured-session{background:#08090eaa;backdrop-filter:blur(12px);padding:10px 14px 10px 0;border-radius:2px}.surface-control{background:#08090e99;backdrop-filter:blur(8px);padding:11px 13px;border-radius:2px}.float-caption{background:#08090e8c;padding:5px 7px}.object-note{color:#b4b4a8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-icon i{animation:none}*{transition:none!important}.text-action:hover{gap:36px}}