.cug-portfolio-page #qodef-page-inner{width:100%!important;padding:0!important}
.cug-portfolio-page .qodef-page-title{display:none}
.cug-portfolio-main{--ink:#171717;--muted:#515151;color:var(--ink);max-width:1280px;margin:0 auto;padding:12px 24px 48px}
.cug-portfolio-main a{color:inherit;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.cug-portfolio-main a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.cug-portfolio-back{margin:0 0 24px}.cug-portfolio-back a,.cug-portfolio-bottom a{display:inline-flex;min-height:44px;align-items:center;font-size:16px}
.cug-portfolio-editorial h1{font-size:clamp(32px,4.6vw,64px);line-height:1.08;letter-spacing:-.025em;margin:0 0 28px;text-wrap:balance;max-width:1000px}
.cug-portfolio-opening{display:grid;gap:24px;align-items:center}
.cug-portfolio-hero{margin:0;min-width:0}.cug-portfolio-hero a{display:block;width:fit-content;max-width:100%;margin:auto}
.cug-portfolio-hero img{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:520px;background:none}
.cug-portfolio-intro p,.cug-portfolio-story p{font-size:17px;line-height:1.75;margin:0 0 18px}
.cug-portfolio-intro p:last-child,.cug-portfolio-story p:last-child{margin-bottom:0}
.cug-portfolio-story{max-width:720px;margin:40px auto}
.cug-portfolio-story h2,.cug-portfolio-film h2,.cug-portfolio-gallery-section h2{font-size:clamp(25px,2.7vw,36px);line-height:1.2;margin:36px 0 16px;text-wrap:balance}
.cug-portfolio-story>h2:first-child{margin-top:0}
.cug-portfolio-film{display:grid;gap:24px;margin:40px 0;padding:32px 0;border-block:1px solid #d6d6d6;align-items:center}
.cug-portfolio-film h2{margin-top:0}.cug-portfolio-film p{font-size:17px;line-height:1.7}
.cug-portfolio-film .cug-source-film video{max-height:560px;max-width:100%;height:auto;width:auto;background:none}
.cug-portfolio-film .cug-source-film figcaption{display:none}
.cug-portfolio-gallery-section{margin-top:40px}
.cug-portfolio-gallery{container-type:inline-size;display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;justify-content:flex-start}
.cug-portfolio-gallery figure{margin:0;width:max-content;max-width:100%}
.cug-portfolio-gallery img{display:block;height:min(260px,calc(100cqw*var(--image-factor)))!important;width:auto!important;max-width:none;background:none}
.cug-portfolio-gallery a{display:block}
.cug-portfolio-bottom{border-top:1px solid #d6d6d6;margin-top:40px;padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}
.cug-portfolio-contact{display:inline-flex;align-items:center;min-height:44px}
.cug-portfolio-main ::selection{background:#171717;color:#fff}
@media(min-width:760px){
 .cug-portfolio-main{padding:16px 5.5% 64px}
 .cug-portfolio-opening{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px}
 .cug-portfolio-hero a{margin:0 auto 0 0}
 .cug-portfolio-intro p{font-size:19px;line-height:1.7}
 .cug-portfolio-editorial h1{margin-bottom:36px}
 .cug-portfolio-story{margin:56px auto}
 .cug-portfolio-film{grid-template-columns:1fr 1fr;margin:56px 0;padding:40px 0}
 .cug-portfolio-gallery{gap:28px}
 .cug-portfolio-gallery img{height:min(380px,calc(100cqw*var(--image-factor)))!important}
 .cug-portfolio-gallery-section{margin-top:56px}
}
@media(min-width:1440px){.cug-portfolio-main{padding-inline:40px}.cug-portfolio-gallery img{height:min(380px,calc(100cqw*var(--image-factor)))!important}}
@media(max-width:759px){.cug-portfolio-intro:empty{display:none}.cug-portfolio-hero img{max-height:520px}.cug-portfolio-gallery{justify-content:center}.cug-portfolio-main h1{overflow-wrap:break-word}}
.cug-portfolio-page .cug-source-dialog h2{font-size:24px;line-height:1.2;margin:0 0 16px;text-wrap:balance}
.cug-portfolio-page .cug-source-dialog img{max-height:calc(100dvh - 290px)}
.cug-portfolio-page .cug-source-dialog .cug-dialog-nav{font-size:14px;line-height:1.5}
.cug-portfolio-page .cug-source-dialog button{min-height:44px;flex-shrink:0}
.cug-portfolio-editorial.is-artwork h1{text-align:center;margin-inline:auto}
.is-artwork .cug-portfolio-opening{display:flex;flex-direction:column;gap:20px}
.is-artwork .cug-portfolio-hero a{margin-inline:auto}
.is-artwork .cug-portfolio-intro{text-align:center;max-width:680px}
.is-artwork .cug-portfolio-hero img{max-height:640px}
@media(max-width:759px){.is-artwork .cug-portfolio-hero img{max-height:520px}}
