@charset "UTF-8";
:root{color-scheme:light;--paper:#f6f2ed;--ink:#24202a;--muted:#777078;--line:#d7d0ca;--gallery:#211b31;--cream:#f4eee7;--accent:#f4b67c;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}.site-shell{max-width:1920px;margin:auto;overflow:hidden}.masthead{height:78px;padding:0 clamp(22px,4.2vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:18px;letter-spacing:.18em;font-weight:800}.wordmark-jp{font-size:11px;font-weight:500;letter-spacing:.06em;margin-left:9px}.wordmark-glyph{position:relative;width:29px;height:29px;display:block}.wordmark-glyph i{position:absolute;border:4px solid;border-radius:50%;width:21px;height:21px;left:3px;top:3px;transform:rotate(-25deg)}.wordmark-glyph i:nth-child(1){border-color:#ef7d73}.wordmark-glyph i:nth-child(2){border-color:#a38eee;left:8px;top:1px;clip-path:inset(0 0 0 40%)}.wordmark-glyph i:nth-child(3){border-color:#c8d96c;left:0;top:8px;clip-path:inset(45% 0 0 0)}.masthead-center,.masthead-link{font-size:10px;letter-spacing:.2em;font-weight:700}.masthead-center{margin-left:-90px}.masthead-center span{color:#bdabb9;margin:0 12px}.masthead-link{text-decoration:none;border-bottom:1px solid var(--ink);padding:8px 0}.masthead-link span{margin-left:13px}.intro{min-height:320px;padding:55px clamp(22px,4.2vw,72px) 47px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;display:flex;align-items:center;gap:11px;margin:0 0 19px}.eyebrow-rule{width:28px;height:1px;background:currentColor}.intro h1,.guide h2{font-weight:400;font-size:clamp(60px,7vw,120px);line-height:.9;letter-spacing:-.075em;margin:0;font-family:Georgia,"Times New Roman",serif}.intro h1 em,.guide h2 em{font-weight:400}.period{color:#ed8f7d}.intro-jp{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:15px;letter-spacing:.28em;margin:22px 0 0}.intro-aside{width:255px;display:flex;flex-direction:column;align-items:flex-start;gap:13px;flex:none;padding-bottom:7px}.aside-orbit{display:block;width:42px;height:42px;border:1px solid #a9a2a3;border-radius:50%;position:relative;transform:rotate(-28deg)}.aside-orbit:before{content:"";position:absolute;left:-11px;right:-11px;top:17px;height:7px;border:1px solid #a9a2a3;border-radius:50%}.aside-orbit span{position:absolute;width:7px;height:7px;background:#ea8d7e;border-radius:50%;left:20px;top:4px}.intro-aside p{font-size:12px;letter-spacing:.1em;line-height:1.9;margin:0}.aside-index{font-size:9px;font-weight:700;letter-spacing:.19em;color:#aaa0a0;margin-top:11px}.aside-index span{margin-left:14px;color:var(--ink)}
.gallery{margin:0 clamp(12px,2vw,30px);color:#f7f2ef;background:var(--gallery);border-radius:13px;box-shadow:0 28px 70px rgba(31,20,47,.13);overflow:hidden}.gallery-topline,.gallery-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.18em;font-weight:700}.gallery-topline{height:61px;padding:0 36px;border-bottom:1px solid rgba(255,255,255,.14)}.status-dot{display:inline-block;background:#c6ea82;width:6px;height:6px;border-radius:50%;vertical-align:middle;margin-right:13px;box-shadow:0 0 12px #c6ea82}.topline-divider{opacity:.35;margin:0 11px}.gallery-body{display:grid;grid-template-columns:minmax(0,1fr) 33%;min-height:552px}.carousel-panel{min-height:552px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate;background:radial-gradient(ellipse at 50% 43%,#35254a 0%,#261f38 42%,#211b31 72%)}.carousel-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 52% 50%,transparent 0 31%,rgba(26,19,40,.5) 82%);pointer-events:none;z-index:5}.orbit{position:absolute;border:1px solid rgba(199,174,202,.09);border-radius:50%;width:680px;height:335px;transform:rotate(-19deg);pointer-events:none}.orbit-b{width:900px;height:470px;transform:rotate(23deg)}.card-shadow{position:absolute;bottom:91px;width:450px;height:33px;border-radius:50%;background:#05040a;opacity:.5;filter:blur(25px);z-index:0}.card-stack{width:100%;height:100%;min-height:552px;perspective:1200px;position:absolute;inset:0;z-index:2}.pass-card{--x:0px;--ry:0deg;--rz:0deg;--scale:1;--opacity:1;position:absolute;left:50%;top:47%;width:min(46vw,490px);aspect-ratio:1.57;transform:translate(-50%,-50%) translateX(var(--x)) rotateY(var(--ry)) rotateZ(var(--rz)) scale(var(--scale));opacity:var(--opacity);transition:transform .85s var(--ease),opacity .65s ease,filter .65s ease;transform-style:preserve-3d;cursor:pointer;outline:none;filter:brightness(.7)}.pass-card[data-position="active"]{z-index:4;filter:brightness(1)}.pass-card[data-position="prev"],.pass-card[data-position="next"]{z-index:3}.pass-card[data-position="far-prev"],.pass-card[data-position="far-next"]{z-index:1;filter:brightness(.47)}.pass-card:focus-visible .pass-face{outline:3px solid #e4fa9a;outline-offset:6px}.pass-card:hover:not([data-position="active"]){filter:brightness(.95)}.pass-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .88s var(--ease)}.pass-card.is-flipped .pass-inner{transform:rotateY(180deg)}.pass-face{position:absolute;inset:0;overflow:hidden;border-radius:16px;backface-visibility:hidden;box-shadow:0 40px 58px rgba(3,0,17,.48),inset 0 0 0 1px rgba(255,255,255,.4);transform:translateZ(1px)}.pass-front:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.35),transparent 25%,transparent 60%,rgba(255,255,255,.2) 80%,transparent);mix-blend-mode:screen}.pass-back{transform:rotateY(180deg) translateZ(1px);background:#f5efe8;color:#2b2431;padding:7% 8%;display:flex;flex-direction:column;justify-content:space-between}.pass-back:after{content:"";position:absolute;right:-20%;top:-35%;width:75%;aspect-ratio:1;border:36px solid var(--back-accent);opacity:.13;border-radius:50%;pointer-events:none}.back-top,.back-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;font-size:9px;font-weight:800;letter-spacing:.19em}.back-mark{font-size:24px;letter-spacing:-.13em}.back-content{position:relative;z-index:1}.back-content .back-overline{font-size:9px;letter-spacing:.22em;font-weight:700}.back-content h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(24px,2.4vw,38px);font-weight:400;margin:13px 0 9px;letter-spacing:.09em}.back-content p{font-size:11px;line-height:1.8;max-width:290px;margin:0}.back-line{height:1px;background:#bcb4b0;margin-bottom:11px}.back-bottom .back-id{font-family:Georgia,serif;font-size:19px;letter-spacing:0}.back-bottom .back-stamp{border:1px solid #bcb4b0;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:15px}.pass-front{padding:7% 7% 6%;display:flex;flex-direction:column;justify-content:space-between}.front-top,.front-bottom{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.2em}.front-top .pass-brand{display:flex;align-items:center;gap:9px}.brand-flower{font-size:23px;line-height:.6;font-weight:400;letter-spacing:0}.front-edition{font-size:8px;border:1px solid currentColor;border-radius:20px;padding:7px 10px}.front-bottom{align-items:flex-end}.front-title{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(31px,3.9vw,53px);line-height:.85;font-weight:400;letter-spacing:-.05em}.front-title small{display:block;font-family:Arial,"Yu Gothic",sans-serif;font-size:9px;letter-spacing:.23em;font-weight:700;margin-bottom:10px}.front-date{font-size:8px;line-height:1.8;text-align:right}.card-art{position:absolute;inset:0;width:100%;height:100%;z-index:1}.card-art svg{width:100%;height:100%;display:block}.pass-card[data-theme="prism"] .pass-front{background:#f5b6a3;color:#3b233e}.pass-card[data-theme="botanica"] .pass-front{background:#ddf282;color:#244940}.pass-card[data-theme="orbit"] .pass-front{background:#8770d7;color:#fffaf4}.pass-card[data-theme="form"] .pass-front{background:#f7d17a;color:#39315c}.pass-card[data-theme="chroma"] .pass-front{background:#f0a8bb;color:#5a2345}.pass-card[data-theme="prism"]{--back-accent:#ed726b}.pass-card[data-theme="botanica"]{--back-accent:#6fbb90}.pass-card[data-theme="orbit"]{--back-accent:#8972e5}.pass-card[data-theme="form"]{--back-accent:#e9ad45}.pass-card[data-theme="chroma"]{--back-accent:#e66d96}.carousel-bottom{position:absolute;bottom:24px;left:34px;right:34px;display:flex;align-items:center;gap:12px;color:#aca0ba;font-size:8px;letter-spacing:.19em;font-weight:700;z-index:6}.tiny-star{font-size:18px;color:#d7b5c7}.coordinates{margin-left:auto;color:#847a91}
.detail-panel{border-left:1px solid rgba(255,255,255,.13);padding:36px clamp(22px,3.4vw,58px) 29px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.detail-head{display:flex;justify-content:space-between;align-items:flex-start}.detail-kicker{font-size:9px;font-weight:800;letter-spacing:.2em;color:#a9a0b9}.detail-kicker span{display:block;font-family:Georgia,serif;font-size:16px;color:#fff;margin-top:9px;letter-spacing:.04em;font-weight:400}.detail-sun{font-size:32px;color:#f6bc88;line-height:.9}.detail-main{padding:21px 0 25px}.detail-number{font-family:Georgia,serif;font-size:84px;line-height:.8;letter-spacing:-.08em;color:var(--accent)}.detail-rule{height:1px;background:rgba(255,255,255,.22);width:100%;margin:23px 0 25px}.detail-type{font-size:9px;color:#b6a6c1;font-weight:800;letter-spacing:.24em;margin:0 0 15px}.detail-main h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(34px,3.4vw,56px);letter-spacing:.09em;font-weight:400;line-height:1.1;margin:0}.detail-en{font-family:Georgia,serif;font-size:17px;font-style:italic;color:var(--accent);margin:10px 0 20px}.detail-description{font-size:12px;line-height:2;letter-spacing:.06em;color:#c6bfcb;max-width:320px;margin:0 0 22px;min-height:48px}.detail-meta{border-top:1px solid rgba(255,255,255,.17);padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-meta div{display:flex;flex-direction:column;gap:8px}.detail-meta span{font-size:9px;color:#9f96a9;letter-spacing:.1em}.detail-meta strong{font-size:10px;font-weight:600;letter-spacing:.06em;line-height:1.5}.detail-controls{display:flex;align-items:center;gap:17px}.arrow-group{display:flex;gap:8px}.circle-button{width:43px;height:43px;border:1px solid #766d82;border-radius:50%;background:transparent;color:#f4eae5;font-size:19px;cursor:pointer;transition:background .25s,color .25s,transform .25s}.circle-button:hover,.circle-button:focus-visible{background:#f4eae5;color:#211b31;transform:translateY(-2px)}.flip-button{border:0;background:#f2e9df;color:#271e35;border-radius:24px;height:44px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer;flex:1;transition:background .25s,transform .25s}.flip-button:hover,.flip-button:focus-visible{background:#dff18b;transform:translateY(-2px)}.flip-icon{font-size:19px;font-weight:400}.gallery-footer{min-height:85px;padding:14px 36px;border-top:1px solid rgba(255,255,255,.13);gap:16px}.gallery-footer>span:first-child{color:#bfb3c7;white-space:nowrap}.gallery-footer>span:first-child span{color:#f6bc88;margin-left:6px}.pass-picker{display:flex;align-items:center;justify-content:center;gap:8px;flex:1}.picker-button{height:43px;min-width:124px;border:1px solid #655a70;background:transparent;color:#a89eb3;border-radius:5px;padding:0 12px;display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .3s}.picker-button:hover{transform:translateY(-3px);border-color:#c8b3d0}.picker-button[aria-current="true"]{background:#f3ebe5;border-color:#f3ebe5;color:#2b2138}.picker-swatch{width:16px;height:16px;border-radius:3px;background:var(--swatch);flex:none}.picker-button small{opacity:.7;font-size:9px}.footer-tip{font-size:9px;color:#a49aac;white-space:nowrap}
.guide{padding:110px clamp(22px,5vw,86px) 115px;display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.guide h2{font-size:clamp(49px,5.5vw,83px)}.guide-text{width:340px;flex:none}.guide-text p{font-size:13px;line-height:2.05;letter-spacing:.06em;margin:0 0 34px}.guide-steps{border-top:1px solid var(--line);padding-top:16px;display:flex;gap:24px;justify-content:space-between;font-size:11px;white-space:nowrap}.guide-steps b{font-family:Georgia,serif;color:#df817a;margin-right:8px}.site-footer{min-height:95px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4.2vw,72px);font-size:10px;font-weight:700;letter-spacing:.16em}.site-footer>span:first-child{font-size:14px}.footer-jp{font-size:10px;margin-left:6px}.site-footer a{text-decoration:none;border-bottom:1px solid;padding-bottom:5px}
@media(max-width:1180px){.gallery-body{grid-template-columns:minmax(0,1fr) 36%}.pass-card{width:min(43vw,465px)}.picker-button{min-width:0}.footer-tip{display:none}.detail-panel{padding-left:27px;padding-right:27px}.detail-controls{flex-wrap:wrap}.flip-button{flex:1 1 150px}}
@media(max-width:800px){.masthead-center{display:none}.intro{min-height:275px}.intro h1{font-size:clamp(58px,9vw,82px)}.intro-aside{width:175px}.gallery-body{grid-template-columns:1fr}.carousel-panel,.card-stack{min-height:500px}.pass-card{width:min(66vw,480px)}.detail-panel{border-left:0;border-top:1px solid rgba(255,255,255,.13);min-height:380px;padding:28px 34px}.detail-main{display:grid;grid-template-columns:70px 1fr;column-gap:20px;padding:16px 0}.detail-number{grid-row:1/7;font-size:64px}.detail-rule{display:none}.detail-description{margin-bottom:15px}.detail-meta{max-width:460px}.detail-controls{justify-content:flex-end}.gallery-footer{flex-wrap:wrap}.pass-picker{order:3;flex-basis:100%;justify-content:space-between}.picker-button{flex:1;justify-content:center}.guide{padding:80px 30px;align-items:flex-start}.guide-text{width:250px}}
@media(max-width:600px){.masthead{height:66px;padding:0 20px}.wordmark{font-size:16px}.masthead-link{font-size:9px}.intro{padding:43px 23px 40px;display:block;min-height:0}.intro h1{font-size:clamp(53px,12.6vw,74px)}.intro-jp{font-size:12px;margin-top:21px}.intro-aside{display:none}.gallery{margin:0 9px;border-radius:10px}.gallery-topline{height:54px;padding:0 20px}.gallery-topline span:last-child{font-size:8px;letter-spacing:.11em}.gallery-body{min-height:0}.carousel-panel,.card-stack{min-height:380px}.pass-card{width:min(75vw,350px);top:45%;border-radius:12px}.pass-card[data-position="prev"],.pass-card[data-position="next"]{opacity:.45!important}.pass-card[data-position="far-prev"],.pass-card[data-position="far-next"]{opacity:0!important}.pass-face{border-radius:11px}.front-top,.front-bottom{font-size:7px}.front-edition{font-size:6px;padding:5px 7px}.front-title{font-size:clamp(25px,8vw,36px)}.front-title small{font-size:6px;margin-bottom:6px}.front-date{font-size:6px}.back-top,.back-bottom{font-size:7px}.back-content h3{font-size:26px}.back-content p{font-size:9px}.carousel-bottom{bottom:17px;left:20px;right:20px;font-size:6px}.coordinates{display:none}.card-shadow{bottom:70px;width:270px}.detail-panel{padding:24px 23px 26px;min-height:0}.detail-main{display:block;padding:28px 0 21px}.detail-number{font-size:57px}.detail-rule{display:block;margin:16px 0 18px}.detail-main h2{font-size:39px}.detail-description{min-height:0;font-size:12px;max-width:none}.detail-meta{gap:10px}.detail-controls{justify-content:space-between;flex-wrap:nowrap}.flip-button{flex:1}.gallery-footer{padding:16px 20px 20px;gap:16px}.pass-picker{gap:5px;overflow-x:auto;justify-content:flex-start;padding-bottom:4px}.picker-button{flex:none;min-width:48px;width:48px;padding:0;justify-content:center;height:39px}.picker-button .picker-name,.picker-button small{display:none}.picker-swatch{width:19px;height:19px}.guide{display:block;padding:77px 24px}.guide h2{font-size:52px}.guide-text{width:auto;margin-top:33px}.guide-text p{margin-bottom:25px}.site-footer{padding:0 22px;min-height:80px}.site-footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.card-art{width:auto;height:auto}
.pass-card[data-position="active"]:not(.is-flipped) .card-art svg{animation:art-breathe 7s ease-in-out infinite alternate}
@keyframes art-breathe{from{transform:scale(1)}to{transform:scale(1.055)}}
