@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-rose-400:oklch(71.2% .194 13.428);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-semibold:600;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.mt-1{margin-top:var(--spacing)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.w-full{width:100%}.min-w-0{min-width:0}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-7{gap:calc(var(--spacing) * 7)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-7{row-gap:calc(var(--spacing) * 7)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.text-rose-400{color:var(--color-rose-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}@media(min-width:40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:48rem){.md\:flex{display:flex}.md\:hidden{display:none}}@media(min-width:64rem){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:80rem){.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}}:root{color:#edf0ed;font-synthesis:none;background:#0b0c10;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#0b0c10;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.bg-ink{background:#0b0c10}.font-display{font-family:DM Serif Display,serif}.topbar{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0c10cc;border-bottom:1px solid #ffffff0d;align-items:center;gap:4rem;height:76px;padding:0 4vw;display:flex;position:relative}.brand{color:#fff;letter-spacing:.22em;white-space:nowrap;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.brand-mark{color:#14251d;letter-spacing:0;background:#d2ecdc;border-radius:50%;place-items:center;width:27px;height:27px;font-family:Georgia,serif;font-size:18px;display:grid}.nav-link{color:#757c87;font-size:13px;transition:color .2s}.nav-link:hover,.nav-link.active{color:#f1f3f1}.icon-button{color:#a1a8ae;background:0 0;border:0;place-items:center;padding:7px;display:grid}.icon-button:hover{color:#fff}.avatar{color:#d2ecdc;border:1px solid #53615a;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:31px;height:31px;font-size:0;display:flex}.avatar svg{display:block}.eyebrow{color:#8fb6a0;letter-spacing:.2em;text-transform:uppercase;font-size:10px;font-weight:700}.hero{background-position:50%;background-size:cover;align-items:center;min-height:590px;padding:4vw;display:flex}.hero-content{width:min(570px,90vw);padding-top:70px;animation:.7s both rise}.hero h1,.detail-content h1{color:#f3f4f0;letter-spacing:0;margin:17px 0;font-family:DM Serif Display,serif;font-size:clamp(3.2rem,6vw,6.7rem);font-weight:400;line-height:.95}.hero p{color:#aeb2b0;max-width:450px;margin:0 0 27px;font-size:15px;line-height:1.7}.primary-button,.secondary-button{border:0;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:13px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.primary-button{color:#102219;background:#d2ecdc}.primary-button:hover{background:#effff3;transform:translateY(-2px)}.secondary-button{color:#d7ded8;background:#202821}.secondary-button:hover{background:#2d3b31}.page-shell{width:min(1400px,92vw);margin:0 auto;padding:62px 0 100px}.content-section{margin-bottom:70px}.poster{aspect-ratio:16/10;border:1px solid #ffffff12;transition:transform .25s,border-color .25s;position:relative;overflow:hidden}.group:hover .poster{border-color:#d2ecdc8c;transform:translateY(-4px)}.poster-shade{background:linear-gradient(#0000 40%,#00000059);position:absolute;inset:0}.poster-play{color:#fff;opacity:0;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)}.group:hover .poster-play{opacity:1;transform:translate(-50%,-50%)}.poster-add{color:#fff;opacity:0;background:#0000006b;border:0;border-radius:50%;padding:7px;position:absolute;bottom:8px;right:9px}.group:hover .poster-add{opacity:1}.page-heading{justify-content:space-between;align-items:end;margin-bottom:45px;display:flex}.page-heading h1,.search-heading h1{margin:12px 0 0;font-family:DM Serif Display,serif;font-size:48px;font-weight:400}.select-wrap{color:#818c84;border-bottom:1px solid #3d463f;align-items:center;gap:8px;padding:8px 0;display:flex}.select-wrap select{color:#c7d0c9;background:0 0;border:0;outline:0;font-size:13px}.select-wrap option{background:#151918}.empty-state,.search-prompt{color:#6f7973;padding:70px 0}.state-page{flex-direction:column;justify-content:center;align-items:flex-start;width:min(700px,84vw);min-height:calc(100vh - 76px);margin:auto;display:flex}.state-page h1{margin:16px 0;font-family:DM Serif Display,serif;font-size:clamp(3rem,6vw,5.8rem);font-weight:400;line-height:.95}.state-page p{color:#768078;max-width:350px;line-height:1.6}.state-icon{color:#91b39c;margin-bottom:26px}.login-page{background:#0b0c10;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-art{background:linear-gradient(25deg,#0f1b16eb,#13221d40),repeating-linear-gradient(115deg,#d2ecdc12 0 1px,#0000 1px 80px),linear-gradient(135deg,#34594b,#18241f 57%,#312a2e);align-items:end;min-height:100vh;padding:8vw;display:flex}.art-copy h1{margin:18px 0;font-family:DM Serif Display,serif;font-size:clamp(3.5rem,6vw,7rem);font-weight:400;line-height:.92}.art-copy h1 em{color:#a9d4b8}.art-copy p{color:#b0bdb4;max-width:330px;line-height:1.7}.login-panel{justify-content:center;align-items:center;padding:8vw;display:flex}.login-form{width:min(370px,100%)}.login-form h2{margin:16px 0 0;font-family:DM Serif Display,serif;font-size:48px;font-weight:400;line-height:.98}label{color:#8a958c;font-size:12px;display:block}input{color:#fff;background:0 0;border:0;border-bottom:1px solid #3b443e;outline:0;width:100%;margin-top:8px;padding:13px 0;display:block}input:focus{border-color:#9ac1a7}.mobile-nav{z-index:10;padding:9px 2px calc(9px + env(safe-area-inset-bottom));background:#0e1011f5;border-top:1px solid #252a27;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-link{color:#687169;flex-direction:column;align-items:center;gap:4px;font-size:9px;display:flex}.mobile-link.active{color:#d2ecdc}.detail-page{min-height:calc(100vh - 76px);position:relative;overflow:hidden}.detail-backdrop{opacity:.9;background:linear-gradient(90deg,#0b0c10,#0b0c10c2 35%,#0b0c1033),linear-gradient(135deg,#2a4940,#172622 60%,#282127);position:absolute;inset:0 0 0 30%}.detail-content{width:min(650px,90vw);padding:8vw 0 8vw 6vw;position:relative}.detail-content h1{font-size:clamp(3.4rem,7vw,7rem)}.detail-description{color:#aab1aa;max-width:510px;line-height:1.7}.detail-meta{color:#85918a;gap:20px;margin:22px 0 30px;font-size:12px;display:flex}.back-link,.player-back{color:#909c93;align-items:center;gap:8px;font-size:12px;display:inline-flex}.player-page{width:min(1100px,92vw);min-height:calc(100vh - 76px);margin:auto;padding:32px 0 80px}.player-frame{margin-top:34px}.player-frame video{background:#030404;width:100%;max-height:72vh}.player-frame h1{font-family:DM Serif Display,serif;font-size:35px;font-weight:400}.player-note{color:#988b68;align-items:center;gap:8px;margin:18px 0;font-size:12px;display:flex}.search-heading{margin-bottom:55px}.search-box{color:#839288;border-bottom:1px solid #4d584f;align-items:center;gap:15px;max-width:700px;margin-top:19px;display:flex}.search-box input{border:0;padding:9px 0;font-family:DM Serif Display,serif;font-size:37px}.skeleton{background:linear-gradient(100deg,#171b19 25%,#202722,#171b19 55%) 0 0/200% 100%;animation:1.5s infinite shimmer}.hero-skeleton{height:580px}.skeleton-row{gap:16px;width:92%;margin:60px auto;display:flex}.card-skeleton{aspect-ratio:16/10;flex:1}.detail-skeleton{height:500px}.player-skeleton{height:60vh;margin-top:34px}@keyframes shimmer{to{background-position:-200% 0}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:700px){.topbar{height:64px;padding:0 5vw}.topbar nav{display:none}.hero{align-items:end;min-height:500px;padding:10vw 5vw}.hero h1{font-size:3.7rem}.page-shell{width:90vw;padding-top:45px}.page-heading{display:block}.select-wrap{width:max-content;margin-top:25px}.login-page{display:block}.login-art{min-height:42vh;padding:12vw 8vw 9vw}.art-copy h1{font-size:3.9rem}.login-panel{align-items:start;min-height:58vh;padding:13vw 8vw}.detail-content{padding:11vw 5vw 20vw}.detail-backdrop{opacity:.42;inset:0}.detail-description{font-size:14px}.player-page{padding-top:22px}.search-box input{font-size:29px}}.detail-content h1{-webkit-line-clamp:4;-webkit-box-orient:vertical;max-width:700px;font-size:clamp(3rem,5.5vw,5.8rem);line-height:.98;display:-webkit-box;overflow:hidden}.detail-description{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}