.pageHero.articleHero{min-height:clamp(680px,55vw,870px)}.articleHero.articleHeroVisualBridge{overflow:hidden;background:radial-gradient(circle at 86% 18%,rgba(255,91,103,.12),transparent 28%),linear-gradient(180deg,#fff 0%,#fffaf7 100%)}
.articleHeroVisualBridge>.breadcrumbs,.articleHeroVisualBridge .articleHeroGrid{width:min(1380px,100%);margin-inline:auto}
.articleHeroVisualBridge .articleHeroGrid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(440px,1.16fr);gap:clamp(36px,6vw,88px);align-items:center}
.articleHeroVisualBridge .articleHeroCopy h1{max-width:780px;margin:12px 0 22px;font-size:clamp(48px,5.2vw,84px);line-height:.96;letter-spacing:-.055em}
.articleHeroVisualBridge .articleHeroVisual{position:relative;aspect-ratio:3/2;margin:0;overflow:hidden;border:1px solid rgba(17,17,20,.1);border-radius:clamp(24px,3vw,42px);background:#f6f2ea;box-shadow:0 30px 80px rgba(44,14,22,.16)}
.articleHeroVisualBridge .articleHeroVisual:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.5);border-radius:inherit;pointer-events:none}
.articleHeroVisualBridge .articleHeroVisual img{display:block;width:100%;height:100%;object-fit:cover}
.articleVisualMap{margin:0 0 52px;padding:clamp(24px,4vw,42px);overflow:hidden;border:1px solid rgba(17,17,20,.11);border-radius:28px;background:radial-gradient(circle at 92% 5%,rgba(255,91,103,.13),transparent 28%),#fff;box-shadow:0 22px 58px rgba(44,14,22,.08)}
.articleVisualMap header span{color:#e31c3d;font-size:11px;font-weight:900;letter-spacing:.17em}.articleVisualMap header h2{max-width:580px;margin:8px 0 25px;font-size:clamp(27px,4vw,42px);line-height:1.04;letter-spacing:-.035em}
.articleVisualMap ol{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.articleVisualMap ol:before{content:"";position:absolute;top:25px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,rgba(227,28,61,.12),#e31c3d,rgba(227,28,61,.12))}
.articleVisualMap li{position:relative;z-index:1;display:grid;align-content:start;gap:14px;min-height:142px;padding:18px;border:1px solid rgba(17,17,20,.13);border-radius:19px;background:rgba(255,253,248,.96)}.articleVisualMap li b{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#111114;color:#fff;font-size:12px;letter-spacing:.08em}.articleVisualMap li span{font-size:17px;font-weight:800;line-height:1.22}.articleVisualMap>small{display:block;margin-top:18px;color:#6f6b67;font-size:12px;line-height:1.45}
@media(max-width:820px){.pageHero.articleHero{min-height:760px}.articleHeroVisualBridge .articleHeroGrid{grid-template-columns:1fr;gap:30px}.articleHeroVisualBridge .articleHeroCopy h1{font-size:clamp(42px,12vw,66px)}.articleHeroVisualBridge .articleHeroVisual{border-radius:24px}.articleVisualMap ol{grid-template-columns:1fr}.articleVisualMap ol:before{top:30px;bottom:30px;left:38px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,rgba(227,28,61,.12),#e31c3d,rgba(227,28,61,.12))}.articleVisualMap li{grid-template-columns:42px 1fr;align-items:center;min-height:88px}}