.title-page{--title-width:min(100vw, 800px);max-width:800px;padding-top:0;padding-bottom:calc(136px + env(safe-area-inset-bottom));background:#000;margin-inline:auto;font-family:Lato,sans-serif}.title-page .title-hero{height:calc(var(--title-width) * 380 / 393);isolation:isolate;max-height:none;padding:0;display:block;position:relative;overflow:visible}.title-page .title-hero:after{content:none}.title-gallery-rail{width:100%;height:calc(var(--title-width) * 456.55 / 393);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;display:flex;overflow:auto hidden}.title-gallery-slide{scroll-snap-align:start;flex:0 0 100%;height:100%;position:relative}.title-hero-artwork{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.title-gallery-fade{pointer-events:none;background:linear-gradient(#0000 74.305%,#000 93.309%,#000);position:absolute;inset:0}.title-gallery-thumbs{z-index:1;align-items:end;gap:8px;height:64.65px;padding:0 12px 18px;display:flex;position:relative}.title-gallery-thumbs button{place-items:center;width:46.653px;height:46.653px;display:grid}.title-gallery-thumb{border-radius:6px;width:40px;height:40px}.title-gallery-thumbs [aria-pressed=true] .title-gallery-thumb{border:1px solid #fff;width:46.653px;height:46.653px;transform:rotate(-10.56deg)}.title-page .title-hero-nav{z-index:25;height:calc(48px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 8px;background:0 0;align-items:center;gap:12px;display:flex;position:absolute;inset:0 0 auto}.title-page .title-hero-nav>button,.title-page .title-hero-nav>div>button{color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 .75px .5px #ffffff8c,inset 0 -.75px .5px #ffffff52}.title-page .title-hero-nav>button .icon-glyph{width:16px!important;height:16px!important}.title-hero-nav-title{visibility:hidden;flex:1;min-width:0;font:italic 700 17px/1.2 HV Philosykos,serif}.title-page .title-mobile-summary{display:flex;position:relative}.title-desktop-summary,.title-detail-tabs{display:none}.title-info{padding:40px 12px 0;position:relative}.title-info-section{border:0;margin:0 0 48px;padding:0}.title-info-section h2{margin:0 0 20px;font:italic 700 24px/1.25 HV Philosykos,Georgia,serif}.title-description,.title-info .reading-markdown{color:#fffb;--reading-gap:12px;font-family:Lato,sans-serif;font-size:15px;line-height:22.5px}.title-info .reading-markdown em{color:inherit;font-style:italic}.title-description-art{aspect-ratio:369/160;border-radius:8px;margin-bottom:16px;overflow:hidden}.title-page .title-description-art .title-hero,.title-description-art .title-gallery-rail{height:100%}.title-description-art .title-gallery-fade{display:none}.title-detail-metadata>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding-block:20px;font-size:15px;display:flex}.title-detail-metadata>div>span{color:#fff4}.title-detail-metadata time{color:#fff8;font-weight:500}.title-inline-comments{margin:48px -12px 0;scroll-margin-top:48px}.title-page>.title-action-dock{z-index:30;width:100%;max-width:800px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0008;border-top:1px solid #fff1;margin:0;position:fixed;bottom:0}.title-actions-row{align-items:center;gap:12px;display:flex}.title-session-actions{flex:1;gap:8px;min-width:0;display:flex}.title-page .title-session-actions .btn{border-radius:16px;justify-content:center;align-items:center;gap:6px;width:100%;height:48px;min-height:48px;font-family:Lato,sans-serif;font-size:15px;font-weight:700;display:flex}.title-page .title-session-actions .btn-secondary{color:#fff;background:#fff3}.title-social-actions{align-items:center;gap:12px;display:flex}.title-social-actions button{justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;font-size:12px;font-weight:500;display:flex}.title-social-actions button[aria-pressed=true]{color:var(--accent)}.title-checking-previous{display:none}@media (max-width:429px){.title-session-actions{flex-direction:column}}@media (min-width:768px){.title-page{--title-width:640px;max-width:800px}.title-page .title-hero{height:480px}.title-gallery-rail{height:600px}.title-page>.title-action-dock{left:calc(var(--sidebar-width) + (100vw - var(--sidebar-width)) / 2);right:auto;transform:translate(-50%)}.title-native-header,.title-info{padding-inline:24px}.title-inline-comments{margin-inline:-24px}}@media (prefers-reduced-motion:reduce){.title-gallery-thumbs .title-gallery-thumb{transition:none}}.title-overflow-menu{z-index:20;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:24px;width:220px;padding-block:4px;position:absolute;top:52px;right:0;box-shadow:0 8px 40px #0004}.title-overflow-option{text-align:left;width:100%;min-height:64px;padding:0 24px;font-size:15px;font-weight:600;display:block}.title-overflow-option+.title-overflow-option{border-top:1px solid #ffffff0d}
