.reel{--reel-pin-top:24px;--reel-pin-bottom:32px;--reel-rail-right:clamp(12px, 2.2vw, 36px);--reel-rail-room:max(var(--gutter), calc(var(--reel-rail-right) + 7.5rem + 48px));background:var(--night);position:relative}.reel-project{--shade:21 18 46;--shade-a:.92;--shade-b:.55;--shade-c:.2;isolation:isolate;position:relative;overflow:hidden}.reel-project-game{--shade:40 26 74;--shade-a:.9;--shade-b:.45;--shade-c:0}.reel-project-surebet{--shade:8 26 32;--shade-a:.95;--shade-b:.55;--shade-c:.15}.reel-bg{z-index:-1;position:absolute;inset:0}.reel-bg picture,.reel-bg img{object-fit:cover;object-position:75% 50%;width:100%;height:100%}.reel-bg:after{content:"";background:linear-gradient(90deg, rgb(var(--shade) / var(--shade-a)) 25%, rgb(var(--shade) / var(--shade-b)) 55%, rgb(var(--shade) / var(--shade-c)));position:absolute;inset:0}.reel:not([data-enhanced]) .reel-bg:before{content:"";z-index:1;background:linear-gradient(180deg, var(--night), transparent 20%, transparent 80%, var(--night));position:absolute;inset:0}.reel-inner{padding:var(--section-space) var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;display:grid;position:relative}.reel-panel h2{margin:0 0 1rem;font-size:clamp(2.6rem,6vw,5.4rem);line-height:.95}.reel-panel p{max-width:32rem;margin:0;font-size:1.15rem}.reel-panel ul{gap:.7rem;max-width:32rem;margin:1.5rem 0 1.75rem;padding:0;list-style:none;display:grid}.reel-panel li{border-left:2px solid var(--candle);color:var(--muted);padding-left:1rem}.reel-project-game li{border-color:#f7bd90}.reel-project-surebet li{border-color:#7fd1e8}.reel-stage{justify-self:center;width:min(520px,100%,62svh)}.reel-project-game .stage-glow{background:radial-gradient(closest-side,#f7bd9059,#0000 70%)}.reel-project-surebet .stage-glow{background:radial-gradient(closest-side,#7fd1e847,#0000 70%)}.reel-pending{color:#9fc9d4;text-align:center;background:#0e2730;place-items:center;height:100%;padding:24px;display:grid}.reel[data-enhanced]{height:100svh;overflow:hidden}.reel[data-enhanced] .reel-project{position:absolute;inset:0}.reel[data-enhanced] .reel-project[inert]{pointer-events:none}.reel[data-enhanced] .reel-project+.reel-project :is(.reel-bg,.reel-stage){opacity:0;visibility:hidden}.reel[data-enhanced] .reel-project+.reel-project .reel-panel{opacity:0}.reel[data-enhanced] .reel-inner{height:100%;padding:calc(var(--nav-h) + var(--reel-pin-top)) var(--reel-rail-room) var(--reel-pin-bottom) var(--gutter)}.reel-progress{display:none}.reel[data-enhanced] .reel-progress{top:50%;right:var(--reel-rail-right);z-index:3;pointer-events:none;gap:14px;display:flex;position:absolute;transform:translateY(-50%)}.reel-progress-rail{background:#eee9f72e;width:2px;position:relative}.reel-progress-fill{background:var(--candle);transform-origin:top;position:absolute;inset:0}.reel-progress ol{color:#eee9f7b8;text-shadow:0 1px 2px #0a081ad9,0 0 12px #0a081a99;gap:18px;width:7.5rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.reel-progress li{transition:color var(--dur-state), transform var(--dur-state) var(--ease-out)}.reel[data-active="0"] .reel-progress li[data-index="0"],.reel[data-active="1"] .reel-progress li[data-index="1"],.reel[data-active="2"] .reel-progress li[data-index="2"]{color:var(--text);transform:translate(-4px)}.reel-progress button{color:inherit;font:inherit;text-align:left;cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:4px 0;display:block}.reel-progress button:hover{color:var(--text)}.reel-progress button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}@media (max-width:1100px){.reel{--reel-rail-room:var(--gutter)}.reel-progress ol{display:none}}@media (max-width:860px){.reel-inner{grid-template-columns:1fr;gap:28px;padding-block:64px}.reel-bg:after{background:linear-gradient(180deg, rgb(var(--shade) / var(--shade-a)), rgb(var(--shade) / .78) 55%, rgb(var(--shade) / .6))}.reel-panel p{font-size:1rem}.reel-panel ul{margin:1.25rem 0 1.5rem}.reel-panel li+li{display:none}.reel-stage{aspect-ratio:auto;width:min(190px,56%)}.reel-stage .stage-l,.reel-stage .stage-r{display:none}.reel-stage .stage-front{width:100%;position:relative}.reel-stage .stage-glow{inset:-20% -60%}}@media (prefers-reduced-motion:reduce){.reel-progress li{transition:none}}
.experience{padding-top:0}.experience-cols{border-top:1px solid var(--rule);grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);padding-top:clamp(64px,8vw,110px);display:grid}.experience h2{margin:0 0 2rem;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1}.timeline{--when:12rem;gap:28px;margin:0;padding:0;list-style:none;display:grid}.timeline li{grid-template-columns:var(--when) 1fr;gap:20px;display:grid}.timeline-when{color:var(--soft);font-variant-numeric:tabular-nums;margin:.15rem 0 0}.timeline h3{margin:0 0 .4rem;font-size:1.15rem}.timeline h3 span{color:var(--soft);font-weight:400;display:block}.timeline p{margin:0}.skills{gap:18px;margin:0;display:grid}.skills dt{font-weight:600}.skills dd{color:var(--soft);margin:.2rem 0 0}.timeline{--draw:1;position:relative}.timeline:before,.timeline:after{content:"";top:.4rem;bottom:.4rem;left:calc(var(--when) + 9px);background:var(--rule);width:2px;position:absolute}.timeline:after{background:var(--blindy);transform:scaleY(var(--draw));transform-origin:top}.timeline li{position:relative}.timeline li:before{content:"";top:.35rem;left:calc(var(--when) + 4px);z-index:1;border:2px solid var(--blindy);background:var(--paper);border-radius:50%;width:12px;height:12px;position:absolute}.timeline li>div{padding-left:14px}@media (max-width:1100px){.timeline{--when:11rem}}@media (max-width:860px){.timeline:before,.timeline:after{left:5px}.timeline li:before{left:0}.timeline li{padding-left:26px}.timeline li>div{padding-left:0}.experience-cols{grid-template-columns:1fr}.timeline li{grid-template-columns:1fr;gap:4px}}
.hobbies{padding:var(--section-space) max(var(--gutter), calc((100% - var(--content-max)) / 2));border-top:1px solid #eee9f714}.dj{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);margin-bottom:clamp(64px,8vw,104px);display:grid}.dj-deck{aspect-ratio:1/.9;justify-self:center;width:100%;max-width:520px;position:relative}.dj-vinyl{aspect-ratio:1;background:conic-gradient(from 30deg,#ffffff24,#0000 12% 45%,#ffffff1a 55%,#0000 68%),repeating-radial-gradient(circle,#111 0 2px,#1b1b1f 2px 3px),#0d0d10;border-radius:50%;width:78%;position:absolute;top:0;left:4%;box-shadow:0 0 0 6px #1d1b2c,0 40px 80px -30px #000c,0 0 90px -10px #f2b56340}.dj-label{background:radial-gradient(circle, #1d1636 0 7%, var(--candle) 8% 100%);color:#1d1636;font-family:var(--font-display), Georgia, serif;border-radius:50%;place-items:center;font-size:clamp(.8rem,1.6vw,1.1rem);display:grid;position:absolute;inset:34%}.dj-label span{transform:translateY(-120%)}.dj-arm{transform-origin:50% 4%;background:linear-gradient(90deg,#6c6f74,#c9ccd1,#6c6f74);border-radius:3px;width:6px;height:52%;position:absolute;top:6%;right:12%;transform:rotate(24deg)}.dj-arm:before{content:"";background:radial-gradient(circle,#c9ccd1 0 30%,#3a3c40 32%);border-radius:50%;width:28px;height:28px;position:absolute;top:-14px;left:-11px}.dj-arm:after{content:"";background:#2b2d31;border-radius:3px;width:16px;height:22px;position:absolute;bottom:-6px;left:-5px}.dj-eq{align-items:flex-end;gap:5px;height:22%;padding:0 6%;display:flex;position:absolute;bottom:0;left:0;right:0}.dj-eq span{background:linear-gradient(0deg, var(--ember), var(--candle));transform-origin:bottom;height:100%;transform:scaleY(var(--rest,.2));opacity:.85;border-radius:3px 3px 0 0;flex:1}@media (prefers-reduced-motion:no-preference){.dj-arm{transition:transform var(--dur-story) var(--ease-out)}.dj[data-played] .dj-vinyl{animation:1.8s linear infinite paused spin}.dj[data-played] .dj-eq span{animation:eq calc(.55s + var(--i) * 29ms) ease-in-out calc(var(--i) * -.13s) infinite alternate paused}.dj[data-played]:not([data-playing]) .dj-eq span{animation:none}.dj[data-spin] .dj-vinyl,.dj[data-spin] .dj-eq span{animation-play-state:running}}.dj[data-playing] .dj-arm{transform:rotate(34deg)}@keyframes eq{0%{transform:scaleY(.12)}to{transform:scaleY(1)}}@keyframes spin{to{transform:rotate(1turn)}}.dj-body h3,.photo-head h3{margin:0 0 .6rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.dj-text{max-width:28rem;color:var(--muted);margin:0 0 1.5rem;font-size:1.1rem}.dj-slot{background:#eee9f70d;border-radius:14px;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #eee9f71a}.dj:not([data-enhanced]) .dj-slot{display:none}.dj-facade{text-align:center;justify-items:center;gap:14px;padding:24px;display:grid}.dj-facade .btn[aria-disabled]{opacity:.7;cursor:progress}.dj-facade p{max-width:22rem;color:var(--muted);margin:0;font-size:.95rem}.dj-player{border:0;width:100%;height:100%;position:absolute;inset:0}.dj-links{flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:16px;display:flex}.dj-status{color:var(--muted);margin:0;font-size:.95rem}.photo-head{margin-bottom:28px}.photo-head p{color:var(--muted);margin:0}.photo-instagram{margin-top:1rem}.photo-grid{--row:clamp(120px, 14vw, 200px);flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.photo-grid li{flex:var(--ratio) 1 calc(var(--ratio) * var(--row))}.photo-rest{margin-top:12px}.photo-rest:after{content:"";flex-grow:999}.photo-grid li img{aspect-ratio:var(--ratio);object-fit:cover}.photo-grid button,.photo-frame{width:100%;color:inherit;background:#000;border:0;border-radius:10px;padding:0;display:block;overflow:hidden}.photo-grid button:not(:disabled){cursor:zoom-in}.photo-grid img{width:100%;display:block}@media (hover:hover) and (prefers-reduced-motion:no-preference){.photo-grid img{transition:transform var(--dur-enter) var(--ease-out)}.photo-grid button:hover img{transform:scale(1.03)}}.photo-more{min-height:44px;margin-top:24px}.photo:not([data-enhanced]) .photo-more{display:none}.lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--text);overscroll-behavior:contain;background:#080712f5;border:0;margin:0;padding:0}.lightbox::backdrop{background:#080712cc}.lightbox figure{align-content:center;place-items:center;gap:12px;height:calc(100dvh - 72px);margin:0;padding:64px 24px 0;display:grid}.lightbox picture,.lightbox img{object-fit:contain;max-width:100%;max-height:calc(100dvh - 210px)}.lightbox figcaption{max-width:var(--measure);text-align:center;color:var(--muted)}.lightbox-bar{justify-content:center;align-items:center;gap:12px;height:72px;display:flex}.lightbox-bar button,.lightbox-close{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:#eee9f71a;border:0;border-radius:999px;padding:8px 20px}.lightbox-bar button:hover,.lightbox-close:hover{background:#eee9f72e}.lightbox-close{position:absolute;top:12px;right:12px}.lightbox-count{text-align:center;font-variant-numeric:tabular-nums;min-width:5.5em}@media (max-width:860px){.dj{grid-template-columns:1fr}.dj-links{align-content:flex-start;min-height:5rem}.photo-grid{--row:28vw;gap:6px}}