/* 2026 VERY BEST COSME AWARD A/W */

/* WordPress theme resets (same scope as the previous award page) */
.l-content{padding-top:0}
.l-content-02{margin:0;max-width:initial}
.c-article{padding-bottom:0;margin-bottom:0}
.c-article__content{line-height:1;padding:0}
#Read_st{display:block;padding:0;color:inherit;font-size:inherit;text-align:left;background-color:transparent}
.c-article__content .vbca{font-size:16px;line-height:normal;color:#333;word-break:normal}
.c-article__content .vbca a{font-weight:inherit;text-decoration:none}
.c-article__content .vbca img{max-width:none;margin:0}
.c-article__content .vbca .vbca-kv__pic{width:100%!important}
.c-article__content .vbca .vbca-lead__icon{width:clamp(82.5px,9vw,112.5px)!important}
#Read_st .vbca *,#Read_st .vbca *::before,#Read_st .vbca *::after{box-sizing:border-box}
#Read_st .vbca{position:relative;font-family:'Zen Kaku Gothic New',sans-serif;background:#fff;overflow-x:clip}
#Read_st .vbca a{color:#333;text-decoration:none}
#Read_st .vbca a:hover{color:#6b6149}
#Read_st .vbca-gold{color:#978558}

/* header */
#Read_st .vbca-hd{display:flex;justify-content:center;padding:22px 16px}
#Read_st .vbca-hd a{display:block;width:clamp(110px,12vw,150px)}
#Read_st .vbca-hd svg{display:block;width:100%;height:auto}

/* KV */
#Read_st .vbca-kv{position:relative}
#Read_st .vbca-kv__img{position:relative;width:100%;aspect-ratio:16/9;min-height:min(560px,140vw);background:linear-gradient(160deg,#eeebe3,#d9d3c4)}
#Read_st .vbca-kv__clip{position:absolute;inset:0;overflow:hidden}
#Read_st .vbca-kv__pic{position:absolute;left:0;right:0;top:-18%;width:100%;height:136%;object-fit:cover;object-position:center 30%;display:block}
#Read_st .vbca-kv__ttl{position:absolute;right:clamp(20px,6vw,90px);bottom:clamp(28px,6vw,80px);margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:clamp(8px,1.2vw,16px);font-family:'Cinzel',serif;font-weight:400;color:#fff;filter:drop-shadow(0 2px 18px rgba(70,62,44,.25))}
#Read_st .vbca-kv__row{display:flex;align-items:center;gap:clamp(12px,1.8vw,28px)}
#Read_st .vbca-kv__year{display:block;font-size:clamp(24px,5.333vw,80px);line-height:.7;height:.7em;letter-spacing:.02em}
#Read_st .vbca-kv__very{display:block;height:clamp(16.8px,3.733vw,56px);width:auto}
#Read_st .vbca-kv__bca{display:flex;flex-direction:column;align-items:inherit;font-size:clamp(30px,8vw,120px);letter-spacing:.04em;line-height:1;color:#978558}
#Read_st .vbca-kv__bca span{display:block;width:max-content}

/* KV title reveal after load (classes added by script.js): each line is painted in left to right with a light leading edge */
/* "2026" glyphs overflow its .7em line box; extend the masked area so they are not clipped */
#Read_st .vbca-kv--anim .vbca-kv__row{padding:30px 0;margin:-30px 0;-webkit-mask-image:linear-gradient(to right,#000 30%,rgba(0,0,0,.5) 55%,transparent 70%);mask-image:linear-gradient(to right,#000 30%,rgba(0,0,0,.5) 55%,transparent 70%);-webkit-mask-size:320% 100%;mask-size:320% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0;transition:-webkit-mask-position 1.5s cubic-bezier(.39,.575,.565,1),mask-position 1.5s cubic-bezier(.39,.575,.565,1)}
#Read_st .vbca-kv--anim .vbca-kv__bca span{background-image:linear-gradient(to right,#978558 30%,#f3dfae 55%,transparent 70%);background-size:320% 100%;background-repeat:no-repeat;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position 1.5s cubic-bezier(.39,.575,.565,1)}
#Read_st .vbca-kv--anim .vbca-kv__bca span:nth-child(1){transition-delay:.4s}
#Read_st .vbca-kv--anim .vbca-kv__bca span:nth-child(2){transition-delay:.8s}
#Read_st .vbca-kv--anim.is-in .vbca-kv__row{-webkit-mask-position:0 0;mask-position:0 0}
#Read_st .vbca-kv--anim.is-in .vbca-kv__bca span{background-position:0 0}

/* loading screen: gold line grows under "LOADING", then the white sheet wipes away left to right (classes added by script.js) */
#Read_st .vbca-loading{position:fixed;inset:0;z-index:10000;background:#fff;display:flex;align-items:center;justify-content:center;clip-path:inset(0 0 0 0);animation:vbca-ld-fallback 0s 8s forwards}
#Read_st .vbca-loading__txt{position:relative;margin:0;padding-bottom:14px;font-family:'Cinzel',serif;font-weight:400;font-size:17px;letter-spacing:.2em;text-indent:.2em;color:#978558}
#Read_st .vbca-loading__txt::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:#978558;transform:translateX(-50%);animation:vbca-ld-line 1.2s ease-in-out forwards}
#Read_st .vbca-loading.is-done{clip-path:inset(0 0 0 100%);transition:clip-path 1.2s cubic-bezier(.77,0,.175,1)}
#Read_st .vbca-loading.is-gone{display:none}
@keyframes vbca-ld-line{to{width:min(240px,60vw)}}
@keyframes vbca-ld-fallback{to{visibility:hidden}}
@media (prefers-reduced-motion:reduce){#Read_st .vbca-loading{display:none}}

/* KV photo reveal after loading: masked in left to right with a soft edge while settling from a slight zoom */
#Read_st .vbca-kv--fv .vbca-kv__img{-webkit-mask-image:linear-gradient(to right,#000 35%,transparent 60%);mask-image:linear-gradient(to right,#000 35%,transparent 60%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0;transition:-webkit-mask-position 1.6s cubic-bezier(.25,.46,.45,.94),mask-position 1.6s cubic-bezier(.25,.46,.45,.94)}
#Read_st .vbca-kv--fv .vbca-kv__clip{transform:scale(1.08);transition:transform 2.8s cubic-bezier(.16,1,.3,1)}
#Read_st .vbca-kv--fv.is-fv .vbca-kv__img{-webkit-mask-position:0 0;mask-position:0 0}
#Read_st .vbca-kv--fv.is-fv .vbca-kv__clip{transform:none}

/* page top */
#Read_st .vbca-pagetop{position:fixed;right:clamp(12px,2vw,28px);bottom:clamp(12px,2vw,28px);z-index:30}
#Read_st .vbca .vbca-pagetop a{width:clamp(64px,7vw,88px);height:clamp(64px,7vw,88px);border-radius:50%;background:#978558;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-family:'Cinzel',serif;font-size:clamp(10px,1vw,12px);letter-spacing:.12em;box-shadow:0 4px 16px rgba(151,133,88,.4);transition:background-color .3s}
#Read_st .vbca .vbca-pagetop a:hover{background:#6b6149;color:#fff}
#Read_st .vbca-pagetop span{display:block;line-height:1.25;text-align:center}
#Read_st .vbca .vbca-pagetop .vbca-pagetop__arrow{font-size:14px;line-height:1;margin-bottom:2px}

/* sec01 lead */
#Read_st .vbca-lead{padding:clamp(72px,9vw,120px) 20px}
#Read_st .vbca-lead__in{max-width:880px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(32px,4vw,48px);text-align:center}
#Read_st .vbca-lead__icon{width:clamp(82.5px,9vw,112.5px);height:auto;display:block}
#Read_st .vbca-lead__txt{display:flex;flex-direction:column;gap:28px}
#Read_st .vbca-lead__ttl{margin:0;font-family:'Shippori Mincho',serif;font-weight:600;font-size:clamp(20px,2.4vw,28px);letter-spacing:.08em;line-height:1.6;text-wrap:pretty}
#Read_st .vbca-lead__body{margin:0;font-family:'Shippori Mincho',serif;font-size:clamp(14px,1.3vw,16px);line-height:2.3;letter-spacing:.06em;text-wrap:pretty}

/* hover cards (shared) */
#Read_st .vbca-hv{position:relative;display:block;overflow:hidden}
#Read_st .vbca-hv__img{position:absolute;inset:0;transition:transform 1.6s cubic-bezier(.19,1,.22,1)}
#Read_st .vbca-hv__ov{position:absolute;inset:0;background:rgba(0,0,0,.55);pointer-events:none;transition:background-color 1s cubic-bezier(.19,1,.22,1)}
#Read_st .vbca-hv__line{display:block;height:1px;width:0;background:#fff;transition:width 1s cubic-bezier(.19,1,.22,1)}
#Read_st .vbca-px{position:absolute;left:0;right:0;top:-18%;height:136%;background-size:cover;background-position:center;background-repeat:no-repeat;will-change:transform}
@media (hover:hover){
  #Read_st .vbca-hv:hover .vbca-hv__img{transform:scale(1.08)}
  #Read_st .vbca-hv:hover .vbca-hv__ov{background-color:rgba(0,0,0,.3)}
  #Read_st .vbca-hv:hover .vbca-hv__line{width:48px}
  #Read_st .vbca-hv:hover .vbca-shine__base{color:#fff}
}

/* sec02 best / excellence */
#Read_st .vbca-awards{padding:0 clamp(0px,3vw,40px) clamp(72px,9vw,120px)}
#Read_st .vbca-awards__grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(12px,2vw,24px)}
#Read_st .vbca-award__img{position:relative;aspect-ratio:4/5;overflow:hidden;background:linear-gradient(170deg,#f1eee7,#dcd6c8)}
#Read_st .vbca-award__body{position:absolute;left:0;right:0;bottom:0;padding:clamp(28px,4vw,48px) 20px;display:flex;flex-direction:column;align-items:center;gap:14px;color:#fff;background:linear-gradient(0deg,rgba(60,54,40,.45),rgba(60,54,40,0))}
#Read_st .vbca-award__icon{width:clamp(48px,5vw,64px);aspect-ratio:96/80;background-size:contain;background-position:center bottom;background-repeat:no-repeat}
#Read_st .vbca-award__ttl{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;font-family:'Cinzel',serif;font-size:clamp(28px,4.2vw,56px);line-height:1;letter-spacing:.08em}
#Read_st .vbca-award__ja{font-family:'Shippori Mincho',serif;font-size:clamp(16px,1.6vw,20px);letter-spacing:.3em}

/* paint-in on scroll for headings and award titles (classes added by script.js); same motion as the KV title */
#Read_st .vbca-paint{-webkit-mask-image:linear-gradient(to right,#000 30%,rgba(0,0,0,.5) 55%,transparent 70%);mask-image:linear-gradient(to right,#000 30%,rgba(0,0,0,.5) 55%,transparent 70%);-webkit-mask-size:320% 100%;mask-size:320% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0;transition-property:-webkit-mask-position,mask-position;transition-duration:1.5s;transition-timing-function:cubic-bezier(.39,.575,.565,1)}
#Read_st .vbca-paint-group.is-painted .vbca-paint{-webkit-mask-position:0 0;mask-position:0 0}
#Read_st .vbca-paint-group:not(.is-paint-done) .vbca-shine__light{visibility:hidden}

/* fade-up on scroll (class added by script.js) */
#Read_st .vbca-fade{opacity:0;transform:translateY(40px);transition:opacity 2s cubic-bezier(.33,1,.68,1),transform 2.4s cubic-bezier(.19,1,.22,1)}
#Read_st .vbca-fade.is-in{opacity:1;transform:none}

/* shining title */
#Read_st .vbca-shine,#Read_st .vbca-shine__base,#Read_st .vbca-shine__light{display:flex;flex-direction:column;align-items:center}
#Read_st .vbca-shine{position:relative}
#Read_st .vbca-shine__base{transition:color .6s ease}
#Read_st .vbca-shine__light{position:absolute;inset:0;pointer-events:none;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:vbcaShine 3.2s ease-in-out infinite}
#Read_st .vbca-award--best .vbca-shine__base{color:#978558}
#Read_st .vbca-award--best .vbca-shine__light{background-image:linear-gradient(105deg,rgba(255,255,255,0) 40%,#f3dfae 46%,#fffaf0 50%,#f3dfae 54%,rgba(255,255,255,0) 60%)}
#Read_st .vbca-award--excellence .vbca-shine__base{color:#9c9c9b}
#Read_st .vbca-award--excellence .vbca-shine__light{background-image:linear-gradient(105deg,rgba(255,255,255,0) 40%,#e4e6ea 46%,#fff 50%,#e4e6ea 54%,rgba(255,255,255,0) 60%)}
@keyframes vbcaShine{0%{background-position:100% 0}55%,100%{background-position:0% 0}}

/* section heading */
#Read_st .vbca-hdg{padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
#Read_st .vbca-hdg__en{margin:0;display:flex;flex-direction:column;align-items:center;font-family:'Cinzel',serif;font-weight:400;font-size:clamp(28px,7.4vw,84px);line-height:1.05;letter-spacing:.1em}
#Read_st .vbca-hdg__ja{margin:0;font-family:'Shippori Mincho',serif;font-size:clamp(13px,3.6vw,16px);letter-spacing:clamp(.12em,1vw,.3em)}
#Read_st .vbca-hdg__desc{margin:14px 0 0;font-family:'Shippori Mincho',serif;font-size:clamp(13px,3.5vw,14px);line-height:2.1;letter-spacing:.06em;text-wrap:pretty}
#Read_st .vbca-hdg__desc--lg{font-size:clamp(13px,3.5vw,15px)}
/* Hall of Fame: Japanese is the main heading, English a small catch */
#Read_st .vbca-hdg__en--sub{font-size:clamp(14px,1.8vw,22px);line-height:1.4;letter-spacing:.16em}
#Read_st .vbca-hdg__ja--main{font-weight:500;font-size:clamp(16px,5.2vw,44px);line-height:1.4;letter-spacing:.08em}

/* sec03 category */
#Read_st .vbca-cats{padding-bottom:clamp(64px,8vw,100px)}
#Read_st .vbca-cats .vbca-hdg{padding-top:clamp(64px,8vw,100px);padding-bottom:clamp(36px,4vw,56px)}
#Read_st .vbca-cats__grid{max-width:1280px;margin:0 auto;padding:0 clamp(0px,3vw,40px);display:grid;grid-template-columns:repeat(auto-fill,minmax(min(calc(50% - 6px),300px),1fr));gap:clamp(2px,1vw,12px)}
#Read_st .vbca-cat__img{position:relative;aspect-ratio:1/1;overflow:hidden;background-color:#ddd8cc}
#Read_st .vbca-cat__body{position:absolute;left:0;right:0;bottom:0;padding:clamp(14px,2vw,22px);display:flex;flex-direction:column;gap:6px;color:#fff;background:linear-gradient(0deg,rgba(60,54,40,.5),rgba(60,54,40,0))}
#Read_st .vbca-cat__en{margin:0;font-family:'Cinzel',serif;font-weight:500;font-size:clamp(15px,2.2vw,30px);line-height:1.05;letter-spacing:.06em;overflow-wrap:anywhere}
#Read_st .vbca-cat__ja{margin:0;font-family:'Shippori Mincho',serif;font-size:clamp(12px,1.1vw,14px);letter-spacing:.12em;word-break:keep-all;overflow-wrap:anywhere}
#Read_st .vbca-cat .vbca-hv__line{margin-top:4px}

/* sliders */
#Read_st .vbca-count{max-width:1280px;margin:0 auto 24px;padding:0 clamp(16px,3vw,40px);display:flex;justify-content:flex-end}
#Read_st .vbca-count__in{display:flex;align-items:center;gap:14px;font-family:'Cinzel',serif;font-size:18px;letter-spacing:.1em}
#Read_st .vbca-count__bar{position:relative;width:clamp(120px,18vw,220px);height:1px;background:#ddd8cc}
#Read_st .vbca-count__bar span{position:absolute;left:0;top:-1px;height:3px;background:#978558;transition:width .3s}
#Read_st .vbca-slider__track{--pad:max(clamp(16px,3vw,40px),calc((100vw - 1280px) / 2 + 40px));display:flex;gap:clamp(12px,2vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 var(--pad);scroll-padding-inline:var(--pad)}
#Read_st .vbca-slider__track::-webkit-scrollbar{display:none}
#Read_st .vbca-slider__track > *{scroll-snap-align:start}

/* sec05 selector */
#Read_st .vbca-selectors{background:#f5f3ee;padding:clamp(80px,10vw,130px) 0}
#Read_st .vbca-selectors .vbca-hdg{margin-bottom:clamp(40px,5vw,64px)}
#Read_st .vbca-sel{flex:0 0 clamp(180px,20vw,250px);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
#Read_st .vbca-sel__photo{position:relative;width:100%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#eae9e0 center/cover no-repeat;display:flex;align-items:flex-end;justify-content:center;padding-bottom:14%}
#Read_st .vbca-sel__dummy{font-family:'Cinzel',serif;font-size:10px;letter-spacing:.14em;color:#8f8775}
#Read_st .vbca-sel__txt{display:flex;flex-direction:column;gap:6px}
#Read_st .vbca-sel__role{font-size:11px;color:#7a715c;letter-spacing:.08em;line-height:1.6;text-wrap:pretty}
#Read_st .vbca-sel__name{font-family:'Shippori Mincho',serif;font-size:16px;font-weight:500;letter-spacing:.08em}
#Read_st .vbca-sel__note{max-width:1280px;margin:clamp(32px,4vw,48px) auto 0;padding:0 20px;font-family:'Shippori Mincho',serif;font-size:clamp(12px,3.4vw,14px);line-height:2;letter-spacing:.06em;text-align:center;text-wrap:pretty}

/* sec06 hall of fame */
#Read_st .vbca-hofs{padding:clamp(80px,10vw,130px) 0}
#Read_st .vbca-hofs .vbca-hdg{margin-bottom:clamp(36px,4vw,56px)}
#Read_st .vbca-hof{flex:0 0 clamp(220px,26vw,320px);display:flex;flex-direction:column;gap:16px}
#Read_st .vbca-hof__img{aspect-ratio:3/4;background:#fff;overflow:hidden}
#Read_st .vbca-hof__img div{width:100%;height:100%;background-size:80% auto;background-repeat:no-repeat;background-position:center}
#Read_st .vbca-hof__body{display:flex;flex-direction:column;align-items:center;gap:14px}
#Read_st .vbca-hof__name{margin:0;font-family:'Shippori Mincho',serif;font-size:16px;font-weight:500;letter-spacing:.1em;text-align:center}
#Read_st .vbca .vbca-btn{display:flex;align-items:center;justify-content:center;width:160px;height:40px;border:1px solid #333;font-family:'Cinzel',serif;font-size:13px;letter-spacing:.2em;transition:background-color .3s,border-color .3s,color .3s}
#Read_st .vbca .vbca-btn:hover{background:#978558;border-color:#978558;color:#fff}

/* footer */
#Read_st .vbca-ft{border-top:1px solid #e6e2d8;padding:clamp(56px,7vw,80px) 20px 40px;display:flex;flex-direction:column;align-items:center;gap:36px}
#Read_st .vbca-ft ul{margin:0;padding:0;list-style:none}
#Read_st .vbca-ft__credit{display:flex;flex-direction:column;gap:6px;max-width:760px;font-size:12px;line-height:1.9;color:#666;text-align:center}
#Read_st .vbca-ft__sns{display:flex;gap:16px}
#Read_st .vbca .vbca-ft__sns a{width:44px;height:44px;border-radius:50%;border:1px solid #978558;display:flex;align-items:center;justify-content:center;color:#978558;transition:background-color .3s,color .3s}
#Read_st .vbca .vbca-ft__sns a:hover{background:#978558;color:#fff}
#Read_st .vbca-ft__copy{margin:0;font-size:11px;color:#888;letter-spacing:.04em;text-align:center}

/* SP */
@media (max-width:767px){
  #Read_st .vbca-pc{display:none}
  #Read_st .vbca-hd{position:absolute;top:0;left:0;right:0;z-index:2;height:50px;padding:0 16px;align-items:center}
  #Read_st .vbca-hd a{width:96px}
  #Read_st .vbca-kv{padding-top:50px}
  #Read_st .vbca-kv__img{aspect-ratio:auto;min-height:0;height:calc(min(80svh,700px) - 50px)}
  #Read_st .vbca-kv__pic{object-position:27% 50%}
  #Read_st .vbca-kv__year{font-size:max(36px,8vw)}
  #Read_st .vbca-kv__very{height:max(25.2px,5.6vw)}
  #Read_st .vbca-kv__bca{font-size:12vw}
  /* title sits below the photo; pulled up so the photo edge cuts through the middle of "BEST COSME" */
  #Read_st .vbca-kv__ttl{position:relative;z-index:1;right:auto;bottom:auto;margin-top:calc(-.7 * max(36px,8vw) - 8px - 6vw);align-items:center;gap:8px}
  /* three selector circles per phone screen: 100vw - side padding 16px*2 - gaps 12px*2 */
  #Read_st .vbca-sel{flex-basis:calc((100vw - 56px) / 3);gap:10px}
  #Read_st .vbca-sel__name{font-size:13px;letter-spacing:.04em}
  #Read_st .vbca-award__body{top:0;justify-content:center;gap:16px;padding:20px 16px}
  #Read_st .vbca-award__icon{width:76.8px}
  #Read_st .vbca-award__ttl{font-size:44.8px}
  #Read_st .vbca-award--excellence .vbca-award__ttl{font-size:min(44.8px,12.5vw)}
  #Read_st .vbca-award__ja{font-size:25.6px}
}

@media (prefers-reduced-motion:reduce){
  #Read_st .vbca-shine__light{animation:none;display:none}
  #Read_st .vbca-px{transform:none!important}
}