@charset "UTF-8";

/* Full-width wrapper for KOGE WORLD. */
body:has(#kw-home){background:#fffdf4!important}
#main>:has(#kw-home)>.content_wrapper{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
#kw-home .kw-photo-one figcaption{text-align:left;padding-left:4px}
#kw-home #kw-title{letter-spacing:0}
@media(max-width:700px){#kw-home .kw-photo-one figcaption{font-size:8px}}

#kw-home .kw-movie{margin:0!important;height:auto!important}

/* Photo-led KOGE TOP, 2026-09-28 */
#kw-home .kr-hero{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.5fr);gap:42px;align-items:center;padding:54px max(28px,calc((100vw - 1240px)/2));background:#f4fafb;border-bottom:1px solid #d9e6e9}
#kw-home .kr-label{font-size:12px;font-weight:700;letter-spacing:.07em;margin-bottom:26px;color:#407586}
#kw-home .kr-copy h2{font-size:clamp(28px,3vw,42px);font-weight:900;line-height:1.65;letter-spacing:.015em}
#kw-home .kr-copy h2 span{color:#008eb2}
#kw-home .kr-message{font-size:17px;font-weight:700;line-height:1.85;margin:24px 0 17px}
#kw-home .kr-note{font-size:13px;line-height:1.9;color:#586771}
#kw-home .kr-link{display:inline-block;margin-top:25px;border-bottom:2px solid #e4be38;padding:8px 0;font-size:13px;font-weight:700}
#kw-home .kr-album{min-width:0}
#kw-home .kr-stage{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#e5eef0}
#kw-home .kr-slide{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;pointer-events:none}
#kw-home .kr-slide.kr-active{opacity:1;z-index:1}
#kw-home .kr-slide img{width:100%;height:100%;object-fit:contain}
#kw-home .kr-slide figcaption{position:absolute;bottom:0;left:0;right:0;padding:34px 22px 17px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.64));font-size:14px;font-weight:700;text-shadow:0 1px 3px #222}
#kw-home .kr-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:13px;font-size:11px;font-weight:700}
#kw-home .kr-controls>div{display:flex;gap:5px}
#kw-home .kr-controls button{border:1px solid #c6d8dc;border-radius:6px;background:#fff;color:#173b59;min-width:40px;min-height:40px;padding:5px 10px;font:inherit;cursor:pointer}
#kw-home .kr-controls button:focus-visible{outline:3px solid #008eb2;outline-offset:3px}
@media(max-width:700px){#kw-home .kr-hero{grid-template-columns:1fr;gap:22px;padding:25px 18px 24px}#kw-home .kr-copy h2{font-size:30px;line-height:1.45}#kw-home .kr-label{font-size:10px;margin-bottom:12px}#kw-home .kr-message{font-size:13px;line-height:1.7;margin:12px 0 0}#kw-home .kr-message br{display:none}#kw-home .kr-note{display:none}#kw-home .kr-link{font-size:11px;margin-top:10px;padding:4px 0}#kw-home .kr-stage{border-radius:8px}#kw-home .kr-slide figcaption{font-size:12px;padding:26px 13px 12px}#kw-home .kr-controls{gap:6px;font-size:10px}#kw-home .kr-controls button{min-width:36px;padding:5px 8px}}