*{margin:0;padding:0;box-sizing:border-box}html{height:100%}:root{--bg: #fff;--text: #000;--text-muted: #ccc;--text-hover: #999;--placeholder: #f5f5f5}@media(prefers-color-scheme:dark){:root{--bg: #000;--text: #fff;--text-muted: #777;--text-hover: #aaa;--placeholder: #1a1a1a}}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100%;height:100%}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;padding:48px 40px;display:flex;flex-direction:column;justify-content:space-between;z-index:10}.sidebar-top{display:flex;flex-direction:column;transition:opacity .15s ease-out}.essay-back-link{display:flex;align-items:center;gap:4px;font-size:18px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.essay-back-link:hover{color:var(--text-hover)}.essay-back-link svg{flex-shrink:0}.sidebar-icon{width:64px;height:64px;border-radius:22.37%;margin-bottom:16px;border:.5px solid rgba(0,0,0,.1)}@media(prefers-color-scheme:dark){.sidebar-icon{border-color:#ffffff1a}}.sidebar-top .role{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}.sidebar-top .highlights{list-style:none;padding:0;margin:12px 0 0}.sidebar-top .highlights li{font-size:13px;line-height:1.5;color:var(--text-muted);padding-left:12px;position:relative;margin-bottom:4px}.sidebar-top .highlights li:before{content:"·";position:absolute;left:0;color:var(--text-muted)}.sidebar-top .cta{font-size:15px;font-weight:500;line-height:1.6;margin:0;color:var(--text)}.sidebar-top .cta a{color:var(--text);text-decoration:underline;text-underline-offset:3px;transition:opacity .2s ease}.sidebar-top .cta a:hover{opacity:.7}.sidebar-bottom{display:flex;flex-direction:column;gap:24px}.site-nav{display:flex;flex-direction:column;gap:8px}.site-nav .nav-intro{font-size:18px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color .2s ease;margin-bottom:8px}.site-nav .nav-intro:hover{color:var(--text-hover)}.site-nav .nav-intro.active{color:var(--text)}.nav-category{display:flex;flex-direction:column;gap:2px}.nav-category-label{font-size:18px;font-weight:500;color:var(--text-muted);transition:color .2s ease}.nav-category-label.active{color:var(--text)}.nav-category-link{text-decoration:none;cursor:pointer}.nav-category-link:hover{color:var(--text-hover)}.nav-category-link:hover+.nav-subpages .nav-subpage:first-child{color:var(--text-hover)}.nav-subpages{display:flex;flex-direction:column;padding-left:12px;gap:2px}.nav-subpage{display:flex;align-items:baseline;gap:8px;font-size:16px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color .2s ease;line-height:1.5}.nav-subpage:hover{color:var(--text-hover)}.nav-subpage.active{color:var(--text)}.nav-date{font-size:13px;font-weight:400;color:var(--text-muted);transition:color .2s ease}.nav-subpage.active .nav-date{color:var(--text)}.scroll-section:has(.intro-section){padding:0}.intro-section{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg)}.intro-section>*{width:100%;max-width:480px}.intro-text{font-size:32px;font-weight:500;line-height:1.3;max-width:480px}.intro-text p{margin:0 0 .5em}.intro-text p:last-child{margin-bottom:0}.intro-text p:not(:first-child){font-weight:400;opacity:.8}.intro-footnote{font-size:22px;font-weight:500;opacity:.6;margin-top:24px;text-align:left}.music-section{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:40px;background:var(--bg)}.audio-player-wrapper{width:100%;display:flex;justify-content:center}.audio-player{width:100%;max-width:300px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px;border-radius:32px;background:color-mix(in srgb,var(--text) 6%,transparent);border:1px solid color-mix(in srgb,var(--text) 8%,transparent)}.album-art-container{width:240px;height:240px;display:flex;align-items:center;justify-content:center;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y;overflow:hidden;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),margin .4s cubic-bezier(.4,0,.2,1)}.album-art-container:active{cursor:grabbing}.album-carousel{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center;will-change:transform;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}.album-art{width:240px;height:240px;position:absolute;border-radius:12px;overflow:hidden;flex-shrink:0;transition:border-radius .4s ease,width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}.album-art.album-current{z-index:2}.album-art.album-prev,.album-art.album-next{z-index:1;box-shadow:none}.album-art img{width:100%;height:100%;object-fit:cover}.disc-hole{position:absolute;top:50%;left:50%;width:24px;height:24px;background:var(--bg);border-radius:50%;transform:translate(-50%,-50%) scale(0);box-shadow:inset 0 0 0 4px var(--placeholder);transition:transform .4s ease,width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}.album-art-container.playing .album-art{border-radius:50%}.album-art-container.playing .album-art .disc-hole{transform:translate(-50%,-50%) scale(1)}.album-art-container.playing .album-art.album-current img{animation:spin 8s linear infinite}.album-art-container.scrubbing .album-art img{animation:none!important;transition:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-capsule{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.player-controls{position:relative;width:140px;height:140px;border-radius:50%;background:color-mix(in srgb,var(--text) 5%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.control-btn{position:absolute;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text);cursor:pointer;border-radius:50%;transition:opacity .15s ease;padding:0;opacity:.5}.control-btn:hover:not(:disabled){opacity:1}.control-btn:disabled{opacity:.2;cursor:not-allowed}.prev-btn{left:8px}.next-btn{right:8px}.play-btn{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--text);color:var(--bg);border:none;border-radius:50%;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background .5s ease}.play-btn:hover{opacity:.9}.play-btn:active{transform:scale(.95)}.waveform-container{flex:1;height:40px;position:relative;cursor:pointer;overflow:hidden;border-radius:4px;user-select:none;-webkit-user-select:none;touch-action:none}.waveform-bars{position:absolute;inset:0;display:flex;align-items:center;gap:2px}.waveform-bar{flex:1;min-width:1px;max-width:3px;border-radius:1px}.waveform-unplayed .waveform-bar{background:var(--text-muted);opacity:.3}.waveform-played{z-index:1}.waveform-played .waveform-bar{background:var(--text)}.waveform-playhead{position:absolute;top:0;bottom:0;transform:translate(-50%);width:2px;background:var(--text);border-radius:1px;z-index:2;pointer-events:none;box-shadow:0 0 4px #0003}.player-time{font-size:11px;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-variant-numeric:tabular-nums;color:var(--text-muted);min-width:40px;text-align:right;flex-shrink:0;letter-spacing:-.02em}.player-track-info{text-align:center;padding:0 8px;display:flex;flex-direction:column;align-items:center;gap:8px}.player-track-title{font-size:15px;font-weight:600;color:var(--text)}.player-track-duration{font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-size:12px;color:var(--text-muted);letter-spacing:.02em}.audio-player .player-capsule{width:100%}.mini-player{position:fixed;z-index:50;right:40px;bottom:48px;display:flex;align-items:center;gap:8px;padding:6px;border-radius:999px;background:color-mix(in srgb,var(--bg) 80%,transparent);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translate(calc(100% + 60px));opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.mini-player.visible{transform:translate(0);opacity:1;pointer-events:auto}.mini-player-art{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.mini-player-art img{width:100%;height:100%;object-fit:cover;animation:spin 8s linear infinite;animation-play-state:paused}.mini-player.playing .mini-player-art img{animation-play-state:running}.mini-player-controls{display:flex;align-items:center;gap:4px}.mini-control-btn{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease,background .2s ease}.mini-control-btn:hover{opacity:1;background:color-mix(in srgb,var(--text) 10%,transparent)}.mini-play-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--text);color:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.mini-play-btn:hover{transform:scale(1.05)}.mini-play-btn:active{transform:scale(.95)}.mini-close-btn{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .2s ease,background .2s ease;margin-left:4px}.mini-close-btn:hover{opacity:1;background:color-mix(in srgb,var(--text) 10%,transparent)}@media(max-width:768px){.mini-player{left:0;right:0;margin:0 auto;width:fit-content;bottom:calc(24px + env(safe-area-inset-bottom))}}.projects-section{width:100%;display:flex;justify-content:center;align-items:center;padding:40px;background:var(--bg)}.prototypes-stack{display:flex;flex-direction:column;align-items:center;gap:40px}.prototype-item{border-radius:16px;overflow:hidden;background:var(--placeholder)}.prototype-item-iphone{height:min(70vh,580px);width:calc(min(70vh,580px) * (9 / 19.5))}.prototype-item-mac{width:min(50vw,700px);height:calc(min(50vw,700px)/1.6)}.prototype-item mux-player{width:100%;height:100%;--media-object-fit: cover}.prototype-info{display:flex;align-items:center;gap:12px}.prototype-title{font-size:15px;font-weight:500;color:var(--text)}.prototype-platform{font-size:13px;color:var(--text-muted)}.prototype-hint{font-size:13px;color:var(--text-muted);opacity:.6}.phone-hint{font-size:12px;font-weight:400;color:var(--text-muted);font-style:italic;display:block;text-align:center;margin-bottom:12px}.logo{font-size:20px;font-weight:700;color:var(--text)}.mobile-page-info{display:none}.mobile-header{display:none;width:100%;align-items:center;justify-content:space-between;position:relative;z-index:101}.mobile-section-label{display:flex;align-items:baseline;gap:8px;transition:opacity .3s ease}.mobile-section-name{font-size:18px;font-weight:500;color:var(--text-muted)}.mobile-section-date{font-size:13px;font-weight:400;color:var(--text-muted)}.mobile-logo{font-size:18px;font-weight:700;color:var(--text)}.hamburger-btn{display:none;width:44px;height:44px;background:none;border:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;margin-left:-10px}.hamburger-line{width:20px;height:2px;background:var(--text);border-radius:1px;transition:transform .3s ease,opacity .3s ease}.hamburger-btn.open .hamburger-line:first-child{transform:translateY(4px) rotate(45deg)}.hamburger-btn.open .hamburger-line:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:var(--bg);z-index:99;padding:100px 24px 24px;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-content{display:flex;flex-direction:column;gap:24px}.mobile-menu-category{display:flex;flex-direction:column;gap:4px}.mobile-menu-category-label{font-size:18px;font-weight:500;color:var(--text-muted)}.mobile-menu-subpages{display:flex;flex-direction:column;padding-left:12px;gap:2px}.mobile-menu-item{font-size:18px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color .2s ease;display:flex;align-items:baseline;gap:8px;line-height:1.5}.mobile-menu-item:hover,.mobile-menu-item.active{color:var(--text)}.mobile-menu-date{font-size:13px;font-weight:400;color:var(--text-muted)}.mobile-menu-item.active .mobile-menu-date{color:var(--text)}.mobile-nav{display:none}.date{font-size:14px;font-weight:400;color:var(--text-muted);margin-bottom:16px;letter-spacing:.01em}.description{font-size:15px;font-weight:400;line-height:1.6;color:var(--text);letter-spacing:-.01em}.description a{color:inherit;text-decoration:underline;text-decoration-color:var(--text-muted);text-underline-offset:2px}.note{font-size:13px;color:var(--text);margin-top:8px}.responsibilities-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:16px 0 0}.responsibilities-list li{margin:0}.responsibility-pill{display:inline-block;padding:6px 12px;font-size:12px;font-weight:500;font-family:inherit;color:var(--text-muted);background:color-mix(in srgb,var(--text) 8%,transparent);border:none;border-radius:999px}.no-content{color:var(--text-muted);font-size:14px;padding:40px 20px;text-align:center}.contact-links{display:flex;flex-direction:column;margin-top:12px}.contact-links a{font-size:15px;color:var(--text-muted);text-decoration:none;line-height:1.6;letter-spacing:-.01em;transition:color .2s ease}.contact-links a:hover{color:var(--text)}main{margin-left:280px}.scroll-container{width:100%}.scroll-section{min-height:100vh;padding:48px 0;background:var(--bg)}.scroll-section:has(.tomorrow-center){height:100vh;padding:0}.phone-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.phone-frame{position:relative;width:280px;height:580px;background:#000;border-radius:40px;padding:12px;box-shadow:0 0 0 3px #0000004d,0 20px 60px #0000004d}.phone-screen{width:100%;height:100%;background:#000;border-radius:32px;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.phone-screen::-webkit-scrollbar{display:none}.phone-video{width:100%;height:100%;scroll-snap-align:start;flex-shrink:0}.phone-video video{width:100%;height:100%;object-fit:cover;border-radius:32px}.mute-btn{position:absolute;bottom:24px;right:24px;z-index:10;width:36px;height:36px;border-radius:50%;border:none;background:#00000080;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff}.mute-btn:hover{background:#000000b3}.typo-section{width:100%;display:flex;justify-content:center;align-items:center;padding:40px;background:var(--bg)}.video-placeholder{width:min(20vw,280px);aspect-ratio:9/16;background:var(--placeholder);border-radius:16px}.tomorrow-hands{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .1s ease-out}.hand{position:absolute;height:60vh;max-height:500px;width:40vw;max-width:400px;transition:transform .15s ease-out;pointer-events:none;-webkit-user-select:none;user-select:none}.hand-left{left:0;transform-origin:left center;transform:translateY(6px)}.hand-right{right:0;transform-origin:right center;transform:translateY(6px)}.tomorrow-center{position:fixed;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;pointer-events:none;transition:opacity .1s ease-out}.tomorrow-center>*{pointer-events:auto}.tomorrow-text{font-size:18px;font-weight:500;color:var(--text);margin:0;letter-spacing:-.01em}.tomorrow-button{display:inline-block;padding:16px 32px;font-size:16px;font-weight:600;font-family:inherit;color:var(--bg);background:var(--text);border:none;border-radius:8px;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.tomorrow-button:hover{transform:scale(1.05);box-shadow:0 8px 24px #00000026}@media(prefers-color-scheme:dark){.tomorrow-button:hover{box-shadow:0 8px 24px #ffffff1a}}.hands-panel{position:fixed;top:20px;right:20px;width:280px;max-height:calc(100vh - 40px);overflow-y:auto;background:var(--bg);border:1px solid var(--text-muted);border-radius:8px;padding:16px;z-index:1000;font-size:13px;pointer-events:auto}.hands-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hands-panel .panel-header button{background:none;border:none;color:var(--text);font-size:18px;cursor:pointer;padding:0;line-height:1}.hands-panel .panel-stats{display:flex;flex-direction:column;gap:4px;font-family:monospace;font-size:11px;color:var(--text-muted)}.hands-panel hr{border:none;border-top:1px solid var(--text-muted);margin:12px 0}.hands-panel label{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.hands-panel label span{color:var(--text-muted);font-size:12px}.hands-panel input[type=range]{width:100%;cursor:pointer}.hands-panel .panel-output{margin-top:8px}.hands-panel .panel-output small{color:var(--text-muted);display:block;margin-bottom:4px}.hands-panel .panel-output pre{font-size:10px;color:var(--text-muted);background:var(--placeholder);padding:8px;border-radius:4px;overflow-x:auto;margin:0}.xbox-section{display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg)}.scroll-section:has(.phone-container):not(:has(.xbox-section)){height:100vh;padding:0;display:flex;align-items:center;justify-content:center}.shader-panel{position:fixed;top:20px;right:20px;width:320px;max-height:calc(100vh - 40px);overflow-y:auto;background:var(--bg);border:1px solid var(--text-muted);border-radius:8px;padding:16px;z-index:100;font-size:13px}.shader-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.shader-panel .panel-header button{background:none;border:none;color:var(--text);font-size:18px;cursor:pointer}.shader-panel hr{border:none;border-top:1px solid var(--text-muted);margin:16px 0}.shader-panel label{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.shader-panel label span{color:var(--text-muted)}.shader-panel select,.shader-panel input[type=range]{width:100%}.shader-panel select{padding:6px;background:var(--bg);color:var(--text);border:1px solid var(--text-muted);border-radius:4px}.playback-controls{display:flex;gap:8px;align-items:center;margin-bottom:12px}.playback-controls button{padding:8px 12px;background:var(--text);color:var(--bg);border:none;border-radius:4px;cursor:pointer;font-size:12px}.playback-controls .loop-toggle{flex-direction:row;align-items:center;gap:4px;margin-left:auto;margin-bottom:0}.timeline{margin-bottom:12px}.timeline span{font-size:11px;color:var(--text-muted)}.timeline input{width:100%;margin-top:4px}.duration-control{margin-bottom:0}.static-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.static-controls label{margin-bottom:0}.anim-props{display:flex;flex-direction:column;gap:12px}.anim-props>small{color:var(--text-muted);margin-bottom:4px}.anim-prop{padding:10px;background:var(--placeholder);border-radius:6px}.anim-prop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.anim-prop-header label{flex-direction:row;align-items:center;gap:6px;margin-bottom:0}.anim-prop-header .current-val{font-family:monospace;font-size:11px;color:var(--text-muted)}.anim-prop-controls{display:flex;flex-direction:column;gap:8px}.anim-prop-controls .range-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.anim-prop-controls .range-row label{margin-bottom:0}.anim-prop-controls .range-row small{font-size:10px;color:var(--text-muted)}.anim-prop-controls select{padding:4px;font-size:11px}.shader-panel .panel-output{margin-top:16px;padding-top:16px;border-top:1px solid var(--text-muted)}.shader-panel .panel-output pre{font-size:10px;color:var(--text-muted);overflow-x:auto;max-height:150px}.show-panel-btn{position:fixed;top:20px;right:20px;width:40px;height:40px;background:var(--bg);border:1px solid var(--text-muted);border-radius:8px;cursor:pointer;font-size:18px;z-index:1000;pointer-events:auto}@media(max-width:768px){body{display:block}.sidebar{position:fixed;inset:0 0 auto;z-index:100;width:100%;height:auto;padding:12px 24px;padding-top:max(12px,env(safe-area-inset-top));flex-direction:row;justify-content:space-between;align-items:center;gap:12px;background:var(--bg)}.sidebar:after{content:"";position:absolute;left:0;right:0;top:100%;height:24px;background:linear-gradient(to bottom,var(--bg) 0%,transparent 100%);pointer-events:none}.sidebar-top{display:none}.sidebar-bottom{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;gap:8px 12px}.sidebar-bottom>.logo{display:none}.mobile-header,.hamburger-btn{display:flex}.site-nav{display:none}.mobile-menu-overlay{display:block}.mobile-nav{display:none!important}.mobile-nav-category{display:flex;flex-direction:column;gap:4px;interpolate-size:allow-keywords}.mobile-nav-subpages{display:grid;grid-template-rows:0fr;width:0;overflow:hidden;opacity:0;transition:grid-template-rows .3s ease-out,width .3s ease-out,opacity .2s ease-out}.mobile-nav-subpages-inner{display:flex;flex-direction:column;gap:2px;min-height:0;white-space:nowrap;transform:translate(-10px);transition:transform .3s ease-out}.mobile-nav[data-scroll-direction=down] .mobile-nav-subpages-inner{transform:translate(-10px)}.mobile-nav[data-scroll-direction=up] .mobile-nav-subpages-inner{transform:translate(10px)}.mobile-nav-category.has-open-subpages .mobile-nav-subpages{grid-template-rows:1fr;width:auto;opacity:1}.mobile-nav-category.has-open-subpages .mobile-nav-subpages-inner{transform:translate(0)}.mobile-subpage-label{display:flex;align-items:baseline;gap:8px;font-size:clamp(14px,4vw,17px);font-weight:500;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.mobile-subpage-label:hover{color:var(--text-hover)}.mobile-subpage-label.active{color:var(--text)}.mobile-subpage-date{font-size:clamp(10px,2.5vw,12px);font-weight:400;color:var(--text-muted);transition:color .2s ease}.mobile-subpage-label.active .mobile-subpage-date{color:var(--text)}.mobile-nav-item{font-size:clamp(16px,4.5vw,20px);font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.mobile-nav-item:hover{color:var(--text-hover)}.mobile-nav-item.active{color:var(--text)}.intro-section{min-height:50vh;padding-top:20vh}.intro-text{font-size:24px}.intro-footnote{font-size:18px}.audio-player-v2{max-width:100%}.player-artwork{border-radius:8px}.waveform-container{height:60px}.player-track-title{font-size:15px}.play-btn-v2{width:48px;height:48px}.control-btn,.tracklist-thumb{width:36px;height:36px}.tracklist-title{font-size:13px}.music-section{padding:20px 24px}.prototype-item-iphone{height:min(60vh,450px);width:calc(min(60vh,450px) * (9 / 19.5))}.prototype-item-mac{width:min(85vw,500px);height:calc(min(85vw,500px)/1.6)}.typo-section{padding:20px}.video-placeholder{width:min(60vw,200px)}.video-placeholder{width:min(70vw,240px)}.mobile-page-info{display:block;margin-bottom:24px}.mobile-page-info .role{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}.mobile-page-info .description{font-size:15px;font-weight:400;line-height:1.6;margin:0;color:var(--text)}.mobile-page-info .highlights{list-style:none;padding:0;margin:12px 0 0}.mobile-page-info .highlights li{font-size:13px;line-height:1.5;color:var(--text-muted);padding-left:12px;position:relative;margin-bottom:4px}.mobile-page-info .highlights li:before{content:"·";position:absolute;left:0;color:var(--text-muted)}.mobile-page-info .contact-links{display:flex;flex-direction:row;gap:12px;margin-top:8px}.mobile-page-info .contact-links a{font-size:14px}.mobile-page-info .cta{font-size:18px;font-weight:600;line-height:1.4;margin:0;color:var(--text)}.mobile-page-info .cta a{color:var(--text);text-decoration:underline;text-underline-offset:3px}main{position:relative;margin:0;padding-top:72px;padding-bottom:max(24px,env(safe-area-inset-bottom));height:auto;overflow:visible}.scroll-container{width:100%;height:auto;overflow:visible}.scroll-section{width:100%;padding:24px 24px 48px!important;height:auto;overflow:visible}.scroll-section:has(.tomorrow-center){height:100vh;height:100dvh;padding:24px!important;display:flex;flex-direction:column}.scroll-section:has(.tomorrow-center) .mobile-page-info{flex-shrink:0}.tomorrow-hands{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;z-index:1;display:flex;align-items:center;justify-content:center;transition:opacity .1s ease-out}.tomorrow-center{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto}.hand{position:absolute;height:35vh;max-height:250px;width:40vw;max-width:180px}.hand-left{left:0}.hand-right{right:0}.tomorrow-text{font-size:16px;padding:0 60px}.tomorrow-button{padding:14px 24px;font-size:14px}.video-feed{padding:20px 24px;gap:24px}.video-placeholder{width:200px}.phone-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;flex-shrink:0}.phone-frame{width:220px;height:450px}.xbox-section{padding:20px;justify-content:center}}.essay-page{min-height:100vh;background:var(--bg)}.essay-main{margin-left:280px;padding:48px 40px 80px;display:flex;justify-content:center}.essay-nav{width:100%;max-width:640px;margin-bottom:40px}.essay-nav a{font-size:15px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.essay-nav a:hover{color:var(--text)}.essay-back-mobile{display:none}.memo-header{margin-bottom:24px}.memo-field{display:flex;gap:12px;margin-bottom:4px;font-size:15px;line-height:1.5}.memo-label{font-weight:600;color:var(--text-muted);min-width:50px;text-transform:uppercase;font-size:12px;letter-spacing:.05em;padding-top:2px}.memo-value{color:var(--text);display:flex;align-items:center;gap:8px}.memo-logo{height:16px;width:16px;object-fit:cover;border-radius:2px}.memo-divider{border:none;border-top:1px solid color-mix(in srgb,var(--text) 15%,transparent);margin:32px 0}.phase-list{margin:16px 0 24px 24px;padding-left:0}.phase-list li{margin-bottom:4px}.future-list{margin:16px 0 24px 24px;padding-left:0}.future-list li{margin-bottom:12px}.video-link-wrapper{position:relative;display:inline}.video-popover{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;z-index:100;pointer-events:none;width:280px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #00000026,0 0 0 .5px #0000001a}[data-theme=dark] .video-popover{background:#282828d9;box-shadow:0 4px 24px #0006,0 0 0 .5px #ffffff1a}.video-link-wrapper:hover .video-popover{opacity:1;visibility:visible}.video-popover-thumbnail{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden}.video-popover-thumbnail img{width:100%;height:100%;object-fit:cover}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.video-play-button svg{width:20px;height:20px;margin-left:2px}.video-popover-info{padding:10px 12px;display:flex;flex-direction:column;gap:2px}.video-popover-title{font-size:13px;font-weight:500;color:var(--text);line-height:1.3}.video-popover-source{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.essay{max-width:640px;width:100%;flex:1}.essay h1{font-size:32px;font-weight:600;line-height:1.2;margin:0 0 48px;letter-spacing:-.02em}.essay h2{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 16px}.essay-section{margin-bottom:48px}.essay p{font-size:17px;font-weight:400;line-height:1.6;margin:0 0 16px;color:var(--text)}.essay p:last-child{margin-bottom:0}.essay strong{font-weight:600}.essay em{font-style:italic}.attributes-list{list-style:none;padding:0;margin:24px 0}.attributes-list li{font-size:17px;line-height:1.6;margin-bottom:12px;padding-left:24px;position:relative}.attributes-list li:before{content:counter(list-item) ".";position:absolute;left:0;font-weight:500;color:var(--text-muted)}.attributes-list li{counter-increment:list-item}.diagram-toggle-container{display:flex;gap:4px;background:color-mix(in srgb,var(--text) 6%,transparent);border-radius:999px;padding:4px;flex-shrink:0}.diagram-toggle-btn{padding:10px 20px;font-size:14px;font-weight:500;font-family:inherit;color:var(--text-muted);background:transparent;border:none;border-radius:999px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.diagram-toggle-btn:hover{color:var(--text)}.diagram-toggle-btn.active{background:var(--bg);color:var(--text);box-shadow:0 1px 3px #0000001a}@media(prefers-color-scheme:dark){.diagram-toggle-btn.active{box-shadow:0 1px 3px #0000004d}}.diagram-container{background:color-mix(in srgb,var(--text) 4%,transparent);border-radius:16px;padding:24px;margin:24px 0}@media(prefers-color-scheme:dark){.diagram-container{background:color-mix(in srgb,var(--text) 12%,transparent)}}.diagram-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.diagram-title{font-size:15px;font-weight:600;color:var(--text);margin:0 0 24px}.diagram-header .diagram-title,.diagram{margin:0}.diagram-bar{display:flex;gap:3px;margin-bottom:16px;padding:6px;background:color-mix(in srgb,var(--text) 6%,transparent);border-radius:12px;height:88px}.phase{background:var(--bg);border-radius:8px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;overflow:hidden;transition:flex .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,transform .2s ease,box-shadow .2s ease,background .2s ease}.diagram-bar.producer-view .phase{cursor:pointer;transition:background .1s ease}.diagram-bar.producer-view .phase:hover{background:#ffffff1f}.diagram-bar.producer-view .phase.selected{background:var(--text)}.diagram-bar.producer-view .phase .phase-number,.diagram-bar.producer-view .phase .phase-label{transition:color .1s ease}.diagram-bar.producer-view .phase.selected .phase-number,.diagram-bar.producer-view .phase.selected .phase-label{color:var(--bg)}@media(prefers-color-scheme:dark){.diagram-bar.producer-view .phase:hover{background:#ffffff26}}.diagram-bar.pre-ai .phase-1{flex:1;opacity:.5}.diagram-bar.pre-ai .phase-2,.diagram-bar.pre-ai .phase-3{flex:2.5}.diagram-bar.pre-ai .phase-4{flex:1;opacity:.5}.diagram-bar.post-ai .phase-1,.diagram-bar.post-ai .phase-2{flex:2}.diagram-bar.post-ai .phase-3{flex:1;opacity:.5}.diagram-bar.post-ai .phase-4{flex:2}.phase-number{font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px}.phase-label{font-size:11px;font-weight:500;color:var(--text);line-height:1.4}.diagram-caption{font-size:14px;color:var(--text-muted);font-style:italic;margin:0}.diagram-bar.producer-view .phase{flex:1}.diagram-bar.producer-view .phase.producer-focus{flex:2}.diagram-bar.producer-view .phase-3{flex:.7}.phase-detail{height:90px;overflow:hidden;margin:0 0 16px;padding:0 0 0 20px;list-style:disc}.producer-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}.producer-table th,.producer-table td{text-align:left;padding:12px 16px;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.producer-table th{font-weight:600;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.producer-table td:first-child{font-weight:500;white-space:nowrap;width:1%}.producer-table td:last-child{color:var(--text-muted)}.producer-table tr.de-emphasized td{opacity:.5}.producer-table td em{color:inherit}.role-table{margin:32px 0;display:flex;flex-direction:column;gap:1px;background:color-mix(in srgb,var(--text) 10%,transparent);border-radius:8px;overflow:hidden}.role-row{display:grid;grid-template-columns:1fr 1fr 2fr;gap:1px;background:color-mix(in srgb,var(--text) 10%,transparent)}.role-row>div{background:var(--bg);padding:16px;font-size:14px;line-height:1.5}.role-phase{font-weight:500;color:var(--text)}.role-work{color:var(--text-muted)}.role-producer{color:var(--text)}.essay-footer{margin-top:64px;padding-top:32px;border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.essay-footer p{font-size:15px;margin:0 0 8px;color:var(--text-muted)}.essay-footer a{color:var(--text);text-decoration:underline;text-underline-offset:2px}.essay-footer a:hover{color:var(--text-muted)}@media(max-width:768px){.essay-main{margin-left:0;padding:48px 20px}.essay-page .sidebar{display:none}.essay-back-mobile{display:flex;margin-bottom:24px}.essay h1{font-size:26px;margin-bottom:36px}.essay-section{margin-bottom:36px}.essay p{font-size:16px}.diagram-container{padding:16px;max-height:90vh;overflow:hidden}.diagram-header{flex-direction:column;align-items:center;gap:12px}.diagram-title{text-align:center}.diagram-title{font-size:14px}.diagram-toggle-btn{padding:8px 14px;font-size:13px}.diagram-bar{flex-direction:column;gap:3px;padding:6px;height:auto}.phase{flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 16px;border-radius:8px;height:auto;text-align:left}.phase-number{font-size:14px;margin-bottom:0;flex-shrink:0}.phase-label{font-size:13px;line-height:1.3}.phase-label br{display:none}.diagram-bar.pre-ai .phase,.diagram-bar.post-ai .phase{opacity:1;transition:padding .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.diagram-bar.pre-ai .phase-1,.diagram-bar.pre-ai .phase-4{padding:8px 16px;opacity:.4}.diagram-bar.pre-ai .phase-2,.diagram-bar.pre-ai .phase-3{padding:36px 16px}.diagram-bar.post-ai .phase-3{padding:8px 16px;opacity:.4}.diagram-bar.post-ai .phase-1,.diagram-bar.post-ai .phase-2,.diagram-bar.post-ai .phase-4{padding:28px 16px}.diagram-bar.producer-view .phase{padding:12px 16px}.diagram-bar.producer-view .phase.producer-focus{padding:20px 16px}.diagram-bar.producer-view .phase-3{padding:10px 16px}.phase-detail{height:80px;margin-bottom:12px}.phase-detail li{font-size:13px}.diagram-caption{font-size:12px;margin-top:12px}.role-table{margin:24px 0}.role-row{grid-template-columns:1fr}.role-row>div{padding:12px 16px}.role-row>div:first-child{padding-bottom:4px}.role-row>div:nth-child(2){padding-top:4px;padding-bottom:4px}.role-row>div:last-child{padding-top:4px}}