/* Art direction 0.3 — shared VAZIN-UI shell and accessible tokens retained. */
:root{--v-ui-bg:#fafaf9;--v-ui-border:#e7e7e3;--v-ui-text:#22282b;--v-ui-muted:#656969;--v-ui-primary:#5141be;--design-ink:#243631;--design-lilac:#eeebfa;--v-ui-shadow:0 14px 36px #25292112}
.topbar{height:76px}.shell{grid-template-columns:216px minmax(0,1fr)}.sidebar{padding-block:28px}.sidebar-note{background:#f4f3ef}.sidebar-note p{line-height:1.9}main{padding:28px 36px 48px}.hero{min-height:358px;background:#f1eee7;grid-template-columns:.9fr 1.2fr;border:1px solid #e9e3d9}.hero-copy{padding:36px 32px;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(28px,2.6vw,40px);line-height:1.5}.hero p{font-size:13px;line-height:1.95}.hero-buttons{margin-top:16px}.hero-buttons button{padding:10px 16px}.hero-visual{background:#e8dac8;min-height:358px;direction:inherit}.hero-art{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:60% 50%;transition:transform .6s ease}.hero-visual:hover .hero-art{transform:scale(1.025)}.hero-art-caption{position:absolute;bottom:16px;inset-inline:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff;background:#182024d9;border:1px solid #ffffff30;backdrop-filter:blur(12px);border-radius:12px;padding:8px 12px;font-size:10px}.hero-art-caption button{padding:0 8px;min-height:34px;font-size:10px;border:0;background:transparent;color:#fff}.eyebrow{color:#71674c;font-size:11px}.searchbox{margin-block:24px 20px;background:#fff}.quick-types{margin-block:16px 28px;gap:12px}.quick-types button{padding:12px;font-size:12px;box-shadow:0 3px 8px #12182003}.type-icon{height:36px;width:36px}.section-head{margin-block:28px 20px}.section-head h2{font-size:22px}.grid{gap:24px 20px}.asset>button{border-radius:12px;background:#eeeae3;transition:transform .2s,box-shadow .2s}.asset>button:hover{transform:translateY(-4px)}.artwork{height:244px}.photo-art{position:relative;display:block;height:244px;overflow:hidden;background:#ddd;isolation:isolate}.photo-art img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .45s}.asset>button:hover .photo-art img{transform:scale(1.04)}.photo-art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#071022a6,transparent 45%);pointer-events:none}.photo-type{position:absolute;z-index:1;inset-block-start:24px;inset-inline:16px;display:block;text-align:center;color:white;font-size:19px;line-height:1.6;font-weight:800;text-wrap:balance}.photo-kicker{display:block;font-size:8px;font-weight:400;margin-block-end:4px;letter-spacing:1px}.asset button .badge{inset-block-start:auto;inset-block-end:10px;inset-inline-end:10px;font-size:9px;padding:3px 8px;border-radius:8px;background:#ffffffed;color:#333}.asset h3{font-size:14px;margin-top:10px}.meta{font-size:10px}.artwork-story{width:100%;display:block;height:auto}.story-body{padding:24px}.story-body p{margin:16px 0 0;line-height:1.95}.detail-grid .photo-art{height:auto;aspect-ratio:1}.detail-grid .photo-type{top:24px}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.collection{position:relative;display:flex;min-height:215px;overflow:hidden;border-radius:18px;padding:28px;align-items:flex-end;text-align:start;color:#fff;border:0;background:#122c24}.collection img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;transition:transform .4s}.collection::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08120def,transparent)}.collection-copy{position:relative;z-index:1;display:block}.collection strong{font-size:23px;display:block}.collection small{color:#ffffffde;font-size:11px}.collection:hover{background:#122c24}.collection:hover img{transform:scale(1.04)}.collections{margin-top:40px}.roadmap-row{margin-top:28px}.roadmap-card{background:#f6f6f2;border:0}.roadmap-card .badge{background:#e8e9e2;color:#4f5550}.roadmap-card h3{font-size:16px}.canvas-loading{padding:12px;color:var(--v-ui-muted)}.editor-grid .photo-note{font-size:11px}.editor-grid{border-radius:18px}.editor-header .primary{box-shadow:0 4px 16px #5141be25}.brand-board{background:linear-gradient(120deg,#f2f0e6,#fff)}
@media(min-width:1600px){.artwork,.photo-art{height:290px}.hero{min-height:420px}.hero-visual{min-height:420px}.hero h1{font-size:44px}}
@media(max-width:1150px){.shell{grid-template-columns:195px minmax(0,1fr)}main{padding:24px}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:28px 24px}.hero-visual{min-height:360px}.hero h1{font-size:30px}.hero-art-caption{flex-wrap:wrap}.artwork,.photo-art{height:215px}.photo-type{font-size:16px;inset-block-start:20px}.photo-kicker{font-size:7px}.collection strong{font-size:20px}}
@media(max-width:800px){.shell{display:block}.topbar{height:68px}.sidebar{padding:8px 16px}main{padding:20px 16px 32px}.hero{grid-template-columns:1fr}.hero-copy{padding:28px 24px 24px}.hero h1{font-size:32px;margin-block:4px 12px}.hero p{font-size:13px}.hero-buttons{margin-top:12px}.hero-visual{min-height:244px}.hero-art{object-fit:cover;object-position:50% 55%}.hero-art-caption{inset-inline:12px;bottom:12px;flex-wrap:nowrap;padding:6px 10px;font-size:9px}.hero-art-caption button{font-size:9px;min-height:32px}.searchbox{margin-block:20px 16px}.quick-types{margin-block:16px 24px;gap:8px}.quick-types button{padding:12px 8px;font-size:11px}.section-head{align-items:start;gap:12px}.section-head h2{font-size:20px}.section-head a{font-size:11px;white-space:nowrap}.grid{gap:20px 12px}.artwork,.photo-art{height:210px}.photo-type{font-size:15px;inset-inline:10px;inset-block-start:20px}.photo-kicker{font-size:6px;letter-spacing:.3px}.asset h3{font-size:12px;line-height:1.8}.asset button .badge{font-size:8px;inset-inline-end:6px;inset-block-end:6px}.collection-grid{grid-template-columns:1fr;gap:16px}.collection{min-height:215px;padding:24px}.collection strong{font-size:23px}.roadmap-row{gap:16px}.detail-grid .photo-type{font-size:22px}.story-body{padding:16px}}
@media(prefers-reduced-motion:reduce){.hero-art,.photo-art img,.collection img,.asset>button{transition:none!important;transform:none!important}}