.quinto-case{--q-paper:#eeebe9;--q-ink:#11110f;--q-blue:#173fae;background:var(--q-paper);color:var(--q-ink)}
.quinto-case figure{margin:0;min-width:0}
.quinto-case img{display:block;width:100%;height:auto}
.quinto-case figcaption{font:11px/1.5 'Courier New',monospace;padding:14px 0;letter-spacing:.03em}
.quinto-case h2{font-size:clamp(40px,5.2vw,82px);font-weight:500;letter-spacing:-.05em;line-height:1.02;margin:0 0 30px}
.quinto-case p{font-size:17px;line-height:1.65;margin:0 0 24px}
.q-intro{padding:38px 4.8% 48px}
.q-intro .back-link{margin-bottom:48px}
.q-intro-top{display:flex;justify-content:space-between;gap:20px}
.q-intro h1{font-size:clamp(100px,17vw,260px);line-height:.86;letter-spacing:-.06em;font-weight:700;margin:40px 0 48px}
.q-intro h1>span{color:var(--q-blue)}
.q-intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:32px}
.q-intro-bottom p{font-size:clamp(28px,3.6vw,55px);line-height:1;letter-spacing:-.04em;margin:0}
.q-intro-bottom ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.q-intro-bottom li{font-size:12px;border:1px solid #c8c1b9;border-radius:24px;padding:10px 15px}
.quinto-case .q-cover{background:#151411;color:var(--q-paper);padding:36px 4.8% 18px}
.q-cover img,.q-cover figcaption{max-width:1040px;margin-inline:auto}
.q-section{padding:90px 4.8%}
.q-concept,.q-section-head{display:grid;grid-template-columns:1fr 2fr;gap:8%}
.q-concept{border-bottom:1px solid #d1cbc5}
.q-concept>div{max-width:740px}
.q-research{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-block:1px solid #c8c1b9;padding:28px 0;margin:32px 0}
.q-research-number{display:block;color:var(--q-blue);font-size:clamp(64px,7vw,100px);font-weight:500;letter-spacing:-.06em;line-height:1;margin-bottom:18px}
.q-research-number>span{font-size:.55em}
.quinto-case .q-research-item>p{font-size:16px;line-height:1.5;margin-bottom:16px}
.q-research-item>a{font-size:12px;line-height:1.6;text-decoration:underline;text-underline-offset:3px}
.q-research-item>a:focus-visible{outline:2px solid var(--q-blue);outline-offset:5px}
.quinto-case .q-insight{font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-.035em;margin:36px 0 28px}
.q-section-head{margin-bottom:48px}
.q-section-head>div>p{max-width:680px;margin-bottom:0}
.q-scenes{background:#e2ddd5}
.q-mixed-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;max-width:1300px;margin-inline:auto}
.q-ooh{background:#151411;color:var(--q-paper)}
.q-ooh .eyebrow{color:#d7bd94}
.quinto-case .q-ooh-main{max-width:1448px;margin:0 auto 36px}
.q-ooh-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1200px;margin-inline:auto;align-items:start}
.q-social{background:#f6f3ee}
.q-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1050px;margin-inline:auto}
.q-credits{padding:55px 4.8%;display:grid;grid-template-columns:1fr 2fr;gap:8%}
.q-credits dl{margin:0}
.q-credits dl>div{display:grid;grid-template-columns:150px 1fr;gap:20px;margin-bottom:16px;font-size:14px;line-height:1.5}
.q-credits dt{color:#605b53}
.q-credits dd{margin:0}
.quinto-preview-art{position:relative;overflow:hidden;aspect-ratio:1.15;background:#151411}
.quinto-preview-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.quinto-preview-label{position:absolute;left:20px;bottom:20px;font:9px 'Courier New',monospace;background:#151411;color:#fff;padding:9px 12px}
@media(max-width:900px){
  .q-intro-bottom{flex-direction:column;align-items:start}
  .q-section{padding:65px 5%}
  .q-concept,.q-section-head,.q-credits{grid-template-columns:1fr;gap:26px}
}
@media(max-width:560px){
  .q-intro{padding:28px 5% 36px}
  .q-intro .back-link{margin-bottom:32px}
  .q-intro-top{flex-direction:column;gap:10px}
  .q-intro h1{font-size:clamp(84px,23vw,128px);margin:32px 0 38px}
  .q-intro-bottom li{font-size:11px;padding:8px 12px}
  .quinto-case .q-cover{padding:20px 3% 8px}
  .q-section{padding:48px 5%}
  .q-section-head{margin-bottom:32px}
  .q-mixed-grid,.q-ooh-grid,.q-social-grid{grid-template-columns:1fr;gap:22px}
  .q-research{grid-template-columns:1fr;gap:26px}
  .q-research-item+ .q-research-item{border-top:1px solid #c8c1b9;padding-top:26px}
  .q-credits{padding:38px 5%}
  .q-credits dl>div{grid-template-columns:120px 1fr;gap:12px}
  .quinto-preview-label{left:14px;bottom:14px;font-size:8px}
}