:root{font-family:Arial,sans-serif;color:#17352b;background:#f6f7f3}*{box-sizing:border-box}body{margin:0}.portal{padding:64px max(5vw,24px);background:#102e25;color:#fff}.portal h1{font-size:clamp(2.5rem,6vw,5rem);margin:.1em 0}.brand{max-width:1280px;margin:auto;padding:60px 5vw}.intro h2{font-size:clamp(2rem,4vw,4rem);max-width:900px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:700}section{margin:70px 0}h3{font-size:1.8rem}.swatches,.assets,.categories,.language{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.swatch,.categories>div,.language>div,.specimen,figure{background:#fff;border-radius:14px;padding:16px}.swatch i{display:block;height:130px;border-radius:9px;margin-bottom:12px}.swatch code,.categories code{display:block;margin-top:5px}.specimen span{font-size:1.2rem}.specimen strong{display:block;font-size:clamp(2.5rem,6vw,6rem);margin:.2em 0}.categories i{display:block;width:44px;height:44px;border-radius:50%;margin-bottom:10px}.assets figure{margin:0;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.assets img{width:100%;height:180px;object-fit:contain}.screens{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.screens figure{margin:0}.screens img{width:100%;max-height:620px;object-fit:cover;object-position:top;border:1px solid #ddd}figcaption{margin-top:12px;font-weight:700}code{font-family:monospace;color:#566}