/* Start:/cases/style.css?17840988346745*/
.case-detail, .cases-index { background: var(--wc-color-bg); color: var(--wc-color-ink); font-family: var(--wc-font-body); overflow: hidden; }
.case-detail *, .cases-index * { box-sizing: border-box; }
.case-detail__hero { padding: 120px 0 100px; background: var(--wc-color-ink); color: #fff; }
.case-detail__meta { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 70px; }
.case-detail__meta span { padding: 10px 16px; border: 1px solid rgba(255,255,255,.45); border-radius: 999px; font-size: 16px; }
.case-detail__hero h1 { max-width: 1500px; margin: 0; font: 400 clamp(58px, 6.2vw, 118px)/.9 var(--wc-font-display); text-transform: uppercase; }
.case-detail__hero p { max-width: 850px; margin: 60px 0 0 auto; font: 400 clamp(22px, 1.875vw, 36px)/1.15 var(--wc-font-body); }

.case-detail__visual { padding: 0 0 110px; background: var(--wc-color-ink); }
.case-detail__visual-frame { height: min(72vw, 1040px); min-height: 560px; border-radius: var(--wc-radius-card); overflow: hidden; background: #171717; }
.case-detail__visual--logo .case-detail__visual-frame { height: 520px; min-height: 420px; padding: 120px; background: var(--wc-color-blue); }
.case-detail__visual--logo .wc-media { object-fit: contain; }

.case-detail__story { padding: 130px 0 150px; border-radius: var(--wc-radius-section) var(--wc-radius-section) 0 0; background: var(--wc-color-bg); }
.case-story-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.case-story-grid article { min-height: 480px; padding: 36px; display: flex; flex-direction: column; border-radius: var(--wc-radius-card); background: #fff; border: 1px solid var(--wc-color-line); }
.case-story-grid article:nth-child(2) { background: var(--wc-color-blue); color: #fff; border-color: transparent; }
.case-story-grid span { color: var(--wc-color-blue); font: 500 16px/1 var(--wc-font-medium); text-transform: uppercase; letter-spacing: .06em; }
.case-story-grid article:nth-child(2) span { color: #fff; opacity: .72; }
.case-story-grid h2 { margin: 60px 0 24px; font: 400 clamp(34px, 3vw, 58px)/1 var(--wc-font-display); text-transform: uppercase; }
.case-story-grid p { margin: auto 0 0; font: 400 clamp(18px, 1.25vw, 24px)/1.32 var(--wc-font-body); }

.case-detail__roles { padding: 110px 0; background: #fff; border-radius: var(--wc-radius-section) var(--wc-radius-section) 0 0; }
.case-detail__roles-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.case-detail__roles h2 { margin: 0; font: 400 clamp(44px, 4vw, 76px)/1 var(--wc-font-display); text-transform: uppercase; }
.case-detail__tags { display: flex; flex-wrap: wrap; gap: 12px; }

.case-detail__next { padding: 120px 0; background: var(--wc-color-blue); color: #fff; }
.case-detail__next a { color: inherit; text-decoration: none; display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: end; }
.case-detail__next span { grid-column: 1 / -1; font-size: 18px; text-transform: uppercase; letter-spacing: .06em; }
.case-detail__next h2 { max-width: 1400px; margin: 20px 0 0; font: 400 clamp(50px, 5vw, 96px)/.94 var(--wc-font-display); text-transform: uppercase; }
.case-detail__next b { font: 400 clamp(56px, 5vw, 96px)/1 var(--wc-font-body); }

.case-detail__cta { padding: 130px 0; background: var(--wc-color-bg); }
.case-detail__cta .wc-container { display: flex; justify-content: space-between; align-items: end; gap: 40px; }
.case-detail__cta h2 { margin: 0; font: 400 clamp(52px, 5.2vw, 100px)/.94 var(--wc-font-display); text-transform: uppercase; }

.cases-index__hero { padding: 130px 0 110px; background: var(--wc-color-ink); color: #fff; }
.cases-index__hero p { margin: 0 0 50px; color: var(--wc-color-blue); text-transform: uppercase; letter-spacing: .08em; }
.cases-index__hero h1 { margin: 0; font: 400 clamp(72px, 10vw, 190px)/.8 var(--wc-font-display); text-transform: uppercase; }
.cases-index__hero span { display: block; max-width: 760px; margin: 70px 0 0 auto; font: 400 clamp(22px, 1.875vw, 36px)/1.15 var(--wc-font-body); }
.cases-index__grid-section { padding: 110px 0 150px; background: var(--wc-color-ink); }
.cases-index__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.cases-index-card { background: var(--wc-color-blue); color: #fff; }
.cases-index-card:nth-child(3n + 1) { grid-column: 1 / -1; }
.cases-index-card__visual { height: 520px; overflow: hidden; background: #171717; }
.cases-index-card:nth-child(3n + 1) .cases-index-card__visual { height: min(63vw, 850px); }
.cases-index-card__visual--logo { padding: 100px; background: var(--wc-color-blue); }
.cases-index-card__visual--logo .wc-media { object-fit: contain; }
.cases-index-card__body { min-height: 190px; padding: 30px; display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: end; }
.cases-index-card__body p { grid-column: 1 / -1; margin: 0; opacity: .72; text-transform: uppercase; letter-spacing: .04em; }
.cases-index-card__body h2 { margin: 0; font: 400 clamp(30px, 2.6vw, 50px)/1 var(--wc-font-body); }
.cases-index-card__body > span { white-space: nowrap; }

@media (max-width: 999px) {
    .case-story-grid { grid-template-columns: 1fr; }
    .case-story-grid article { min-height: 340px; }
    .case-detail__roles-inner { grid-template-columns: 1fr; }
    .cases-index__grid { grid-template-columns: 1fr; }
    .cases-index-card:nth-child(3n + 1) { grid-column: auto; }
    .cases-index-card__visual, .cases-index-card:nth-child(3n + 1) .cases-index-card__visual { height: 540px; }
}

@media (max-width: 639px) {
    .case-detail__hero, .cases-index__hero { padding: 76px 0 70px; }
    .case-detail__meta { margin-bottom: 44px; }
    .case-detail__hero p, .cases-index__hero span { margin-top: 38px; }
    .case-detail__visual { padding-bottom: 66px; }
    .case-detail__visual-frame { height: 112vw; min-height: 420px; }
    .case-detail__visual--logo .case-detail__visual-frame { height: 340px; min-height: 340px; padding: 60px; }
    .case-detail__story, .case-detail__roles, .case-detail__next, .case-detail__cta, .cases-index__grid-section { padding: 76px 0 84px; }
    .case-story-grid article { min-height: 300px; padding: 24px; }
    .case-detail__next a { display: block; }
    .case-detail__next b { display: block; margin-top: 32px; }
    .case-detail__cta .wc-container { align-items: start; flex-direction: column; }
    .cases-index__grid { gap: 14px; }
    .cases-index-card__visual, .cases-index-card:nth-child(3n + 1) .cases-index-card__visual { height: 112vw; max-height: 540px; }
    .cases-index-card__visual--logo { padding: 55px; }
    .cases-index-card__body { min-height: 160px; padding: 22px; grid-template-columns: 1fr; }
    .cases-index-card__body > span { white-space: normal; }
}

/* End */
/* /cases/style.css?17840988346745 */