/* Standalone brand portfolio; intentionally separate from the article template. */
.brands-page{background:#fff;color:#18334d}
.brands-intro{padding:64px 0 46px}
.brands-intro h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,6vw,78px);letter-spacing:-2px;color:#082d65;line-height:1.05;margin:0 0 24px}
.brands-deck{font-family:Georgia,serif;font-size:30px;line-height:1.3;color:#082d65;margin:0 0 18px}
.brands-description{max-width:700px;font-size:17px;line-height:1.8;color:#63758a}
.brands-jump{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #dce4eb;border-bottom:1px solid #dce4eb;margin-top:40px}
.brands-jump a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#082d65;text-decoration:none;font-size:14px;font-weight:700;padding:22px 22px 22px 0}
.brands-jump a:not(:first-child){padding-left:22px;border-left:1px solid #dce4eb}
.brands-jump a span{color:#0756c9;font-size:19px}
.brands-jump a:hover,.brand-external:hover{color:#0756c9}
.brand-profile{padding:40px 0 55px;scroll-margin-top:110px}
.brand-profile-inner{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.3fr);gap:80px;align-items:center;padding-bottom:45px;border-bottom:1px solid #dce4eb}
.brand-identity{background:#f4f7fa;min-height:285px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;padding:45px 28px}
.brand-identity img{display:block;width:210px;height:120px;max-width:90%;object-fit:contain;mix-blend-mode:multiply}
.brand-identity p{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#63758a;margin:0}
.brand-story .eyebrow{margin:0 0 13px;font-size:10px;letter-spacing:2px}
.brand-story h2{font-family:Georgia,serif;font-weight:400;font-size:42px;line-height:1.1;color:#082d65;margin:0 0 20px;letter-spacing:-.8px}
.brand-story .brand-line{font-family:Georgia,serif;font-size:23px;line-height:1.4;color:#082d65;margin:0 0 16px}
.brand-story>p:not(.eyebrow):not(.brand-line):not(.brand-focus){font-size:16px;line-height:1.85;color:#63758a;margin:0 0 22px;max-width:590px}
.brand-focus{font-size:13px;color:#18334d;margin:20px 0 24px;padding-top:18px;border-top:1px solid #dce4eb;display:flex;gap:24px;align-items:baseline}
.brand-focus span{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#63758a;flex-shrink:0}
.brand-external{display:inline-flex;gap:22px;align-items:center;font-size:13px;font-weight:700;color:#0756c9;text-decoration:none;padding:6px 0;border-bottom:1px solid #bdcddd}
.brand-external>span[aria-hidden]{font-size:18px}
.brands-page a:focus-visible{outline:3px solid #59a6ff;outline-offset:4px}
.brands-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.brands-page>.contact-section{margin-top:15px}
@media(max-width:900px){.brand-profile-inner{gap:40px;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr)}.brand-story h2{font-size:35px}.brands-jump{grid-template-columns:repeat(2,minmax(0,1fr))}.brands-jump a:nth-child(3){border-left:0;padding-left:0}.brands-jump a:nth-child(n+3){border-top:1px solid #dce4eb}}
@media(max-width:600px){.brands-intro{padding:40px 0 20px}.brands-intro h1{font-size:51px;letter-spacing:-1px}.brands-deck{font-size:26px}.brands-description{font-size:16px}.brands-jump{margin-top:28px}.brands-jump a{font-size:12px;padding:17px 12px 17px 0}.brands-jump a:not(:first-child){padding-left:12px}.brands-jump a:nth-child(3){padding-left:0}.brand-profile{padding:24px 0;scroll-margin-top:95px}.brand-profile-inner{grid-template-columns:1fr;gap:27px;padding-bottom:30px}.brand-identity{min-height:160px;padding:30px;gap:22px}.brand-story h2{font-size:35px}.brand-story .brand-line{font-size:22px}.brand-focus{gap:15px}.brands-page>.contact-section{margin-top:20px}}

/* Bound portfolio logos to their native resolution; preserve aspect ratios. */
.brand-identity img{width:210px;height:auto;max-height:120px;object-fit:contain}
#girlz-only .brand-identity img{width:193px}
#eucryl .brand-identity img{width:142px}

.brand-socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.brand-socials a{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:10px 14px;border:1px solid #bdcddd;border-radius:3px;text-decoration:none;font-size:13px;font-weight:700;color:#0756c9}.brand-socials a:hover{background:#f4f7fa;border-color:#0756c9}.brand-socials a span{font-size:16px}

#girlz-only .brand-identity img{width:280px;max-width:100%;max-height:190px;height:auto;mix-blend-mode:normal}