@font-face{font-family:Work Sans;src:url('/assets/fonts/work-sans.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Raleway;src:url('/assets/fonts/raleway.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--canvas:#101115;--ink:#f7effa;--soft:#c5b6cd;--accent:#e6b6ef;--line:#4e3f56;--gutter:clamp(24px,5vw,80px);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.65 'Work Sans',sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Raleway,sans-serif;font-weight:500;line-height:1.1;letter-spacing:-.04em;text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:active,button:active{opacity:.8}img{display:block;width:100%;height:auto}::selection{background:var(--accent);color:#211128}[hidden]{display:none!important}.page-width{max-width:1440px;padding-inline:var(--gutter);margin-inline:auto}.skip-link{position:absolute;left:24px;top:-100px;z-index:10;background:var(--accent);color:#211128;border-radius:14px;padding:12px}.skip-link:focus{top:14px}.folio-header{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:100px;border-bottom:1px solid #392f40}.brand-link{display:flex;gap:12px;align-items:center;white-space:nowrap}.brand-link img{width:30px;height:28px}.brand-link span{font-size:16px}.folio-header nav{display:flex;gap:24px;align-items:center;font-size:14px}.folio-header nav a{padding:10px 0}.folio-header nav a:hover{color:var(--accent)}
.folio-intro{display:flex;align-items:center;justify-content:space-between;gap:44px;padding-block:70px 64px}.folio-intro h1{font-size:clamp(45px,6.5vw,92px);line-height:1.03}.folio-kicker{text-transform:uppercase;font-size:14px;letter-spacing:.13em;color:var(--accent);margin-bottom:22px}.folio-role{font-size:20px;margin-top:24px;color:#e6d7ed}.folio-intro-copy{font-size:17px;color:var(--soft);max-width:56ch;margin-top:18px}.folio-portrait{width:clamp(130px,17vw,210px);height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid #76627e}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:34px}.section-header h2,.design-thinking h2,.feedback-section h2,.folio-footer h2{font-size:clamp(34px,4.2vw,60px)}.section-header p:not(.folio-kicker){font-size:16px;color:var(--soft);margin-top:18px}.artwork-section{padding-block:30px 70px;overflow:hidden}.gallery-controls{display:flex;align-items:center;gap:16px;flex-shrink:0}.gallery-controls button{border:1px solid #795f84;border-radius:100px;background:transparent;color:#eee1f3;font-size:14px;min-height:46px;padding:10px 17px;transition:background .18s ease-out}.gallery-controls button:hover:not(:disabled){background:#35293d}.gallery-controls button:disabled{opacity:.4;cursor:not-allowed}.gallery-controls span{font-size:14px;min-width:40px;font-variant-numeric:tabular-nums;color:var(--soft)}
.artwork-rail{display:flex;gap:clamp(28px,4vw,60px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:22px max(var(--gutter),calc((100vw - 1280px)/2)) 32px;scroll-padding-inline:max(var(--gutter),calc((100vw - 1280px)/2));scrollbar-width:thin;scrollbar-color:#9f77ae #211b27;perspective:1500px}.artwork-rail:focus-visible{outline-offset:-5px}.artwork-piece{flex:0 0 clamp(270px,33vw,450px);min-width:0;scroll-snap-align:start}.artwork-object{transform-origin:50% 50%;transform:perspective(1000px) rotateY(var(--art-tilt,0deg)) scale(var(--art-scale,1));will-change:transform;transition:transform .16s ease-out;border-radius:24px;box-shadow:0 25px 42px #03040855;overflow:hidden}.artwork-object img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:24px}.artwork-piece figcaption{padding:24px 2px 0}.artwork-piece h3{font-size:22px;line-height:1.2}.artwork-piece figcaption p{font-size:14px;color:var(--soft);margin-top:8px}.source-note{font-size:14px;line-height:1.65;color:#bba9c6;max-width:1440px;margin-top:22px}.source-note a,.episode-source a{text-decoration:underline;text-underline-offset:5px}.source-note a:hover,.episode-source a:hover{color:#fff}
.design-thinking{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;border-top:1px solid var(--line);padding-block:80px}.design-thinking>div>p{max-width:60ch;color:var(--soft);margin-top:22px}.design-thinking>div>.section-lede{font-size:22px;color:var(--ink);margin-top:0;line-height:1.5}.design-thinking ol{padding-left:24px;margin:32px 0 0}.design-thinking li{padding:16px 0 16px 12px}.design-thinking li::marker{color:var(--accent);font-size:14px}.design-thinking h3{font-size:21px;margin-bottom:8px}.design-thinking li p{color:var(--soft);font-size:16px}.video-section{padding-block:60px 90px;border-top:1px solid var(--line)}.episode-case{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:start;margin-top:42px}.episode-player{aspect-ratio:16/9;border:1px solid #594762;border-radius:26px;overflow:hidden;background:#1a171e}.episode-player iframe{display:block;border:0;width:100%;height:100%}.episode-copy h3{font-size:clamp(26px,3vw,40px)}.project-category{font-size:14px;color:var(--accent);margin-bottom:16px}.episode-copy>p:not(.project-category){color:var(--soft);margin-top:20px;font-size:16px}.episode-copy .credit-note{font-size:14px!important;color:#b2a2bc!important}.folio-link{display:inline-flex;align-items:center;min-height:46px;text-decoration:underline;text-underline-offset:7px;margin-top:24px;font-size:15px;color:var(--accent)}.folio-link:hover{color:#fff}.episode-source{display:flex;flex-wrap:wrap;gap:20px 32px;font-size:14px;color:var(--soft);margin-top:32px}.film-section{border-top:1px solid var(--line);padding-block:70px 90px}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.film-screen{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#19151e}.trailer-launch{position:absolute;inset:0;display:block}.trailer-launch img{width:100%;height:100%;object-fit:contain}.trailer-player{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:24px}.trailer-launch:focus-visible{outline-offset:-6px}.trailer-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:14px 30px;border-radius:100px;border:1px solid #ffffff85;background:linear-gradient(145deg,#ffffff35,#ffffff0d 52%,#ffffff26);backdrop-filter:blur(18px);color:white;opacity:0;transition:opacity .18s ease-out;box-shadow:inset 0 1px 1px #ffffff8c,0 12px 32px #0005}.personal-film h3{font-size:30px;margin-top:25px}.personal-film>p{font-size:16px;color:var(--soft);margin-top:16px}.personal-film .film-recognition{font-size:14px;color:var(--accent);margin-top:12px}.feedback-section{border-radius:36px;background:#e9dced;color:#2d1935;padding-block:72px}.feedback-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.feedback-section .folio-kicker{color:#654573}.feedback-section h2+p{font-size:17px;color:#55445d;max-width:48ch;margin-top:22px}.feedback-source{align-self:center;border-left:1px solid #baa3c4;padding-left:54px}.feedback-rating{font:550 72px/1 Raleway,sans-serif;letter-spacing:-.04em;margin-bottom:18px}.feedback-rating span{font-size:22px;color:#755e80}.feedback-source>p{font-size:16px}.feedback-source .credit-note{font-size:14px;color:#634e6b;margin-top:12px}.folio-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 23px;background:var(--accent);color:#2d1935;border-radius:100px;font-size:15px;margin-top:28px;transition:background .18s ease-out}.folio-button:hover{background:#f2d6f9}.feedback-section .folio-button{background:#492854;color:#fff}.feedback-section .folio-button:hover{background:#634073}.feedback-section a:focus-visible{outline-color:#633a73}.folio-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:44px;padding-block:80px 42px}.folio-footer h2{font-size:clamp(30px,3.8vw,48px)}.folio-footer p{font-size:14px;color:var(--soft);margin-top:30px}
@media(hover:hover) and (pointer:fine){.trailer-launch:hover .trailer-play,.trailer-launch:focus-visible .trailer-play{opacity:1}}
@media(max-width:900px){.folio-header nav{gap:17px}.design-thinking{gap:40px}.episode-case{grid-template-columns:1fr;gap:32px}.episode-copy{max-width:65ch}.feedback-layout{gap:40px}.feedback-source{padding-left:32px}}
@media(max-width:700px){.folio-header{align-items:flex-start;flex-direction:column;gap:12px;padding-block:20px}.folio-header nav{gap:22px;flex-wrap:wrap;font-size:14px}.folio-header nav a{padding:5px 0;min-height:36px}.folio-intro{align-items:flex-start;gap:22px;padding-block:44px 40px}.folio-intro h1{font-size:42px}.folio-intro>div{min-width:0}.folio-portrait{width:88px;margin-top:36px}.folio-kicker{font-size:12px;margin-bottom:18px}.folio-role{font-size:17px;line-height:1.5;margin-top:18px}.folio-intro-copy{font-size:16px;margin-top:16px;max-width:34ch}.section-header{flex-direction:column;align-items:flex-start;gap:24px}.section-header h2,.design-thinking h2,.feedback-section h2{font-size:36px}.artwork-section{padding-block:15px 50px}.artwork-piece{flex-basis:min(76vw,360px)}.artwork-rail{gap:26px;padding-block:12px 24px}.artwork-object{transform:none;will-change:auto}.artwork-object,.artwork-object img{border-radius:20px}.artwork-piece h3{font-size:22px}.gallery-controls{gap:20px}.design-thinking{grid-template-columns:1fr;gap:30px;padding-block:52px}.design-thinking>div>.section-lede{font-size:20px}.design-thinking ol{margin-top:20px}.video-section,.film-section{padding-block:50px}.episode-case{margin-top:30px}.episode-source{flex-direction:column;gap:18px}.film-grid{grid-template-columns:1fr;gap:46px}.feedback-section{padding-block:52px;border-radius:28px}.feedback-layout{grid-template-columns:1fr;gap:32px}.feedback-source{border:0;border-top:1px solid #baa3c4;padding:30px 0 0}.feedback-rating{font-size:60px}.folio-footer{flex-direction:column;align-items:flex-start;gap:36px;padding-block:55px 32px}.folio-footer .folio-link{margin-top:0}.folio-footer p{margin-top:20px}.trailer-play{display:none}}
@media(hover:none),(pointer:coarse){.trailer-play{display:none}.artwork-object{transform:none;will-change:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.artwork-object{transform:none;will-change:auto;transition:none}.trailer-play,.folio-button{transition:none}}
.review-excerpts{margin-top:34px}.review-excerpts figure{padding:26px 0;border-top:1px solid #baa3c4}.review-excerpts blockquote{font:500 clamp(22px,2.4vw,30px)/1.4 Raleway,sans-serif;letter-spacing:-.02em;margin:0;color:#341e3d}.review-excerpts figcaption{font-size:14px;line-height:1.65;color:#614b6b;margin-top:16px}.review-excerpts figcaption a{text-decoration:underline;text-underline-offset:4px}.review-excerpts figcaption a:hover{color:#341e3d}.feedback-source{align-self:start;margin-top:58px}@media(max-width:700px){.feedback-source{margin-top:0}}
@media(max-width:700px){.folio-intro{display:grid;grid-template-columns:1fr 88px;gap:18px 22px}.folio-intro>div{display:contents}.folio-intro .folio-kicker{grid-column:1/-1;margin:0}.folio-intro h1{grid-column:1;grid-row:2}.folio-intro .folio-portrait{grid-column:2;grid-row:2;margin:0;align-self:center}.folio-intro .folio-role,.folio-intro .folio-intro-copy{grid-column:1/-1;margin:0;max-width:none}}
.packaging-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.packaging-screen{border:1px solid #ffffff20}.packaging-screen .trailer-launch img{object-fit:cover;height:100%;width:100%;transition:transform 240ms ease-out}.packaging-screen .trailer-launch:focus-visible{outline-offset:-6px;border-radius:inherit}
@media(hover:hover) and (pointer:fine){.packaging-screen .trailer-launch:hover img{transform:scale(1.025)}}
@media(max-width:700px){.packaging-grid{grid-template-columns:1fr;gap:22px}.packaging-screen{border-radius:20px}#video-title{font-size:clamp(28px,8vw,36px)}}
@media(prefers-reduced-motion:reduce){.packaging-screen .trailer-launch img{transition:none;transform:none!important}}
.music-section{padding-block:80px 64px}.album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,76px);max-width:1100px}.album-work{min-width:0}.album-cover{display:block;border-radius:26px;overflow:hidden;background:#211b27;box-shadow:0 22px 48px #03040855}.album-cover img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;transition:transform 220ms ease-out}.album-cover:focus-visible{outline-offset:7px}.album-caption{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:26px}.album-caption h3{font-size:clamp(26px,2.7vw,38px);line-height:1.15}.album-caption>span{color:var(--soft);font-size:14px}.album-listen{display:inline-flex;align-items:center;min-height:48px;font-size:15px;color:var(--accent);text-decoration:underline;text-underline-offset:6px;margin-top:10px;border-radius:8px}.album-listen:hover{color:var(--ink)}.music-spotify{margin-top:36px}.music-section+.folio-footer{border-top:1px solid var(--line)}
@media(hover:hover) and (pointer:fine){.album-cover:hover img{transform:scale(1.015)}}
@media(max-width:700px){.music-section{padding-block:52px 42px}.album-grid{grid-template-columns:1fr;gap:38px}.album-cover{border-radius:22px}.album-caption{margin-top:22px}.album-caption h3{font-size:28px}.music-spotify{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.album-cover img{transition:none;transform:none!important}}