*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5efe6;--text:#1f1a14;--accent:#b5622a;--secondary:#d4a882;--surface:#e8ddd0;--label:#8c6040;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"DM Serif Display", Georgia, "Times New Roman", serif;--max-width:680px;--t:.35s ease}body.theme-thinking{--bg:#f2f4f6;--text:#141820;--accent:#2d5be3;--secondary:#8fa3bc;--surface:#e4e9ef;--label:#3d5a7a}html{scroll-behavior:smooth}main{padding-bottom:52px}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);cursor:none;transition:background-color var(--t), color var(--t);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.75}@media (hover:none) and (pointer:coarse){body{cursor:auto}}a{color:inherit;cursor:none;text-decoration:none}@media (hover:none) and (pointer:coarse){a,button{cursor:auto}}a:hover{color:var(--accent)}button{cursor:none;font-family:var(--font-body)}mark.hl{background:var(--accent);color:#fff;transition:background var(--t);border-radius:3px;padding:1px 6px;font-style:normal}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:68px 0}.section+.section{border-top:.5px solid color-mix(in srgb, var(--secondary) 35%, transparent)}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--label);transition:color var(--t);margin-bottom:22px;font-size:12px;font-weight:500;display:block}p{color:var(--text);transition:color var(--t)}body.theme-thinking .section{position:relative}body.theme-thinking .opening-section{padding:130px 0 56px}body.theme-thinking .footer{padding:52px 0 72px}body.theme-thinking .section:after{content:"";border-left:1px dashed color-mix(in srgb, var(--accent) 16%, transparent);pointer-events:none;width:0;height:68px;position:absolute;top:0;left:calc(50% - 360px)}body.theme-thinking .exp-header{margin-bottom:6px}.thinking-annots{z-index:50;pointer-events:none;opacity:.6;transition:opacity var(--t);flex-direction:column;gap:16px;display:flex;position:fixed;top:50%;left:max(12px,50% - 440px);transform:translateY(-50%)}@media (width<=1120px){.thinking-annots{display:none}}.annot-block{flex-direction:column;gap:2px;max-width:100px;display:flex}.annot-key{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);opacity:.65;font-size:7px;font-family:var(--font-body);transition:color var(--t);font-weight:500;line-height:1}.annot-val{letter-spacing:.03em;color:var(--accent);font-size:9px;font-family:var(--font-body);white-space:nowrap;transition:color var(--t);line-height:1.4}.annot-swatch{border-radius:1px;width:18px;height:6px;margin-top:1px}.annot-swatch--accent{background:var(--accent);transition:background var(--t)}.annot-swatch--bg{background:var(--bg);border:.5px solid color-mix(in srgb, var(--accent) 45%, transparent);transition:background var(--t), border-color var(--t)}.annot-swatch--text{background:var(--text);transition:background var(--t)}.thinking-grid{pointer-events:none;z-index:1;background-image:linear-gradient(90deg,#0000 calc(50% - 340.5px),#2d5be338 calc(50% - 340.5px) calc(50% - 339.5px),#0000 calc(50% - 339.5px)),linear-gradient(90deg,#0000 calc(50% - 113.5px),#2d5be317 calc(50% - 113.5px) calc(50% - 112.5px),#0000 calc(50% - 112.5px)),linear-gradient(90deg,#0000 calc(50% - .5px),#2d5be30d calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(90deg,#0000 calc(50% + 112.5px),#2d5be317 calc(50% + 112.5px) calc(50% + 113.5px),#0000 calc(50% + 113.5px)),linear-gradient(90deg,#0000 calc(50% + 339.5px),#2d5be338 calc(50% + 339.5px) calc(50% + 340.5px),#0000 calc(50% + 340.5px)),linear-gradient(90deg,#0000 calc(20% - .5px),#2d5be30a calc(20% - .5px) calc(20% + .5px),#0000 calc(20% + .5px)),linear-gradient(90deg,#0000 calc(80% - .5px),#2d5be30a calc(80% - .5px) calc(80% + .5px),#0000 calc(80% + .5px));position:fixed;inset:0}.mode-block{transition:opacity .28s,transform .28s}.mode-block.mode-hidden{opacity:0;pointer-events:none;width:100%;position:absolute;top:0;left:0;transform:translateY(4px)}.mode-block.mode-visible{opacity:1;pointer-events:auto;position:relative}.mode-wrapper{position:relative}.nav{z-index:100;transition:background-color var(--t);position:fixed;top:0;left:0;right:0}.nav:after{content:"";background:color-mix(in srgb, var(--secondary) 35%, transparent);height:.5px;transition:background var(--t);position:absolute;bottom:0;left:0;right:0}.nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:18px 24px;display:flex}.nav-name{letter-spacing:.02em;color:var(--text);transition:color var(--t);font-size:12px;font-weight:500}.nav-name:hover{color:var(--accent)}.nav-links{gap:28px;list-style:none;display:flex}.nav-links a{color:var(--label);transition:color var(--t);letter-spacing:.03em;font-size:12px}.nav-links a:hover{color:var(--accent)}.toggle-wrap{z-index:200;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toggle-btn{background:var(--surface);border:.5px solid color-mix(in srgb, var(--secondary) 50%, transparent);transition:background var(--t), border-color var(--t);border-radius:4px;align-items:center;padding:3px;display:flex}.toggle-option{letter-spacing:.04em;color:var(--label);transition:all var(--t);font-size:12px;font-family:var(--font-body);background:0 0;border:none;border-radius:2px;padding:5px 12px}.toggle-option.active{background:var(--accent);color:#fff}.cursor-root{pointer-events:none;z-index:9999;position:fixed;inset:0;overflow:hidden}.cursor-dot{will-change:left, top;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.cursor-main{background:currentColor;width:14px;height:14px}.cursor-main.bloom{animation:.18s forwards cursorBloom}@keyframes cursorBloom{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.4;transform:translate(-50%,-50%)scale(2.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.cursor-label{font-size:12px;font-family:var(--font-body);white-space:nowrap;opacity:0;pointer-events:none;letter-spacing:.05em;background:color-mix(in srgb, var(--bg) 94%, transparent);border:.5px solid color-mix(in srgb, var(--secondary) 45%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);border-radius:3px;padding:3px 8px;transition:opacity .2s;position:absolute;transform:translate(16px,-50%)}.cursor-label.visible{opacity:1}.reading-progress{z-index:90;background:var(--bg);border-top:.5px solid color-mix(in srgb, var(--secondary) 28%, transparent);transition:background var(--t), border-color var(--t);padding:0 0 10px;position:fixed;bottom:0;left:0;right:0}.reading-bar-track{background:color-mix(in srgb, var(--secondary) 20%, transparent);height:2px}.reading-bar-fill{background:var(--accent);height:100%;transition:width .2s linear, background var(--t)}.reading-text{text-align:center;color:var(--label);letter-spacing:.03em;transition:color var(--t);margin-top:6px;font-size:12px;display:block}.scroll-toast{z-index:500;color:var(--label);letter-spacing:.05em;opacity:0;transition:opacity .3s ease, background var(--t), border-color var(--t), color var(--t);pointer-events:none;background:color-mix(in srgb, var(--surface) 80%, transparent);border:.5px solid color-mix(in srgb, var(--secondary) 35%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:6px 14px;font-size:12px;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.scroll-toast.visible{opacity:1}.opening-section{align-items:flex-start;min-height:52vh;padding:130px 0 56px;display:flex}.opening-avatar{background:var(--surface);border:1.5px solid color-mix(in srgb, var(--secondary) 55%, transparent);width:140px;height:140px;transition:background var(--t), border-color var(--t);border-radius:50%;margin-bottom:20px;overflow:hidden}.opening-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.opening-quote{font-family:var(--font-display);letter-spacing:-.01em;transition:color var(--t);margin-bottom:22px;font-size:28px;font-style:italic;line-height:1.3}.opening-greeting{color:var(--label);transition:color var(--t);margin-bottom:28px;font-size:12px;line-height:1.6}.opening-currently{color:var(--secondary);transition:color var(--t);margin-top:4px;font-size:12px;font-style:italic;line-height:1.65}.who-body{margin-bottom:14px;font-size:15px;line-height:1.8}.who-clock{color:var(--label);transition:color var(--t);margin-top:26px;font-size:12px}.who-clock-label{color:var(--secondary);opacity:.8;letter-spacing:.05em;margin-top:2px;font-size:12px;display:block}.exp-list{flex-direction:column;display:flex}.exp-item{border-bottom:.5px solid color-mix(in srgb, var(--secondary) 28%, transparent);padding:20px 0}.exp-item:first-child{border-top:.5px solid color-mix(in srgb, var(--secondary) 28%, transparent)}.exp-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.exp-company{color:var(--text);transition:color var(--t);font-size:15px;font-weight:500}.exp-role{color:var(--text);transition:color var(--t);font-size:12px}.exp-period{color:var(--secondary);letter-spacing:.04em;white-space:nowrap;transition:color var(--t);font-size:12px}.exp-desc{color:var(--text);opacity:.75;transition:color var(--t), opacity var(--t);margin-top:5px;font-size:12px;line-height:1.65}.work-list{flex-direction:column;display:flex}.work-card{border-bottom:.5px solid color-mix(in srgb, var(--secondary) 28%, transparent);color:inherit;margin-top:20px;padding:0 0 20px;text-decoration:none;display:block;position:relative}.work-card:before{content:"";background:var(--accent);transform-origin:top;width:2px;transition:transform .24s;position:absolute;top:0;bottom:20px;left:-24px;transform:scaleY(0)}.work-card:hover:before{transform:scaleY(1)}.work-card-image{aspect-ratio:16/9;background:var(--surface);width:100%;transition:background var(--t), opacity .24s ease;border:.5px solid color-mix(in srgb, var(--secondary) 20%, transparent);border-radius:4px;margin-bottom:10px;overflow:hidden}.work-card-image img{object-fit:cover;width:100%;height:100%;display:block}.work-card:hover .work-card-image{opacity:.82}.work-card-inner{transition:transform .24s}.work-card:hover .work-card-inner{transform:translate(4px)}.work-card-title{font-family:var(--font-body);transition:color var(--t);align-items:center;gap:8px;margin-bottom:3px;font-size:15px;font-weight:400;display:flex}.work-card-title:after{content:"→";font-family:var(--font-body);opacity:0;font-size:13px;transition:opacity .22s,transform .22s;transform:translate(-6px)}.work-card:hover .work-card-title:after{opacity:1;transform:translate(0)}.work-card:hover .work-card-title{color:var(--accent)}.work-card-meta{color:var(--label);transition:color var(--t);letter-spacing:.02em;font-size:12px}.vibe-list{flex-direction:column;display:flex}.vibe-item{border-bottom:.5px solid color-mix(in srgb, var(--secondary) 28%, transparent);padding:20px 0;position:relative}.vibe-item:first-child{border-top:.5px solid color-mix(in srgb, var(--secondary) 28%, transparent)}.vibe-item:before{content:"";background:var(--accent);transform-origin:top;width:2px;transition:transform .24s;position:absolute;top:20px;bottom:20px;left:-20px;transform:scaleY(0)}.vibe-item:has(.vibe-item-inner:hover):before{transform:scaleY(1)}.vibe-item-inner{flex-direction:column;transition:transform .24s;display:flex}.vibe-item-inner:hover{transform:translate(4px)}.vibe-item-inner:hover .vibe-name{color:var(--accent)}.vibe-thumb{aspect-ratio:16/9;background:var(--surface);border:.5px solid color-mix(in srgb, var(--secondary) 20%, transparent);width:100%;transition:background var(--t), opacity .24s ease;border-radius:4px;flex-shrink:0;margin-bottom:10px;overflow:hidden}.vibe-item-inner:hover .vibe-thumb{opacity:.82}.vibe-thumb img{object-fit:cover;width:100%;height:100%;display:block}.vibe-content{flex:1}.vibe-name-row{align-items:center;gap:10px;margin-bottom:4px;display:flex}.vibe-name{font-family:var(--font-body);transition:color var(--t);font-size:15px;font-weight:500}.vibe-what{margin-bottom:3px;font-size:12px;line-height:1.6}.vibe-why{color:var(--label);transition:color var(--t);margin-bottom:10px;font-size:12px;font-style:italic}.vibe-status{letter-spacing:.05em;color:var(--label);transition:color var(--t);align-items:center;gap:5px;font-size:12px;display:inline-flex}.vibe-status:before{content:"";background:var(--accent);width:5px;height:5px;transition:background var(--t);border-radius:50%;display:inline-block}.vibe-cta{color:var(--accent);letter-spacing:.03em;font-size:11px}.play-body{margin-bottom:14px;font-size:15px;line-height:1.8}.play-aside{background:var(--surface);color:var(--label);border:.5px solid color-mix(in srgb, var(--secondary) 20%, transparent);transition:background var(--t), color var(--t);border-radius:4px;margin-top:20px;padding:16px 18px;font-size:12px;font-style:italic;line-height:1.7}.activity-grid{flex-direction:column;gap:14px;display:flex}.activity-row{grid-template-columns:90px 1fr;align-items:baseline;gap:16px;display:grid}.activity-label{color:var(--label);letter-spacing:.08em;text-transform:lowercase;transition:color var(--t);padding-top:1px;font-size:12px}.activity-items{color:var(--text);transition:color var(--t);font-size:15px;line-height:1.6}.art-preview{align-items:flex-start;gap:14px;margin:32px 0 24px;display:flex}.art-preview-col{flex-direction:column;flex:1;gap:14px;display:flex}.art-preview-col--right{margin-top:36px}.art-preview-item{border-radius:2px;transition:transform .3s;overflow:hidden}.art-preview-item img{width:100%;height:auto;display:block}.art-preview-item--1{transform:rotate(-1deg)}.art-preview-item--2{transform:rotate(.6deg)}.art-preview-item--3{transform:rotate(.4deg)}.art-preview-item--4{transform:rotate(-.8deg)}.art-preview-item:hover{z-index:1;position:relative;transform:rotate(0)scale(1.02)}.art-preview-sub{color:var(--label);transition:color var(--t);margin-bottom:28px;font-size:13px;line-height:1.7}.art-preview-caption{color:var(--label);transition:color var(--t);margin-top:7px;font-size:11px;font-style:italic;line-height:1.5}.art-cta{color:var(--accent);letter-spacing:.03em;margin-top:22px;font-size:12px;transition:opacity .2s;display:inline-block}.art-cta:hover{opacity:.72;color:var(--accent)}.play-page{padding-top:80px;padding-bottom:0}.play-heading{color:var(--text);transition:color var(--t);margin:28px 0 14px;font-family:Caveat,cursive;font-size:clamp(34px,6vw,52px);font-weight:500;line-height:1.2}.play-sub{color:var(--label);transition:color var(--t);margin-bottom:80px;font-size:13px;line-height:1.7}.play-section{margin-bottom:96px}.play-section-label{color:var(--text);transition:color var(--t);margin-bottom:40px;font-family:Caveat,cursive;font-size:28px;font-weight:400}.play-scatter{position:relative}.play-piece{margin-bottom:52px;transition:transform .25s;display:block}.play-piece:hover{z-index:1;position:relative}.play-piece-img{border-radius:2px;overflow:hidden}.play-piece-img img{width:100%;height:auto;transition:transform .4s;display:block}.play-piece:hover .play-piece-img img{transform:scale(1.02)}.play-piece-caption{color:var(--label);transition:color var(--t);margin-top:9px;font-size:12px;line-height:1.5}.writing-body{margin-bottom:22px;font-size:15px;line-height:1.8}.essay-list{flex-direction:column;display:flex}.essay-card{border-bottom:.5px solid color-mix(in srgb, var(--secondary) 28%, transparent);color:inherit;align-items:flex-start;gap:14px;padding:16px 0;text-decoration:none;transition:opacity .2s;display:flex}.essay-card:first-child{border-top:.5px solid color-mix(in srgb, var(--secondary) 28%, transparent)}.essay-card:hover{opacity:.78;color:inherit}.essay-thumb{background:var(--surface);border:.5px solid color-mix(in srgb, var(--secondary) 20%, transparent);width:80px;height:56px;transition:background var(--t);border-radius:3px;flex-shrink:0;overflow:hidden}.essay-thumb img{object-fit:cover;width:100%;height:100%;display:block}.essay-body{flex:1}.essay-title{color:var(--text);transition:color var(--t);margin-bottom:3px;font-size:15px;font-weight:500;line-height:1.4}.essay-card:hover .essay-title{color:var(--accent)}.essay-subtitle{color:var(--secondary);transition:color var(--t);margin-bottom:5px;font-size:12px;line-height:1.55}.essay-date{color:var(--label);letter-spacing:.04em;transition:color var(--t);font-size:12px}.notice-list{flex-direction:column;display:flex}.notice-item{border-bottom:.5px solid color-mix(in srgb, var(--secondary) 28%, transparent);padding:22px 0}.notice-item:first-child{border-top:.5px solid color-mix(in srgb, var(--secondary) 28%, transparent)}.notice-body{margin-bottom:8px;font-size:15px;line-height:1.8}.notice-location{color:var(--label);letter-spacing:.05em;transition:color var(--t);font-size:12px}.pw-overlay{background:color-mix(in srgb, var(--text) 40%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pw-modal{background:var(--bg);border:.5px solid color-mix(in srgb, var(--secondary) 40%, transparent);width:min(360px,100vw - 48px);transition:background var(--t);border-radius:8px;padding:32px 28px}.pw-label{color:var(--label);margin-bottom:20px;font-size:13px;line-height:1.5}.pw-input{background:var(--surface);border:.5px solid color-mix(in srgb, var(--secondary) 40%, transparent);width:100%;font-family:var(--font-body);color:var(--text);transition:border-color .18s ease, background var(--t), color var(--t);border-radius:4px;outline:none;margin-bottom:8px;padding:10px 14px;font-size:14px;display:block}.pw-input:focus{border-color:var(--accent)}.pw-input--error{border-color:#c0392b;animation:.3s pw-shake}@keyframes pw-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pw-error{color:#c0392b;margin-bottom:12px;font-size:11px}.pw-submit{background:var(--accent);color:#fff;width:100%;font-family:var(--font-body);letter-spacing:.04em;border:none;border-radius:4px;margin-top:4px;padding:10px;font-size:13px;transition:opacity .18s}.pw-submit:hover{opacity:.85}.footer{border-top:.5px solid color-mix(in srgb, var(--secondary) 40%, transparent);padding:52px 0 72px}.footer-name{font-family:var(--font-display);transition:color var(--t);margin-bottom:6px;font-size:18px;font-weight:400}.footer-tagline{color:var(--label);transition:color var(--t);margin-bottom:22px;font-size:11px;line-height:1.65}.footer-links{flex-wrap:wrap;gap:18px;margin-bottom:24px;display:flex}.footer-link{color:var(--text);transition:color var(--t);font-size:12px}.footer-link:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.footer-note{color:var(--text);opacity:.45;transition:color var(--t), opacity var(--t);margin-top:8px;font-size:11px;font-style:italic;line-height:1.6}.project-back{color:var(--label);transition:color var(--t);align-items:center;gap:6px;margin-bottom:40px;font-size:12px;display:inline-flex}.project-back:hover{color:var(--accent)}.project-header{margin-bottom:40px}.project-company{color:var(--label);letter-spacing:.02em;transition:color var(--t);margin-bottom:0;font-size:11px}.project-video{background:var(--surface);border:.5px solid color-mix(in srgb, var(--secondary) 25%, transparent);width:100%;transition:background var(--t);border-radius:6px;margin-bottom:16px;overflow:hidden}.project-video video{object-fit:contain;width:100%;max-height:480px;display:block}.project-hook{font-family:var(--font-display);transition:color var(--t);margin-bottom:18px;font-size:clamp(20px,4vw,30px);font-style:italic;font-weight:400;line-height:1.3}.project-section{margin-bottom:34px}.project-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--label);transition:color var(--t);margin-bottom:10px;font-size:12px;display:block}.project-body{font-size:15px;line-height:1.8}.project-image-slot{aspect-ratio:16/10;background:var(--surface);border:.5px solid color-mix(in srgb, var(--secondary) 25%, transparent);width:100%;transition:background var(--t);border-radius:4px;justify-content:center;align-items:center;margin:16px 0;display:flex}.project-image-slot span{color:var(--secondary);opacity:.6;font-size:11px}.project-nav{border-top:.5px solid color-mix(in srgb, var(--secondary) 28%, transparent);justify-content:space-between;margin-top:34px;padding:26px 0;font-size:12px;display:flex}.project-nav a{color:var(--label);transition:color var(--t)}.project-nav a:hover{color:var(--accent)}.work-tags{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.tag{letter-spacing:.05em;color:var(--label);border:.5px solid color-mix(in srgb, var(--secondary) 50%, transparent);transition:color var(--t), border-color var(--t);border-radius:3px;padding:2px 7px;font-size:12px}.mentoring-body{font-size:15px;line-height:1.8}.mentoring-meta{color:var(--label);transition:color var(--t);margin-top:22px;font-size:11px}.design-spec-box{z-index:400;background:var(--bg);border:.5px solid var(--accent);pointer-events:none;opacity:0;min-width:180px;transition:opacity .16s ease, background var(--t), border-color var(--t);border-radius:4px;padding:10px 14px;position:fixed}.design-spec-box.visible{opacity:1}.spec-row{align-items:baseline;gap:10px;padding:2px 0;display:flex}.spec-key{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);opacity:.65;min-width:60px;font-size:8px;font-family:var(--font-body);transition:color var(--t);flex-shrink:0;font-weight:500}.spec-val{letter-spacing:.03em;color:var(--accent);font-size:9px;font-family:var(--font-body);transition:color var(--t);line-height:1.5}@media (width<=720px){.nav-inner{padding:16px}.nav-links{gap:18px}.container{padding:0 16px}.section{padding:52px 0}.opening-section{padding:100px 0 36px}.toggle-wrap{top:12px;left:auto;right:16px;transform:none}.activity-row{grid-template-columns:70px 1fr;gap:12px}.work-card:before{left:-16px}.thinking-grid,.scroll-toast,body.theme-thinking .section:after{display:none}.art-preview-col--right{margin-top:20px}.art-preview-item--1,.art-preview-item--2,.art-preview-item--3,.art-preview-item--4,.art-preview-item:hover{transform:none}.play-heading{font-size:28px}.play-piece{width:100%!important;margin-left:0!important;transform:none!important}.play-piece:hover .play-piece-img img{transform:none}}@media (width<=500px){.nav-links{display:none}}