.ex-page{background:var(--bg);color:var(--ink);font-family:var(--font-sans);overflow-x:hidden}
.ex-page *{box-sizing:border-box}
.ex-page img{display:block;max-width:100%}
.ex-wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:32px}
.ex-eyebrow{font-family:var(--font-sans);font-size:.72rem;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--accent-deep)}
.ex-intro{padding:118px 0 96px}
.ex-intro__grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:60px}
.ex-intro__side{position:relative}
.ex-intro__eyebrow{margin-bottom:20px;display:block}
.ex-intro__label{font-family:var(--font-serif);font-weight:600;font-size:1.7rem;line-height:1.5;color:var(--ink)}
.ex-intro__label span{color:var(--accent-deep)}
.ex-intro__body{border-left:1px solid var(--line);padding-left:52px}
.ex-intro__heading{font-family:var(--font-serif);font-weight:600;font-size:clamp(1.5rem,2.7vw,2.15rem);line-height:1.55;letter-spacing:.02em;margin-bottom:34px}
.ex-intro__text{font-size:1rem;line-height:2.15;font-weight:500;color:var(--ink-soft)}
.ex-intro__stats{display:flex;gap:44px;margin-top:44px;padding-top:34px;border-top:1px solid var(--line);flex-wrap:wrap}
.ex-stat__num{font-family:var(--font-serif);font-weight:600;font-size:2.2rem;color:var(--accent-deep);line-height:1}
.ex-stat__num small{font-size:.9rem;margin-left:3px}
.ex-stat__cap{font-size:.82rem;font-weight:600;color:var(--ink-soft);margin-top:10px;letter-spacing:.04em}
.ex-shead{margin-bottom:64px}
.ex-shead__en{font-family:"Poppins",var(--font-sans);font-style:normal;font-weight:600;font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:14px}
.ex-shead__ttl{font-family:var(--font-serif);font-weight:600;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.35;letter-spacing:.03em}
.ex-shead--between{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap}
.ex-shead__note{font-size:.95rem;line-height:2;font-weight:500;color:var(--ink-soft);max-width:none}
.ex-reason{padding:110px 0 96px}
.ex-reason__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ex-rcell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:44px 38px 48px;background:var(--bg);transition:background .3s ease}
.ex-rcell:hover{background:var(--white)}
.ex-rcell__no{font-family:var(--font-serif);font-style:italic;font-weight:600;font-size:1.6rem;color:var(--accent-deep);display:block;margin-bottom:22px}
.ex-rcell__ttl{font-family:var(--font-serif);font-weight:600;font-size:1.22rem;line-height:1.6;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.ex-rcell__txt{font-size:.92rem;line-height:2;font-weight:500;color:var(--ink-soft)}
.ex-gallery{padding:96px 0 104px;background:var(--white)}
.ex-slideshow{margin-top:8px}
.ex-stage{position:relative;width:100%;overflow:hidden;background:var(--bg)}
.ex-track{display:flex;transition:transform .7s cubic-bezier(.65,.02,.24,1)}
.ex-slide{position:relative;flex:0 0 100%;min-width:100%}
.ex-slide img{width:100%;height:clamp(340px,50vw,560px);object-fit:cover}
.ex-slide__cap{position:absolute;left:0;bottom:0;background:#fff;border:1px solid #e7e4dd;padding:20px 34px;min-width:min(340px,72%)}
.ex-slide__no{font-family:var(--font-serif);font-style:italic;font-size:.9rem;color:var(--accent-deep);display:block;margin-bottom:6px}
.ex-slide__ttl{font-family:var(--font-serif);font-weight:600;font-size:1.25rem;letter-spacing:.02em;color:var(--ink)}
.ex-thumbs{display:flex;gap:14px;margin-top:22px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.ex-thumb{flex:0 0 calc((100% - 42px) / 4);width:calc((100% - 42px) / 4);aspect-ratio:3 / 2;height:auto;padding:0;border:none;cursor:pointer;background:none;position:relative;opacity:.5;transition:opacity .3s ease;filter:grayscale(.2)}
.ex-thumb img{width:100%;height:100%;object-fit:cover}
.ex-thumb::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.ex-thumb:hover{opacity:.85}
.ex-thumb.is-active{opacity:1;filter:none}
.ex-thumb.is-active::after{transform:scaleX(1)}
.ex-dots{display:flex;gap:9px;justify-content:flex-end;margin-top:16px}
.ex-dot{width:30px;height:3px;border:none;padding:0;background:var(--line);cursor:pointer;transition:background .3s ease}
.ex-dot.is-active{background:var(--accent)}
@media (max-width:900px){
  .ex-intro__grid{grid-template-columns:1fr;gap:40px}
  .ex-intro__body{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:40px}
  .ex-reason__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
  .ex-wrap{padding-inline:22px}
  .ex-intro{padding:72px 0 64px}
  .ex-gallery{padding:68px 0}
  .ex-reason{padding:72px 0 64px}
  .ex-shead{margin-bottom:44px}
  .ex-slide__cap{padding:14px 20px;min-width:0;width:auto;right:0}
  .ex-slide__ttl{font-size:1.05rem}
  .ex-intro__stats{gap:30px}
}
@media (max-width:480px){
  .ex-reason__grid{grid-template-columns:1fr}
  .ex-rcell{padding:34px 26px 36px}
  .ex-thumb{width:92px;height:60px}
}
.ex-gallery .ex-shead__en{font-family:"Poppins",var(--font-sans);font-style:normal;font-weight:600;font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}
@media (max-width:768px){
  .ex-intro__heading{font-size:1.34rem !important;line-height:1.6 !important;margin-bottom:24px}
  .ex-intro__label{font-size:1.34rem !important;line-height:1.6}
}
@media (min-width:481px){
  .ex-reason__grid .ex-rcell__ttl{min-height:calc(3.1em + 19px)}
}
@media (max-width:600px){
  .ex-intro__stats{gap:clamp(10px,4.5vw,20px);flex-wrap:nowrap}
  .ex-stat{min-width:0}
  .ex-stat__num{font-size:clamp(1.4rem,7.4vw,1.8rem);white-space:nowrap}
  .ex-stat__num small{font-size:clamp(.62rem,3.1vw,.76rem);margin-left:2px}
  .ex-stat__cap{font-size:clamp(.6rem,2.95vw,.72rem);letter-spacing:.02em;line-height:1.6;white-space:nowrap}
}
.ex-stage img{-webkit-user-drag:none;user-select:none}
.ex-fx .ex-track{transform:none!important;transition:none!important;display:block;position:relative}
.ex-fx .ex-slide{position:absolute;top:0;left:0;width:100%;visibility:hidden}
.ex-fx .ex-slide.is-cur{position:relative;visibility:visible}
.ex-fx .ex-slide.is-in{visibility:visible;z-index:1}
.ex-fx .ex-thumbs{cursor:grab}
.ex-fx .ex-thumbs.is-dragging{cursor:grabbing;scroll-behavior:auto}
.ex-pager{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:34px}
.ex-pager .ex-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 9px;margin-top:0;min-width:0}
.ex-pager .ex-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.22);transition:.3s}
.ex-pager .ex-dot.is-active{background:var(--accent);transform:scale(1.3)}
.ex-pager__btn{flex:0 0 46px;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:.25s}
.ex-pager__btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.ex-pager__btn svg{width:20px;height:20px}
.ex-pager .ex-pager__btn,.ex-pager .ex-dot{border-radius:50% !important}
@media (max-width:768px){.ex-pager{margin-top:22px;gap:10px}.ex-pager .ex-dots{gap:9px 7px}}
.ex-thumbs{scrollbar-width:none;-ms-overflow-style:none}
.ex-thumbs::-webkit-scrollbar{display:none}
@media (max-width:768px){.wd-gallery .ex-slide img{height:auto;aspect-ratio:16/10}}
