@font-face{font-family:Manrope;src:url('../fonts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('../fonts/instrument-serif.woff2') format('woff2');font-style:italic;font-display:swap}
:root{--bg:#fafbfc;--surface:#fff;--soft:#f0f2f5;--ink:#242d3a;--secondary:#5a6575;--line:#dde3e9;--blue:#dcecf9;--accent:#305e86;--blue-ink:#264966;--radius:18px;--font:Manrope,Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif;color-scheme:light}
html[data-theme=dark]{--bg:#161d26;--surface:#1d2733;--soft:#26313d;--ink:#edf3f8;--secondary:#acbac9;--line:#394654;--blue:#263e54;--accent:#a8d2f4;--blue-ink:#d4e9fa;color-scheme:dark}
html[data-palette=mist]{--blue:#e4e9ef;--accent:#3d607e;--blue-ink:#2d4c65}html[data-palette=mist][data-theme=dark]{--blue:#303e4e;--accent:#b6d3ed;--blue-ink:#dceaf5}
html[data-font=system]{--font:system-ui,-apple-system,'Segoe UI',sans-serif}html[data-font=editorial]{--font:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.55}button{border:0;background:none}img{display:block;max-width:100%;object-fit:cover}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}h1,h2{letter-spacing:-.045em}h3{letter-spacing:-.02em}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden],.hidden{display:none!important}.wrap{width:min(1160px,calc(100% - 80px));margin:auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:var(--bg);padding:12px 20px}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;gap:24px;min-height:100px;border-bottom:1px solid var(--line)}.brand{font-size:25px;letter-spacing:-1.5px;font-weight:800;display:inline-flex;align-items:center;gap:9px}.brand-mark{color:var(--accent);font-size:33px;font-weight:400;line-height:1}.desktop-nav{margin-left:auto;display:flex;gap:26px;align-items:center}.desktop-nav a{font-size:14px;padding:12px 0;color:var(--secondary);position:relative}.desktop-nav a[aria-current=page]{color:var(--ink);font-weight:750}.desktop-nav a[aria-current=page]:after{content:'';height:2px;background:var(--accent);position:absolute;bottom:4px;left:0;right:0}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;flex-shrink:0}.icon-button:hover{background:var(--soft)}.menu-button,.mobile-nav{display:none}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:650;color:var(--secondary)}.hero{margin-top:36px;padding:60px 68px 48px;background:var(--blue);border-radius:8px 8px 70px 8px;display:grid;grid-template-columns:1.45fr 1fr;gap:48px;align-items:center;min-height:485px;position:relative}.hero .eyebrow{color:var(--blue-ink)}.hero h1{font-size:clamp(58px,6.6vw,92px);font-weight:500;line-height:1.01;margin:26px 0 25px;overflow-wrap:anywhere}.hero h1 em{font-family:var(--serif);font-weight:400;color:var(--blue-ink);font-size:1.2em}.hero .intro{max-width:370px;font-size:16px;color:var(--blue-ink);white-space:pre-line}.hero-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:650;min-height:44px;border-bottom:1px solid currentColor}.hero-photo{max-width:282px;justify-self:center;position:relative;transform:rotate(3deg)}.hero-photo img{width:270px;aspect-ratio:4/4.7;border-radius:130px 130px 8px 8px;object-position:50% 42%;filter:saturate(.85)}.photo-caption{position:relative;background:var(--surface);border:1px solid var(--line);padding:10px 16px;font-size:13px;text-align:center;transform:rotate(-6deg);margin:-12px -20px 0;border-radius:4px}.hero-index{position:absolute;right:28px;bottom:20px;color:var(--blue-ink);font-size:12px;letter-spacing:.15em}.intro-line{display:flex;justify-content:space-between;gap:20px;padding:23px 2px;color:var(--secondary);font-size:12px;letter-spacing:.08em}.chapter{padding:60px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-title{display:flex;gap:16px;align-items:baseline}.section-number{font-size:12px;color:var(--secondary);letter-spacing:.06em}.section-head h2{font-size:32px;font-weight:600}.section-head .sub{color:var(--secondary);font-size:14px;margin-top:12px}.section-head .all-link{font-size:14px;white-space:nowrap;display:flex;align-items:center;gap:10px;min-height:44px}.all-link:hover,.desktop-nav a:hover{color:var(--accent)}.playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.playlist-card{display:flex;align-items:center;gap:18px;padding:20px;background:var(--soft);border-radius:8px;text-align:left;width:100%;min-width:0;transition:background .18s,transform .18s}.playlist-card:hover{background:var(--blue);transform:translateY(-3px)}.playlist-card img{width:76px;height:76px;border-radius:4px;flex-shrink:0;background:var(--line)}.playlist-card h3{font-size:16px;font-weight:700;overflow-wrap:anywhere}.playlist-card p{color:var(--secondary);font-size:13px;margin-top:8px}.playlist-card .playlist-info{min-width:0}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.movie-card{min-width:0;display:block}.poster{position:relative;overflow:hidden;border-radius:6px;background:var(--soft);aspect-ratio:2/3}.poster img{width:100%;height:100%;transition:transform .3s}.movie-card:hover .poster img{transform:scale(1.035)}.rating{position:absolute;bottom:12px;right:12px;background:#fafbfc;color:#27313e;border-radius:4px;padding:4px 9px;font-size:13px;font-weight:700}.movie-card h3{font-size:16px;font-weight:650;margin-top:15px}.meta{font-size:12px;color:var(--secondary);margin-top:7px}.movie-card p{font-size:14px;color:var(--secondary);margin-top:10px}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.note{border-top:1px solid var(--line);padding:26px 0 5px}.note time{font-size:12px;color:var(--secondary)}.note h3{font-size:21px;margin:14px 0}.note .note-body{font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere}.note summary{cursor:pointer;list-style:none;min-height:44px}.note summary::-webkit-details-marker{display:none}.note summary .read-note{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:650;color:var(--accent);margin-top:18px}.note[open] summary .note-excerpt{display:none}.note .full-note{padding-top:12px;white-space:pre-wrap;overflow-wrap:anywhere}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.product-card{min-width:0;display:flex;flex-direction:column}.product-image{aspect-ratio:1;background:var(--soft);border-radius:6px;overflow:hidden}.product-image img{width:100%;height:100%;transition:transform .3s}.product-card:hover img{transform:scale(1.035)}.product-card .meta{margin-top:16px;text-transform:uppercase;letter-spacing:.06em}.product-card h3{font-size:16px;margin:8px 0 12px;overflow-wrap:anywhere}.product-card .text-link{align-self:flex-start;margin-top:auto}.about-strip{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:70px}.about-strip h2{font-size:44px;font-weight:500;max-width:380px}.about-strip p{font-size:18px;white-space:pre-line}.about-strip .text-link{margin-top:20px}.site-footer{padding:35px 0 38px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;color:var(--secondary)}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.footer-credit{display:flex;gap:20px;align-items:center}.route-header{padding:76px 0 45px}.route-header h1{font-size:clamp(45px,5.5vw,76px);font-weight:500;margin:20px 0}.route-header h1 em{font-family:var(--serif);font-weight:400}.route-header p{color:var(--secondary);max-width:550px}.route-content{min-height:40vh;padding-bottom:70px}.route-content .playlist-grid{grid-template-columns:1fr 1fr;gap:24px}.route-content .playlist-card{padding:24px}.route-content .playlist-card img{width:112px;height:112px}.route-content .note-grid{max-width:850px;grid-template-columns:1fr;margin:0 auto;gap:20px}.route-content .note{padding:24px 0}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filter{min-height:44px;padding:8px 18px;border:1px solid var(--line);border-radius:30px;font-size:14px}.filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.filter:hover{border-color:var(--accent)}.about-page{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding:65px 0}.about-page .hero-photo{max-width:350px;align-self:start}.about-page .hero-photo img{width:100%;max-height:450px}.about-copy h1{font-size:72px;font-weight:500;margin:18px 0 25px;overflow-wrap:anywhere}.about-copy h1 em{font-family:var(--serif);font-weight:400}.about-copy .prose{font-size:19px;white-space:pre-wrap}.about-copy .socials{display:flex;flex-wrap:wrap;gap:24px;margin-top:32px}.interest-links{margin-top:36px;display:flex;gap:12px;flex-wrap:wrap}.interest-links a{padding:10px 16px;background:var(--soft);border-radius:4px;font-size:14px}.store-link{display:inline-flex;gap:20px;align-items:center;background:var(--soft);padding:18px 22px;border-radius:6px;margin-top:26px}.store-link small{font-size:13px;color:var(--secondary)}.empty{padding:35px;background:var(--soft);color:var(--secondary);border-radius:8px;grid-column:1/-1}.loading{padding:100px 0;color:var(--secondary)}.error-state{padding:40px 0}.error-state button{margin-top:15px}.broken-image{background:var(--soft);object-fit:contain}dialog{color:var(--ink);background:var(--surface);border:0;border-radius:18px;width:min(900px,calc(100% - 48px));max-height:90dvh;padding:0;overflow:auto}dialog::backdrop{background:rgba(10,21,34,.6);backdrop-filter:blur(4px)}.dialog-close{position:sticky;top:16px;float:right;margin:16px 16px -60px 0;z-index:2;background:var(--surface)}.playlist-detail{display:grid;grid-template-columns:.85fr 1fr;min-height:420px}.playlist-detail .detail-cover{width:100%;height:100%;max-height:650px;object-fit:cover;background:var(--soft)}.detail-copy{padding:50px 34px 32px}.detail-copy h2{font-size:36px;padding-right:20px}.detail-story{margin-top:22px;font-size:16px;white-space:pre-wrap}.platforms{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:var(--bg);min-height:44px;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600}.button.secondary{background:var(--soft);color:var(--ink);border:1px solid var(--line)}.tracks{list-style:none;padding:0;margin:22px 0 0}.tracks li{display:grid;grid-template-columns:22px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.tracks li span{color:var(--secondary);font-size:12px}.tracks small{display:block;color:var(--secondary);font-size:12px;margin-top:4px}.detail-tracks{padding:0 34px 34px}.detail-tracks h3{font-size:18px}.noscript{padding:24px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 22px;background:var(--ink);color:var(--bg);border-radius:8px;z-index:200;box-shadow:0 5px 24px #0002;max-width:calc(100% - 32px);font-size:14px}.toast.error{background:#963b46;color:white}
@media(min-width:1000px){html[data-font=editorial] .section-head h2{font-family:var(--serif);font-weight:400;font-size:40px}.route-content .movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.desktop-nav{gap:18px}.hero{padding:44px;gap:28px}.hero h1{font-size:70px}.hero-photo{max-width:230px}.playlist-grid{grid-template-columns:1fr}.playlist-card{padding:18px 22px}.movie-grid,.product-grid{gap:18px}.note-grid{gap:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{min-height:80px;gap:10px}.brand{font-size:24px}.desktop-nav{display:none}.site-header>.theme-button{margin-left:auto}.menu-button{display:inline-flex}.mobile-nav:not([hidden]){display:flex;flex-wrap:wrap;gap:6px;padding:12px 0 16px;border-bottom:1px solid var(--line)}.mobile-nav a{padding:10px 14px;font-size:14px;border-radius:5px}.mobile-nav a[aria-current=page]{background:var(--blue);color:var(--blue-ink)}.hero{margin-top:24px;padding:32px 28px 40px;grid-template-columns:1fr;gap:34px;border-radius:6px 6px 48px 6px;min-height:0}.hero h1{font-size:67px;margin:24px 0 22px}.hero .intro{font-size:16px}.hero-photo{max-width:220px;justify-self:center;margin:5px 0}.hero-photo img{width:210px;aspect-ratio:1/1.1;border-radius:100px 100px 6px 6px}.photo-caption{font-size:12px;padding:9px 12px}.hero-links{margin-top:22px;gap:20px}.intro-line{font-size:12px;padding:20px 0}.intro-line span:last-child{display:none}.chapter{padding:38px 0}.section-head{margin-bottom:23px;gap:12px}.section-head h2{font-size:27px}.section-title{gap:10px}.section-head .sub{font-size:14px;max-width:260px}.section-number{font-size:12px}.section-head .all-link{font-size:13px;gap:6px}.movie-grid,.product-grid{grid-template-columns:1fr 1fr;gap:28px 16px}.movie-card h3,.product-card h3{font-size:15px}.movie-card p{font-size:14px}.note-grid{grid-template-columns:1fr;gap:22px}.note{padding:22px 0 0}.about-strip{grid-template-columns:1fr;gap:22px}.about-strip h2{font-size:36px}.about-strip p{font-size:16px}.site-footer{flex-direction:column;align-items:flex-start;gap:12px;padding:28px 0}.footer-credit{flex-direction:column;align-items:flex-start;gap:8px}.route-header{padding:44px 0 28px}.route-header h1{font-size:48px}.route-content{padding-bottom:36px}.route-content .playlist-grid{grid-template-columns:1fr;gap:16px}.route-content .playlist-card{padding:18px}.route-content .playlist-card img{width:82px;height:82px}.about-page{grid-template-columns:1fr;gap:40px;padding:40px 0}.about-page .hero-photo{width:235px;justify-self:center}.about-copy h1{font-size:58px}.about-copy .prose{font-size:17px}dialog{width:calc(100% - 24px);max-height:92dvh;border-radius:12px}.playlist-detail{display:block}.playlist-detail .detail-cover{height:auto;aspect-ratio:1;max-height:340px}.detail-copy{padding:30px 24px 20px}.detail-copy h2{font-size:32px}.detail-tracks{padding:0 24px 24px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.hero{padding:26px 22px 34px}.hero h1{font-size:57px}.section-head h2{font-size:24px}.section-number{display:none}.playlist-card{gap:12px;padding:15px}.playlist-card img{width:64px;height:64px}.section-head .all-link svg{display:none}}
.hero-photo{margin:0;min-width:0}.hero-photo img{height:auto}.hero>div,.section-title>div,.about-copy{min-width:0}.section-head h2,.route-header h1,.about-strip h2,.brand,.mobile-nav a{overflow-wrap:anywhere}.site-header .brand{flex-shrink:0}.desktop-nav{flex-wrap:wrap;justify-content:flex-end;row-gap:0}.desktop-nav a{overflow-wrap:anywhere;max-width:160px}.site-header{padding:16px 0}.hero .intro,.about-strip p,.about-copy .prose,.site-footer{overflow-wrap:anywhere}
@media(max-width:760px){.hero-photo{margin:5px 0}.section-head{flex-wrap:wrap}.section-head>div{min-width:0}.site-header .brand{flex-shrink:1;min-width:0}.desktop-nav{display:none}}
.about-page .hero-photo{width:min(300px,calc(100% - 40px))}
body[data-page="home"] #notes .note{padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:0}
body[data-page="home"] #notes .note-grid{gap:20px}
@media(max-width:760px){body[data-page="home"] #notes .note{padding:18px 20px}}
body[data-page="home"] #notes .note h3{font-size:17px;margin:10px 0}
body[data-page="home"] #notes .note .note-body,
body[data-page="home"] #notes .note .full-note{font-size:14px;line-height:1.7}
.hero .eyebrow:empty{display:none}
.hero .eyebrow:empty+h1{margin-top:0}
html:not([data-theme="dark"]){--bg:#e7eaed;--surface:#f4f6f8;--soft:#dce3e9;--line:#cbd3da}
html[data-palette="sky"]:not([data-theme="dark"]){--blue:#d3e6f5}
@media(min-width:761px){.hero{min-height:425px;padding-top:44px;padding-bottom:44px}.hero h1{margin-bottom:24px}}
.note-grid{align-items:start;overflow-anchor:none}
.note>.read-note{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;margin-top:12px;font-size:13px;font-weight:650;color:var(--accent);text-align:left}
.note-reveal{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .24s ease,visibility .24s}
.note-reveal>div{min-height:0;overflow:hidden}
.note-reveal[aria-hidden="false"]{grid-template-rows:1fr;visibility:visible}
.note.is-expanded .note-ellipsis{visibility:hidden}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}