@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:light;--ink:#32242a;--wine:#683246;--base:#e8c9d1;--line:#61414b56}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--base);color:var(--ink);font:500 16px/1.7 Inter,"Yu Gothic",sans-serif}a{color:inherit}a:focus-visible{outline:2px solid #84274c;outline-offset:5px}img{display:block;max-width:100%}.wrap{width:min(1120px,calc(100% - 72px));margin-inline:auto}.nav{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.signature{font:400 26px/1 "Instrument Serif",Georgia,serif;letter-spacing:.13em;text-decoration:none}.nav nav{display:flex;gap:24px}.nav nav a{display:grid;min-height:44px;align-items:center;text-decoration:none;font-size:13px}.nav nav a:hover,.plain:hover{text-decoration:underline;text-underline-offset:4px}
.scene{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 63% 90%,#f3e1e3 8%,#e1b8c3 80%)}.hero{aspect-ratio:1.5;min-height:520px;max-height:760px}.arch{position:absolute;top:11%;right:8%;width:49%;height:81%;overflow:hidden;border-radius:50% 50% 0 0 / 44% 44% 0 0;box-shadow:0 0 0 1px #7c4e5f50}.arch img{width:100%;height:100%;object-fit:cover;object-position:49% center}.hero h1{position:absolute;z-index:3;left:3%;top:22%;width:51%;margin:0}.title-art{width:100%;height:auto;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 89%,transparent),linear-gradient(transparent,#000 14%,#000 85%,transparent);mask-composite:intersect}.deer{position:absolute;z-index:2;left:7%;bottom:4%;width:23%;height:46%;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse,#000 49%,transparent 78%)}.glimpse{position:absolute;z-index:4;right:8%;bottom:8%;width:22%;height:46%;object-fit:cover;object-position:center 27%;clip-path:inset(64% 0 0 50%)}.facts{position:absolute;z-index:5;left:6%;right:6%;top:4%;display:flex;gap:15px;align-items:center;margin:0;font-size:clamp(10px,1.3vw,15px);letter-spacing:.07em}.facts span:last-child{margin-left:auto}.continue{position:absolute;z-index:6;right:8%;bottom:1.5%;min-height:35px;display:grid;align-items:center;font-size:12px}.lead{margin:0;padding:28px 0 44px;border-bottom:1px solid var(--line);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(1.04rem,2vw,1.42rem)}
.lineup{padding:38px 0 26px}.section-label{margin:0 0 17px;font:500 13px/1.4 Inter,"Yu Gothic",sans-serif;letter-spacing:.15em}.artists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.artist{position:relative;overflow:hidden;scroll-margin-top:16px;aspect-ratio:1/1.17}.artist:first-child{grid-column:1/-1;width:min(100%,760px);justify-self:center;aspect-ratio:1.47}.artist:target{outline:2px solid #8a2549;outline-offset:3px}.artist .arch{inset:11% 16% auto auto;width:68%;height:77%;opacity:.5}.portrait{position:absolute;top:11%;right:9%;width:64%;height:64%;object-fit:cover;object-position:var(--focus,center)}.artist:first-child .portrait{width:39%;height:65%;right:11%;top:23%}.artist:first-child .arch{width:44%;right:15%;top:14%}.artist:first-child .artist-title{position:absolute;top:9%;left:8%;width:30%}.identity{position:absolute;z-index:2;left:8%;right:8%;bottom:7%;text-shadow:0 1px 10px #f4dce5}.identity h3{margin:0 0 .25rem;font:400 clamp(2.1rem,5.6vw,5rem)/.95 "Instrument Serif","Yu Mincho",Georgia,serif;overflow-wrap:anywhere}.identity p{margin:.3rem 0;font-size:clamp(.72rem,1.45vw,.96rem);line-height:1.45}.meta{color:#63374b;font-weight:600}
.ticket{border-top:1px solid var(--line);margin:32px auto 60px;padding-top:34px;display:grid;grid-template-columns:1.25fr 1fr;gap:42px}.ticket h2{margin:0 0 14px;font:500 24px/1.2 "Yu Mincho",serif}.ticket p{margin:.42rem 0}.ticket ol{margin:.8rem 0 1rem;padding-left:1.4em}.ticket li{margin:.2rem 0}.price{font-weight:600}.price strong{font:400 42px/1 "Instrument Serif",Georgia,serif}.note{font-size:.84rem}.button{display:inline-flex;min-height:46px;align-items:center;padding:9px 18px;background:#563143;color:#fff4f8;text-decoration:none}.button:hover{background:#703953}.footer{border-top:1px solid var(--line);padding:18px 0 28px;font:400 18px/1.2 "Instrument Serif",Georgia,serif;letter-spacing:.09em}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.nav{min-height:52px}.nav nav{gap:16px}.hero{aspect-ratio:1/1.4;min-height:410px;max-height:none}.arch{top:34%;right:8%;width:73%;height:58%}.hero h1{top:12%;left:7%;width:86%}.deer{left:3%;width:31%;height:34%;bottom:6%}.glimpse{bottom:8%;width:40%;height:39%}.facts{top:5%;gap:9px}.continue{bottom:0}.lead{padding:19px 0 24px}.lineup{padding:28px 0 14px}.artists,.ticket{grid-template-columns:1fr}.artists{gap:15px}.artist:first-child{grid-column:auto;aspect-ratio:1/1.2}.artist:first-child .arch{top:24%;right:17%;width:68%;height:63%}.artist:first-child .portrait{top:24%;right:8%;width:56%;height:56%}.artist:first-child .artist-title{left:8%;top:8%;width:47%}.identity h3{font-size:clamp(2.25rem,10vw,3.8rem)}.ticket{gap:26px;margin:25px auto 36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(min-width:651px){@supports(animation-timeline:view()){.glimpse{animation:peek linear both;animation-timeline:view();animation-range:exit 0% exit 60%}.artist:first-child .portrait{animation:arrive linear both;animation-timeline:view();animation-range:entry 0% entry 88%}}}
@keyframes peek{to{clip-path:inset(48% 0 0 22%)}}@keyframes arrive{from{clip-path:inset(28% 0 0 34%);transform:translate(12px,10px)}to{clip-path:inset(0);transform:none}}
@media(prefers-reduced-motion:reduce){.hero .glimpse,.artist:first-child .portrait{animation:none!important}}