/* A compact portfolio preview. Full project descriptions live in the PDF. */
.brand-surface{--brand-bg:#fff;--brand-ink:#18181b;background:var(--brand-bg);color:var(--brand-ink);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:5px;isolation:isolate}
.brand-surface.brand-black{--brand-bg:#000;--brand-ink:#fff}
.brand-surface.brand-red{--brand-bg:#9e2421;--brand-ink:#fff}
.brand-surface .brand-logo{display:block;object-fit:contain;object-position:center;width:auto;height:auto;max-width:78%;max-height:94px;filter:none;box-shadow:none;flex:0 1 auto;min-width:0}
.brand-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.brand-tile{height:140px;border:1px solid #fff1}
.brand-tile .brand-logo{width:auto;height:auto}
.portfolio-download-section{padding:95px 0 12px;background:#101012;color:#f4f3f0;scroll-margin-top:100px}
.portfolio-download-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:90px}
.portfolio-download-copy>.overline{font-size:.75rem;letter-spacing:.14em;color:#a9a9b0;margin-bottom:25px}
.portfolio-download-copy h1,.portfolio-download-copy h2{font-size:clamp(2.6rem,4.9vw,5rem);font-weight:600;letter-spacing:-.06em;line-height:1.08;max-width:800px}
.portfolio-download-copy em{font-style:normal;color:#ff7758}
.portfolio-download-copy>p:not(.overline):not(.portfolio-file-note){max-width:495px;font-size:1.0625rem;line-height:1.7;color:#b9b9c1;margin-top:26px}
.portfolio-download{margin-top:32px;min-height:58px;gap:24px;font-size:.9375rem;text-align:left;line-height:1.4;max-width:100%}
.portfolio-download>span{font-size:1.45rem;line-height:1;flex:none}
.portfolio-file-note{font-size:.8125rem;color:#a6a6ae;margin-top:14px}
.portfolio-file-note a{color:#f4f3f0;text-decoration:underline;text-underline-offset:4px;margin-left:12px}
.portfolio-document{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1/.98;max-width:420px;width:100%;justify-self:end;background:#1a1a1e;border:1px solid #45454a;box-shadow:12px 14px 0 -1px #101012,12px 14px 0 0 #39393f;border-radius:4px;padding:32px;text-decoration:none;transition:transform .2s,border-color .2s}
.portfolio-document:hover{transform:translateY(-4px);border-color:#ff7758}
.portfolio-document:focus-visible,.portfolio-download:focus-visible{outline:3px solid #fff;outline-offset:7px}
.portfolio-document-top{display:flex;align-items:center;justify-content:space-between;gap:25px}
.portfolio-document-top>img{width:82px;height:auto}
.portfolio-document-top>span{font-size:.75rem;color:#b4b4bc;letter-spacing:.1em}
.portfolio-document-title{font-size:clamp(4.5rem,7.5vw,7.4rem);font-weight:600;letter-spacing:-.075em;line-height:.88;margin:30px 0 25px;color:#f4f3f0}
.portfolio-document-title>span{color:#ff6948}
.portfolio-document-bottom{display:flex;justify-content:space-between;gap:20px;align-items:end;padding-top:19px;border-top:1px solid #424247}
.portfolio-document-bottom>p{font-size:.75rem;line-height:1.6;color:#b4b4bc}
.portfolio-document-bottom>span{font-size:2rem;color:#ff7758}
.portfolio-brand-selection{padding:68px 0 44px;border-bottom:1px solid #37373b}
.portfolio-brand-selection>.overline{font-size:.6875rem;letter-spacing:.1em;color:#a9a9b0;margin-bottom:21px;line-height:1.6}
.portfolio-download-page{padding-top:80px;padding-bottom:75px}
.portfolio-download-page .portfolio-brand-selection{border-bottom:0;padding-bottom:0}
@media(max-width:1050px){.portfolio-download-grid{gap:45px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.portfolio-document{padding:25px}.portfolio-document-title{font-size:6rem}.brand-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.portfolio-download-section{padding-top:54px}.portfolio-download-grid{grid-template-columns:1fr;gap:39px}.portfolio-download-copy h1,.portfolio-download-copy h2{font-size:clamp(2.35rem,8.9vw,3.6rem);line-height:1.12}.portfolio-download-copy>.overline{margin-bottom:20px}.portfolio-download-copy>p:not(.overline):not(.portfolio-file-note){font-size:1rem;margin-top:22px}.portfolio-download{padding:16px 19px;gap:18px;font-size:.875rem;min-height:56px}.portfolio-document{max-width:340px;justify-self:center;padding:27px;aspect-ratio:1/1.02;margin-right:12px;width:calc(100% - 12px)}.portfolio-document-title{font-size:6rem}.portfolio-brand-selection{padding-top:49px;padding-bottom:31px}.brand-wall{gap:9px}.brand-tile{height:108px}.brand-tile .brand-logo{width:auto;height:auto;max-width:78%;max-height:72px}.portfolio-download-page{padding-bottom:50px}}
@media(max-width:360px){.brand-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-document-title{font-size:5rem}.portfolio-download{gap:10px;padding-inline:15px}}
@media(prefers-reduced-motion:reduce){.portfolio-document{transition:none}.portfolio-document:hover{transform:none}}