/* Screenshot-guided structure: restrained header, image-led feature, compact discovery, dense covers. */
:root{--accent:#5d63d8;--ink:#20232b;--paper:#f7f7f8;--line:#ececef}
body{background:#f7f7f8}
.topline{height:27px;background:#fff;color:#999;font-size:10px;border-bottom:1px solid #f0f0f1}.topline span:last-child{color:#aaa}
.site-header{height:65px;background:#fff;border-bottom:1px solid #eeeeef;box-shadow:none}.brand{font-size:17px;gap:9px}.brand-icon{background:#111;border-radius:5px;box-shadow:none;width:34px;height:34px;font-size:17px}.brand small{font-size:7px;letter-spacing:1px;color:#999}.main-nav>a,.nav-group>button{font-weight:600;color:#565963;font-size:13px;padding:0 15px}.main-nav>a:hover,.nav-group>button:hover,.nav-group:focus-within>button{background:transparent;color:#191a20}.nav-home{color:#191a20!important;border-bottom:2px solid #252525}.header-action{background:#141414;color:#fff;border-radius:4px;box-shadow:none;padding:10px 14px}.header-action:hover{background:#393939}.submenu{top:57px;border-radius:5px}
.feature-area{background:#f7f7f8;padding-top:22px;padding-bottom:20px}.feature-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(230px,1fr);gap:17px}.feature-main{height:356px;border-radius:8px;position:relative;overflow:hidden;background:#0e1a27 url('assets/hero-cinematic.png') center 53%/cover no-repeat;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:42px 55px;color:#fff}.feature-main:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06131fd9 0%,#0b1a29ab 47%,#0d192827 100%)}.feature-main>*{position:relative;z-index:1}.feature-kicker{font-size:11px;letter-spacing:3px;color:#d8c6a9;margin:0 0 12px}.feature-main h1{font-size:clamp(29px,3.3vw,47px);line-height:1.23;letter-spacing:-1px;margin:0 0 11px;text-shadow:0 2px 14px #0008}.feature-main>p:not(.feature-kicker){font-size:12px;line-height:1.8;color:#e8e7e5;max-width:510px;margin:0 0 18px}.feature-main .hero-search{margin:0;width:min(500px,100%);height:49px;border-radius:5px;box-shadow:0 8px 22px #0004}.feature-main .hero-search button{height:39px;border-radius:3px;background:#252525}.feature-main .hero-search button:hover{background:#515151}.feature-index{position:absolute;bottom:16px;right:21px;color:#ffffffa8;font:10px Arial,sans-serif;letter-spacing:2px}.feature-side{display:grid;grid-template-rows:1fr 1fr;gap:17px}.side-tile{position:relative;border-radius:7px;overflow:hidden;padding:20px;display:flex;align-items:flex-start;flex-direction:column;color:#fff;background-size:cover;background-position:center}.side-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07151baa,#07151b2e)}.side-tile>*{position:relative;z-index:1}.side-tile span{font-size:11px;letter-spacing:1px;opacity:.82}.side-tile strong{font-size:20px;max-width:170px;line-height:1.25;margin-top:8px}.side-tile b{margin-top:auto;font-size:11px;font-weight:500}.side-lut{background-image:url('assets/lut-portrait.png')}.side-audio{background-image:url('assets/audio-studio.png')}.side-tile:hover:before{background:linear-gradient(90deg,#07151bd8,#07151b4d)}
.discovery-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.discovery-card{min-height:112px;background:#fff;border:1px solid #eeeff1;border-radius:7px;padding:16px 19px;box-shadow:0 2px 8px #20263108}.discovery-card small{display:block;color:#8e919a;font-size:10px;margin-bottom:4px}.discovery-card strong{font-size:13px}.discovery-card div{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.discovery-card a{font-size:11px;color:#626775;padding:5px 7px;background:#f5f5f6;border-radius:3px}.discovery-card a:hover{color:var(--accent);background:#efeffb}
#categories{padding-top:34px;padding-bottom:34px;background:transparent}#categories .section-head{align-items:center;margin-bottom:16px}#categories .section-head h2{font-size:20px}#categories .section-head .eyebrow{display:none}#categories .category-grid{grid-template-columns:repeat(3,1fr);gap:13px}#categories .category-card{height:95px;border:1px solid #ececee;border-top:0;border-radius:6px;padding:15px 18px;background:#fff;box-shadow:none}#categories .category-card strong{font-size:17px}#categories .category-card .cat-number{font-size:9px}#categories .category-card>span:nth-of-type(2){display:none}#categories .category-card i{right:17px;bottom:17px;width:24px;height:24px;font-size:15px;background:#f6f6f8}
.latest-section{background:#f7f7f8;padding-top:32px;padding-bottom:72px}.latest-section .section-head{justify-content:center;text-align:center;position:relative}.latest-section .section-head h2{font-size:24px}.latest-section .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:5px}.latest-section .section-subtitle{font-size:11px}.latest-section .section-link{position:absolute;right:0;bottom:4px;font-size:12px}.latest-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.latest-section .resource-card{height:290px;position:relative;border:0;border-radius:6px;overflow:hidden;box-shadow:0 2px 9px #2026311b}.latest-section .resource-cover{height:100%}.latest-section .cover-photo{height:100%}.latest-section .resource-cover:after{display:none}.latest-section .resource-card:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#080d18ed);pointer-events:none}.latest-section .resource-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px;color:#fff}.latest-section .resource-meta{color:#fff;font-size:10px}.latest-section .resource-meta time{color:#e4e7eccc}.latest-section .resource-body h3{font-size:13px;line-height:1.42;min-height:0;margin:9px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.latest-section .resource-desc{display:none}.latest-section .resource-footer{margin-top:0;padding-top:7px;border-color:#ffffff53;color:#d8dce5;font-size:10px}.latest-section .resource-footer b{color:#fff}.latest-section .cover-badge{z-index:3;background:#fff4;color:#fff;border:1px solid #ffffff8c}.latest-section .cover-code{display:none}
.cover-photo{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.cover-lut .cover-photo{object-position:center}.cover-audio .cover-photo{object-position:center}.cover-node .cover-photo{object-position:center}.resource-cover:after{pointer-events:none}.resource-cover{background:#343b47}.resource-cover .cover-code{z-index:2}.catalog-section{padding-top:55px}.catalog-main .resource-cover{height:205px}.catalog-main .cover-art{display:none}.detail-dialog .cover-photo{height:100%}
@media(max-width:1080px){.feature-main{padding:35px}.latest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.topline{display:none}.site-header{height:62px}.main-nav{top:62px}.feature-area{padding-top:12px}.feature-grid{display:block}.feature-main{height:360px;padding:28px 23px}.feature-main h1{font-size:33px}.feature-main>p:not(.feature-kicker){font-size:12px}.feature-side{grid-template-columns:1fr 1fr;grid-template-rows:none;margin-top:10px;gap:10px}.side-tile{height:128px;padding:13px}.side-tile strong{font-size:14px}.side-tile b{font-size:10px}.discovery-row{grid-template-columns:1fr;gap:8px;margin-top:10px}.discovery-card{min-height:0;padding:12px 14px}.discovery-card div{margin-top:8px}#categories{padding-top:23px;padding-bottom:20px}#categories .section-head p{display:none}#categories .category-grid{grid-template-columns:1fr;gap:7px}#categories .category-card{height:69px}.latest-section{padding-top:25px}.latest-section .section-head{justify-content:space-between;text-align:left}.latest-section .section-head h2{font-size:22px}.latest-section .section-link{position:static;align-self:end}.latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.latest-section .resource-card{height:245px}.latest-section .resource-body{padding:10px}.latest-section .resource-body h3{font-size:11px}.latest-section .resource-footer{font-size:9px}.latest-section .resource-footer span{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}