*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font);font-size:var(--step-0);line-height:1.5;color:var(--text);background:var(--night);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}button,input,textarea{font:inherit;color:inherit}ul,ol{list-style:none}a{color:inherit}::selection{background:var(--disc);color:var(--ink)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--night)}::-webkit-scrollbar-thumb{background:var(--night-high);border-radius:5px}:root{--paper: #ffffff;--ink: #000000;--disc: #ffc21a;--night: #121212;--night-deep: #000000;--night-raised: #1f1f1f;--night-high: #2e2e2e;--text: #f5f5f5;--text-2: #a7a7a7;--hairline: rgba(245, 245, 245, .1);--font: "Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif;--step--2: 13px;--step--1: 15px;--step-0: 17px;--step-1: 23px;--step-2: 30px;--step-3: 40px;--step-4: 53px;--gutter: clamp(16px, 4vw, 40px);--dock-h: 72px;color-scheme:dark}.scene{position:relative;background:var(--paper);color:var(--ink);color-scheme:light}.scene.is-animated{height:250vh}.scene-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.scene-stage{position:absolute;inset:0}.scene-copy{position:absolute;left:var(--gutter);top:clamp(72px,13vh,150px);z-index:1}.scene-name{font-size:clamp(56px,min(13vw,24vh),200px);font-weight:800;line-height:.84;letter-spacing:-.045em}.scene-role{margin-top:28px;white-space:pre-line;font-size:var(--step-1);font-weight:500;line-height:1.3}.scene-figure{position:absolute;right:max(4vw,16px);bottom:64px;height:min(calc(100vh - 140px),880px);aspect-ratio:624 / 1029}.scene-figure>svg{width:100%;height:100%;overflow:visible}.phone-screen{position:absolute;overflow:hidden;border-radius:12%/7%;background:var(--night)}.phone-ui{position:absolute;inset:0;display:flex;flex-direction:column;gap:6%;padding:14% 12%;background:var(--night)}.phone-ui-bar{height:4%;width:70%;border-radius:2px;background:var(--text-2)}.phone-ui-bar.short{width:45%;opacity:.6}.phone-ui-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:4%}.phone-ui-grid>span{aspect-ratio:1;border-radius:1px}.phone-ui-now{margin-top:auto;height:5%;border-radius:2px;background:var(--disc)}.scene-cue{position:absolute;left:var(--gutter);bottom:24px;display:flex;align-items:center;gap:6px;font-size:var(--step--1);font-weight:700}.scene-cover{position:absolute;inset:0;background:var(--night);pointer-events:none}.scene-skip,.scene-open{position:absolute;z-index:2;padding:8px 16px;border:2px solid var(--ink);border-radius:999px;font-size:var(--step--1);font-weight:700;text-decoration:none;background:var(--paper);color:var(--ink)}.scene-skip{top:16px;right:16px}.scene-open{left:var(--gutter);bottom:24px;background:var(--ink);color:var(--paper)}.scene-skip:hover{background:var(--ink);color:var(--paper)}.scene :focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media(max-width:720px){.scene-copy{top:clamp(72px,9svh,110px)}.scene-name{font-size:clamp(60px,19vw,96px)}.scene-role{margin-top:20px;font-size:var(--step-0)}.scene-figure{right:8px;bottom:64px;height:clamp(200px,calc(91svh - 305px),560px)}}@media(max-height:500px)and (orientation:landscape){.scene-copy{top:24px}.scene-name{font-size:18vh}.scene-role{margin-top:12px;font-size:var(--step--1)}}.disc-hit{cursor:pointer;-webkit-tap-highlight-color:transparent}.scene-hint{position:absolute;z-index:1;right:60%;bottom:91%;padding:1.15em 1.6em 1.25em;color:var(--ink);font-size:clamp(13px,1.5vw,19px);font-weight:800;line-height:1.15;letter-spacing:-.01em;text-align:center;white-space:nowrap;transform-origin:90% 100%;pointer-events:none}.scene-hint-cloud{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.scene-hint-cloud path{fill:var(--paper);stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.scene-hint-text{position:relative}.scene-hint:before,.scene-hint:after{content:"";position:absolute;border:3px solid var(--ink);border-radius:50%;background:var(--paper)}.scene-hint:before{right:4%;bottom:-10px;width:16px;height:13px}.scene-hint:after{right:-6px;bottom:-26px;width:10px;height:8px}.scene-narrator-at{position:absolute;z-index:1;display:flex;align-items:center;height:0;pointer-events:none}.scene-narrator{display:flex;align-items:center;gap:8px;max-width:260px;padding:10px 12px;border:3px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);color:var(--ink);font-size:var(--step--1);font-weight:800;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;rotate:-2deg;transform-origin:100% 50%}.scene-narrator-arrow{flex:none;width:40px;height:20px;fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.scene-narrator-down{display:none;flex:none}@media(max-width:720px){.scene-narrator-at{top:auto!important;right:var(--gutter)!important;left:var(--gutter);bottom:22px;height:auto}.scene-narrator{max-width:none;transform-origin:0 100%}.scene-narrator-arrow{display:none}.scene-narrator-down{display:block}}@media(pointer:fine){.scene{--hand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='-1 -1 26 26' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2 M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2 M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8 M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15' stroke='white' stroke-width='5'/%3E%3Cpath d='M6 14V6a2 2 0 0 1 4 0V4a2 2 0 0 1 4 0v2a2 2 0 0 1 4 0v2a2 2 0 0 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-6-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L6 16Z' fill='white' stroke='none'/%3E%3Cpath d='M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2 M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2 M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8 M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15' stroke='black' stroke-width='2'/%3E%3C/svg%3E") 17 14;--hand-swat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='-1 -1 26 26' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='rotate%28-28 13 14%29'%3E%3Cpath d='M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2 M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2 M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8 M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15' stroke='white' stroke-width='5'/%3E%3Cpath d='M6 14V6a2 2 0 0 1 4 0V4a2 2 0 0 1 4 0v2a2 2 0 0 1 4 0v2a2 2 0 0 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-6-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L6 16Z' fill='white' stroke='none'/%3E%3Cpath d='M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2 M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2 M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8 M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15' stroke='black' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 17 14}.scene.is-swatting,.scene.is-swatting .disc-hit{cursor:var(--hand),auto}.scene.is-swatting:active,.scene.is-swatting .disc-hit:active{cursor:var(--hand-swat),auto}.scene.is-swatting a{cursor:pointer}}.app{display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-areas:"side main" "dock dock";min-height:100vh;min-height:100svh;background:var(--night)}.sidebar{grid-area:side;position:sticky;top:0;align-self:start;display:flex;flex-direction:column;height:calc(100vh - var(--dock-h));height:calc(100svh - var(--dock-h));padding:24px 16px;overflow-y:auto;background:var(--night-deep)}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px;font-size:var(--step-0);font-weight:800;text-decoration:none}.brand-mobile{display:none}.brand img{width:40px;height:40px;border-radius:50%;background:var(--paper)}.side-nav{margin-top:32px;display:flex;flex-direction:column;gap:2px}.side-nav a{display:flex;align-items:center;gap:16px;padding:10px 12px;border-radius:6px;font-weight:700;color:var(--text-2);text-decoration:none}.side-nav a:hover,.side-nav a[aria-current=page]{color:var(--text)}.side-nav a[aria-current=page]{background:var(--night-raised)}.sidebar-resume{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid var(--night-high);border-radius:999px;background:none;font-weight:700;cursor:pointer}.sidebar-resume:hover{border-color:var(--text-2)}.view-outlet{grid-area:main;min-height:calc(100vh - var(--dock-h));min-height:calc(100svh - var(--dock-h));padding-bottom:56px}.dock{grid-area:dock;position:sticky;bottom:0;z-index:10;background:var(--night-deep);border-top:1px solid var(--hairline)}.tabbar{display:none}:focus-visible{outline:3px solid var(--disc);outline-offset:2px}.view-title:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cover{position:relative;flex:none;display:block;aspect-ratio:1;overflow:hidden;container-type:inline-size;border-radius:4px}.cover img{width:100%;height:100%;object-fit:cover}.cover-label{position:absolute;inset:auto 0 0;padding:9cqi;font-size:12.5cqi;font-weight:800;line-height:.95;letter-spacing:-.02em;overflow-wrap:break-word}.cover-xs{width:40px}.cover-sm{width:56px;border-radius:0}.cover-md{width:100%;box-shadow:0 8px 24px #00000059}.cover-lg{width:clamp(132px,20vw,232px);box-shadow:0 12px 40px #00000073}.btn-disc{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:0;border-radius:999px;background:var(--disc);color:var(--ink);font-weight:700;white-space:nowrap;cursor:pointer}.btn-disc:hover{background:#ffd04d}.btn-disc:disabled{opacity:.7;cursor:progress}.icon-link{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--night-high);font-size:20px}.icon-link:hover{background:#3a3a3a}.home{padding:40px var(--gutter) 0}.home-greeting{font-size:var(--step-3);font-weight:800;line-height:1.05;letter-spacing:-.025em}.home-intro{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0;padding:16px;border-radius:12px;background:var(--night-raised)}.home-avatar{width:64px;height:64px;border-radius:50%;background:var(--paper)}.home-name{font-size:var(--step-1);font-weight:800;line-height:1.1}.home-role{color:var(--text-2);font-size:var(--step--1)}.profile-links{display:flex;align-items:center;gap:8px;margin-left:auto}.picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pick{display:flex;align-items:center;gap:12px;height:56px;overflow:hidden;border-radius:6px;background:#f5f5f514;font-size:var(--step--1);font-weight:700;text-decoration:none}.pick:hover{background:#f5f5f526}.pick>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.shelf{margin-top:40px}.view>.shelf{padding:0 var(--gutter)}.shelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:8px}.shelf-head h2{font-size:var(--step-1);font-weight:800;letter-spacing:-.01em}.shelf-all{color:var(--text-2);font-size:var(--step--2);font-weight:700;text-decoration:none}.shelf-all:hover{color:var(--text);text-decoration:underline}.shelf-row{display:grid;grid-auto-flow:column;grid-auto-columns:184px;gap:4px;margin:0 -10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--night-high) transparent}.shelf-row>li{scroll-snap-align:start}.shelf-item{display:flex;flex-direction:column;gap:4px;height:100%;padding:10px;border-radius:8px;text-decoration:none}.shelf-item:hover{background:var(--night-raised)}.shelf-item .cover{margin-bottom:8px}.shelf-item-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--step--1);font-weight:700;line-height:1.3}.shelf-item-sub{color:var(--text-2);font-size:var(--step--2)}.cover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:4px;padding:0 calc(var(--gutter) - 10px)}.view-header{padding:24px var(--gutter) 32px;background:linear-gradient(180deg,var(--tint) 0%,var(--night) 100%)}.back-link{display:inline-flex;align-items:center;gap:2px;margin-bottom:28px;padding:6px 12px 6px 6px;border-radius:999px;background:#00000040;font-size:var(--step--1);font-weight:700;text-decoration:none}.back-link:hover{background:#00000073}.view-header-body{display:flex;align-items:flex-end;gap:28px}.view-header-text{min-width:0}.view-title{font-size:clamp(var(--step-3),5.5vw,72px);font-weight:800;line-height:1;letter-spacing:-.03em;text-wrap:balance}.view-meta{margin-top:12px;max-width:60ch;color:#f5f5f5d1;font-size:var(--step--1)}.view-meta+.view-meta{margin-top:2px}.status{margin-top:8px;font-size:var(--step--1);font-weight:700}.status-building{color:var(--disc)}.status-shipped{color:var(--text-2)}.view-body{padding:8px var(--gutter) 0}.prose{max-width:68ch;line-height:1.65}.body-heading{margin:32px 0 12px;font-size:var(--step-1);font-weight:800}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags li{padding:6px 14px;border-radius:999px;background:var(--night-raised);font-size:var(--step--1);font-weight:500}.tracklist{padding:8px calc(var(--gutter) - 12px) 0}.track{display:grid;grid-template-columns:24px 40px minmax(0,1fr) auto;align-items:center;gap:16px;padding:8px 12px;border-radius:6px;text-decoration:none}a.track:hover{background:var(--night-raised)}.track-num{color:var(--text-2);font-variant-numeric:tabular-nums;text-align:right}.track-main{display:flex;flex-direction:column;min-width:0}.track-title{font-weight:700}.track-sub,.track-end{color:var(--text-2);font-size:var(--step--1)}.tracklist-text .track{grid-template-columns:24px minmax(0,1fr);align-items:start;padding:14px 12px;border-bottom:1px solid var(--hairline);border-radius:0}.track-text{max-width:72ch;line-height:1.6}.skill-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));column-gap:32px;padding:8px var(--gutter) 0}.skill-list li{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid var(--hairline)}.contact-form{display:flex;flex-direction:column;gap:20px;max-width:560px;padding:8px var(--gutter) 0}.contact-form label{display:flex;flex-direction:column;gap:6px;font-size:var(--step--1);font-weight:700}.contact-form input,.contact-form textarea{padding:12px 14px;border:1px solid var(--night-high);border-radius:6px;background:var(--night-raised);font-weight:400;font-size:var(--step-0);resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--disc);box-shadow:0 0 0 1px var(--disc)}.contact-form .btn-disc{align-self:flex-start}.form-status:empty{display:none}.form-status-sent{color:var(--disc);font-weight:700}.form-status-error{color:#ff9a8a;font-weight:700}.now-playing{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;height:var(--dock-h);padding:0 16px}.np-track{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none}.np-text{display:flex;flex-direction:column;min-width:0}.np-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--step--1);font-weight:700}.np-sub,.np-status{color:var(--text-2);font-size:var(--step--2)}.np-status{justify-self:end}.np-controls{display:flex;align-items:center;gap:12px}.np-play{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--disc);color:var(--ink)}.np-play:hover{background:#ffd04d}.np-skip{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--text-2);cursor:pointer}.np-skip:hover{color:var(--text)}.resume-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:#000000d9}.resume-panel{display:flex;flex-direction:column;width:min(900px,100%);height:min(92vh,1200px);height:min(92svh,1200px);overflow:hidden;border-radius:12px;background:var(--night-raised)}.resume-bar{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 20px}.resume-bar>span{flex:1;font-weight:800}.resume-action{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--night-high);font-size:var(--step--1);font-weight:700;text-decoration:none}.resume-close{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:none;cursor:pointer}.resume-close:hover{background:var(--night-high)}.resume-frame{flex:1;width:100%;border:0;background:#fff}@media(max-width:720px){:root{--dock-h: 60px;--tab-h: 54px}.app{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "dock"}.view-outlet{position:relative;min-height:calc(100svh - var(--dock-h) - var(--tab-h));padding-bottom:40px}.brand-mobile{display:inline-flex;position:absolute;top:16px;left:var(--gutter);z-index:1;padding:4px 0;font-size:var(--step--1)}.brand-mobile img{width:32px;height:32px}.brand-mobile+.view .home,.brand-mobile+.view .view-header{padding-top:68px}.sidebar,.np-status,.np-skip:first-child{display:none}.tabbar{display:block;border-top:1px solid var(--hairline)}.tab-nav{display:grid;grid-template-columns:repeat(5,1fr)}.tab-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;height:var(--tab-h);justify-content:center;padding:0;color:var(--text-2);font-size:var(--step--2);font-weight:700;text-decoration:none}.tab-nav a[aria-current=page]{color:var(--text)}.now-playing{grid-template-columns:minmax(0,1fr) auto;padding:0 12px}.np-play{width:40px;height:40px}.resume-overlay{padding:0}.resume-panel{width:100%;height:100vh;height:100dvh;border-radius:0}.home{padding-top:28px}.home-greeting{font-size:var(--step-2)}.profile-links{margin-left:0;width:100%}.picks{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-row{grid-auto-columns:148px}.cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.view-header-body{flex-direction:column;align-items:flex-start;gap:20px}.track{grid-template-columns:20px 40px minmax(0,1fr);gap:12px}.track-end{display:none}.tracklist-text .track{grid-template-columns:20px minmax(0,1fr)}}