/* Shared visual and viewer details for the two dedicated Creative Services portfolios. */
.creative-portfolio-page{--creative-gold:#cfb58c;--creative-cream:#f0ede5;--creative-muted:#b2afa3}
.creative-portfolio-page .creative-artwork{position:relative;min-width:0;margin:0;padding:7px;border:1px solid #cfb58c44;background:#24221bb5;break-inside:avoid;box-shadow:0 18px 50px #0002}
.creative-portfolio-page .creative-image-button{position:relative;display:block;width:100%;padding:0;border:0;background:#e9e6de;text-align:left;cursor:zoom-in;overflow:hidden}
.creative-portfolio-page .creative-image-button[data-image-background=dark]{background:#183b2e}
.creative-portfolio-page .creative-image-button[data-image-background=light]{background:#f4f1eb}
.creative-portfolio-page .creative-image-button img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;filter:none;transition:scale .6s cubic-bezier(.2,.7,.3,1)}
.creative-portfolio-page .creative-image-button:hover img{scale:1.018}
.creative-portfolio-page .creative-enlarge{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #cfb58c88;background:#151512e6;color:#eadbc1;font:23px/1 var(--sans);pointer-events:none}
.creative-portfolio-page .creative-artwork figcaption{padding:14px 5px 7px;font:400 11px/1.75 var(--sans);color:#c2b7a2}
.creative-portfolio-page .creative-image-button:focus-visible{outline:2px solid #e7c894;outline-offset:4px}
.creative-portfolio-page .creative-case-card{display:grid;grid-template-columns:1fr 1fr;min-width:0;border:1px solid #cfb58c44;background:#1d1d17c9;text-decoration:none;overflow:hidden;transition:border-color .25s ease}
.creative-portfolio-page .creative-case-card:hover{border-color:#cfb58c99}
.creative-portfolio-page .creative-case-cover{min-width:0;background:#25251e;display:grid;place-items:center}
.creative-portfolio-page .creative-case-cover img{display:block;width:100%;height:100%;min-height:250px;object-fit:cover}
.creative-portfolio-page .creative-case-cover>span{font:400 44px/1.1 var(--serif);padding:30px;color:#cfb58c}
.creative-portfolio-page .creative-case-copy{align-self:center;min-width:0;padding:clamp(25px,4vw,60px)}
.creative-portfolio-page .creative-case-copy h3{font:400 clamp(34px,4vw,60px)/1.03 var(--serif);letter-spacing:-.035em;margin:24px 0;color:#f0ede5;overflow-wrap:anywhere}
.creative-portfolio-page .creative-case-copy p{font:400 13px/1.9 var(--sans);color:#b2afa3;margin:0 0 24px;max-width:58ch}
.creative-portfolio-page .creative-case-copy .service-text-link{min-height:44px}
.creative-portfolio-page:has(.cofo-viewer[open]){overflow:hidden}
.creative-portfolio-page #cofo-motion-status{padding-inline:var(--gutter);margin:0}
@media(max-width:760px){.creative-portfolio-page .creative-case-card{grid-template-columns:1fr}.creative-portfolio-page .creative-case-cover img{min-height:0;max-height:430px;object-fit:contain}.creative-portfolio-page .creative-case-copy{padding:26px}.creative-portfolio-page .creative-artwork figcaption{font-size:10px}.creative-portfolio-page .creative-enlarge{width:36px;height:36px;right:8px;bottom:8px}.creative-portfolio-page .creative-case-copy p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.creative-portfolio-page .creative-image-button img,.creative-portfolio-page .creative-case-card{transition:none}.creative-portfolio-page .creative-image-button:hover img{scale:1}}
.motion-paused .creative-portfolio-page .creative-image-button:hover img{scale:1}
@media print{.creative-portfolio-page .creative-enlarge,.creative-portfolio-page .cofo-motion-button{display:none}.creative-portfolio-page .creative-artwork{break-inside:avoid;box-shadow:none;background:white}.creative-portfolio-page .creative-artwork figcaption{color:#222}}

/* The portfolio destinations use a restrained studio shell. */
body.creative-portfolio-page{--portfolio-paper:#f1f0ea;--portfolio-ink:#171916;--gutter:3vw;background:var(--portfolio-paper);color:var(--portfolio-ink);overflow-x:clip}
body.photography-page{--portfolio-paper:#fff}
body.creative-portfolio-page .portfolio-header{position:sticky;top:0;inset-inline:0;padding:15px 2vw;min-height:76px;background:var(--portfolio-paper);color:var(--portfolio-ink);border:0;backdrop-filter:none;gap:24px}
body.creative-portfolio-page .portfolio-header .service-wordmark{font:600 clamp(15px,1.65vw,23px)/1 var(--sans);letter-spacing:-.07em;color:inherit}
body.creative-portfolio-page .portfolio-header .service-wordmark>span{font:400 10px/1 var(--sans);vertical-align:top;display:inline-block;margin:0 0 0 5px;color:inherit}
body.creative-portfolio-page .portfolio-header .service-nav{gap:25px;font-size:12px}
body.creative-portfolio-page .portfolio-header .service-nav a{color:#5e625b;padding:10px 0;border:0}
body.creative-portfolio-page .portfolio-header .service-nav a[aria-current=page]{color:#151713;text-decoration:underline;text-underline-offset:6px}
body.creative-portfolio-page .portfolio-header .service-header-cta{font-size:12px;border:0;color:inherit;padding:13px 0;white-space:nowrap}
body.creative-portfolio-page .service-menu-toggle{color:inherit;font-size:14px;min-height:44px;min-width:76px;justify-content:end}
body.creative-portfolio-page .service-menu-toggle span:last-child{color:inherit}
body.creative-portfolio-page #service-mobile-menu{inset:76px 0 0;background:var(--portfolio-paper);color:var(--portfolio-ink);padding:25px 5vw 45px;gap:6px;overscroll-behavior:contain}
body.creative-portfolio-page #service-mobile-menu a{font:500 clamp(27px,7vw,42px)/1.2 var(--sans);color:inherit;border-color:#17191625;padding:15px 0;letter-spacing:-.04em}
body.creative-portfolio-page .portfolio-footer{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:40px 3vw;background:var(--portfolio-paper);color:var(--portfolio-ink);border-color:#17191630}
body.creative-portfolio-page .portfolio-footer .service-wordmark{font:500 23px/1.2 var(--sans);letter-spacing:-.06em;color:inherit}
body.creative-portfolio-page .portfolio-footer p{font:400 12px/1.5 var(--sans);color:#5e625b;margin:0;justify-self:end}
body.creative-portfolio-page .portfolio-footer>div{display:flex;flex-wrap:wrap;gap:15px 25px;grid-column:1/-1;margin:0}
body.creative-portfolio-page .portfolio-footer>div a{font-size:12px;color:inherit;border:0;min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere}
body.creative-portfolio-page .portfolio-footer small{font-size:10px;align-self:center;color:#5e625b}
body.creative-portfolio-page .portfolio-footer .motion-toggle{position:static;transform:none;justify-self:end;margin:0;background:transparent;color:inherit;border:1px solid #17191640;box-shadow:none;backdrop-filter:none}
body.creative-portfolio-page .cofo-viewer-bar h2{font:500 18px/1.2 var(--sans);color:#f0ede5;letter-spacing:-.03em}
body.creative-portfolio-page .cofo-viewer-controls p{color:#ccc;max-width:none}
body.creative-portfolio-page :is(a,button,summary):focus-visible{outline:2px solid #926c28;outline-offset:5px}
@media(max-width:1000px){body.creative-portfolio-page .portfolio-header .service-nav{gap:16px}body.creative-portfolio-page .portfolio-header .service-wordmark{font-size:18px}}
@media(max-width:760px){body.creative-portfolio-page{--gutter:5vw}body.creative-portfolio-page .portfolio-header{padding:12px 4vw;min-height:68px}body.creative-portfolio-page .portfolio-header .service-wordmark{font-size:18px}body.creative-portfolio-page .portfolio-header .service-nav,body.creative-portfolio-page .portfolio-header .service-header-cta{display:none}body.creative-portfolio-page .portfolio-header .service-menu-toggle{display:flex}body.creative-portfolio-page #service-mobile-menu{top:68px}body.creative-portfolio-page .portfolio-footer{padding:32px 5vw;gap:20px}body.creative-portfolio-page .portfolio-footer p{font-size:10px;max-width:16ch;text-align:right}body.creative-portfolio-page .portfolio-footer>div{gap:0 20px}body.creative-portfolio-page .portfolio-footer>div a{font-size:11px}}
@media(prefers-reduced-motion:reduce){body.creative-portfolio-page *{scroll-behavior:auto}}