/* Finished portfolio collections. */
.portfolio-page .wrap{width:min(1280px,calc(100% - 96px))}
.portfolio-page .header{height:94px}
.portfolio-page .header nav{font-size:14px}
.portfolio-page .header-cv{font-size:13px}
.portfolio-page .button{font-size:13px}
.portfolio-page .text-link{font-size:13px}
.portfolio-page .eyebrow{font-size:10px;letter-spacing:1.5px}
.portfolio-page h2{font-size:clamp(30px,3vw,42px);font-weight:400;line-height:1.17;letter-spacing:-1.2px}
.pf-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;padding-block:53px}
.pf-hero h1{font-size:clamp(65px,7vw,94px);line-height:.95;letter-spacing:-4px;margin:0}
.pf-hero h1 em{letter-spacing:-3.8px;color:#d3dec6}
.pf-hero .eyebrow{margin-bottom:22px}
.pf-hero-intro{max-width:440px;padding-bottom:6px}
.pf-hero-intro p{font-size:16px;line-height:1.8;color:#bac3b3;margin-bottom:15px}
.pf-hero-intro p:first-child{font-size:23px;line-height:1.5;letter-spacing:-.45px;color:#e6eadf;margin-bottom:20px}
.pf-hero-intro .text-link{display:inline-block;margin-top:7px}
.pf-nav{position:sticky;top:0;z-index:10;background:#101112f7;backdrop-filter:blur(12px);border-block:1px solid var(--line)}
.pf-nav>.wrap{display:flex;align-items:center;gap:29px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-block:18px}
.pf-nav>.wrap::-webkit-scrollbar{display:none}
.pf-nav a{font-size:12px;color:#c2cdb8}
.pf-nav a>span{font-size:9px;color:#8c9c7f;margin-left:7px}
.pf-section{padding-block:48px;border-bottom:1px solid var(--line);scroll-margin-top:66px}
.pf-section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:27px}
.pf-section-heading .eyebrow{margin:0 0 14px;color:#b8c6ab}
.pf-section-heading>p{max-width:310px;font-size:14px;line-height:1.8;color:#b0baa6;margin:0}
.portfolio-page .social-gallery-toolbar{margin-bottom:16px}
.portfolio-page .social-gallery-toolbar>span,.pf-rail-tools>span{font-size:11px;color:#aab99b;letter-spacing:.7px}
.portfolio-page .social-grid{gap:20px}
.portfolio-page .social-grid>.social-project{flex-basis:285px}
.portfolio-page .social-project .item-caption{font-size:14px}
.portfolio-page .social-project .item-caption>span{font-size:12px;line-height:1.6;color:#adbaa0}
.portfolio-page #logos .logo-grid{max-width:none;gap:22px}
.portfolio-page #logos .identity-main{height:185px}
.portfolio-page #logos .identity-heading h3{font-size:24px}
.portfolio-page #logos .identity-heading p:not(.eyebrow){font-size:12px}
.portfolio-page #logos .identity-heading .eyebrow{font-size:10px}
.portfolio-page #logos .identity-heading .text-link{font-size:12px}
.portfolio-page #logos .identity-variations summary{font-size:12px}
.portfolio-page #logos .identity-gallery figcaption{font-size:11px}
.pf-rail-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}
.portfolio-page .pf-rail{display:flex;align-items:stretch;gap:21px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#67795a #1b2019;overscroll-behavior-inline:contain;padding:0 0 16px}
.portfolio-page .pf-rail>.publication-card{flex:0 0 285px;display:flex;flex-direction:column;align-items:stretch;gap:19px;padding:18px;margin:0;max-width:none;min-width:0;scroll-snap-align:start}
.portfolio-page .pf-rail .publication-cover{display:flex;align-items:center;justify-content:center;height:245px;width:100%;max-width:none;background:#eceee8}
.portfolio-page .pf-rail .publication-cover img{width:100%;height:100%;object-fit:contain}
.portfolio-page .pf-rail .publication-copy{display:flex;flex-direction:column;flex:1;min-width:0}
.portfolio-page .pf-rail .publication-copy .eyebrow{font-size:9px;line-height:1.7;margin-bottom:11px}
.portfolio-page .pf-rail .publication-copy h3{font-size:23px;line-height:1.3;margin:0 0 12px;letter-spacing:-.55px}
.portfolio-page .pf-rail .publication-copy>p:not(.eyebrow){font-size:13px;line-height:1.7;margin-bottom:13px}
.portfolio-page .pf-rail .publication-meta{font-size:11px;line-height:1.7}
.portfolio-page .pf-rail .publication-actions{margin-top:auto;padding-top:19px;gap:17px;flex-direction:row;align-items:center}
.portfolio-page .pf-rail .publication-actions .text-link{font-size:11px}
.portfolio-page #more .pf-rail>.motion-project{flex:0 0 315px;scroll-snap-align:start;min-width:0}
.portfolio-page #more .portfolio-video{height:300px;width:100%;aspect-ratio:auto;object-fit:contain}
.portfolio-page .item-caption{font-size:14px;line-height:1.5;flex-direction:column;gap:5px;margin-top:14px}
.portfolio-page .item-caption>span{font-size:12px;text-align:left;color:#aab99c}
.portfolio-page .video-file-link{font-size:12px;margin-top:12px}
.portfolio-page #video .media-grid{gap:22px}
.portfolio-page .ugc-video{height:390px}
.portfolio-page #packaging .media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.portfolio-page .packaging-preview{height:270px}
.portfolio-page .packaging-links .text-link{font-size:12px}
.portfolio-page .concept-section{padding-block:34px;scroll-margin-top:65px}
.portfolio-page .concept-heading h2{font-size:24px;letter-spacing:-.5px}
.pf-contact{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:38px;border-bottom:1px solid var(--line)}
.pf-contact .eyebrow{margin-bottom:14px}
.pf-contact h2{font-size:32px}
.portfolio-page .footer{padding-block:29px}
.portfolio-page .footer p,.portfolio-page .footer>a:last-child{font-size:12px}
@media(max-width:1000px){.portfolio-page .wrap{width:calc(100% - 64px)}.pf-hero{gap:45px}.pf-nav>.wrap{gap:24px}.pf-hero-intro p:first-child{font-size:21px}.pf-section-heading>p{max-width:250px}.portfolio-page #more .pf-rail>.motion-project{flex-basis:295px}}
@media(max-width:600px){.portfolio-page .wrap{width:calc(100% - 40px)}.portfolio-page .header{height:80px}.portfolio-page .header nav{font-size:13px}.pf-hero{grid-template-columns:1fr;gap:27px;padding-block:36px}.pf-hero h1{font-size:78px;letter-spacing:-3.5px}.pf-hero h1 em{letter-spacing:-3.5px}.pf-hero .eyebrow{font-size:9px;margin-bottom:20px}.pf-hero-intro{max-width:370px}.pf-hero-intro p:first-child{font-size:22px;margin-bottom:16px}.pf-hero-intro p{font-size:15px}.pf-nav>.wrap{gap:24px;padding-block:16px}.pf-nav a{font-size:12px}.pf-section{padding-block:35px}.pf-section-heading{align-items:start;flex-direction:column;gap:17px;margin-bottom:22px}.pf-section-heading .eyebrow{font-size:9px;margin-bottom:12px}.portfolio-page h2{font-size:30px}.pf-section-heading>p{max-width:330px;font-size:14px}.portfolio-page .social-grid>.social-project{flex-basis:min(78vw,285px)}.portfolio-page #logos .identity-main{height:160px}.portfolio-page #logos .identity-heading h3{font-size:23px}.portfolio-page #logos .identity-heading .text-link{font-size:12px}.portfolio-page .pf-rail>.publication-card{flex-basis:min(79vw,285px)}.portfolio-page .pf-rail .publication-cover{height:245px}.portfolio-page .pf-rail .publication-copy h3{font-size:23px}.portfolio-page .pf-rail .publication-copy>p:not(.eyebrow){font-size:13px}.portfolio-page .pf-rail .publication-actions{flex-direction:row;gap:17px}.portfolio-page #more .pf-rail>.motion-project{flex-basis:min(80vw,315px)}.portfolio-page #more .portfolio-video{height:285px;max-height:none}.portfolio-page #video .media-grid{grid-template-columns:1fr}.portfolio-page .ugc-video{height:425px;max-height:70dvh}.portfolio-page #packaging .media-grid{grid-template-columns:1fr;gap:28px}.portfolio-page .packaging-project .item-caption{font-size:14px}.portfolio-page .packaging-preview{height:260px}.portfolio-page .concept-heading h2{font-size:23px}.pf-contact{align-items:start;flex-direction:column;gap:23px;padding-block:32px}.pf-contact h2{font-size:30px}.portfolio-page .footer p{font-size:10px}}

/* One slide scale for every discipline; variations may expand. */
.pf-samples-hero{display:block;padding-block:40px}
.pf-samples-hero>.eyebrow{margin-bottom:20px}
.pf-samples-title{display:flex;align-items:end;justify-content:space-between;gap:30px}
.pf-samples-title h1{font-size:clamp(52px,5.5vw,76px);line-height:1;letter-spacing:-3px}
.pf-samples-title>div>p{font-size:16px;color:#c4cebb;margin:0 0 12px}
.pf-section-heading{min-height:66px;margin-bottom:24px}
.portfolio-page .pf-section .pf-uniform-rail{display:flex;gap:20px;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#67795a #1b2019;padding:0 0 16px;overscroll-behavior-inline:contain}
.portfolio-page .pf-section .pf-uniform-rail>article,.portfolio-page .pf-section .pf-uniform-rail>a{flex:0 0 285px;width:285px;min-width:0;height:480px;scroll-snap-align:start;border:1px solid var(--line);background:#171d17;display:flex;flex-direction:column;overflow:hidden}
.portfolio-page .pf-section .pf-uniform-rail>.identity-project,.portfolio-page .pf-section .pf-uniform-rail>.ecommerce-project{height:auto;min-height:480px;overflow:visible}
.portfolio-page #logos .logo-grid,.portfolio-page #video .media-grid,.portfolio-page #packaging .media-grid{display:flex;grid-template-columns:none;max-width:none}
.portfolio-page .pf-section .pf-uniform-rail .social-art,.portfolio-page #logos .identity-main,.portfolio-page .pf-section .pf-uniform-rail .publication-cover,.portfolio-page #more .portfolio-video,.portfolio-page #video .portfolio-video,.portfolio-page .pf-section .pf-uniform-rail .packaging-preview,.ecommerce-main,.portfolio-page .pf-section .concept-thumbnails img{width:100%;height:300px;min-height:300px;max-height:300px;aspect-ratio:auto;object-fit:contain;flex-shrink:0;border:0}
.portfolio-page #logos .identity-main{padding:16px}
.portfolio-page #logos .identity-main img{height:100%;max-height:none;width:100%;object-fit:contain}
.portfolio-page .pf-section .pf-uniform-rail .publication-cover{max-width:none;background:#f2f3ed}
.portfolio-page .pf-section .pf-uniform-rail .social-art img,.portfolio-page .pf-section .pf-uniform-rail .publication-cover img,.portfolio-page .pf-section .pf-uniform-rail .packaging-preview img{height:100%;width:100%;object-fit:contain}
.portfolio-page .pf-section .pf-uniform-rail .item-caption{margin:0;padding:16px;font-size:14px;line-height:1.5;gap:7px}
.portfolio-page .pf-section .pf-uniform-rail .item-caption>span{font-size:12px;line-height:1.5}
.portfolio-page .pf-section .pf-uniform-rail .video-file-link{align-self:flex-start;margin:0 16px 16px;font-size:12px}
.portfolio-page #logos .identity-heading{padding:16px;display:flex;flex-direction:column;align-items:start;gap:10px;min-height:134px}
.portfolio-page #logos .identity-heading h3{font-size:21px;line-height:1.3}
.portfolio-page #logos .identity-heading .eyebrow{font-size:9px;margin-bottom:7px}
.portfolio-page #logos .identity-heading p:not(.eyebrow){font-size:11px}
.portfolio-page #logos .identity-variations{margin-top:auto}
.portfolio-page #logos .identity-variations summary{padding:12px 16px;font-size:11px}
.portfolio-page #logos .identity-gallery{grid-template-columns:1fr;padding:5px 16px 16px}
.portfolio-page #logos .identity-gallery figure>a{height:170px}
.portfolio-page .pf-section .pf-uniform-rail>.publication-card{padding:0;gap:0;align-items:stretch}
.portfolio-page .pf-section .pf-uniform-rail .publication-copy{padding:15px 16px;min-height:178px;flex:1;display:flex;flex-direction:column}
.portfolio-page .pf-section .pf-uniform-rail .publication-copy>.eyebrow{display:none}
.portfolio-page .pf-section .pf-uniform-rail .publication-copy h3{font-size:19px;line-height:1.3;min-height:48px;margin:0 0 5px;letter-spacing:-.3px}
.portfolio-page .pf-section .pf-uniform-rail .publication-copy>p:not(.eyebrow){font-size:12px;line-height:1.5;min-height:36px;margin:0 0 6px}
.portfolio-page .pf-section .pf-uniform-rail .publication-meta{font-size:10px;line-height:1.5}
.portfolio-page .pf-section .pf-uniform-rail .publication-actions{margin-top:auto;padding-top:10px;gap:17px;flex-direction:row;flex-wrap:nowrap}
.portfolio-page .pf-section .pf-uniform-rail .publication-actions .text-link{font-size:11px}
.portfolio-page .pf-section .pf-uniform-rail .packaging-links{padding:0 16px 16px;margin-top:0;gap:23px}
.portfolio-page .pf-section .concept-thumbnails>a{display:flex;align-items:center;justify-content:center;height:480px;background:#101310}
.portfolio-page .pf-section .concept-thumbnails img{height:100%;max-height:none;min-height:0}
.ecommerce-main{display:flex;align-items:center;justify-content:center;background:#fff}
.ecommerce-main>a,.ecommerce-main img{display:block;width:100%;height:100%;object-fit:contain}
.ecommerce-copy{padding:16px}
.ecommerce-copy h3{font-size:21px;line-height:1.3;font-weight:400;letter-spacing:-.4px;margin:0 0 8px}
.ecommerce-copy>span{font-size:12px;color:var(--muted)}
.ecommerce-variations{border-top:1px solid var(--line);margin-top:auto}
.ecommerce-variations summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 16px;list-style:none;font-size:12px;cursor:pointer}
.ecommerce-variations summary::-webkit-details-marker{display:none}
.ecommerce-variations summary>span{font-size:20px}
.ecommerce-variations[open] summary>span{transform:rotate(45deg)}
.ecommerce-variation-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:5px 16px 16px}
.ecommerce-variation-grid>a{display:block;aspect-ratio:1;background:#fff}
.ecommerce-variation-grid img{display:block;width:100%;height:100%;object-fit:contain}
.pf-ai-note{font-size:13px;color:#b4c0a9;line-height:1.8;max-width:680px;margin:-8px 0 22px}
@media(max-width:600px){.pf-samples-hero{padding-block:30px}.pf-samples-title{align-items:start;flex-direction:column;gap:20px}.pf-samples-title h1{font-size:52px;letter-spacing:-2.5px}.pf-samples-title>div>p{font-size:15px}.portfolio-page .pf-section .pf-uniform-rail>article,.portfolio-page .pf-section .pf-uniform-rail>a{flex-basis:min(80vw,285px);width:min(80vw,285px)}.portfolio-page #logos .identity-main{height:300px}.pf-section-heading{min-height:60px}.pf-ai-note{font-size:13px}.portfolio-page .pf-section .pf-uniform-rail{gap:16px}}

.portfolio-page #more .pf-rail>.motion-project{flex-basis:285px;width:285px}
.portfolio-page #logos .identity-project{height:480px;min-height:480px}
.portfolio-page #logos .identity-project:has(details[open]){height:auto}
.portfolio-page #logos .identity-heading{min-height:0;flex:1;padding:12px 16px;gap:7px}
.portfolio-page #logos .identity-heading h3{font-size:20px;line-height:1.3}
.portfolio-page #logos .identity-heading .eyebrow{margin-bottom:5px;line-height:1.5}
.portfolio-page #logos .identity-heading p:not(.eyebrow){line-height:1.5}
.portfolio-page #logos .identity-heading .text-link{padding-block:2px}
.portfolio-page .pf-section .concept-thumbnails img{height:300px;min-height:300px;max-height:300px}
@media(max-width:600px){.portfolio-page #more .pf-rail>.motion-project{flex-basis:min(80vw,285px);width:min(80vw,285px)}}

.certificate-workflow{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;align-items:center;padding:19px 22px;margin:0 0 24px;border:1px solid #425236;background:#1a2217}
.certificate-workflow span{display:block;font-size:9px;letter-spacing:1.1px;color:#bbcea8;margin-bottom:8px}
.certificate-workflow strong{display:block;font-size:25px;line-height:1.3;font-weight:400;letter-spacing:-.5px}
.certificate-workflow p{font-size:14px;line-height:1.8;color:#c1cfb5;margin:0;max-width:550px}
.certificate-preview{display:flex;width:100%;height:300px;min-height:300px;align-items:center;justify-content:center;flex-shrink:0;background:#fff}
.certificate-preview img{display:block;width:100%;height:100%;object-fit:contain}
.certificate-copy{padding:16px;display:flex;flex-direction:column;flex:1;min-width:0}
.certificate-copy h3{font-size:19px;line-height:1.35;font-weight:400;letter-spacing:-.3px;margin:0 0 10px}
.certificate-copy p{font-size:12px;line-height:1.7;color:#b5c3a9;margin:0 0 14px}
.certificate-links{display:flex;gap:19px;align-items:center;flex-wrap:wrap;margin-top:auto}
.certificate-links .text-link{font-size:11px}
@media(max-width:600px){.certificate-workflow{grid-template-columns:1fr;gap:15px;padding:18px}.certificate-workflow p{font-size:14px}.certificate-workflow strong{font-size:24px}}

/* Compact source-script downloads beside e-book workflow. */
.script-downloads{margin:-6px 0 26px}.script-downloads>p{font-size:12px;color:var(--muted);margin:0 0 12px}.script-downloads>div{display:flex;flex-wrap:wrap;gap:9px}.script-downloads a{display:inline-flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--line);border-radius:5px;font-size:12px;text-decoration:none;line-height:1.5}.script-downloads a span{font-size:10px;color:#b4c6a3}.script-downloads a:hover,.script-downloads a:focus-visible{border-color:#a8bf8e;background:#1a2217}.portfolio-page #ebooks .pf-uniform-rail>.publication-card{padding:0;gap:0;align-items:stretch}.portfolio-page #ebooks .publication-cover{height:300px;min-height:300px;width:100%;background:white;display:block}.portfolio-page #ebooks .publication-cover img{width:100%;height:100%;object-fit:contain}