/* Selected case gallery and a quiet record of project participation. */
:is(.studio-edition,.studio-casebook) .curated-hero{padding:100px 0 64px}
:is(.studio-edition,.studio-casebook) .curated-hero h1{font-size:clamp(38px,4.4vw,60px);line-height:1.3;letter-spacing:-.05em;font-weight:650;margin:20px 0 24px;word-break:keep-all}
:is(.studio-edition,.studio-casebook) .curated-eyebrow{font-size:14px;line-height:1.6;color:#687386;margin:0 0 12px;font-weight:550}
:is(.studio-edition,.studio-casebook) .curated-lead{font-size:18px;line-height:1.85;color:#556174;margin:0;word-break:keep-all}
:is(.studio-edition,.studio-casebook) .curated-work-list{padding:0 0 100px}
:is(.studio-edition,.studio-casebook) .curated-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
:is(.studio-edition,.studio-casebook) .curated-card{min-width:0;scroll-margin-top:110px}
:is(.studio-edition,.studio-casebook) .curated-preview{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:transparent;border:0;border-radius:0;color:#172033;text-decoration:none}
:is(.studio-edition,.studio-casebook) .curated-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .2s}
:is(.studio-edition,.studio-casebook) .curated-card#kida .curated-preview img,:is(.studio-edition,.studio-casebook) .curated-card#gwang9 .curated-preview img{object-fit:contain;object-position:center}
:is(.studio-edition,.studio-casebook) .curated-preview span{position:absolute;right:12px;bottom:12px;background:#fff;border-radius:6px;padding:7px 11px;font-size:13px;border:1px solid #e3e7ed}
:is(.studio-edition,.studio-casebook) .curated-preview:hover img{transform:scale(1.02)}
:is(.studio-edition,.studio-casebook) .curated-card-copy{padding-top:24px}
:is(.studio-edition,.studio-casebook) .curated-card-copy h2{display:block;font-size:24px;line-height:1.5;letter-spacing:-.035em;margin:0 0 14px;word-break:keep-all}
:is(.studio-edition,.studio-casebook) .curated-card-copy h2 a{color:#1c2433;text-decoration:none}
:is(.studio-edition,.studio-casebook) .curated-card-copy>p:not(.curated-eyebrow){font-size:16px;line-height:1.8;color:#5a6577;margin:0;word-break:keep-all}
:is(.studio-edition,.studio-casebook) .curated-brands{margin-top:96px;padding-top:56px;border-top:1px solid #e0e5ed;scroll-margin-top:110px}
:is(.studio-edition,.studio-casebook) .curated-brands-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:36px}
:is(.studio-edition,.studio-casebook) .curated-brands-heading h2{display:block;font-size:27px;letter-spacing:-.035em;line-height:1.5;margin:0;white-space:nowrap}
:is(.studio-edition,.studio-casebook) .curated-brands-heading p{font-size:15px;line-height:1.8;color:#6a7587;margin:0;word-break:keep-all}
:is(.studio-edition,.studio-casebook) .curated-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:0}
:is(.studio-edition,.studio-casebook) .curated-brand-grid li{display:flex;align-items:center;justify-content:center;min-width:0;height:116px;margin:0;padding:24px;border-bottom:1px solid #edf0f4}
:is(.studio-edition,.studio-casebook) .curated-brand-grid img{width:auto;max-width:145px;max-height:38px;height:auto;object-fit:contain;filter:grayscale(1);opacity:.8}
:is(.studio-edition,.studio-casebook) .curated-brand-grid li:nth-child(2) img{max-width:165px}
:is(.studio-edition,.studio-casebook) .curated-brand-grid span{font-size:24px;font-weight:600;line-height:1.4;letter-spacing:-.035em;color:#626a76}
:is(.studio-edition,.studio-casebook) .curated-contact{padding:80px 0;background:#f5f7fb;text-align:center}
:is(.studio-edition,.studio-casebook) .curated-contact h2{display:block;font-size:clamp(30px,3vw,42px);line-height:1.4;letter-spacing:-.04em;margin:0 0 24px}
:is(.studio-edition,.studio-casebook) .curated-contact p{font-size:18px;line-height:1.85;color:#5a6577;margin:0 0 30px;word-break:keep-all}
.studio-edition .showcase-pair .showcase-planning{aspect-ratio:1.5;background:transparent}
.studio-edition .showcase-planning img{position:static;width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%}
@media(max-width:900px){:is(.studio-edition,.studio-casebook) .curated-grid{grid-template-columns:1fr;gap:48px}:is(.studio-edition,.studio-casebook) .curated-preview{aspect-ratio:1.65}:is(.studio-edition,.studio-casebook) .curated-brands-heading{display:block}:is(.studio-edition,.studio-casebook) .curated-brands-heading p{margin-top:12px}}
@media(max-width:760px){
 :is(.studio-edition,.studio-casebook) .curated-hero{padding:64px 0 40px}:is(.studio-edition,.studio-casebook) .curated-hero h1{font-size:38px;margin:16px 0 22px}:is(.studio-edition,.studio-casebook) .curated-lead{font-size:17px}:is(.studio-edition,.studio-casebook) .curated-lead br{display:none}
 :is(.studio-edition,.studio-casebook) .curated-work-list{padding-bottom:64px}:is(.studio-edition,.studio-casebook) .curated-card-copy{padding-top:20px}:is(.studio-edition,.studio-casebook) .curated-card-copy h2{font-size:23px}
 :is(.studio-edition,.studio-casebook) .curated-brands{margin-top:64px;padding-top:36px}:is(.studio-edition,.studio-casebook) .curated-brands-heading{margin-bottom:22px}:is(.studio-edition,.studio-casebook) .curated-brands-heading h2{font-size:24px}
 :is(.studio-edition,.studio-casebook) .curated-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.studio-edition,.studio-casebook) .curated-brand-grid li{height:96px;padding:16px 10px}:is(.studio-edition,.studio-casebook) .curated-brand-grid img,:is(.studio-edition,.studio-casebook) .curated-brand-grid li:nth-child(2) img{max-width:min(120px,100%);max-height:30px}:is(.studio-edition,.studio-casebook) .curated-brand-grid span{font-size:20px}
 :is(.studio-edition,.studio-casebook) .curated-contact{padding:64px 0}:is(.studio-edition,.studio-casebook) .curated-contact p{font-size:17px}
}

/* Actual PC/mobile captures, presented at a readable preview size. */
:is(.studio-edition,.studio-casebook) .curated-grid{row-gap:56px}
:is(.studio-edition,.studio-casebook) .curated-preview{aspect-ratio:1.5;padding:0;background:transparent}
:is(.studio-edition,.studio-casebook) .curated-preview img,:is(.studio-edition,.studio-casebook) .curated-card#kida .curated-preview img,:is(.studio-edition,.studio-casebook) .curated-card#gwang9 .curated-preview img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:3px}
:is(.studio-edition,.studio-casebook) .curated-brand-grid{display:flex;flex-wrap:wrap;justify-content:center}
:is(.studio-edition,.studio-casebook) .curated-brand-grid li{flex:0 1 25%;height:116px}
:is(.studio-edition,.studio-casebook) .curated-brand-grid img{max-width:145px;max-height:38px;filter:none;opacity:1}
:is(.studio-edition,.studio-casebook) .curated-brand-grid .brand-sk img{width:46px;max-height:38px}
:is(.studio-edition,.studio-casebook) .curated-brand-grid .brand-whiteangels img{width:48px;max-height:50px}
.studio-edition .showcase-screen.showcase-capture img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center}
.studio-edition .showcase-screen.showcase-capture{aspect-ratio:1.62;background:transparent;padding:0}
.v2-page.project-detail .project-screen-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,220px);gap:28px;align-items:start}
.v2-page.project-detail .project-screen-pair figure{margin:0;min-width:0}
.v2-page.project-detail .project-screen-pair .project-image-frame{padding:0;background:transparent}
.v2-page.project-detail .project-screen-pair figure img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.v2-page.project-detail .project-screen-pair+.project-credit{margin-top:44px}
@media(max-width:1020px){:is(.studio-edition,.studio-casebook) .curated-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.studio-edition,.studio-casebook) .curated-brand-grid li{flex-basis:33.3333%}}
@media(max-width:760px){
 :is(.studio-edition,.studio-casebook) .curated-grid{grid-template-columns:1fr;gap:44px}:is(.studio-edition,.studio-casebook) .curated-preview{aspect-ratio:1.5;padding:0}
 :is(.studio-edition,.studio-casebook) .curated-brand-grid li{flex-basis:50%;height:100px;padding:16px 12px}
 :is(.studio-edition,.studio-casebook) .curated-brand-grid img,:is(.studio-edition,.studio-casebook) .curated-brand-grid li:nth-child(2) img{max-width:min(120px,100%);max-height:30px}
 :is(.studio-edition,.studio-casebook) .curated-brand-grid .brand-whiteangels img{width:42px;max-height:44px}
 .v2-page.project-detail .project-screen-pair{grid-template-columns:1fr;gap:24px}
 .v2-page.project-detail .project-screen-pair .project-screen-mobile{width:min(250px,78%);justify-self:center}
 .v2-page.project-detail .project-screen-pair .project-image-frame{padding:0}
 .v2-page.project-detail .project-screen-pair+.project-credit{margin-top:32px}
}

/* Related content stays with its site; promotions share one concise case. */
:is(.studio-edition,.studio-casebook) .curated-promotion-preview .promotion-preview-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:8px;width:100%;height:100%;min-height:0}
:is(.studio-edition,.studio-casebook) .curated-promotion-preview .promotion-preview-strip img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;background:#fff;border-radius:3px}
:is(.studio-edition,.studio-casebook) .curated-promotion-preview .promotion-preview-strip img:last-child{grid-column:1/-1}
.v2-page.project-detail .project-subcase{margin-top:76px;padding-top:48px;border-top:1px solid #e0e5ed;scroll-margin-top:110px}
.v2-page.project-detail .project-subcase h2{font-size:28px;line-height:1.5;letter-spacing:-.035em;margin:0 0 14px}
.v2-page.project-detail .project-subcase-intro{font-size:17px;line-height:1.85;color:#5a6577;margin:0 0 32px;word-break:keep-all}
.v2-page.project-detail .promotion-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.v2-page.project-detail .promotion-project{min-width:0}
.v2-page.project-detail .promotion-project figure{margin:0}
.v2-page.project-detail .promotion-project .project-image-frame{height:250px;padding:0;background:transparent}
.v2-page.project-detail .promotion-project .project-image-frame img{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
.v2-page.project-detail .promotion-project h2{font-size:23px;line-height:1.5;letter-spacing:-.035em;margin:24px 0 12px}
.v2-page.project-detail .promotion-project p{font-size:16px;line-height:1.85;color:#5a6577;margin:0;word-break:keep-all}
.v2-page.project-detail .promotion-project-grid+.project-credit{margin-top:44px}
@media(max-width:760px){
 .v2-page.project-detail .project-subcase{margin-top:56px;padding-top:36px}
 .v2-page.project-detail .project-subcase h2{font-size:25px}
 .v2-page.project-detail .promotion-project-grid{grid-template-columns:1fr;gap:44px}
 .v2-page.project-detail .promotion-project .project-image-frame{height:auto;aspect-ratio:1.25}
 .v2-page.project-detail .promotion-project h2{margin-top:20px}
}

/* Let the actual work screens stand on their own. */
:is(.studio-edition,.studio-casebook) .curated-card{display:flex;flex-direction:column}
:is(.studio-edition,.studio-casebook) .curated-preview{flex-shrink:0;box-shadow:none}
:is(.studio-edition,.studio-casebook) .curated-card-copy{flex:1;display:flex;flex-direction:column;align-items:flex-start}
:is(.studio-edition,.studio-casebook) .curated-detail-link{margin-top:auto;padding-top:20px;font-size:15px}
.studio-edition #work{background:#fff}
.studio-edition .showcase-screen,.studio-edition .showcase-pair .showcase-screen,.studio-edition .showcase-screen.showcase-capture{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
.v2-page.project-detail .project-images .project-image-frame{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
.v2-page.project-detail .project-images figure img{border:0;border-radius:0;box-shadow:none}