:root{--night:#0f0d15;--deep:#0a0910;--panel:#1a1722;--panel-2:#221e2c;--line:#f1e8d61f;--text:#f1e8d6;--muted:#b0a696;--red:#d8372a;--red-hot:#f0503c;--gold:#e8b84a;--gold-pale:#f6dc9a;--serif:"Shippori Mincho", "Hiragino Mincho ProN", Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", sans-serif;--wrap:1120px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--night);color:var(--text);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--serif);text-wrap:balance;margin:0;font-weight:700;line-height:1.15}p,ol,ul,blockquote,figure{margin:0}ul,ol{padding:0;list-style:none}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.header{z-index:20;align-items:center;gap:24px;padding:12px clamp(16px,4vw,40px);transition:background .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;inset:0 0 auto}.header.is-scrolled{-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line);background:#0f0d15d1}.brand{font-family:var(--serif);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.nav{gap:clamp(12px,2.4vw,28px);margin-left:auto;font-size:.95rem;display:flex}.nav a{color:var(--muted);border-bottom:2px solid #0000;padding:6px 0;text-decoration:none;transition:color .2s,border-color .2s}.nav a:hover{color:var(--text);border-color:var(--red)}.header__play{background:var(--red);color:#fff;border-radius:999px;padding:8px 20px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s}.header__play:hover{background:var(--red-hot);transform:translateY(-1px)}.play{background:linear-gradient(180deg, var(--red-hot), #b3261e);color:#fff;letter-spacing:.02em;border-radius:6px;padding:14px 30px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-block;position:relative;box-shadow:inset 0 0 0 1px #f6dc9a73,0 10px 30px -8px #d8372acc}.play:hover{filter:brightness(1.1);box-shadow:0 0 0 1px var(--gold-pale) inset, 0 16px 44px -8px #f0503cf2;transform:translateY(-2px)}.play--big{font-size:1.2rem;font-family:var(--serif);padding:18px 42px;font-weight:800}.play--big:after{content:"→";margin-left:12px;transition:transform .2s;display:inline-block}.play--big:hover:after{transform:translate(5px)}.hero{isolation:isolate;place-items:center;min-height:100svh;padding:96px 16px 88px;display:grid;position:relative;overflow:hidden}.hero__bg{z-index:-2;background:url(/shots/carte-vallon-hero.webp) 50%/cover no-repeat;animation:40s ease-in-out infinite alternate drift;position:absolute;inset:-4%}.hero:before{content:"";z-index:-1;background:radial-gradient(ellipse 75% 60% at 50% 45%, #0f0d15a8, #0f0d1538 70%, transparent), linear-gradient(180deg, #0f0d15cc 0%, #0f0d150d 30%, #0f0d1533 65%, var(--night) 100%);position:absolute;inset:0}@keyframes drift{0%{transform:scale(1)translateY(0)}to{transform:scale(1.1)translateY(-2%)}}.hero__content{text-align:center;justify-items:center;gap:20px;max-width:780px;animation:1s ease-out both rise;display:grid}.hero h1 img{filter:drop-shadow(0 12px 40px #000000b3);width:min(680px,92vw);height:auto}.hero__tagline{font-family:var(--serif);color:var(--gold-pale);text-shadow:0 2px 24px #000c;font-size:clamp(1.6rem,4.6vw,2.7rem);font-weight:800;line-height:1.2}.hero__text{max-width:34em;color:var(--text);text-shadow:0 1px 12px #000000e6;font-size:1.1rem}.hero .play{margin-top:8px;animation:2.8s ease-in-out infinite pulse}.hero__facts{flex-wrap:wrap;justify-content:center;gap:8px 10px;margin-top:6px;display:flex}.hero__facts li{-webkit-backdrop-filter:blur(6px);color:var(--gold-pale);letter-spacing:.03em;background:#0f0d158c;border:1px solid #f6dc9a59;border-radius:999px;padding:4px 14px;font-size:.85rem}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@keyframes pulse{50%{box-shadow:0 0 0 1px var(--gold-pale) inset, 0 12px 54px -4px #f0503c}}.hero__scroll{border:2px solid #f1e8d680;border-radius:14px;width:26px;height:42px;position:absolute;bottom:22px;left:50%;translate:-50%}.hero__scroll span{background:var(--gold-pale);border-radius:2px;width:4px;height:8px;margin-left:-2px;animation:1.8s ease-in-out infinite wheel;position:absolute;top:7px;left:50%}@keyframes wheel{60%{opacity:0;transform:translateY(14px)}to{opacity:0}}.petals{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.petals span{opacity:.85;background:linear-gradient(135deg,#ffd9e6,#f29bb8);border-radius:80% 0;animation:linear infinite fall;position:absolute;top:-5%}@keyframes fall{0%{transform:translateY(-10vh)rotate(0)}to{transform:translate3d(var(--drift), 115vh, 0) rotate(540deg)}}.block{padding:clamp(72px,10vw,120px) 0;position:relative}.block--deep{background:radial-gradient(ellipse 60% 40% at 50% 0%, #d8372a1f, transparent), var(--deep);border-block:1px solid var(--line)}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(16px,4vw,32px)}.wrap--narrow{max-width:820px}.title{text-align:center;margin-bottom:clamp(40px,6vw,64px);padding-top:28px;position:relative}.title__kanji{z-index:0;font-family:var(--serif);color:#d8372a29;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:clamp(6rem,16vw,10rem);font-weight:800;line-height:1;position:absolute;top:-34px;left:50%;translate:-50%}.title h2{font-size:clamp(2rem,5.5vw,3.2rem);font-weight:800;position:relative}.title h2:after{content:"";background:linear-gradient(90deg, transparent, var(--red), transparent);width:64px;height:3px;margin:18px auto 0;display:block}.title p{color:var(--muted);margin-top:16px;font-size:1.1rem;position:relative}.subtitle{text-align:center;color:var(--gold-pale);margin:clamp(56px,8vw,88px) 0 28px;font-size:clamp(1.4rem,3.6vw,1.9rem)}.subtitle+.subtitle__text{text-align:center;color:var(--muted);margin:-16px 0 28px}.reveal{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transition-delay:calc(var(--i,0) * 90ms);transform:translateY(26px)}.reveal.is-in{opacity:1;transform:none}.points{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;display:grid}.points li{background:linear-gradient(160deg, var(--panel-2), var(--panel));border:1px solid var(--line);transition:opacity .7s ease-out,transform .35s,border-color .3s,box-shadow .3s;transition-delay:calc(var(--i,0) * 90ms), 0s, 0s, 0s;border-radius:10px;padding:28px 24px 26px;position:relative;overflow:hidden}.points li.is-in:hover{border-color:#e8b84a8c;transform:translateY(-6px);box-shadow:0 18px 40px -18px #000000e6}.points__kanji{background:var(--red);color:#fff;width:52px;height:52px;font-family:var(--serif);border-radius:50%;place-items:center;margin-bottom:18px;font-size:1.6rem;font-weight:800;line-height:1;display:grid;box-shadow:0 0 24px -4px #d8372ae6}.points h3{margin-bottom:10px;font-size:1.25rem}.points p{color:var(--muted);font-size:.98rem}.gallery{gap:14px;display:grid}.gallery__main{aspect-ratio:16/9;background:#000;border:1px solid #e8b84a59;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #000,0 0 80px -30px #d8372a8c}.gallery__main img{object-fit:cover;width:100%;height:100%;animation:.5s ease-out shot}@keyframes shot{0%{opacity:0;transform:scale(1.04)}}.gallery__main figcaption{background:linear-gradient(#0000,#0a0910eb);gap:2px;padding:48px clamp(16px,3vw,28px) clamp(14px,2.4vw,22px);display:grid;position:absolute;inset:auto 0 0}.gallery__main strong{font-family:var(--serif);color:var(--gold-pale);font-size:clamp(1.15rem,2.6vw,1.6rem)}.gallery__main span{color:var(--text);font-size:.98rem}.gallery__thumbs{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.gallery__thumbs button{cursor:pointer;opacity:.7;background:#000;border:2px solid #0000;border-radius:8px;padding:0;transition:opacity .2s,border-color .2s,transform .2s;overflow:hidden}.gallery__thumbs button:hover{opacity:1;transform:translateY(-2px)}.gallery__thumbs button.is-current{opacity:1;border-color:var(--gold)}.gallery__thumbs img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.classes{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-width:860px;margin:0 auto;display:grid}.classes li{background:linear-gradient(160deg, var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:10px;grid-template-columns:110px 1fr;align-items:center;gap:20px;padding:20px 24px 0 20px;display:grid;overflow:hidden}.classes__art{background:radial-gradient(at 50% 100%,#e8b84a47,#0000 70%);align-self:end;place-items:end center;height:170px;display:grid}.classes__art img{width:auto;height:160px}.classes h4{color:var(--gold-pale);margin-bottom:6px;font-size:1.5rem}.classes p{color:var(--muted);padding-bottom:20px}blockquote{text-align:center;font-family:var(--serif);border-top:2px solid var(--red);background:linear-gradient(#d8372a1a,#0000);border-radius:0 0 12px 12px;margin-bottom:56px;padding:36px clamp(20px,5vw,48px);font-size:clamp(1.2rem,3vw,1.6rem);font-weight:500;line-height:1.6;position:relative}.acts{gap:0;display:grid;position:relative}.acts:before{content:"";background:linear-gradient(180deg, var(--red), #d8372a1a);width:2px;position:absolute;top:20px;bottom:20px;left:43px}.acts li{grid-template-columns:88px 1fr;align-items:start;gap:24px;padding:20px 0;display:grid;position:relative}.acts__icon{border:3px solid var(--red);width:88px;height:88px;box-shadow:0 0 0 6px var(--night), 0 0 30px -6px #d8372ab3;background:radial-gradient(circle at 50% 35%,#f6e9cf,#cbb892);border-radius:50%;padding:14px}.acts__icon img{object-fit:contain;width:100%;height:100%}.acts__num{letter-spacing:.18em;text-transform:uppercase;color:var(--red-hot);font-size:.8rem;font-weight:700}.acts h3{margin:2px 0 8px;font-size:clamp(1.3rem,3vw,1.6rem)}.acts p{color:var(--muted)}.beasts{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.beasts li,.sets li{border:1px solid var(--line);transition:opacity .7s ease-out,transform .35s,border-color .3s,box-shadow .3s;transition-delay:calc(var(--i,0) * 90ms), 0s, 0s, 0s;border-radius:12px;position:relative;overflow:hidden}.beasts li{text-align:center;background:radial-gradient(ellipse 80% 60% at 50% 42%, color-mix(in srgb, var(--glow) 32%, transparent), transparent 72%), var(--panel);grid-template-rows:1fr auto;gap:12px;padding:22px 16px 16px;display:grid}.beasts li.is-in:hover,.sets li.is-in:hover{border-color:var(--glow);box-shadow:0 24px 50px -22px var(--glow);transform:translateY(-8px)}.beasts img{object-fit:contain;filter:drop-shadow(0 10px 14px #0009);width:100%;height:clamp(110px,15vw,170px);transition:transform .35s}.beasts li:hover img{transform:scale(1.08)rotate(-2deg)}.beasts strong{font-family:var(--serif);font-size:1.05rem;line-height:1.25}.sets{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.sets img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;transition:transform .5s}.sets li:hover img{transform:scale(1.06)}.sets strong{text-align:center;font-family:var(--serif);background:linear-gradient(#0000,#0a0910f2);padding:40px 14px 14px;font-size:1.05rem;line-height:1.25;position:absolute;inset:auto 0 0}.clans{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.clans li{text-align:center;background:linear-gradient(180deg, var(--clan), color-mix(in srgb, var(--clan) 62%, #000));clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 34px),0 100%);min-height:300px;transition:opacity .7s ease-out,transform .35s;transition-delay:calc(var(--i,0) * 90ms), 0s;border-top:6px solid #00000073;align-content:start;gap:6px;padding:34px 16px 64px;display:grid;position:relative}.clans li.is-in:hover{transform:translateY(8px)}.clans li:before{content:"";border:3px solid #ffffffd9;border-radius:50%;width:46px;height:46px;margin:0 auto 12px;box-shadow:inset 0 0 0 5px #00000040}.clans strong{font-family:var(--serif);color:#fff;text-shadow:0 2px 6px #00000080;font-size:1.45rem;font-weight:800}.clans__meaning{letter-spacing:.14em;text-transform:uppercase;color:#ffffffc7;font-size:.8rem}.clans p{color:#ffffffeb;margin-top:12px;font-size:.95rem;line-height:1.5}.final{isolation:isolate;text-align:center;background:linear-gradient(180deg, var(--night) 0%, #2a1630 28%, #7a2a3a 52%, #d8603a 76%, #f3b05c 100%);padding:clamp(72px,10vw,120px) 16px 0;position:relative;overflow:hidden}.final__sun{z-index:-1;aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#ff6a45,#c8261c);border-radius:50%;width:clamp(180px,26vw,320px);position:absolute;bottom:clamp(20px,4vw,50px);left:50%;translate:-50%;box-shadow:0 0 120px 30px #ff78468c}.final__content{justify-items:center;gap:18px;display:grid}.final h2{text-shadow:0 2px 30px #0009;font-size:clamp(2rem,6vw,3.4rem);font-weight:800}.final p{text-shadow:0 1px 12px #000000b3;max-width:30em;margin-bottom:8px;font-size:1.1rem}.landscape{width:min(1000px,100%);height:clamp(150px,32vw,320px);margin:clamp(40px,6vw,72px) auto 0;position:relative}.landscape img{width:auto;max-width:none;position:absolute;bottom:0}.footer{background:var(--deep);color:var(--muted);border-top:3px solid #1a1714;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:24px clamp(16px,4vw,40px) 32px;font-size:.9rem;display:flex}@media (width<=900px){.beasts,.sets{grid-template-columns:repeat(2,1fr)}.clans{grid-template-columns:repeat(6,1fr)}.clans li{grid-column:span 2;min-height:270px}.clans li:nth-child(4){grid-column:2/span 2}}@media (width<=720px){.nav{display:none}.header__play{margin-left:auto}.gallery__thumbs{grid-template-columns:repeat(4,1fr)}.gallery__main{aspect-ratio:4/3}}@media (width<=560px){.clans{grid-template-columns:1fr 1fr}.clans li,.clans li:nth-child(4){grid-column:auto}.clans li:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 7px)}.acts:before{left:31px}.acts li{grid-template-columns:64px 1fr;gap:16px}.acts__icon{width:64px;height:64px;padding:10px}.classes li{grid-template-columns:84px 1fr}.classes__art{height:140px}.classes__art img{height:130px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__bg,.hero__content,.hero .play,.hero__scroll span,.gallery__main img{animation:none}.petals{display:none}.reveal{opacity:1;transition:none;transform:none}}