.intro{--season-accent:143,164,151;--season-progress:0}
.intro[data-active-season="1"]{--season-accent:156,191,143}
.intro[data-active-season="2"]{--season-accent:99,151,122}
.intro[data-active-season="3"]{--season-accent:184,91,58}
.intro[data-active-season="4"]{--season-accent:220,57,49}
.intro-season-field{position:fixed;z-index:2;inset:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 24%,#000 88%,transparent)}
.intro-season-field i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border:1px solid rgba(var(--season-accent),.48);border-radius:70% 0 70% 0;opacity:0;animation:nenrin-season-drift var(--duration) var(--delay) linear infinite;transition:background .8s,border-color .8s}
.intro[data-active-season="0"] .intro-season-field i{border-radius:50%;background:rgba(220,228,222,.58);border:0;box-shadow:0 0 8px rgba(230,240,238,.24)}
.intro[data-active-season="1"] .intro-season-field i{background:rgba(156,191,143,.12)}
.intro[data-active-season="2"] .intro-season-field i{width:1px;height:clamp(18px,3vw,42px);border:0;border-left:1px solid rgba(150,183,168,.35);border-radius:0;rotate:12deg}
.intro[data-active-season="3"] .intro-season-field i{background:rgba(184,91,58,.22)}
.intro[data-active-season="4"] .intro-season-field i{display:none}
@keyframes nenrin-season-drift{0%{opacity:0;translate:0 -12vh;rotate:0}12%{opacity:.65}82%{opacity:.18}100%{opacity:0;translate:var(--drift) 112vh;rotate:520deg}}
.intro-meter{position:fixed;z-index:5;right:clamp(24px,5vw,76px);bottom:clamp(22px,4vw,52px);display:grid;grid-template-columns:auto 84px;align-items:end;gap:15px;pointer-events:none}
.intro-meter strong{font:400 clamp(30px,4.5vw,68px)/.8 var(--f-display);letter-spacing:-.05em;color:var(--kozo)}
.intro-meter span{font:8px/1.5 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--kozo-dim)}
.intro-meter-track{grid-column:1/-1;width:100%;height:1px;background:rgba(233,227,215,.17)}
.intro-meter-track i{display:block;width:calc(var(--season-progress)*100%);height:2px;background:rgb(var(--season-accent));transition:width 1s var(--nenrin-ease),background .8s}
.intro-scene.active .intro-season{animation:nenrin-label-in .8s .12s var(--nenrin-ease) both}
@keyframes nenrin-label-in{from{letter-spacing:.55em;opacity:0}to{opacity:1}}
.intro.is-leaving .intro-rings{animation:nenrin-rings-enter .78s var(--nenrin-ease) both}
.intro.is-leaving .intro-season-field,.intro.is-leaving .intro-meter{animation:nenrin-fade-out .35s both}
@keyframes nenrin-rings-enter{55%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(144deg) scale(.08)}}
@keyframes nenrin-fade-out{to{opacity:0}}
.hero{--hero-p:0;--hero-scale:.72;--hero-opacity:.34;--hero-bg-y:50%;--hero-bg-size:108%;--hero-ring-opacity:.28;--hero-rotate:0deg;--hero-ring-scale:.78;--hero-text-pos:100%}
.hero::after{content:"";position:absolute;z-index:4;left:50%;top:50%;width:clamp(220px,34vw,620px);aspect-ratio:1;border:1px solid rgba(220,57,49,.09);border-radius:50%;translate:-50% -50%;scale:var(--hero-scale);opacity:var(--hero-opacity);pointer-events:none}
.hero-object{background-position:center var(--hero-bg-y);background-size:auto var(--hero-bg-size);transition:background-position .12s linear}
.hero-object-award-rings{position:absolute;z-index:1;left:58%;top:48%;width:min(44vw,620px);aspect-ratio:1;translate:-50% -50%;pointer-events:none;opacity:var(--hero-ring-opacity);rotate:var(--hero-rotate)}
.hero-object-award-rings i{position:absolute;inset:var(--ring-inset);border:1px solid rgba(139,166,146,var(--ring-alpha));border-radius:48% 52% 46% 54%/52% 47% 53% 48%;scale:var(--hero-ring-scale)}
.hero-grid>div:first-child{position:relative;z-index:5}
.hero h1{background:linear-gradient(110deg,var(--kozo) 0 48%,#877f74 58%,var(--kozo) 70%) 100%/220% 100%;background-position:var(--hero-text-pos);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 em{color:var(--shu)}
@supports(animation-timeline:view()){
  .editorial-image img,.collection-panel img{animation:nenrin-image-breathe linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  @keyframes nenrin-image-breathe{from{scale:1.06;filter:saturate(.62)}50%{scale:1;filter:saturate(.9)}to{scale:1.035;filter:saturate(.68)}}
}
@media(max-width:700px){.intro-meter{left:24px;right:auto;bottom:20px;grid-template-columns:auto 70px}.intro-meter strong{font-size:32px}.hero-object-award-rings{left:50%;width:86vw}.hero-object{background-size:cover}}
@media(prefers-reduced-motion:reduce){.intro-season-field,.intro-meter,.hero-object-award-rings,.hero::after{display:none}.hero-object{background-position:center;background-size:cover}.hero h1{background:none;color:var(--kozo)}}
