.project-card.compact{max-width:72%;justify-self:end}
.project-card.compact .cover{aspect-ratio:1.7}
.project-card.compact .card-meta h3{font-size:21px}
.cover-brand{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:#fff;font-size:clamp(48px,10vw,176px);font-weight:700;letter-spacing:-.085em;line-height:1;mix-blend-mode:screen;text-shadow:0 2px 30px rgba(0,0,0,.55);pointer-events:none}.cover-brand.is-yellow-labware{inset:62% 0 auto;height:33%;display:flex;align-items:center;justify-content:center;color:#181818;font-size:clamp(24px,3.45vw,58px);font-weight:800;white-space:nowrap;mix-blend-mode:multiply;text-shadow:none}.project-card:hover .cover-brand{transform:scale(1.015);transition:transform .65s cubic-bezier(.2,.7,.2,1)}.capsule-wordmark{position:absolute;z-index:1;left:7%;top:50%;transform:translateY(-50%);color:#f5f2ed;font-size:clamp(24px,4.2vw,70px);font-weight:300;letter-spacing:.16em;line-height:1;white-space:nowrap;text-shadow:0 2px 20px rgba(0,0,0,.35);pointer-events:none}.capsule-wordmark em{font-style:normal;color:#d92e38;font-weight:600}
@media(max-width:760px){.project-card.compact{max-width:none;justify-self:stretch}.project-card.compact .cover{aspect-ratio:1.2}.project-card.compact .card-meta h3{font-size:19px}}
.project-gallery.compact-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-gallery.compact-gallery figure a{aspect-ratio:1.04;display:flex;align-items:center;justify-content:center;padding:22px;background:#ecece8}.project-gallery.compact-gallery figure img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;background:transparent}.project-gallery.compact-gallery .gallery-title{grid-column:1/-1}
@media(max-width:760px){.project-gallery.compact-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-gallery.compact-gallery figure a{padding:12px}}@media(max-width:410px){.project-gallery.compact-gallery{grid-template-columns:1fr}}

/* Gallery layout fixes: DeFacto, Benetton, Coca-Cola */
.project-gallery.compact-gallery{width:min(100%,1420px);margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}
.project-gallery.compact-gallery .gallery-title{grid-column:1/-1;margin:44px 0 0}
.project-gallery.compact-gallery figure{min-width:0;background:#ecece8}
.project-gallery.compact-gallery figure a{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background:#ecece8}
.project-gallery.compact-gallery figure img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;background:transparent}
.project-gallery.compact-gallery figcaption{min-height:48px;padding:12px 14px}
.project-gallery.benetton-gallery{grid-template-columns:minmax(250px,.55fr) minmax(0,1.45fr);align-items:stretch}
.project-gallery.benetton-gallery figure a{height:clamp(420px,38vw,570px);aspect-ratio:auto}
.project-gallery.benetton-gallery figure:first-of-type a{padding:18px}
.project-gallery.benetton-gallery figure:first-of-type img{max-width:450px}
@media(max-width:900px){.project-gallery.compact-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.project-gallery.benetton-gallery{grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr)}.project-gallery.benetton-gallery figure a{height:460px}}
@media(max-width:620px){.project-gallery.compact-gallery,.project-gallery.benetton-gallery{grid-template-columns:1fr}.project-gallery.compact-gallery figure a{padding:16px}.project-gallery.benetton-gallery figure a{height:auto;min-height:300px;max-height:500px;aspect-ratio:4/3}.project-gallery.benetton-gallery figure:first-of-type a{aspect-ratio:3/4}}

/* Inovenso — editorial case study, channel ownership and moving image */
.project-gallery.inovenso-gallery{gap:26px 22px}
.project-gallery.inovenso-gallery .gallery-title{margin-top:68px;padding-top:18px;border-top:1px solid #b9b9b3;font-size:clamp(28px,3vw,46px);letter-spacing:-.045em}
.project-statement{display:grid;grid-template-columns:.58fr 1.42fr;gap:8%;padding:34px;background:#111;color:#f6f6f2}
.project-statement>span{font-size:12px;letter-spacing:.12em;color:#d9ff43;font-weight:700}
.project-statement h3{max-width:900px;margin:0 0 16px;font-size:clamp(30px,4vw,62px);line-height:1;letter-spacing:-.055em;font-weight:500}
.project-statement p{max-width:820px;margin:0;color:#c9c9c2;font-size:18px;line-height:1.55}
.project-statement ul{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none}
.project-statement li{border:1px solid #555;border-radius:99px;padding:8px 13px;font-size:13px;color:#f2f2ed}
.project-statement a{display:inline-block;margin-top:24px;padding-bottom:4px;border-bottom:1px solid #d9ff43;color:#d9ff43;font-size:14px}
.inovenso-gallery figure.social-tile{width:min(82%,440px);justify-self:center;background:#fff}
.inovenso-gallery figure.social-tile a{aspect-ratio:1;display:grid;place-items:center;padding:12px;overflow:hidden;background:#fff}
.inovenso-gallery figure.social-tile img{width:100%;height:100%;object-fit:contain}
.inovenso-gallery figure.social-phone{width:min(78%,430px);justify-self:center}
.inovenso-gallery figure.social-phone a{height:500px;display:grid;place-items:center;padding:14px;overflow:hidden;background:#f2f2ef}
.inovenso-gallery figure.social-phone img{width:100%;height:100%;object-fit:contain}
.inovenso-gallery figure.social-summary{grid-column:1/-1;width:min(72%,900px);justify-self:center;background:#fff}
.inovenso-gallery figure.social-summary a{aspect-ratio:16/9;display:grid;place-items:center;padding:18px;overflow:hidden;background:#fff}
.inovenso-gallery figure.social-summary img{width:100%;height:100%;object-fit:contain}
.youtube-card{background:#111!important;color:#fff;overflow:hidden}
.youtube-frame{position:relative;aspect-ratio:16/9;background:#050505;overflow:hidden}
.youtube-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.youtube-card figcaption{display:flex;flex-direction:column;gap:5px;padding:17px 18px 20px!important;color:#d1d1cb!important;background:#111;min-height:92px}
.youtube-card figcaption strong{font-size:18px;line-height:1.25;color:#fff;font-weight:600}
.youtube-card figcaption span{font-size:13px;line-height:1.45;color:#a8a8a3}
.gallery-subtitle{grid-column:1/-1;margin:22px 0 0;padding:14px 18px;border-left:5px solid #efb216;background:#efb21616;font-size:24px;line-height:1.2;letter-spacing:-.025em;font-weight:600}
.project-gallery.yellowlab-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
.inovenso-gallery figure.editorial-tile{width:min(100%,520px);justify-self:center;background:#fff}
.inovenso-gallery figure.editorial-tile a{height:clamp(300px,30vw,410px);display:grid;place-items:center;padding:18px;background:#fff;overflow:hidden}
.inovenso-gallery figure.editorial-tile img{width:100%;height:100%;object-fit:contain}
.inovenso-gallery figure.catalog-tile{grid-column:1/-1;width:min(72%,850px);justify-self:center;background:#fff}
.inovenso-gallery figure.catalog-tile a{aspect-ratio:16/10;display:grid;place-items:center;padding:24px;background:#fff;overflow:hidden}
.inovenso-gallery figure.catalog-tile img{width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.project-gallery.inovenso-gallery{grid-template-columns:1fr}.project-gallery.inovenso-gallery .gallery-title{margin-top:44px}.project-statement{grid-column:1!important;grid-template-columns:1fr;gap:20px;padding:25px}.project-statement h3{font-size:36px}.project-statement p{font-size:16px}.youtube-card{grid-column:1!important}.inovenso-gallery figure.social-tile,.inovenso-gallery figure.social-phone,.inovenso-gallery figure.social-summary{width:100%}.inovenso-gallery figure.social-phone a,.inovenso-gallery figure.editorial-tile a{height:auto;max-height:560px}.inovenso-gallery figure.social-phone img,.inovenso-gallery figure.editorial-tile img{height:auto;max-height:560px}.inovenso-gallery figure.catalog-tile{width:100%}.inovenso-gallery figure.catalog-tile a{padding:14px}}

/* Inovenso case study: a tighter, image-led reading rhythm. */
.project-gallery.inovenso-case{gap:22px 24px;align-items:stretch}
.inovenso-case .case-hero{overflow:hidden;background:#0d1721}
.inovenso-case .case-hero a{aspect-ratio:2.1;overflow:hidden}
.inovenso-case .case-hero img{width:100%;height:100%;object-fit:cover;background:#0d1721}
.inovenso-case .case-hero figcaption{background:#141414;color:#e7e7e1;padding:14px 20px;font-size:13px;letter-spacing:.02em}
.project-gallery.inovenso-case .gallery-title{margin:74px 0 4px;padding-top:22px;border-color:#a7a7a1;font-size:clamp(30px,3vw,43px);line-height:1.15}
.inovenso-case .case-hero+.gallery-title{margin-top:48px}
.inovenso-case .project-statement{grid-column:1/-1;grid-template-columns:minmax(150px,.34fr) minmax(0,1fr);gap:5%;padding:clamp(30px,4vw,58px);min-height:0}
.inovenso-case .project-statement h3{max-width:820px;font-size:clamp(36px,4.1vw,59px);line-height:1.04}
.inovenso-case .project-statement p{max-width:750px;line-height:1.55}
.inovenso-case .project-statement ul{gap:9px;margin-top:26px}
.inovenso-case .project-statement li{border-color:#61615c;padding:8px 12px}
.inovenso-case figure.strategy-tile{min-width:0;background:#e9e9e5;border:1px solid #deded8}
.inovenso-case figure.strategy-tile a{aspect-ratio:16/9;overflow:hidden;background:#fff}
.inovenso-case figure.strategy-tile img{width:100%;height:100%;object-fit:cover;background:#fff}
.inovenso-case figure.strategy-tile figcaption{min-height:62px;padding:15px 17px;background:#e9e9e5;color:#333;font-size:14px;line-height:1.4}
.inovenso-case figure.social-tile{width:100%;justify-self:stretch;border:1px solid #e0e0db}
.inovenso-case figure.social-tile a{padding:0;aspect-ratio:1;background:#fff}
.inovenso-case figure.social-tile img{object-fit:cover}
.inovenso-case figure.social-tile figcaption,.inovenso-case figure.social-phone figcaption{padding:12px 15px;min-height:49px;background:#e9e9e5;color:#3e3e3b}
.inovenso-case figure.social-phone{width:100%;justify-self:stretch;border:1px solid #e0e0db}
.inovenso-case figure.social-phone a{height:490px;background:#e9e9e5;padding:22px}
.inovenso-case figure.social-phone img{max-width:410px}
.inovenso-case .youtube-card.full{grid-column:1/-1}
.inovenso-case .youtube-card figcaption{min-height:89px}
.inovenso-case figure.editorial-tile{width:100%;justify-self:stretch;border:1px solid #e0e0db;background:#e9e9e5}
.inovenso-case figure.editorial-tile a{height:440px;padding:22px;background:#e9e9e5}
.inovenso-case figure.editorial-tile img{max-height:100%;object-fit:contain;background:transparent}
.inovenso-case figure.editorial-document a{height:560px}
.inovenso-case figure.editorial-tile figcaption{min-height:52px;padding:13px 16px;color:#393936}
.page-project:has(.inovenso-case) .project-top{padding-bottom:48px}
.page-project:has(.inovenso-case) .project-intro p{max-width:680px}
@media(max-width:760px){
  .project-gallery.inovenso-case{grid-template-columns:1fr;gap:16px}
  .inovenso-case .case-hero a{aspect-ratio:1.4}
  .project-gallery.inovenso-case .gallery-title{margin-top:54px;padding-top:16px;font-size:30px}
  .inovenso-case .case-hero+.gallery-title{margin-top:34px}
  .inovenso-case .project-statement{grid-column:1;grid-template-columns:1fr;gap:18px;padding:28px}
  .inovenso-case .project-statement h3{font-size:clamp(33px,8vw,46px)}
  .inovenso-case .project-statement p{font-size:16px}
  .inovenso-case figure.strategy-tile figcaption{min-height:0}
  .inovenso-case figure.social-phone a{height:420px}
  .inovenso-case figure.editorial-tile a,.inovenso-case figure.editorial-document a{height:430px}
}

/* Yellow Labware: a focused brand and film case study. */
.project-gallery.yellowlab-case{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px;align-items:stretch}
.yellowlab-case .case-hero{overflow:hidden;background:#dfe7e9}
.yellowlab-case .case-hero a{aspect-ratio:1.9;overflow:hidden}
.yellowlab-case .case-hero img{width:100%;height:100%;object-fit:cover;background:#dfe7e9}
.yellowlab-case .case-hero figcaption{background:#151515;color:#f2f2ed;padding:14px 20px;font-size:13px}
.project-gallery.yellowlab-case .gallery-title{margin:74px 0 4px;padding-top:22px;border-color:#a7a7a1;font-size:clamp(30px,3vw,43px);line-height:1.15}
.yellowlab-case .case-hero+.gallery-title{margin-top:48px}
.yellowlab-case .project-statement{grid-column:1/-1;grid-template-columns:minmax(150px,.34fr) minmax(0,1fr);gap:5%;padding:clamp(30px,4vw,58px);min-height:0}
.yellowlab-case .project-statement>span{color:#f3ca28}
.yellowlab-case .project-statement h3{max-width:800px;font-size:clamp(36px,4.1vw,59px);line-height:1.04}
.yellowlab-case .project-statement p{max-width:750px;line-height:1.55}
.yellowlab-case .project-statement ul{gap:9px;margin-top:26px}
.yellowlab-case .project-statement li{border-color:#61615c;padding:8px 12px}
.yellowlab-case .project-statement a{color:#f3ca28;border-color:#f3ca28}
.yellowlab-case figure.studio-portrait{grid-row:span 2;display:flex;flex-direction:column;min-height:0;background:#e3e5e3}
.yellowlab-case figure.studio-portrait a{flex:1;min-height:0;overflow:hidden}
.yellowlab-case figure.studio-portrait img{height:100%;width:100%;object-fit:cover;object-position:center 42%;background:#e3e5e3}
.yellowlab-case figure.strategy-tile{min-width:0;background:#e9e9e5;border:1px solid #deded8}
.yellowlab-case figure.strategy-tile a{aspect-ratio:16/9;overflow:hidden;background:#fff}
.yellowlab-case figure.strategy-tile img{width:100%;height:100%;object-fit:cover;background:#fff}
.yellowlab-case figure.studio-portrait figcaption,.yellowlab-case figure.strategy-tile figcaption,.yellowlab-case figure.on-set-image figcaption{min-height:52px;padding:14px 17px;background:#e9e9e5;color:#383835;font-size:14px;line-height:1.4}
.yellowlab-case .youtube-card.full{grid-column:1/-1}
.yellowlab-case .youtube-card figcaption{min-height:89px}
.yellowlab-case figure.on-set-image a{aspect-ratio:1.9;overflow:hidden}
.yellowlab-case figure.on-set-image img{height:100%;width:100%;object-fit:cover;background:#111}
.page-project:has(.yellowlab-case) .project-top{padding-bottom:48px}
.page-project:has(.yellowlab-case) .project-intro p{max-width:680px}
@media(max-width:760px){
  .project-gallery.yellowlab-case{grid-template-columns:1fr;gap:16px}
  .yellowlab-case .case-hero a{aspect-ratio:1.35}
  .project-gallery.yellowlab-case .gallery-title{margin-top:54px;padding-top:16px;font-size:30px}
  .yellowlab-case .case-hero+.gallery-title{margin-top:34px}
  .yellowlab-case .project-statement{grid-column:1;grid-template-columns:1fr;gap:18px;padding:28px}
  .yellowlab-case .project-statement h3{font-size:clamp(33px,8vw,46px)}
  .yellowlab-case .project-statement p{font-size:16px}
  .yellowlab-case figure.studio-portrait{grid-row:auto}
  .yellowlab-case figure.studio-portrait a{height:480px;flex:none}
  .yellowlab-case figure.strategy-tile figcaption{min-height:0}
  .yellowlab-case figure.on-set-image a{aspect-ratio:1.35}
}

/* Istanbul Kültür University: the classroom and the teaching method. */
.project-gallery.iku-gallery{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:24px;align-items:stretch}
.iku-gallery .gallery-title{margin:62px 0 4px;padding-top:20px;border-top:1px solid #aaa;font-size:clamp(30px,3vw,43px);line-height:1.14;letter-spacing:-.045em}
.iku-gallery .gallery-title:first-child{margin-top:20px}
.iku-gallery figure.classroom-hero{overflow:hidden;background:#dce6ea}
.iku-gallery figure.classroom-hero a{aspect-ratio:16/9;overflow:hidden}
.iku-gallery figure.classroom-hero img{width:100%;height:100%;object-fit:cover;object-position:center 62%;background:#dce6ea}
.iku-gallery figure.classroom-hero figcaption{background:#e9e9e5;color:#454541;padding:14px 18px}
.iku-gallery .project-statement{grid-column:1/-1;grid-template-columns:minmax(150px,.34fr) minmax(0,1fr);gap:5%;padding:clamp(30px,4vw,58px);min-height:0}
.iku-gallery .project-statement h3{max-width:800px;font-size:clamp(36px,4.1vw,59px);line-height:1.04}
.iku-gallery .project-statement p{max-width:760px;line-height:1.55}
.iku-gallery .project-statement ul{gap:9px;margin-top:26px}
.iku-gallery .project-statement li{border-color:#61615c;padding:8px 12px}
.iku-gallery .teaching-note{min-width:0;background:#e9e9e5;padding:clamp(30px,3.5vw,52px);display:flex;flex-direction:column}
.iku-gallery .teaching-kicker{font-size:12px;letter-spacing:.12em;font-weight:700;color:#535f12}
.iku-gallery .teaching-note h3{max-width:530px;margin:24px 0 16px;font-size:clamp(34px,3.6vw,52px);font-weight:500;letter-spacing:-.05em;line-height:1.08}
.iku-gallery .teaching-note>p{max-width:540px;margin:0;color:#494944;font-size:18px;line-height:1.55}
.iku-gallery .teaching-note ol{list-style:none;margin:auto 0 0;padding:30px 0 0}
.iku-gallery .teaching-note li{display:grid;grid-template-columns:38px 1fr;gap:15px;padding:14px 0;border-top:1px solid #c9c9c3}
.iku-gallery .teaching-note li span{font-size:13px;color:#5d6d11;font-weight:700;padding-top:2px}
.iku-gallery .teaching-note li b{font-size:18px;font-weight:600}
.iku-gallery .teaching-note li p{margin:2px 0 0;font-size:15px;line-height:1.45;color:#5a5a55}
.iku-gallery figure.teaching-portrait{min-width:0;background:#dce6ea;display:flex;flex-direction:column}
.iku-gallery figure.teaching-portrait a{flex:1;min-height:590px;max-height:760px;overflow:hidden}
.iku-gallery figure.teaching-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 34%;background:#dce6ea}
.iku-gallery figure.teaching-portrait figcaption{background:#e9e9e5;color:#454541;padding:14px 18px}
.page-project:has(.iku-gallery) .project-top{padding-bottom:46px}
.page-project:has(.iku-gallery) .project-intro p{max-width:690px}
@media(max-width:760px){
  .project-gallery.iku-gallery{grid-template-columns:1fr;gap:16px}
  .iku-gallery .gallery-title{margin-top:48px;padding-top:16px;font-size:30px}
  .iku-gallery .gallery-title:first-child{margin-top:18px}
  .iku-gallery figure.classroom-hero a{aspect-ratio:4/3}
  .iku-gallery .project-statement{grid-column:1;grid-template-columns:1fr;gap:18px;padding:28px}
  .iku-gallery .project-statement h3{font-size:clamp(33px,8vw,46px)}
  .iku-gallery .project-statement p,.iku-gallery .teaching-note>p{font-size:16px}
  .iku-gallery .teaching-note{padding:28px}
  .iku-gallery .teaching-note h3{font-size:36px}
  .iku-gallery .teaching-note ol{margin-top:20px;padding-top:0}
  .iku-gallery figure.teaching-portrait a{height:540px;min-height:0;flex:none}
}