/* Nanmay Yen — painted old-Japan (from theme C: pavilion, washi, sumi, sakura). Tokens follow the kit's structure. */
@font-face{font-family:"Sawarabi Mincho";src:url(./fonts/sawarabi.woff2) format("woff2");font-display:swap}
@font-face{font-family:"BIZ UDPMincho";src:url(./fonts/biz.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Cormorant SC";src:url(./fonts/cormorant-sc.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(./fonts/ebg.woff2) format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(./fonts/ebg-italic.woff2) format("woff2");font-style:italic;font-weight:400 600;font-display:swap}
@font-face{font-family:"Great Vibes";src:url(./fonts/vibes.woff2) format("woff2");font-display:swap}
:root,[data-theme=light]{
 --font-body:"EB Garamond","Sawarabi Mincho",Georgia,serif;--font-display:"Cormorant SC","EB Garamond",serif;--font-caps:"Cormorant SC","EB Garamond",serif;--font-ui:system-ui,sans-serif;
 --wm-font:400 36px/1 "Great Vibes",cursive;--hero-wm:400 clamp(70px,9vw,128px)/1.05 "Great Vibes",cursive;
 --bg:#ebe2d0;--bg2:#f4ecda;--card:#f7f0e2;--text:#1e1a14;--muted:#6b5a44;--accent:#a8323e;--accent2:#c9a45a;
 --line:rgba(92,74,50,.2);--line2:rgba(92,74,50,.38);--shadow:rgba(40,30,15,.16);--hdr:rgba(42,36,28,.94);--hdr-text:#f0e2c4;--bar:rgba(42,36,28,.95);
 --grad:linear-gradient(90deg,#a8323e,#c46a55 45%,#c9a45a);--btn-text:#fff8ec;--like:#c8402e;--stage:#e3d8c2;
 --hero-bg:#2a241c;--hero-text:#fff8ec;--hero-veil:linear-gradient(180deg,rgba(20,16,10,.25) 0%,rgba(20,16,10,.35) 45%,rgba(235,226,208,0) 75%,var(--bg) 100%);
 --panel-r:2px;--tile-r:1px;--in-r:2px;--btn-r:2px}
[data-theme=dark]{
 --bg:#13151d;--bg2:#1b1f2c;--card:#1a1d28;--text:#f3eadb;--muted:#b7ac98;--accent:#f0a8b8;--accent2:#e0c078;
 --line:rgba(240,226,196,.12);--line2:rgba(240,226,196,.25);--shadow:rgba(0,0,0,.5);--hdr:rgba(14,16,24,.94);--hdr-text:#f0e2c4;--bar:rgba(14,16,24,.95);
 --grad:linear-gradient(90deg,#f4b6c4,#e8b49a 50%,#e0c078);--btn-text:#1b1410;--like:#f08aa0;--stage:#0d0f15;
 --hero-veil:linear-gradient(180deg,rgba(10,12,20,.45) 0%,rgba(10,12,20,.5) 45%,rgba(19,21,29,.2) 75%,var(--bg) 100%)}
[data-theme=light] body{background:#ebe2d0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .35 0 0 0 0 .2 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
header.site{border-bottom:1px solid rgba(201,164,90,.35)}
header.site .switch{background:rgba(255,255,255,.06);border-color:rgba(201,164,90,.4);color:#c9b894}
header.site .lock{font-size:38px}
.hero{min-height:min(84vh,780px)}
.hero .kicker{font-family:"BIZ UDPMincho","Cormorant SC",serif;letter-spacing:.3em}
.hero-in{padding-bottom:150px}
.hero h1{text-shadow:0 2px 18px rgba(0,0,0,.55)}
.hscroll{position:absolute;z-index:3;right:max(28px,calc((100vw - 1240px)/2 + 28px));top:50%;transform:translateY(-58%);display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 18px 26px rgba(20,10,5,.45))}
.hscroll .rod{display:block;width:250px;height:12px;border-radius:3px;background:linear-gradient(180deg,#8a6a3e,#3d2a16)}
.hscroll .silk{position:relative;display:block;width:230px;height:300px;padding:14px 12px;background:linear-gradient(180deg,#fffaf0,#f0e4cc);border-left:7px solid #4a5a3a;border-right:7px solid #4a5a3a}
.hscroll img{position:absolute;inset:14px 12px;width:calc(100% - 24px);height:calc(100% - 28px);object-fit:cover;opacity:0;transition:opacity 1.4s}
.hscroll img.on{opacity:1}
.hscroll em{margin-top:12px;font:600 11px/1 "Cormorant SC",serif;letter-spacing:.24em;text-transform:uppercase;font-style:normal;color:#fff3dc;text-shadow:0 1px 6px #000}
.search{border-top:3px solid #a8323e}
[data-theme=dark] .search{border-top-color:#f0a8b8}
.tag{color:#a8323e}[data-theme=dark] .tag{color:#f0a8b8}
h2{letter-spacing:.1em;text-transform:uppercase;font-size:26px}
.scrollcards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:30px 20px}
.wcard{background:none;border:0;overflow:visible;text-align:center;filter:drop-shadow(0 12px 18px rgba(40,20,10,.22))}
.wcard:hover{box-shadow:none}
.wcard .ph{aspect-ratio:auto;height:210px;margin:0 6px;background-clip:content-box;padding:10px 8px;background-color:#f6eedc;border-left:6px solid #4a5a3a;border-right:6px solid #4a5a3a;box-shadow:0 -10px 0 -2px #5a4020,0 10px 0 -2px #5a4020}
.wcard .info{padding:16px 4px 0}
.wcard h3{font:600 11px/1.3 "Cormorant SC",serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.av,.prof .big{background-color:#efe4cf}
.iggrid button{background-color:#e7dcc4;background-size:116%}
.post .ph b{font-family:"EB Garamond",serif;font-size:17px}
.post .cap b{font-family:"Cormorant SC",serif;letter-spacing:.08em}
.prof h2{text-transform:none;letter-spacing:0}
.mbar a,.igbar a{color:#b9a888}.mbar a.on,.igbar .on{color:#f6e8cc}
.mbar a.on svg,.igbar .on svg{stroke:#f0a8b8}
.igtop{background:var(--bar)}.igtop .tt b,.igtop .back{color:#f6e8cc}.igtop .tt small{color:#c9b894}
.igtop .sel{background:rgba(255,255,255,.08);color:#f6e8cc}
@media (min-width:769px){body.ig .igtop{background:var(--bg)}.igtop .tt b{color:var(--text)}.igtop .tt small{color:var(--muted)}}
.petals{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:45}
.petals i{position:absolute;top:-40px;display:block;width:18px;height:22px;background-size:contain;background-repeat:no-repeat;animation:fall linear infinite;opacity:.85}
.petals i:nth-child(1){left:8%;animation-duration:14s;background-image:url(./petals/p0.png);width:16px;height:20px}
.petals i:nth-child(2){left:22%;animation-duration:18s;animation-delay:2s;background-image:url(./petals/p1.png);width:22px;height:26px}
.petals i:nth-child(3){left:38%;animation-duration:12s;animation-delay:4s;background-image:url(./petals/p2.png)}
.petals i:nth-child(4){left:55%;animation-duration:16s;animation-delay:1s;background-image:url(./petals/p3.png);width:20px;height:24px}
.petals i:nth-child(5){left:68%;animation-duration:20s;animation-delay:3s;background-image:url(./petals/p0.png)}
.petals i:nth-child(6){left:82%;animation-duration:13s;animation-delay:5s;background-image:url(./petals/p1.png);width:14px;height:18px}
.petals i:nth-child(7){left:15%;animation-duration:17s;animation-delay:7s;background-image:url(./petals/p2.png)}
.petals i:nth-child(8){left:90%;animation-duration:15s;animation-delay:2.5s;background-image:url(./petals/p3.png)}
@keyframes fall{0%{transform:translateY(-10vh) rotate(0);opacity:0}10%{opacity:.9}100%{transform:translateY(110vh) rotate(360deg);opacity:.2}}
@media (prefers-reduced-motion:reduce){.petals{display:none}}
body.ig .petals{opacity:.55}
@media (max-width:768px){
 .hscroll{position:relative;right:auto;top:auto;transform:none;margin:96px auto 0}
 .hscroll .rod{width:170px;height:10px}.hscroll .silk{width:156px;height:200px}
 .hero{align-items:start}
 .hero-in{padding:22px 18px 92px;text-align:center}
 .hero .kicker{font-size:11px}
 .scrollcards{grid-template-columns:repeat(3,1fr);gap:22px 10px}
 .wcard .ph{height:30vw;padding:6px 5px;border-width:4px;margin:0 2px}
 .wcard h3{font-size:9.5px}
}