/* Homepage discovery — Rin Official */
html{scroll-padding-top:90px}
a:focus-visible,button:focus-visible{outline:3px solid #e7aa92;outline-offset:6px}
.rin-entry.hero{padding:0;min-height:660px;max-height:950px;align-items:center}
.rin-entry .hero-content{padding-top:110px;padding-bottom:70px}
.rin-entry .hero-picture img{object-position:65% center}
.rin-entry .hero-overlay{background:linear-gradient(90deg,rgba(4,10,21,.86) 0%,rgba(4,10,21,.52) 40%,rgba(4,10,21,.03) 76%),linear-gradient(0deg,rgba(4,10,21,.3),transparent 45%)}
.rin-entry h1{font-size:clamp(42px,5.3vw,72px);line-height:1.4;max-width:650px}
.rin-entry .hero-message{font-size:17px;color:#fff}
.rin-entry .hero-kicker{opacity:1;letter-spacing:.11em;font-size:11px}
.rin-entry .hero-actions{gap:12px}
.rin-entry .btn{font-size:13px;letter-spacing:.05em;min-width:172px;gap:15px}
.rin-entry-note{font-size:11px;color:rgba(255,255,255,.72);margin:22px 0 0}
.rin-eyebrow{font-size:10px;letter-spacing:.17em;margin:0 0 17px;color:inherit;opacity:.7}
.rin-first{background:var(--paper);color:var(--navy);padding:100px 0}
.rin-first-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.rin-first h2,.rin-moods h2{font-family:"Yu Mincho",serif;font-weight:400;font-size:clamp(28px,3vw,40px);line-height:1.6;margin:0 0 20px}
.rin-first-description{font-size:14px;line-height:2;color:#56606d;margin-bottom:27px}
.rin-inline-link{display:inline-flex;gap:10px;align-items:center;font-size:13px;padding:10px 0;border-bottom:1px solid currentColor}
.rin-player-card{padding:30px;background:#0d1d35;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 18px 45px rgba(7,17,31,.12)}
.rin-player-heading{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:9px;letter-spacing:.1em;color:#d6c1b5}
.rin-player-card h3{font:400 46px/1.2 Georgia,serif;margin:24px 0 6px}
.rin-player-card>p{font-size:13px;color:#d4dce5;margin:0 0 24px}
.rin-player-card iframe{display:block;max-width:100%;background:#152136}
.rin-player-fallback{display:inline-block;margin-top:18px;font-size:11px;color:#f2d1c3;border-bottom:1px solid rgba(242,209,195,.4);padding:3px 0}
.rin-moods{background:#0b1728;padding:92px 0 100px}
.rin-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}
.rin-section-heading h2{margin-bottom:0}
.rin-mood-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rin-mood-card{display:flex;flex-direction:column;min-height:265px;padding:25px 21px;border:1px solid rgba(231,170,146,.24);border-radius:14px;background:linear-gradient(145deg,rgba(231,170,146,.055),transparent);transition:background .2s,border-color .2s}
.rin-mood-card:hover{background:rgba(231,170,146,.1);border-color:var(--peach)}
.rin-mood-number{font:12px Georgia,serif;color:var(--peach);letter-spacing:.12em}
.rin-mood-card h3{font-family:"Yu Mincho",serif;font-size:18px;font-weight:400;line-height:1.6;margin:20px 0 13px}
.rin-mood-card p{font-size:12px;color:#aeb8c6;line-height:1.9;margin:0 0 28px}
.rin-mood-track{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}
.social-link small{display:block;font:12px/1.8 -apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif;letter-spacing:.02em;color:#aeb8c6;margin-top:5px}
.letter-button{font-size:14px;letter-spacing:.04em}
.desktop-nav a{font-size:11px;letter-spacing:.04em;text-transform:none}
/* Content remains readable when scripts or animations are unavailable. */
.reveal{opacity:1;transform:none}
@media(max-width:1050px){.rin-first-layout{gap:35px}.rin-mood-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 html{scroll-padding-top:76px}
 .rin-entry.hero{height:100svh;min-height:580px;max-height:850px;align-items:flex-end}
 .rin-entry .hero-picture img{object-position:center 28%;transform:none}
 .rin-entry .hero-overlay{background:linear-gradient(180deg,rgba(4,9,18,.08) 15%,rgba(4,9,18,.12) 36%,rgba(4,9,18,.72) 62%,rgba(4,9,18,.97) 100%)}
 .rin-entry .hero-content{padding:90px 6px calc(30px + env(safe-area-inset-bottom))}
 .rin-entry h1{font-size:clamp(33px,9vw,44px);line-height:1.4;margin-bottom:14px}
 .rin-entry .hero-kicker{font-size:9px;margin-bottom:12px}
 .rin-entry .hero-message{font-size:13px;max-width:100%}
 .rin-entry .hero-actions{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:9px}
 .rin-entry .btn{min-width:0;font-size:12px;padding:0 10px;gap:10px;min-height:49px}
 .rin-entry-note{font-size:10px;line-height:1.8;margin-top:15px;max-width:30em}
 .rin-first{padding:66px 0}
 .rin-first-layout{grid-template-columns:1fr;gap:30px}
 .rin-first h2,.rin-moods h2{font-size:27px;line-height:1.6}
 .rin-first-description{font-size:13px}
 .rin-player-card{padding:23px 16px;border-radius:15px}
 .rin-player-card h3{font-size:39px}
 .rin-player-heading{font-size:8px}
 .rin-moods{padding:64px 0}
 .rin-section-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:24px}
 .rin-mood-grid{gap:10px}
 .rin-mood-card{min-height:255px;padding:20px 15px}
 .rin-mood-card h3{font-size:16px}
 .rin-mood-card p{font-size:11px}
 .rin-mood-track{font-size:11px;align-items:center}
 .social-link small{font-size:11px}
 .mobile-menu>a{font-size:28px;line-height:1.9}
}
@media(max-width:360px){.rin-mood-grid{grid-template-columns:1fr}.rin-mood-card{min-height:210px}.rin-entry h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rin-entry .hero-picture img{transform:none!important}}