/* Scoped to the homepage product section; surrounding page retains v1.7.6 design. */
#products .portfolio-group + .portfolio-group { margin-top:56px; }
#products .portfolio-group__head { display:flex; align-items:center; gap:18px; margin-bottom:22px; }
#products .portfolio-group__head h3 { font-size:1rem; font-weight:550; letter-spacing:.01em; white-space:nowrap; }
#products .portfolio-group__head::after { content:''; flex:1; height:1px; background:linear-gradient(90deg,rgba(188,208,230,.25),transparent); }
#products .portfolio-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
#products .am-product { min-width:0; color:var(--fg); text-decoration:none; overflow:hidden; border:1px solid rgba(188,208,230,.22); border-radius:24px; padding:28px; background:linear-gradient(135deg,rgba(219,231,244,.10),rgba(219,231,244,.035)); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); gap:16px; opacity:1; }
#products .am-product__meta { color:#b9c2d0; }
#products .am-product__num { color:inherit; }
#products .am-product__body { color:#bcc4d1; line-height:1.75; }
#products .am-product__title { margin:0; line-height:1.3; }
#products .am-product__title img { width:44px!important; height:44px!important; border-radius:12px!important; }
#products .am-product__arrow { min-height:44px; justify-content:space-between; margin-top:auto; gap:14px; }
#products .portfolio-arrow { width:20px; height:20px; flex-shrink:0; }
#products .portfolio-flagship .am-product { min-height:400px; padding:34px; border-radius:28px; }
#products .portfolio-flagship .am-product--brown { background:radial-gradient(ellipse at 100% 0,rgba(209,164,99,.14),transparent 72%),linear-gradient(135deg,rgba(219,231,244,.1),rgba(219,231,244,.045)); }
#products .portfolio-flagship .am-product--purple { background:radial-gradient(ellipse at 100% 0,rgba(146,132,222,.17),transparent 72%),linear-gradient(135deg,rgba(219,231,244,.1),rgba(219,231,244,.045)); }
#products .portfolio-flagship .am-product__title { font-size:clamp(1.85rem,3.1vw,2.5rem); margin:14px 0 8px; gap:20px!important; }
#products .portfolio-flagship .am-product__title img { width:68px!important; height:68px!important; border-radius:18px!important; box-shadow:0 8px 24px rgba(0,0,0,.15); }
#products .portfolio-flagship .am-product__body { font-size:1rem; }
#products .portfolio-flagship .am-product__arrow { margin-top:12px; }
#products .portfolio-community .am-product { min-height:270px; gap:14px; }
#products .portfolio-community .am-product__title { font-size:1.35rem; }
#products .portfolio-community .am-product__body { font-size:.9rem; }
#products .portfolio-community .am-product__meta { font-size:.65rem; }
#products .portfolio-upcoming .am-product { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px 26px; min-height:0; padding:28px; background:rgba(219,231,244,.025); border-color:rgba(188,208,230,.14); cursor:default; }
#products .portfolio-upcoming .am-product__meta { grid-column:1; grid-row:1 / 3; }
#products .portfolio-upcoming .am-product__title { grid-column:2; font-size:1.4rem; }
#products .portfolio-upcoming .am-product__body { grid-column:2; font-size:.9rem; }
#products .portfolio-upcoming .am-product__arrow { grid-column:3; grid-row:1 / 3; color:#b7c0cf!important; margin:0; font-size:.82rem; white-space:nowrap; }
#products a.am-product:focus-visible { outline:3px solid #9fe5ff; outline-offset:4px; }
@media (hover:hover) { #products a.am-product:hover { border-color:rgba(188,208,230,.48); box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 30px rgba(0,0,0,.12); } }
@media (prefers-reduced-motion:no-preference) { #products a.am-product { transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; } #products a.am-product:active { transform:scale(.99); } }
@media (min-width:701px) {
 #products .portfolio-flagship .portfolio-grid { isolation:isolate; padding:10px 10px 18px; }
 #products .portfolio-flagship .am-product { position:relative; z-index:1; }
}
@media (min-width:701px) and (hover:hover) {
 #products .portfolio-flagship .am-product:hover,
 #products .portfolio-flagship .am-product:focus-visible { z-index:3; transform:translateY(-12px) scale(1.045); border-color:rgba(188,208,230,.54); box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 22px 44px rgba(0,0,0,.26); }
 #products .portfolio-flagship .am-product:active { transform:translateY(-8px) scale(1.025); }
 #products .portfolio-community .am-product:hover,
 #products .portfolio-community .am-product:focus-visible { z-index:2; transform:translateY(-6px) scale(1.015); border-color:rgba(188,208,230,.5); box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 16px 34px rgba(0,0,0,.18); }
 #products .portfolio-community .am-product:active { transform:translateY(-3px) scale(1.008); }
}
@media (max-width:700px) {
 #products .portfolio-grid { grid-template-columns:1fr; gap:16px; }
 #products .portfolio-group + .portfolio-group { margin-top:40px; }
 #products .portfolio-flagship .am-product { min-height:350px; padding:26px; }
 #products .portfolio-flagship .am-product__title { font-size:1.9rem; gap:16px!important; margin:8px 0; }
 #products .portfolio-flagship .am-product__title img { width:56px!important; height:56px!important; border-radius:15px!important; }
 #products .portfolio-flagship .am-product__body { font-size:.95rem; }
 #products .portfolio-community .am-product { min-height:240px; padding:24px; }
 #products .portfolio-upcoming .am-product { grid-template-columns:auto minmax(0,1fr); padding:24px; gap:12px 16px; }
 #products .portfolio-upcoming .am-product__meta { grid-row:1; }
 #products .portfolio-upcoming .am-product__body { grid-column:1 / -1; }
 #products .portfolio-upcoming .am-product__arrow { grid-column:1 / -1; grid-row:auto; justify-content:flex-start; }
}
@media (max-width:360px) { #products .portfolio-flagship .am-product { padding:22px; } #products .portfolio-flagship .am-product__title { font-size:1.65rem; gap:12px!important; } }
@media (prefers-reduced-transparency:reduce), (prefers-contrast:more) { #products .am-product { background:#182339!important; border-color:#a9b9cf!important; box-shadow:none; } #products .am-product__body,#products .am-product__num { color:#e5eaf2; } }
@media (prefers-reduced-motion:reduce) { #products .am-product { transition:none!important; transform:none!important; } }