/* Projeto X 28 — home orientada a acervo, não landing page */
:root{
  --px28-radius:28px;
  --px28-soft:color-mix(in srgb,var(--surface) 76%,transparent);
  --px28-line:color-mix(in srgb,var(--line) 88%,transparent);
}

/* Primeira tela: descoberta e conteúdo real */
.px28-discovery{
  position:relative;
  overflow:hidden;
  border:1px solid var(--px28-line);
  border-radius:var(--px28-radius);
  background:
    radial-gradient(circle at 8% 0,color-mix(in srgb,var(--primary2) 11%,transparent),transparent 28%),
    radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--primary) 7%,transparent),transparent 23%),
    linear-gradient(150deg,color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--surface2) 92%,transparent));
  box-shadow:0 24px 76px rgba(0,0,0,.13);
}
.px28-discovery:after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(105deg,rgba(0,0,0,.32),transparent 58%);
}
.px28-discovery-main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);gap:clamp(24px,3vw,48px);padding:clamp(28px,4vw,58px)}
.px28-discovery-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.px28-status-line{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:34px;padding-bottom:15px;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.px28-status-line span{display:inline-flex;align-items:center;gap:8px;font-weight:900;color:var(--text)}
.px28-status-line i{width:7px;height:7px;border-radius:50%;background:var(--primary2);box-shadow:0 0 0 5px color-mix(in srgb,var(--primary2) 10%,transparent)}
.px28-status-line b{font-weight:700;color:var(--muted)}
.px28-discovery h1{max-width:720px;margin:11px 0 17px;font-size:clamp(52px,5.5vw,88px);line-height:.92;letter-spacing:-.065em;font-weight:800;color:var(--text)}
.px28-discovery h1 em{font-style:normal;color:var(--primary2)}
.px28-discovery-copy>p{max-width:650px;margin:0;color:var(--muted);font-size:clamp(15px,1.15vw,18px);line-height:1.68}
.px28-search{display:flex;align-items:center;gap:12px;margin-top:28px;padding:8px 8px 8px 16px;border:1px solid color-mix(in srgb,var(--primary2) 18%,var(--line));border-radius:17px;background:color-mix(in srgb,var(--bg) 72%,transparent);box-shadow:0 12px 34px rgba(0,0,0,.09),inset 0 1px 0 rgba(255,255,255,.03)}
.px28-search>svg{width:20px;color:var(--primary2);flex:0 0 auto}.px28-search input{min-width:0;flex:1;border:0!important;outline:0!important;background:transparent!important;color:var(--text)!important;font:inherit;padding:0!important}.px28-search button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 15px;border:0;border-radius:11px;background:var(--text);color:var(--bg);font-weight:900;cursor:pointer}.px28-search button svg{width:16px}
.px28-shortcuts{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px}.px28-shortcuts>span{margin-right:3px;font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.px28-shortcuts a{padding:7px 9px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:10px;font-weight:800;text-decoration:none;background:color-mix(in srgb,var(--surface) 64%,transparent)}.px28-shortcuts a:hover{color:var(--text);border-color:color-mix(in srgb,var(--primary2) 36%,var(--line))}

/* Mosaico dos últimos arquivos: o conteúdo vira o hero */
.px28-now{min-width:0;padding:13px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--bg) 50%,transparent);box-shadow:0 18px 48px rgba(0,0,0,.12)}
.px28-now-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:5px 5px 13px}.px28-now-head>div{display:flex;flex-direction:column;gap:1px}.px28-now-head span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--primary2);font-weight:900}.px28-now-head strong{font-size:14px}.px28-now-head>a{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:10px;font-weight:800}.px28-now-head>a:hover{color:var(--text)}.px28-now-head>a svg{width:14px}
.px28-now-grid{display:grid;grid-template-columns:1.18fr .82fr .82fr;grid-template-rows:1fr 1fr;gap:8px;height:clamp(390px,38vw,560px)}
.px28-now-card{position:relative;overflow:hidden;min-width:0;border-radius:15px;background:var(--surface2);color:#fff;text-decoration:none;border:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.px28-now-card-1{grid-row:1/3}.px28-now-card-4{grid-column:2}.px28-now-card-5{grid-column:3}
.px28-now-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .35s ease}.px28-now-card:after{content:"";position:absolute;inset:28% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82))}.px28-now-card>span{position:absolute;z-index:2;left:12px;right:12px;bottom:11px;display:flex;flex-direction:column;gap:2px;text-shadow:0 2px 15px rgba(0,0,0,.7)}.px28-now-card small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;opacity:.76;font-weight:800}.px28-now-card strong{font-size:11px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.px28-now-card-1 strong{font-size:16px}.px28-now-card:hover img{transform:scale(1.035);filter:saturate(1.07)}
.px28-now-empty{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.px28-now-empty>span{width:52px;height:52px;border-radius:15px;background:var(--surface2);display:grid;place-items:center;margin-bottom:14px}.px28-now-empty svg{width:22px}.px28-now-empty p{max-width:360px;color:var(--muted);font-size:12px;line-height:1.6}

.px28-discovery-nav{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 30%,transparent)}
.px28-discovery-nav a{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:11px;padding:17px 22px;color:var(--muted);text-decoration:none;border-right:1px solid var(--line);transition:.2s ease}.px28-discovery-nav a:last-child{border-right:0}.px28-discovery-nav a>span{grid-row:1/3;font-size:9px;letter-spacing:.08em;color:var(--primary2);font-weight:900;padding-top:3px}.px28-discovery-nav b{font-size:12px;color:var(--text)}.px28-discovery-nav small{font-size:9px;margin-top:2px}.px28-discovery-nav a:hover,.px28-discovery-nav a.active{background:color-mix(in srgb,var(--primary2) 5%,var(--surface2));color:var(--text)}

/* Biblioteca ainda mais central na home */
.px27-category-rail{padding-top:14px!important;padding-bottom:2px!important}.px27-library{margin-top:10px!important;box-shadow:0 14px 42px rgba(0,0,0,.08)!important}.px27-library-heading h2{font-size:clamp(34px,3.4vw,52px)}.px27-tabs a:first-child.active{background:color-mix(in srgb,var(--primary2) 9%,var(--surface2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary2) 17%,transparent)}

/* Menos cara de landing: encurta distâncias e deixa seções editoriais */
.px27-showcase,.px27-creators,.px27-seo,.px27-premium{margin-top:58px!important}.px27-showcase .px27-section-head h2,.px27-creators .px27-section-head h2{font-size:clamp(30px,3vw,46px)}
.px27-seo{border-top:1px solid var(--line);padding-top:42px!important}

@media(max-width:1180px){
  .px28-discovery-main{grid-template-columns:minmax(0,.8fr) minmax(460px,1.2fr);padding:36px 30px;gap:28px}
  .px28-discovery h1{font-size:clamp(48px,6vw,72px)}
  .px28-now-grid{height:440px}
}
@media(max-width:980px){
  .px28-discovery-main{grid-template-columns:1fr;padding:30px}
  .px28-discovery-copy{max-width:760px}.px28-status-line{margin-bottom:22px}
  .px28-now-grid{height:520px}.px28-discovery-nav{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:700px){
  .px28-discovery{border-radius:22px}.px28-discovery-main{padding:21px 15px 15px;gap:20px}.px28-status-line{margin-bottom:18px}.px28-status-line b{display:none}.px28-discovery h1{font-size:clamp(43px,13vw,61px);margin-top:10px}.px28-discovery-copy>p{font-size:13px}.px28-search{margin-top:20px;padding-left:12px}.px28-search button{width:44px;font-size:0;padding:0}.px28-shortcuts{gap:5px}.px28-shortcuts>span{width:100%}
  .px28-now{padding:8px;border-radius:17px}.px28-now-head{padding:5px 5px 10px}.px28-now-head>a{font-size:0}.px28-now-head>a svg{width:17px}.px28-now-grid{grid-template-columns:1.12fr .88fr;grid-template-rows:1fr 1fr 1fr;height:510px}.px28-now-card-1{grid-row:1/3}.px28-now-card-2{grid-column:2;grid-row:1}.px28-now-card-3{grid-column:2;grid-row:2}.px28-now-card-4{grid-column:1;grid-row:3}.px28-now-card-5{grid-column:2;grid-row:3}.px28-now-card{border-radius:12px}.px28-now-card strong{font-size:10px}.px28-now-card-1 strong{font-size:14px}
  .px28-discovery-nav{grid-template-columns:1fr}.px28-discovery-nav a{border-right:0;border-bottom:1px solid var(--line);padding:13px 16px}.px28-discovery-nav a:last-child{border-bottom:0}
}
@media(max-width:440px){.px28-now-grid{height:440px}.px28-now-card>span{left:8px;right:8px;bottom:8px}.px28-now-card small{display:none}}
@media(prefers-reduced-motion:reduce){.px28-now-card img{transition:none}}