.back-link{font-size:13px;color:#a9c3ca;border-bottom:1px solid #5b808a;padding-bottom:7px}
.back-link:hover{color:var(--mint)}
.brand-hero{padding:100px 0 120px;background:radial-gradient(circle at 74% 50%,#133543,#081925 58%)}
.brand-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}
.brand-hero h1{font-size:clamp(56px,6vw,86px);margin-bottom:24px}
.brand-hero p:not(.kicker){max-width:620px;color:#b8c9d0;line-height:1.7;font-size:18px}
.brand-hero img{width:min(100%,280px);justify-self:center;filter:drop-shadow(0 30px 50px #0008)}
.brand-content{padding:100px 0;background:#f5f8f8}
.brand-heading{margin-bottom:36px}
.brand-heading.secondary{margin-top:110px}
.specimen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.specimen{min-height:265px;padding:26px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid #d8e3e4;background:white}
.specimen-dark{background:#081925;border-color:#081925;color:white}
.specimen-label,.system-label{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.17em;color:#718c95}
.specimen-dark .specimen-label{color:#87a3ac}
.specimen img{width:min(100%,320px);height:auto}
.specimen a,.icon-detail a{font-size:13px;font-weight:700;color:#178e85}
.specimen-dark a{color:#21d3bf}
.icon-row{display:grid;grid-template-columns:190px 190px 1fr;gap:16px}
.icon-showcase{min-height:210px;border:1px solid #d8e3e4;background:white;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px}
.icon-showcase img{width:92px;height:92px}
.icon-showcase.icon-small img{width:36px;height:36px}
.icon-showcase span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#78939c;font-size:10px;letter-spacing:.14em}
.icon-detail{min-height:210px;background:#e7f0f0;padding:30px;display:flex;flex-direction:column;justify-content:space-between}
.icon-detail p{max-width:520px;line-height:1.7;color:#4e6872;margin:0 0 25px}
.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.palette-card,.type-card{background:white;border:1px solid #d8e3e4;padding:32px}
.swatch-line{display:flex;align-items:center;gap:15px;border-bottom:1px solid #e1e9e9;padding:14px 0}
.swatch-line:first-of-type{margin-top:23px}
.swatch-line:last-child{border-bottom:0}
.swatch-line i{width:45px;height:45px;border:1px solid #d4e0e2;display:block}
.swatch-line div{display:flex;flex-direction:column;gap:3px}
.swatch-line b{font-size:14px}.swatch-line small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#78909a;font-size:11px}
.type-card strong{display:block;font-size:clamp(56px,6vw,82px);letter-spacing:.045em;margin:22px 0 0;color:#112937;line-height:1.1}
.type-detail{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#158e85;font-size:11px;letter-spacing:.06em}
.type-card p{margin:30px 0 0;max-width:500px;color:#58717a;line-height:1.7}
.brand-note{margin:80px 0 0;border-top:1px solid #cbdcde;padding-top:22px;color:#6b858d;font-size:12px}
@media(max-width:800px){.brand-hero-grid{grid-template-columns:1fr;gap:40px}.brand-hero img{width:190px;justify-self:start}.brand-hero{padding:75px 0}.brand-content{padding:75px 0}.icon-row{grid-template-columns:1fr 1fr}.icon-detail{grid-column:1/-1}.system-grid{grid-template-columns:1fr}.brand-heading.secondary{margin-top:80px}}
@media(max-width:560px){.specimen-grid,.icon-row{grid-template-columns:1fr}.icon-detail{grid-column:auto}.specimen{min-height:230px}.back-link{font-size:11px}.brand-hero img{width:150px}}