.app-head.studio-head{height:84px;display:flex;gap:28px;padding:0 max(24px,calc((100vw - 1232px)/2));position:sticky;top:0;z-index:40;background:#141416f5;backdrop-filter:blur(12px)}.studio-head .brand{min-width:220px}.studio-head .brand-image{width:242px;height:52px}.studio-head .main-navigation{display:flex;gap:24px;align-items:center;flex:1}.main-navigation>a,.nav-dropdown>button{font-size:15px;color:var(--secondary-text);min-height:48px;display:flex;align-items:center;gap:7px;padding:0;background:transparent;border:0;white-space:nowrap}.main-navigation>a.active{color:var(--accent)}.nav-dropdown>button[aria-expanded=true],.main-navigation>a:hover{color:var(--foreground)}.nav-dropdown>button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.nav-dropdown{position:static}.studio-head .header-search{width:210px;min-width:0;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--border);background:var(--surface);border-radius:5px}.header-search svg{width:18px;height:18px;fill:none;stroke:var(--secondary-text);stroke-width:2;flex-shrink:0}.header-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--foreground);font:14px var(--font);outline:0}.header-search:focus-within{border-color:var(--accent)}.mobile-nav-toggle{display:none;background:var(--surface);color:var(--foreground);border:1px solid var(--border);width:44px;height:44px;align-items:center;justify-content:center;border-radius:4px}.mobile-nav-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.mega-menu{position:absolute;top:100%;left:max(24px,calc((100vw - 1232px)/2));right:max(24px,calc((100vw - 1232px)/2));background:#1e1e22;border:1px solid #49424b;box-shadow:0 20px 40px #0006;border-radius:0 0 6px 6px;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px}.mega-menu[hidden]{display:none}.mega-title{margin:0 0 16px;color:var(--foreground);font-size:20px}.mega-genres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 16px}.mega-genres a{padding:9px 0;border-bottom:1px solid var(--border);font-size:15px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px}.mega-genres svg{width:14px;height:14px;fill:none;stroke:var(--accent);stroke-width:2}.mega-genres a:hover{color:var(--accent)}.mega-discover{border-left:1px solid var(--border);padding-left:24px}.mega-discover a{display:flex;align-items:center;gap:12px;min-height:48px;font-size:15px}.mega-discover svg{width:19px;height:19px;fill:none;stroke:var(--accent);stroke-width:2}.mega-caption{color:var(--secondary-text);font-size:13px;margin:18px 0 0}.studio-head .main-navigation .nav-reading{margin-left:auto}.home .feature{min-height:460px}.feature-copy h2{font-size:44px}.feature-copy .eyebrow{font-size:13px}.feature .hero-caption{display:none}.feature-copy .feature-tags{display:none}.feature-copy .feature-bottom{display:none}.feature-copy>p:not(.eyebrow){font-size:17px;line-height:1.85;max-width:410px;margin:20px 0 24px}.feature .feature-copy{max-width:465px;margin-left:max(24px,calc((100vw - 1232px)/2))}.feature>img{object-position:75% 44%;filter:none}.feature:after{background:linear-gradient(90deg,#141416e8 0%,#141416a0 28%,#14141600 60%)}.brand-subline{position:absolute;bottom:25px;left:max(24px,calc((100vw - 1232px)/2));z-index:2;font-size:12px;color:#c6c1cb;display:flex;align-items:center;gap:9px}.brand-subline:before{content:"";width:20px;height:2px;background:var(--accent)}.home .home-topline{display:none}.home .feature{margin-top:-24px;margin-bottom:28px}.home{width:min(1280px,100%)}.feature-copy .secondary{background:#14141680}.home-categories{border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:6px}.home-categories a{background:transparent;border-color:transparent;color:var(--secondary-text);padding:7px 16px}.home-categories a:first-child{background:var(--surface);border-color:var(--border);color:var(--foreground)}.home-categories a:hover{color:var(--accent)}.home-cover{border-radius:4px;aspect-ratio:2/3}.home-cover img{object-position:center top}.home-cover .card-status{top:8px;left:8px;font-size:11px;padding:3px 7px}.home-card h3{font-size:17px}.home-card p{font-size:13px}.home-grid{gap:24px}.reader-body .reader-head{top:84px}.home-footer .brand-image{width:242px}.home-footer .footer-links{gap:20px}.page{max-width:1280px}.main-navigation a:focus-visible,.mega-menu a:focus-visible,.nav-dropdown>button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:1250px){.app-head.studio-head{gap:18px}.studio-head .brand{min-width:190px}.studio-head .brand-image{width:205px}.studio-head .main-navigation{gap:18px}.studio-head .header-search{width:180px}.main-navigation>a,.nav-dropdown>button{font-size:14px}.main-navigation .nav-updates{display:none}}
@media(max-width:950px){.studio-head .brand{min-width:180px}.studio-head .brand-image{width:190px}.studio-head .main-navigation{gap:16px}.studio-head .header-search{width:160px}.main-navigation .nav-new{display:none}.mega-menu{grid-template-columns:minmax(0,1fr) 210px}.mega-genres{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.app-head.studio-head{height:76px;flex-wrap:nowrap;justify-content:space-between;padding:0 16px;gap:12px}.studio-head .brand{order:0;min-width:0}.studio-head .brand-image{width:208px;height:48px}.studio-head .header-search{margin-left:auto;width:44px;height:44px;padding:11px}.header-search input{display:none}.header-search:focus-within{position:absolute;right:70px;width:calc(100% - 86px);background:var(--surface);z-index:2}.header-search:focus-within input{display:block}.mobile-nav-toggle{display:flex}.studio-head .main-navigation{position:absolute;top:76px;left:0;right:0;flex:0 0 auto;display:none;margin:0;padding:12px 16px 18px;background:var(--surface);border:0;border-bottom:1px solid var(--border);box-shadow:0 12px 28px #0005;gap:0;max-height:calc(100dvh - 76px);overflow:auto}.studio-head .main-navigation.is-open{display:block}.studio-head .main-navigation>a,.studio-head .nav-dropdown>button{display:flex;font-size:16px;padding:12px 8px;min-height:48px;width:100%;border-bottom:1px solid var(--border)}.studio-head .main-navigation .nav-reading{margin:0}.nav-dropdown>button{justify-content:space-between}.studio-head .mega-menu{position:static;box-shadow:none;padding:18px 8px;border:0;background:#141416;display:block;border-radius:0}.studio-head .mega-menu[hidden]{display:none}.mega-genres{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.mega-genres a{font-size:14px}.mega-discover{padding:14px 0 0;border-left:0;margin-top:18px;border-top:1px solid var(--border)}.mega-title{font-size:18px;margin-bottom:10px}.feature-copy h2{font-size:34px}.feature .feature-copy{max-width:55%;padding:28px 0;margin-left:24px}.feature-copy>p:not(.eyebrow){font-size:16px}.feature>img{object-position:75% center}.reader-body .reader-head{top:76px}.home-grid{gap:24px 16px}}
@media(max-width:600px){.home .feature{min-height:490px;margin-top:-16px}.feature .feature-copy{padding:240px 24px 44px;max-width:100%;margin:0;align-self:flex-end}.feature-copy h2{font-size:31px;margin:0}.feature>img{object-position:73% top;object-fit:cover}.feature:after{background:linear-gradient(0deg,#141416 0%,#141416ed 28%,#14141640 61%,#14141605)}.feature-copy .eyebrow{font-size:12px;margin-bottom:8px}.feature-copy>p:not(.eyebrow){font-size:16px;margin:12px 0 16px;max-width:340px}.brand-subline{bottom:16px;left:24px;font-size:11px}.feature-actions a{font-size:14px;min-height:44px;padding:9px 16px}.home-categories{padding-bottom:14px}.home-categories a{font-size:14px;padding:6px 12px}.home .feature{margin-bottom:16px}.reader-body .reader-head{top:76px}.home-card h3{font-size:16px}.home-cover .card-status{font-size:11px}.home-footer .brand-image{width:220px}}
.search-submit{display:flex;align-items:center;justify-content:center;border:0;background:transparent;padding:0;color:inherit;cursor:pointer;flex-shrink:0;width:24px;height:24px}.search-submit:focus-visible{outline:2px solid var(--accent)}
.studio-head .main-navigation .mega-discover{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:0}.studio-head .main-navigation .mega-discover a{display:flex;width:100%;min-height:48px;margin:0;white-space:normal}
@media(max-width:760px){.header-search:focus-within{position:static;width:44px;height:44px}.header-search:focus-within input{display:none}}
@media(max-width:760px){.studio-head .main-navigation>a{position:static;float:none;width:100%;max-width:none;transform:none;clear:both;justify-content:flex-start}}
@media(max-width:360px){.studio-head .brand-image{width:180px}.app-head.studio-head{gap:8px}.home-grid{gap:20px 12px}}