/* Shared visual language for the 20 clearly labelled fictional concept studies. */
.ic-detail{--ic-ink:#182c22;--ic-green:#205c40;--ic-line:#d7dfd8;background:#fff;color:var(--ic-ink)}
.ic-detail .ic-wrap{width:min(1260px,calc(100% - 96px))}
.ic-detail .ic-site-header{background:#fff;border-bottom:1px solid var(--ic-line);color:var(--ic-ink)}
.ic-detail :is(.ic-brand,.ic-site-nav a){color:var(--ic-ink)}
.ic-detail :is(h1,h2){font-family:"D-DIN", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;font-weight:400;letter-spacing:-.02em;color:var(--ic-ink)}
.ic-detail h1{font-size:clamp(34px,4vw,56px);line-height:1.4}
.ic-detail .ic-detail-heading{padding-block:62px 42px;gap:64px}
.ic-detail :is(.ic-summary,.ic-case-section p){color:#526058;line-height:2}
.ic-detail :is(.ic-eyebrow,.ic-step,.ic-subtitle,.ic-project-meta dt){color:var(--ic-green)}
.ic-detail .ic-disclosure{background:#eef4ee;border-color:var(--ic-green);color:#41584b}
.ic-detail .ic-hero{background:#f2f5f0}
.ic-detail .ic-hero img{object-fit:contain}
.ic-detail .ic-hero figcaption{background:#fff;padding-top:18px}
.ic-detail .ic-case-section{border-color:var(--ic-line);padding-block:46px;gap:64px}
.ic-detail .ic-deliverables li{background:#f2f5f0;border-color:var(--ic-green);color:#334e3f}
.ic-detail .ic-related{padding-bottom:80px}
.ic-detail .ic-design-detail{border-color:var(--ic-line)}
.ic-detail .ic-design-detail-copy>p:last-child{color:#526058}
.ic-detail .ic-design-detail img{background:#f2f5f0}
.ic-detail .ic-related-card{border:0;border-bottom:1px solid var(--ic-line);background:#f2f5f0}
.ic-detail .ic-related-card h3{color:var(--ic-ink)}
.ic-detail :is(.ic-bottom-cta,footer){background:#172e23}
.ic-detail .ic-bottom-cta h2{color:#fff}
.ic-detail .ic-bottom-cta p{color:#cfddd3}
.ic-detail .ic-button{background:#b5f285;color:#182c22;border:0;border-radius:7px;font-weight:600;min-height:50px}
.ic-detail .ic-button:hover{background:#a0df70;color:#182c22}
.ic-detail a:focus-visible{outline-color:#38865b}
.ic-detail .ic-bottom-cta a:focus-visible{outline-color:#b5f285}
@media(max-width:1100px){.ic-detail .ic-wrap{width:calc(100% - 64px)}.ic-detail :is(.ic-detail-heading,.ic-case-section){gap:36px}}
@media(max-width:760px){.ic-detail .ic-wrap{width:calc(100% - 40px)}.ic-detail .ic-detail-heading{padding-block:36px 26px;gap:24px}.ic-detail h1{font-size:34px}.ic-detail .ic-case-section{padding-block:30px;gap:22px}.ic-detail .ic-related{padding-bottom:50px}}