/* Shared, text-first opening for category and content pages. */
.reviews-main{padding-top:0}.unified-opening{display:block!important;background:#fff;color:#111;padding-top:150px!important;padding-bottom:70px!important;margin-top:0!important;border-bottom:1px solid #ccc;max-width:1240px;min-height:0!important}.unified-opening h1,.services-opening.unified-opening .service-hero-layout h1{font-size:clamp(42px,5.2vw,76px)!important;font-weight:800;line-height:1.16!important;letter-spacing:-.065em!important;margin:32px 0 30px!important;max-width:1100px;word-break:keep-all}.unified-opening h1 span{color:#858580}.unified-opening p,.unified-opening .service-hero-layout p{font-size:18px;line-height:1.8;color:#666;max-width:760px}.unified-opening .service-hero-layout{display:block;margin:0}.unified-opening .service-jump{margin-top:40px}.unified-opening .check-hero-meta{font-size:13px}.unified-opening .article-author-line{margin-top:30px}.unified-opening .interview-back{display:block;margin-bottom:28px}.unified-opening .interview-meta-row{margin-top:32px}.interview-cover{padding:40px 0}.interview-cover figure{margin:0}.interview-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.interview-row-image{aspect-ratio:16/9}.interview-row-image img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}.interview-number{display:block;font-size:16px;color:#777;margin-bottom:18px}.voice-grid [hidden]{display:none}.voice-more-row{display:flex;align-items:center;justify-content:center;gap:24px;margin:36px 0 0}.voice-more-row p{font-size:13px;color:#777}.voice-more-row button{background:#111;border:1px solid #111;color:#fff;border-radius:30px;padding:15px 26px;font:inherit;font-size:14px;cursor:pointer}.voice-more-row button:disabled{background:#fff;color:#777;border-color:#ccc;cursor:default}.voice-more-row button:focus-visible{outline:2px solid #111;outline-offset:4px}.voice-stars{color:#e53935}.article-real-case img{width:100%;aspect-ratio:16/9;object-fit:cover}.project-editorial-heading{padding:100px 0 55px}.project-editorial-heading h1{font-size:clamp(42px,5.2vw,76px)!important;line-height:1.16}.project-brand-intro{font-size:18px;line-height:1.8}
@media(max-width:700px){.unified-opening{padding-top:115px!important;padding-bottom:44px!important}.unified-opening h1,.services-opening.unified-opening .service-hero-layout h1{font-size:clamp(34px,8.5vw,48px)!important;margin:26px 0!important}.unified-opening p,.unified-opening .service-hero-layout p{font-size:16px}.unified-opening .article-author-line{flex-wrap:wrap}.unified-opening .check-cta{margin-top:16px}.interview-cover{padding:24px 0}.interview-list-row{gap:24px;padding-bottom:50px}.voice-grid blockquote{font-size:19px}.project-editorial-heading{padding:70px 0 35px}}
/* One owner for header clearance and hero spacing; no per-page main offsets. */
.shared-hero-page{--opening-header:76px;--opening-gap:96px}
body.shared-hero-page>main{padding-top:0!important;margin-top:0!important}
.shared-hero-page .unified-opening{position:relative;padding-top:calc(var(--opening-header) + var(--opening-gap))!important}
.shared-hero-page .unified-opening .page-kicker,.shared-hero-page .unified-opening .article-breadcrumb{display:block;font-size:12px;line-height:22px;margin:0!important;padding:0;letter-spacing:.08em}
.shared-hero-page .unified-opening .interview-back{position:absolute;top:calc(var(--opening-header) + 30px);margin:0;line-height:22px;font-size:13px}
.shared-hero-page .insight-index-hero>p{position:static;margin:0!important;text-align:left;max-width:760px}
@media(max-width:700px){.shared-hero-page{--opening-header:64px;--opening-gap:48px}.shared-hero-page .unified-opening .interview-back{top:calc(var(--opening-header) + 12px);font-size:12px;line-height:18px}}
/* Category content follows the service page's outer grid. */
.insight-index-page main>.page-wrap,.insight-index-page .editorial-roadmap>.page-wrap{width:min(1600px,84%);max-width:none;margin-inline:auto;padding-inline:0}
.services-page .design-catalog{width:min(1600px,84%);max-width:none;margin-inline:auto;padding-inline:0;box-sizing:border-box}
.services-page .design-catalog>.catalog-heading{width:100%;padding-inline:0}
.services-page .design-catalog .service-detail{width:100%;max-width:none;padding-inline:0}
@media(max-width:700px){.insight-index-page main>.page-wrap,.insight-index-page .editorial-roadmap>.page-wrap,.services-page .design-catalog{width:calc(100% - 40px)}}
/* 고객 리뷰 히어로도 본문과 같은 좌우 기준을 쓴다. */
.review-index .unified-opening{max-width:none}
