/* Two preliminary compositions in the established SEED visual system. */
.review-home .home-hero{min-height:740px;height:88svh;max-height:960px}
.review-home .home-hero h1{font-size:clamp(48px,6.5vw,88px);max-width:15ch;line-height:1.02}
.review-home .home-hero .tag{font:500 clamp(18px,2vw,24px)/1.4 var(--body);max-width:40ch}
.group-hero-intro{color:var(--paper);max-width:50ch;margin-top:20px;font-size:16px;line-height:1.7}
.directory-intro h2{font-size:clamp(36px,4vw,52px)}
.product-brands{padding:80px 0;background:var(--neutral-050);border-bottom:1px solid var(--neutral-200)}
.brands-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:40px}
.brands-intro h2{font-size:clamp(36px,4vw,52px);line-height:1.05}
.brands-intro p{font-size:16px;max-width:42ch;color:var(--neutral-600)}
.brand-panels{display:flex;gap:24px;align-items:stretch}
.product-brand{flex:1;min-width:0;background:var(--paper);border:1px solid var(--neutral-200)}
.product-brand:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
.brand-art{height:250px;position:relative;overflow:hidden;background:var(--neutral-200)}
.brand-art>img{width:100%;height:100%;object-fit:cover;transition:transform 320ms var(--ease)}
.brand-art>span{position:absolute;bottom:0;left:0;right:0;background:var(--paper);font-size:11px;padding:7px 16px;color:var(--neutral-600)}
.brand-info{padding:28px 24px;min-height:230px;display:flex;flex-direction:column;align-items:flex-start}
.product-brand-logo{height:40px;width:155px;object-fit:contain;object-position:left center;margin-bottom:20px}
[data-brand=lattix] .product-brand-logo{height:40px;width:145px}
.brand-info p{font-size:15px;line-height:1.6;margin-bottom:20px;max-width:30ch}
.brand-info a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:5px;margin-top:auto}
.brand-pending{font-size:13px;line-height:1.7;color:var(--neutral-600);margin-top:auto}
.brand-pending small{display:block;font-size:11px}
.group-capability{padding:80px 0;border-bottom:1px solid var(--neutral-200)}
.group-capability .wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.group-capability h2{font-size:clamp(36px,4vw,52px);line-height:1.06;margin-bottom:24px}
.group-capability p{max-width:44ch;margin-bottom:24px;color:var(--neutral-600)}
.group-capability figure img{width:100%;height:300px;object-fit:contain;background:var(--neutral-050)}
.group-capability figcaption{font-size:11px;color:var(--neutral-600);margin-top:12px}
.option-grid .directory-layout{display:block}
.option-grid .directory-scene{display:none}
.option-grid .directory-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--neutral-200);border-left:1px solid var(--neutral-200)}
.option-grid .directory-list li{grid-column:span 2}
.option-grid .directory-list li:nth-last-child(-n+2){grid-column:span 3}
.option-grid .directory-row{grid-template-columns:minmax(0,1fr) 24px;gap:16px;padding:24px;border-right:1px solid var(--neutral-200);min-height:300px;height:100%;align-content:start}
.option-grid .directory-row .directory-thumb{display:block;width:100%;height:120px;grid-column:1/-1;object-fit:cover;transition:filter 240ms var(--ease)}
.option-grid .directory-row[data-division=design] .directory-thumb{object-fit:contain;background:var(--neutral-050)}
.option-grid .directory-name{font-size:28px}
.option-grid .directory-row .nav-arrow{align-self:start;margin-top:5px}
.option-grid .directory-row:hover .directory-thumb,.option-grid .directory-row:focus-visible .directory-thumb{filter:contrast(1.07)}
.option-editorial .brand-panels{gap:16px}
.option-editorial .product-brand{transition:flex-grow 320ms var(--ease)}
.option-editorial .product-brand:hover,.option-editorial .product-brand:focus-within{flex-grow:1.55}
.option-editorial .brand-art{height:340px}
.option-editorial .product-brand:hover .brand-art img{transform:scale(1.035)}
@media(max-width:760px){
 .review-home .home-hero{min-height:740px;height:90svh}
 .review-home .home-hero h1{font-size:48px}
 .group-hero-intro{font-size:14px;max-width:35ch}
 .brands-intro{grid-template-columns:1fr;gap:24px}
 .brand-panels{display:block}
 .product-brand{margin-bottom:24px}
 .brand-art,.option-editorial .brand-art{height:220px}
 .brand-info{min-height:0;padding:24px}
 .brand-info p{max-width:35ch}
 .product-brands,.group-capability{padding:48px 0}
 .group-capability .wrap{grid-template-columns:1fr;gap:32px}
 .group-capability figure img{height:230px}
 .option-grid .directory-list{display:block;border-left:0}
 .option-grid .directory-row{grid-template-columns:64px minmax(0,1fr) 20px;border-right:0;padding:20px 0;min-height:116px;gap:16px}
 .option-grid .directory-row .directory-thumb{grid-column:auto;width:64px;height:76px}
 .option-grid .directory-name{font-size:27px}
 .option-grid .directory-row .nav-arrow{align-self:center;margin-top:0}
 .option-editorial .product-brand{transition:none}
}
@media(max-width:360px){.review-home .home-hero h1{font-size:42px}.option-grid .directory-row{grid-template-columns:48px minmax(0,1fr) 20px;gap:12px}.option-grid .directory-row .directory-thumb{width:48px;height:72px}}
@media(prefers-reduced-motion:reduce){.brand-art>img,.option-editorial .product-brand,.option-grid .directory-thumb{transition:none!important}.option-editorial .product-brand:hover .brand-art img{transform:none}}
