.identity-cover.logo-cover{padding:34px;background:#e5e2d9;min-height:400px;gap:26px;color:#22241f}
.logo-overview{display:grid;grid-template-columns:.8fr 1.5fr;gap:40px;width:100%;align-items:center;text-align:left}
.logo-kicker{font-size:11px;letter-spacing:.12em;line-height:1.5}
.logo-overview-copy h3{font-family:var(--cn-sans);font-size:clamp(28px,3.5vw,56px);font-weight:500;line-height:1.3;letter-spacing:-.045em;margin:30px 0 20px}
.logo-overview-copy h3 em{font-family:var(--cn-song);font-weight:400;color:#ac4838;font-style:normal}
.logo-overview-copy p{font-size:12px;line-height:1.9;color:#69685f}
.logo-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.logo-specimen{position:relative;aspect-ratio:1.32;border-radius:6px;overflow:hidden;display:block;--type-padding:14px;padding:var(--type-padding);min-width:0;isolation:isolate}
.type-art-stage{position:absolute;inset:calc(var(--type-padding) + 16px) var(--type-padding);display:grid;place-items:center;z-index:1}
.type-art-stage img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none;border-radius:0;background:none}
.logo-specimen-label{position:absolute;left:var(--type-padding);right:var(--type-padding);bottom:var(--type-padding);z-index:1;display:flex;justify-content:space-between;gap:8px;font-size:8px;letter-spacing:.035em;margin-top:12px;line-height:1.4;opacity:.8}
.type-theme-cardboard{background:repeating-linear-gradient(90deg,transparent 0 5px,#876a3910 5px 6px),linear-gradient(135deg,#f3ecdc,#d8c5a6);color:#584631}
.type-theme-cardboard .type-art-stage img{filter:drop-shadow(0 5px 3px #4d382425)}
.type-theme-morning{background:linear-gradient(90deg,#e6efb512 1px,transparent 1px),linear-gradient(#e6efb512 1px,transparent 1px),#536534;background-size:24px 24px;color:#f0f3df}
.type-theme-morning .type-art-stage img{width:82%;left:9%;filter:brightness(0) invert(1)}
.type-theme-terrible{background:radial-gradient(ellipse at 15% 10%,#785461,transparent 75%),#352b36;color:#f0d8d9}
.type-theme-terrible::before{content:'';position:absolute;width:90%;height:1px;background:#c88c7933;transform:rotate(-32deg);left:25%;top:65%}
.type-theme-music{background:repeating-linear-gradient(90deg,#ffffff05 0 22px,#a8181714 22px 44px),linear-gradient(135deg,#fa644d,#d72c38);color:#fff0e6}
.type-theme-music::before,.type-theme-music::after{content:'';position:absolute;width:80%;aspect-ratio:1;border:1px solid #ffd9b930;border-radius:50%;right:-20%;bottom:-75%;z-index:0}
.type-theme-music::after{width:100%;right:-30%;bottom:-90%}
.type-theme-winter{background:radial-gradient(circle at 25% 20%,#dce9f32b 0 1px,transparent 1.5px),linear-gradient(140deg,#536973,#172a38);background-size:31px 37px,auto;color:#e1ebed}
.type-theme-ice{background:linear-gradient(90deg,#ffffff4d 1px,transparent 1px),linear-gradient(#ffffff4d 1px,transparent 1px),radial-gradient(ellipse at 50% 25%,#f1fcff,#b4d8ed);background-size:27px 27px,27px 27px,auto;color:#255275}
.type-theme-ice .type-art-stage img{filter:drop-shadow(0 6px 4px #2d77a430)}
.logo-cover-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px}
.logo-cover-bottom>span:first-child{font-size:10px;letter-spacing:.06em;color:#69685f}
.logo-cover-bottom .project-arrow{position:static;background:#ac4838;color:#fff;flex-shrink:0}
.logo-cover:hover .project-arrow{background:#843324;transform:translate(2px,-2px)}
.logo-cover:focus-visible{outline:3px solid #ac4838;outline-offset:5px}
.logo-cover:active .project-arrow{transform:scale(.92)}
#dialog-visual.identity{height:auto;min-height:0;aspect-ratio:auto;background:#e5e2d9;padding:44px;color:#22241f}
#dialog-visual.identity .logo-overview{max-width:1200px;margin:auto}
.logo-case-intro{border-top:1px solid #393936;padding:36px 0 56px;display:grid;grid-template-columns:1fr 1.5fr;gap:20px}
.logo-case-intro>p{font-size:clamp(24px,3vw,40px);line-height:1.5;letter-spacing:-.035em}
.logo-case-intro>span:last-child{grid-column:2;font-size:13px;color:#aaa99f;line-height:1.8}
.logo-family{padding:32px 0 42px;border-top:1px solid #393936}
.logo-family-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px}
.logo-family-heading h3{font-size:25px;font-weight:400;letter-spacing:-.025em}
.logo-family-heading>span{font-size:10px;letter-spacing:.08em;color:#92938d}
.logo-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 24px}
.logo-detail-grid figure{margin:0;min-width:0}
.logo-detail-grid .logo-specimen{aspect-ratio:1.65;--type-padding:28px}
.logo-detail-grid .logo-specimen-label{font-size:10px;margin-top:20px}
.logo-detail-grid .type-theme-morning .type-art-stage img{width:65%;left:17.5%}
.logo-detail-grid figcaption{padding:20px 0 0;display:grid;grid-template-columns:1fr 1.3fr;gap:20px}
.logo-detail-grid h4{font-size:18px;font-weight:400;line-height:1.5}
.logo-detail-grid figcaption p{font-size:13px;color:#b3b4ad;line-height:1.9;margin:0}
.logo-detail-grid small{display:block;font-size:9px;letter-spacing:.07em;color:#93958d;margin-top:10px;line-height:1.5}
.logo-case-note{font-size:10px;letter-spacing:.12em;color:#888b81;text-align:center;margin:12px 0 40px}
@media(max-width:900px){.logo-overview{gap:24px;grid-template-columns:.7fr 1.5fr}.identity-cover.logo-cover{padding:24px;min-height:340px}.logo-specimen{--type-padding:10px}.logo-specimen-label{font-size:7px;gap:4px}.logo-detail-grid{gap:30px 16px}.logo-detail-grid figcaption{grid-template-columns:1fr;gap:10px}.logo-detail-grid .logo-specimen{--type-padding:18px}}
@media(max-width:600px){.identity-cover.logo-cover{padding:22px;gap:22px}.logo-overview{grid-template-columns:1fr;gap:25px}.logo-overview-copy h3{font-size:32px;margin:18px 0 12px}.logo-overview-copy p{font-size:11px}.logo-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.logo-specimen{--type-padding:10px;aspect-ratio:1.25}.logo-specimen-label{font-size:6px;gap:3px}.logo-cover-bottom>span:first-child{max-width:75%;line-height:1.7;font-size:8px}#dialog-visual.identity{padding:22px}.logo-case-intro{grid-template-columns:1fr;padding-bottom:32px}.logo-case-intro>span:last-child{grid-column:auto}.logo-family-heading{align-items:flex-start;flex-direction:column;gap:8px}.logo-detail-grid{grid-template-columns:1fr;gap:30px}.logo-detail-grid .logo-specimen{aspect-ratio:1.4}.logo-family{padding-bottom:30px}}

/* Optical correction for the left-heavy brush lettering. */
.type-theme-winter .type-art-stage img{transform:translateX(3%)}

/* White lettering: bronze heritage and warm autumn palettes. */
.type-theme-heritage{background:radial-gradient(ellipse at 15% 0%,#47756688,transparent 75%),repeating-linear-gradient(90deg,transparent 0 35px,#a3c7a50c 35px 36px),#163e35;color:#e3efe5}
.type-theme-heritage .type-art-stage img{filter:url(#heritage-white-lettering);mix-blend-mode:normal}
.type-theme-autumn{background:radial-gradient(ellipse at 85% 0%,#b57b4266,transparent 70%),linear-gradient(145deg,#875332,#583a2e);color:#f5e7d8}
.type-theme-autumn::before{content:"";position:absolute;width:85%;aspect-ratio:1;right:-35%;bottom:-75%;border:1px solid #e8c29324;border-radius:50%;box-shadow:0 0 0 18px #e8c29308,0 0 0 36px #e8c29306;pointer-events:none}
.type-theme-autumn .type-art-stage img{filter:brightness(0) invert(1)}