:root{--green:#557d42;--leaf:#7faf57;--deep:#28482d;--ivory:#fffdf6;--gold:#d9b45b;--lav:#d9d2ef;--ink:#34472d;--serif:'Kaisei Decol',serif;--sans:'Zen Maru Gothic',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--ivory);font-family:var(--sans);line-height:1.9}.header{height:76px;position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,28px);color:#fff}.logo{color:#fff;text-decoration:none;font:500 23px var(--serif);letter-spacing:.08em}.header nav{display:flex;gap:27px}.header nav a,.header-x{font-size:11px;color:#fff;text-decoration:none;letter-spacing:.09em}.header-x{border:1px solid #ffffff99;padding:5px 13px;border-radius:99px}.hero{min-height:770px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(90deg,#254d38b8,#40664166),url('assets/hydrangea-forest.png') center/cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#16402b55,transparent 70%),linear-gradient(0deg,#274c37a6,transparent 40%)}.hero-copy{position:relative;z-index:2;padding:212px 0 100px max(8vw,45px);max-width:620px}.overline{font-size:11px;letter-spacing:.18em;color:#789b58;margin:0 0 13px}.hero .overline{color:#e8f3c9}.hero h1,.section h2,.fan h2{font:500 clamp(43px,5.5vw,75px)/1.35 var(--serif);margin:0;letter-spacing:.05em}.hero h1 em,.section h2 em,.fan h2 em{font-style:normal;color:var(--gold)}.hero-copy>p:not(.overline){font-size:15px;margin:19px 0 29px}.hero-buttons{display:flex;flex-wrap:wrap;gap:9px;max-width:410px}.hero-buttons a{font-size:11px;color:#fff;text-decoration:none;padding:8px 14px;border:1px solid #ffffff99;border-radius:30px;background:#ffffff18;backdrop-filter:blur(5px)}.hero-character{position:absolute;z-index:2;bottom:0;right:12%;height:690px;max-width:38vw;object-fit:contain;filter:drop-shadow(0 15px 18px #17371a4d)}.petal{position:absolute;z-index:3;color:#f8ecab;font-size:30px;animation:float 4s ease-in-out infinite}.p1{top:26%;right:45%}.p2{top:63%;right:9%;animation-delay:1.1s}.p3{top:16%;right:18%;animation-delay:2.2s}@keyframes float{50%{transform:translateY(-16px) rotate(15deg)}}.section{padding:110px max(8vw,45px)}.character{display:grid;grid-template-columns:43% 57%;gap:8%;align-items:center;background:#eef1d9}.portrait-wrap{height:510px;position:relative;overflow:hidden;border-radius:260px 260px 14px 14px;background:linear-gradient(#c8dfa5,#e9ebca);display:flex;justify-content:center;align-items:end}.portrait-glow{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:#f1dfa0;top:8%;left:13%}.portrait-wrap img{height:100%;z-index:1;mix-blend-mode:multiply}.section-copy{max-width:560px}.section-copy>p:not(.overline){margin:23px 0;font-size:15px}.profile{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bbc99a;margin:26px 0 0}.profile div{padding:12px 8px;border-bottom:1px solid #cfd9b6;display:flex;gap:14px;font-size:12px}.profile dt{color:#76875a;min-width:35px}.profile dd{margin:0}.costumes{background:#fcfbf1}.title-center{text-align:center}.title-center h2{font-size:clamp(34px,4vw,50px)}.title-center>p:last-child{font-size:12px;color:#71835b;margin:8px}.costume-grid{margin:40px auto 0;display:grid;grid-template-columns:repeat(5,1fr);max-width:1120px;gap:14px}.costume-card{height:230px;border:0;position:relative;overflow:hidden;background:#eff0d7;color:var(--green);font-family:var(--sans);cursor:pointer;transition:.3s}.costume-card:hover{transform:translateY(-7px);box-shadow:0 13px 23px #5c7a3e24}.costume-card.current{background:#dce8bd}.costume-card img{width:100%;height:100%;object-fit:cover;object-position:center top;mix-blend-mode:multiply}.costume-card i{font-style:normal;font-size:52px;display:block;padding-top:65px}.costume-card span{position:absolute;bottom:0;left:0;right:0;padding:10px;background:#314b2ecc;color:#fff;font-size:11px}.costume-card small{display:block;font-size:8px;color:#e4d585}.music{background:linear-gradient(135deg,#dcebc6,#f4f2d8)}.song-grid{display:grid;grid-template-columns:repeat(2,1fr);max-width:930px;margin:40px auto 0;gap:12px}.song-grid article{min-height:155px;padding:28px;background:#ffffff86;border:1px solid #fff;position:relative}.song-grid b{font:30px var(--serif);color:#afbb77}.song-grid h3{font:500 18px var(--serif);margin:9px 0}.play{border:0;border-bottom:1px solid var(--green);padding:0;color:var(--green);background:transparent;font:11px var(--sans);cursor:pointer;letter-spacing:.12em}.music-note{text-align:center;font-size:11px;color:#6b7c56;margin:21px 0}.video-placeholder{max-width:780px;aspect-ratio:16/6;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:12px;background:linear-gradient(120deg,#6b8e56,#b4c582);color:#fff;font-size:36px}.video-placeholder span{font:20px/1.5 var(--serif)}.video-placeholder small{font:10px var(--sans);letter-spacing:.14em}.gallery{background:#fffdf6}.gallery-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:39px}.gallery-head h2{font-size:clamp(34px,4.5vw,55px)}.filters{display:flex;flex-wrap:wrap;max-width:400px;justify-content:end;gap:5px}.filters button{border:1px solid #d0d9b3;background:transparent;border-radius:20px;color:#667a4a;font:10px var(--sans);padding:5px 9px}.filters button.active{background:var(--green);color:#fff}.masonry{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:210px 210px;gap:13px;max-width:1100px;margin:auto}.masonry figure{position:relative;margin:0;overflow:hidden;background:#e2e6c7}.masonry .tall{grid-row:span 2}.masonry img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:.4s}.masonry .tall img{object-fit:contain;background:#e3e8c8}.masonry figure:hover img{transform:scale(1.04)}.masonry figcaption{position:absolute;inset:auto 0 0;padding:11px 13px;color:#fff;background:#29432baa;font-size:10px;display:flex;justify-content:space-between}.masonry figcaption b{font-weight:500}.masonry figcaption span{font-size:8px}.hydrangea{background:linear-gradient(135deg,#a28ec4,#d7c9e9 45%,#7da467)!important}.goods{background:#455f35;color:#fff}.goods .overline{color:#d6e7a6}.goods h2{color:#fff}.goods .title-center>p:last-child{color:#e1e8c5}.goods-grid{max-width:1060px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:43px auto 0}.goods article{background:#ffffff16;border:1px solid #ffffff36;text-align:center;padding:29px 15px}.goods i{font-style:normal;font-size:36px}.goods h3{font:20px var(--serif);margin:10px}.goods p{font-size:11px;line-height:1.8;color:#dce6c3}.goods button{border:1px solid #dbe6b7;color:#dbe6b7;background:transparent;border-radius:20px;padding:5px 17px;font:10px var(--sans)}.news{display:grid;grid-template-columns:32% 68%;background:#f5efd8;gap:20px}.news h2{font-size:44px}.news-list a{display:flex;align-items:center;gap:28px;color:var(--ink);text-decoration:none;padding:21px 8px;border-bottom:1px solid #c8cca4;font-size:13px}.news-list time{font-size:11px;color:#77895d;width:80px}.news-list i{margin-left:auto;font-style:normal}.world{display:grid;grid-template-columns:39% 61%;gap:35px;align-items:center;background:#e9f0d6}.world h2{font-size:47px}.world-copy p:not(.overline){font-size:13px}.map{height:440px;border-radius:20px;position:relative;overflow:hidden;background:linear-gradient(125deg,#85a65e,#d4df9e 50%,#729457);box-shadow:inset 0 0 0 8px #ffffff55}.map:before{content:'✦';position:absolute;inset:0;display:grid;place-items:center;font-size:160px;color:#f6e9a8;opacity:.55}.map button{position:absolute;left:var(--x);top:var(--y);border:0;border-radius:20px;background:#fffef0e3;color:#49643c;padding:6px 11px;font:10px var(--sans);cursor:pointer}.map button:hover{background:var(--gold);color:#fff}.map p{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;margin:0;background:#315032df;color:#fff;padding:7px 13px;border-radius:20px;font-size:10px}.friends{background:#fffdf6}.friend-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1010px;margin:35px auto 0;gap:15px}.friend-grid article{text-align:center;padding:25px 12px;border:1px solid #dce0bd}.friend-grid i{font-style:normal;font-size:40px}.friend-grid h3{font:19px var(--serif);margin:8px}.friend-grid p{font-size:10px;color:#738060}.friend-grid .future{background:#f1f0df;border-style:dashed}.fan{text-align:center;padding:105px 25px;background:linear-gradient(140deg,#c7d99c,#ecdeb7)}.fan h2{font-size:clamp(32px,4vw,48px)}.fan h2 em{color:#6a8744}.fan>p:not(.overline){font-size:12px}.fan div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.fan span{padding:6px 13px;border-radius:20px;background:#fff8;color:#536c3e;font-size:11px}.rights{padding:45px max(8vw,45px);text-align:center;background:#fbfaf1;color:#59694a}.rights p{max-width:850px;margin:8px auto;font-size:11px}.rights strong{font:15px var(--serif)}.rights a{color:#456c38}footer{padding:18px max(5vw,28px);display:flex;justify-content:space-between;align-items:center;background:#28452c;color:#dbe8b8;font-size:10px}footer a{color:#dbe8b8;text-decoration:none;margin-left:17px}.fly{animation:fly 5s linear infinite}@keyframes fly{50%{transform:translateX(45px) translateY(-10px)}}dialog{border:0;padding:30px;max-width:400px;background:#f9f7e8;color:var(--ink);text-align:center;box-shadow:0 18px 60px #263a22aa}dialog::backdrop{background:#1e392977}dialog img{max-height:450px;max-width:100%;mix-blend-mode:multiply}.close{position:absolute;right:9px;top:4px;border:0;background:none;font-size:28px;color:var(--green);cursor:pointer}dialog h3{font:23px var(--serif);margin:7px}dialog p{font-size:12px}@media(max-width:760px){.header{height:60px}.header nav{display:none}.header-x{font-size:9px}.hero{min-height:670px}.hero-copy{padding:142px 26px 0}.hero h1{font-size:47px}.hero-character{height:470px;max-width:72vw;right:-3%;bottom:-3px}.hero-buttons{max-width:290px}.hero-buttons a{font-size:9px;padding:6px 9px}.section{padding:72px 25px}.character{grid-template-columns:1fr;gap:35px}.portrait-wrap{height:390px}.costume-grid{grid-template-columns:repeat(2,1fr)}.costume-card{height:175px}.song-grid{grid-template-columns:1fr}.gallery-head{display:block}.filters{justify-content:start;margin-top:20px}.masonry{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px 160px}.masonry .tall{grid-row:span 2}.hydrangea{grid-column:span 2}.goods-grid{grid-template-columns:1fr 1fr}.news{grid-template-columns:1fr}.news-list a{gap:10px}.world{grid-template-columns:1fr}.world h2{font-size:40px}.map{height:355px}.friend-grid{grid-template-columns:1fr 1fr}footer{display:block;text-align:center}footer div{margin-top:8px}footer a{margin:0 7px}}