.detail{position:relative;min-height:100dvh;padding-bottom:calc(110px + env(safe-area-inset-bottom));overflow-x:clip;isolation:isolate}.ambient{position:absolute;inset:0 0 auto;height:560px;z-index:-1;overflow:hidden;background:var(--tint)}.ambient img{width:100%;height:100%;object-fit:cover;filter:blur(40px) saturate(1.2);transform:scale(1.3);opacity:.75}.ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--tint) 30%,transparent),var(--bg) 92%)}.d-top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top) + 8px) var(--gutter) 8px}.d-top-actions{display:flex;gap:8px}.glassy{background:var(--glass);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:inset 0 1px #ffffff1a}[data-fav][aria-pressed=true]{color:var(--ember);--fav-fill: var(--ember)}[data-fav].pop svg{animation:pop .45s var(--ease-spring)}@keyframes pop{40%{transform:scale(1.3)}}.dl .dl-ring,.dl .dl-done,.dl[data-state=busy] .dl-idle,.dl[data-state=done] .dl-idle{display:none}.dl[data-state=busy] .dl-ring{display:block}.dl[data-state=done] .dl-done{display:block;color:var(--moon)}.dl-arc{transition:stroke-dashoffset .3s}.d-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px var(--gutter) 0}.d-cover{margin:8px 0 22px;perspective:1000px}.d-cover .bcover{box-shadow:0 2px 4px #0006,0 30px 60px -16px #000000bf}.eyebrow{margin:0 0 8px;font:600 12px/1.3 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--accent, var(--moon))}.d-title{margin:0;font-size:clamp(30px,8.4vw,46px);line-height:1.04;font-weight:650;font-variation-settings:"SOFT" 100,"WONK" 1;text-wrap:balance;max-width:16ch}.d-sub{margin:10px 0 0;max-width:34ch;color:#f2efe8c7;font-size:15px;line-height:1.45;text-wrap:balance}.pills{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:16px 0 0;padding:0}.pills li{height:28px;padding:0 11px;display:grid;place-items:center;border-radius:999px;background:#ffffff14;font:500 12.5px/1 var(--font-ui);color:#f2efe8e6}.pills .pill-voice{background:color-mix(in srgb,var(--moon) 22%,transparent);color:var(--moon)}.d-cta{position:fixed;z-index:20;left:0;right:0;bottom:0;display:flex;gap:10px;justify-content:center;padding:14px var(--gutter) calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 55%,transparent)}.d-cta .btn{flex:1;max-width:240px;height:54px;font-size:16px}.d-resume{margin:18px var(--gutter) 0;text-align:center;font-size:14px;color:var(--muted)}.d-resume a{color:var(--moon);font-weight:600;text-decoration:none}.d-section{margin-top:30px;padding:0 var(--gutter)}.d-section h2{margin:0 0 12px;font:600 17px/1.2 var(--font-ui);letter-spacing:-.01em}.d-desc{margin:0;font-size:16px;line-height:1.6;color:#f2efe8e6;max-width:60ch}.d-cast{margin:12px 0 0;font-size:14px;color:var(--muted)}.d-cast span{color:var(--text);font-weight:600;margin-right:4px}.previews{list-style:none;margin:0 calc(-1 * var(--gutter));padding:2px var(--gutter) 6px;display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain}.previews::-webkit-scrollbar{display:none}.preview{flex:none;width:220px;scroll-snap-align:start;border-radius:14px;overflow:hidden;background:var(--paper);color:#2a2f52;box-shadow:var(--shadow-cover)}.preview img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.preview p{margin:0;padding:10px 12px 14px;font:14px/1.45 var(--font-body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.d-ded{margin:0;font:italic 16px/1.5 var(--font-body);color:#f2efe8bf;text-align:center;text-wrap:balance}.d-similar .row-track{list-style:none;margin:0 calc(-1 * var(--gutter));padding:4px var(--gutter) 14px;display:flex;gap:12px;overflow-x:auto;scrollbar-width:none}.d-similar .row-track::-webkit-scrollbar{display:none}.d-similar .row-item{flex:none}.d-similar .cover-link{text-decoration:none;color:inherit;display:block}.d-similar .row-caption{display:block;width:128px;margin-top:8px;font:500 13px/1.3 var(--font-ui);color:#f2efe8d1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-hero>:not(.d-cover),.d-section{animation:rise .6s var(--ease-out) both}.d-hero>:nth-child(3){animation-delay:.05s}.d-hero>:nth-child(4){animation-delay:.1s}.d-hero>:nth-child(5){animation-delay:.14s}.d-section{animation-delay:.2s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.d-hero>*,.d-section,.d-cover .bcover{animation:none}}@media(min-width:768px){.d-hero{padding-top:24px}.d-cta{position:static;background:none;padding-top:24px}.detail{padding-bottom:60px}}
