.page-hero{background:var(--bg);color:var(--ink);border-bottom:1px solid var(--border);padding:140px 0 32px}.page-hero .eyebrow{color:var(--accent)}.page-h1{letter-spacing:-.03em;color:var(--ink);max-width:1100px;margin-bottom:24px;font-size:clamp(40px,5.2vw,64px);font-weight:400;line-height:1.05}.page-hero .sub{color:var(--muted);max-width:720px;margin-bottom:32px;font-size:clamp(15px,1.15vw,17px);line-height:1.6}.crumb{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;font-size:11px;display:block}.crumb a{color:var(--muted);text-decoration:none;transition:color .15s}.crumb a:hover{color:var(--accent)}.hero-row{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:32px;padding-top:24px;display:flex}.hero-row .left{flex:1;max-width:720px}.hero-row .right{border:1px solid var(--ink);color:var(--ink);font-family:var(--font-display);flex-shrink:0;align-items:center;gap:12px;padding:14px 22px;font-size:14px;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.hero-row .right:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.hero-row .right svg{width:14px;height:14px}.web-section{background:var(--bg);color:var(--ink);padding:64px 0 96px}.web-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.web-card{color:inherit;background:0 0;flex-direction:column;text-decoration:none;transition:transform .3s;display:flex}.web-card:hover{transform:translateY(-6px)}.web-thumb{aspect-ratio:16/10;background:var(--dark-bg);border:1px solid var(--border);transition:border-color .2s;position:relative;overflow:hidden}.web-card:hover .web-thumb{border-color:var(--ink)}.web-thumb-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.web-thumb-placeholder{flex-direction:column;display:flex;position:absolute;inset:0}.web-thumb-chrome{border-bottom:1px solid var(--dark-line);background:#0009;align-items:center;gap:5px;height:22px;padding-left:12px;display:flex}.web-thumb-chrome:before{content:"";background:var(--dark-line);width:7px;height:7px;box-shadow:12px 0 0 var(--dark-line), 24px 0 0 var(--dark-line);border-radius:50%}.web-thumb-body{flex:1;grid-template-rows:auto 1fr;gap:16px;padding:24px;display:grid;position:relative}.web-thumb-body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.web-thumb-headline{background:linear-gradient(90deg, var(--dark-fg) 0%, var(--dark-fg) 60%, transparent 60%);opacity:.7;max-width:240px;height:12px}.web-thumb-blocks{grid-template-columns:repeat(3,1fr);align-content:start;gap:8px;display:grid}.web-thumb-blocks>div{aspect-ratio:1;border:1px solid var(--dark-line)}.web-thumb-blocks>div:nth-child(2){background:linear-gradient(155deg, var(--accent) 0%, #e8501a1a 100%)}.web-thumb[data-gradient=indigo] .web-thumb-body{background:linear-gradient(155deg,#1a1f3a 0%,#050810 100%)}.web-thumb[data-gradient=neon] .web-thumb-body{background:linear-gradient(155deg,#2a1a05 0%,#0a0805 100%)}.web-thumb[data-gradient=violet] .web-thumb-body{background:linear-gradient(155deg,#2a0a2a 0%,#100510 100%)}.web-thumb[data-gradient=copper] .web-thumb-body{background:linear-gradient(155deg,#2a1505 0%,#100805 100%)}.web-thumb[data-gradient=emerald] .web-thumb-body{background:linear-gradient(155deg,#052a15 0%,#051008 100%)}.web-thumb[data-gradient=default] .web-thumb-body{background:linear-gradient(155deg,#1a1a1a 0%,#050505 100%)}.web-meta{flex-direction:column;gap:10px;padding:18px 0 0;display:flex}.web-meta-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.web-client{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:16px;font-weight:500}.web-tags{flex-shrink:0;gap:6px;display:inline-flex}.web-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);color:var(--muted);padding:4px 8px;font-size:10px}.web-headline{font-family:var(--font-display);color:var(--ink);letter-spacing:-.005em;font-size:15.5px;font-weight:400;line-height:1.4}@media (max-width:1024px){.web-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.page-hero{padding:110px 0 24px}.web-grid{grid-template-columns:1fr;gap:20px}.hero-row{flex-direction:column;align-items:flex-start}}