@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;450;500;600;700&display=swap');
:root{--paper:#eae7dd;--ink:#303b35;--sage:#7c8e7c;--gold:#b58b42;--orange:#bd794c;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}body.waiting,body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:6px}button{border:0;background:none}button:disabled{cursor:wait}::selection{background:#b8c0a9;color:#26342c}.grain{position:fixed;z-index:30;inset:0;pointer-events:none;opacity:.047;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}#leaves{position:fixed;inset:0;width:100%;height:100%;z-index:60;pointer-events:none}.entrance{position:fixed;inset:0;z-index:45;color:#f3eee1;overflow:hidden;transition:opacity .7s ease;isolation:isolate}.entrance-art{position:absolute;inset:0;background:url('assets/gallery/01.webp') 65% 45%/cover no-repeat;filter:brightness(.8) saturate(.65);transform:scale(1.015)}.entrance-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,36,32,.88),rgba(27,36,32,.48) 45%,rgba(27,36,32,.04)),linear-gradient(0deg,rgba(25,31,27,.35),transparent 35%)}.gate-top{position:absolute;left:5%;right:5%;top:42px;display:flex;justify-content:space-between;align-items:center}.wordmark{display:block;font-size:9px;letter-spacing:2.6px;line-height:1.7;white-space:nowrap}.wordmark b{font-size:16px;letter-spacing:2px;font-weight:500}.tiny{writing-mode:vertical-rl;font-family:var(--serif);letter-spacing:5px;font-size:19px}.gate-copy{position:absolute;left:10%;top:50%;transform:translateY(-43%);max-width:620px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2.5px;display:block;line-height:1.8;text-transform:uppercase}.gate-copy h1{font-family:var(--serif);font-weight:400;font-size:clamp(65px,7.8vw,124px);letter-spacing:-3px;line-height:.94;margin:28px 0}.gate-copy h1 em{color:#d3c6a0;font-weight:400}.gate-copy p{font-size:14px;letter-spacing:.5px;color:#d0d3c8;margin:30px 0 38px}.leaf-button{display:inline-flex;gap:44px;align-items:center;justify-content:space-between;padding:20px 28px;background:#d4d6bd;color:#344135;border-radius:2px 22px 2px 22px;box-shadow:0 4px 0 rgba(18,35,24,.17);font-size:12px;transition:background .25s,transform .25s}.leaf-button:hover{background:#e4e4ce;transform:translateY(-3px)}.leaf-button svg{width:34px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2}.sound-note{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.7px;color:#cbcdbf;margin-top:22px}.sound-note svg{width:14px;fill:none;stroke:currentColor;stroke-width:1.3}.gate-bottom{position:absolute;left:5%;right:5%;bottom:30px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#cacdbf}#transition{position:fixed;inset:0;z-index:55;pointer-events:none;background:#d4c9a6;opacity:0}.site-nav{position:absolute;left:0;right:0;top:0;z-index:10;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;color:#faf5e8}.site-nav nav{display:flex;gap:38px;font-size:11px;letter-spacing:.6px}.site-nav nav a{opacity:.8;position:relative}.site-nav nav a:hover{opacity:1}.site-nav nav sup{font-size:8px;opacity:.6;margin-left:3px}.sound-button{font-size:9px;letter-spacing:1px;display:flex;gap:12px;align-items:center;border:1px solid #f1ead534;padding:12px 16px;border-radius:22px}.sound-bars{height:13px;display:flex;align-items:center;gap:3px}.sound-bars i{width:1px;height:7px;background:currentColor;animation:pulse .9s alternate infinite}.sound-bars i:nth-child(2){height:13px;animation-delay:-.6s}.sound-bars i:nth-child(3){height:9px;animation-delay:-.3s}.sound-bars i:nth-child(4){height:5px;animation-delay:-.8s}.sound-button.is-muted .sound-bars i{animation:none;height:2px}@keyframes pulse{to{transform:scaleY(.35)}}.hero{height:100svh;min-height:680px;max-height:1200px;position:relative;overflow:hidden;background:#5f665b;color:#fff9e9}.hero video{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(.69) sepia(.12) brightness(.8)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,39,32,.71),rgba(36,46,38,.28) 58%,transparent),linear-gradient(0deg,rgba(25,35,29,.5),transparent 30%)}.hero-copy{position:absolute;left:10%;top:50%;transform:translateY(-38%)}.hero-copy .eyebrow{color:#d4d6bc}.mini-leaf{font-size:23px;vertical-align:middle;margin-right:12px}.hero h2{font-family:var(--serif);font-weight:400;font-size:clamp(65px,7.7vw,125px);letter-spacing:-3px;line-height:.94;margin:28px 0}.hero h2 em{font-weight:400;color:#e0d5b4}.hero-copy p{font-size:13px;line-height:1.9;color:#e0e1d6;margin:26px 0 34px;letter-spacing:.3px}.outline-button{display:inline-flex;gap:45px;padding:17px 23px;border:1px solid #dedfc078;border-radius:2px 20px 2px 20px;font-size:11px;transition:background .3s}.outline-button:hover{background:#e3e0c721}.outline-button span{font-size:20px;line-height:.6}.hero-bottom{position:absolute;left:5%;right:5%;bottom:32px;display:flex;justify-content:space-between;align-items:center}.scroll-cue{font-size:8px;letter-spacing:2px;display:flex;align-items:center;gap:14px}.scroll-cue span{height:40px;width:1px;background:linear-gradient(transparent,#e6e4ce)}.film-controls{display:flex;align-items:center;gap:28px;font-size:8px;letter-spacing:1.7px;color:#e2e0d1}.film-controls button{border:1px solid #e4e4c93b;padding:12px 17px;border-radius:20px;font-size:10px;letter-spacing:.5px;min-width:110px}.film-controls button span{margin-left:10px}.section-wrap{max-width:1440px;margin:0 auto;padding-left:7%;padding-right:7%}.introduction{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center;padding-top:140px;padding-bottom:125px}.intro-art{position:relative;padding:13px}.intro-art img{width:100%;height:auto;display:block;filter:saturate(.85);border-radius:50% 50% 2px 2px}.art-corner{position:absolute;width:44px;height:44px;border-color:#93a18c;border-style:solid}.tl{top:0;left:0;border-width:1px 0 0 1px}.br{bottom:0;right:0;border-width:0 1px 1px 0}.vertical-note{position:absolute;left:-20px;top:36%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#747c70}.intro-copy{position:relative}.intro-copy .eyebrow{font-size:9px;color:#6e7a6a;letter-spacing:1.7px;display:flex;align-items:center;gap:12px}.line{height:1px;width:30px;background:#85947e}h2{font-family:var(--serif);font-weight:400;font-size:clamp(52px,5vw,76px);line-height:1;letter-spacing:-1.7px;margin:24px 0 28px}h2 em{font-weight:400;color:#809078}.intro-copy p{font-size:12px;line-height:1.9;color:#7c8175;max-width:350px}.intro-copy p.lead{font-size:16px;line-height:1.7;color:#475243;margin-bottom:20px}.text-link{display:inline-flex;gap:45px;font-size:11px;border-bottom:1px solid #b4bbab;padding-bottom:11px;margin-top:24px}.text-link span{font-size:17px}.ink-sprig{width:100px;height:65px;display:block;margin-top:25px;margin-left:auto;fill:#adb69c44;stroke:#8c9b80;stroke-width:1}.between{display:flex;align-items:center;justify-content:center;gap:30px;max-width:1000px;margin:0 auto;padding:0 30px 95px;color:#8e9786}.between>span{font-family:var(--serif);font-size:26px}.hairline{height:1px;background:#c6caba;flex:1}.between p{font-family:var(--serif);font-size:20px;font-style:italic;text-align:center}.gallery-section{padding-top:45px;padding-bottom:70px}.gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.gallery-heading .eyebrow{color:#86917c;font-size:9px;letter-spacing:2px}.gallery-heading h2{margin:20px 0 0}.gallery-heading>p{font-size:12px;line-height:1.9;color:#737d6c;padding-bottom:5px}.gallery-heading>p span{display:inline-block;font-size:10px;margin-top:16px;color:#949b89}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c7ccbd;border-bottom:1px solid #c7ccbd;padding:18px 0;margin-bottom:28px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{font-size:10px;padding:10px 16px;border-radius:2px 14px 2px 14px;color:#747e6e;transition:background .2s}.filters button.active{background:#667d66;color:#f5f1e4}.filters button:not(.active):hover{background:#dce0d1}.filters span{font-size:8px;margin-left:7px;opacity:.7}#gallery-count{font-size:9px;letter-spacing:2px;color:#949c8a}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.gallery-item{display:block;padding:0;text-align:left;transition:opacity .3s}.gallery-image{position:relative;aspect-ratio:1;overflow:hidden;background:#d3d6c7;border-radius:2px 18px 2px 2px}.gallery-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.6,.3,1),filter .6s;filter:saturate(.88)}.gallery-item:hover img{transform:scale(1.045);filter:saturate(1)}.gallery-overlay{position:absolute;inset:0;background:#273a2526;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.gallery-overlay span{border:1px solid #eee8d799;color:#fff6df;padding:14px;border-radius:50%;font-size:20px;line-height:1}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-caption{display:flex;align-items:center;justify-content:space-between;padding:13px 2px;font-size:10px;letter-spacing:.15px}.gallery-caption small{font-size:8px;letter-spacing:1px;color:#929d85}.gallery-end{display:flex;align-items:center;flex-direction:column;gap:15px;padding-top:65px;color:#8c987f}.gallery-end svg{width:34px;height:34px;fill:#bd99542b;stroke:#a58540;stroke-width:1}.gallery-end span{font-size:8px;letter-spacing:2px}.closing{position:relative;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center;background:linear-gradient(#eae7dd,#d5dacb);padding:80px 25px 140px}.closing .eyebrow{position:relative;z-index:1;font-size:8px;color:#8b947c}.closing h2{position:relative;z-index:1;font-size:84px;margin:25px 0 30px}.closing .leaf-button{position:relative;z-index:1;background:#71856d;color:#faf5df;font-size:11px;padding:16px 24px;gap:40px}.closing .leaf-button:hover{background:#536b52}.closing-moon{position:absolute;top:25px;width:370px;height:370px;border-radius:50%;background:#f4f0d8b3;box-shadow:0 0 80px #f0edd633}.mountains{position:absolute;bottom:-1px;height:150px;left:0;right:0;background:#b5bda8;clip-path:polygon(0 75%,4% 60%,8% 68%,14% 32%,18% 50%,23% 35%,29% 70%,35% 48%,40% 72%,46% 53%,51% 74%,55% 56%,61% 66%,69% 27%,73% 47%,79% 18%,84% 51%,89% 36%,96% 63%,100% 49%,100% 100%,0 100%);opacity:.6}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px 7%;background:#d0d6c5;color:#586a52}footer p{font-family:var(--serif);font-size:18px;font-style:italic}footer>span{font-size:8px;letter-spacing:1.7px}dialog{border:0;padding:0;background:#eae7dd;color:var(--ink);width:100vw;max-width:none;height:100svh;max-height:none;inset:0;margin:0;overflow:auto}dialog::backdrop{background:#26372bd9}.lightbox-top{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:10px;letter-spacing:1.7px}.lightbox-top button{font-size:10px;display:flex;gap:20px;align-items:center}.lightbox-top button span{font-size:28px;font-weight:400}dialog figure{width:min(68vh,720px);max-width:80vw;margin:0 auto}#lightbox-image{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;border-radius:2px 20px 2px 2px}dialog figcaption{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding:22px 0}#lightbox-title{font-family:var(--serif);font-size:28px}#lightbox-description{display:block;font-size:10px;line-height:1.7;color:#79846f;max-width:350px;margin-top:7px}#download{font-size:10px;white-space:nowrap;border-bottom:1px solid #a5b095;padding-bottom:9px;margin-top:8px}#download span{margin-left:15px}.lb-arrow{position:fixed;top:46%;border:1px solid #aeb9a1;border-radius:50%;width:48px;height:48px;font-size:23px;transition:background .2s}.lb-arrow:hover{background:#d5dcc9}.prev{left:5%}.next{right:5%}.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}@media(min-width:1700px){.hero-copy,.gate-copy{left:calc((100vw - 1420px)/2)}}@media(max-width:1000px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-copy,.gate-copy{left:7%}.site-nav nav{gap:20px}.introduction{gap:7%;padding-top:100px;padding-bottom:90px}.intro-copy h2{font-size:60px}.intro-copy .eyebrow{font-size:8px}.hero{min-height:650px}.gallery-heading>p{max-width:240px}.gate-copy h1,.hero h2{font-size:90px}.hero video{object-position:60% center}.film-controls>span{display:none}}@media(max-width:650px){.gate-top{top:28px;left:7%;right:7%}.gate-copy{left:8%;right:8%;top:48%;transform:translateY(-35%)}.gate-copy h1{font-size:69px;letter-spacing:-2px;line-height:.97}.gate-copy .eyebrow{font-size:8px;letter-spacing:1.8px}.gate-copy p{font-size:12px;margin:25px 0 30px}.entrance-art{background-position:62% center}.entrance-shade{background:linear-gradient(90deg,#243328d9,#29372c55),linear-gradient(0deg,#25332999,transparent)}.gate-bottom{left:8%;right:8%;bottom:25px;font-size:7px;letter-spacing:1.1px}.gate-bottom span:last-child{display:none}.sound-note{font-size:8px;letter-spacing:.1px}.leaf-button{padding:18px 23px;gap:35px}.site-nav{padding:25px 7%;align-items:flex-start}.site-nav .wordmark{font-size:7px;letter-spacing:2px}.site-nav .wordmark b{font-size:13px}.site-nav nav{position:absolute;left:7%;top:94px;gap:25px;font-size:10px}.sound-button{font-size:8px;padding:10px 12px;gap:8px}.hero{min-height:720px;max-height:960px}.hero-copy{left:8%;right:7%;transform:translateY(-25%)}.hero h2{font-size:68px;letter-spacing:-2px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.7px}.hero-copy p{font-size:12px;margin:25px 0 30px}.hero-shade{background:linear-gradient(90deg,#24352bb0,#26362b30),linear-gradient(0deg,#26362b99,transparent 70%)}.hero video{object-position:58% center}.hero-bottom{left:8%;right:8%;bottom:27px}.scroll-cue{font-size:7px;letter-spacing:1px}.film-controls button{font-size:9px;min-width:95px;padding:10px}.introduction{grid-template-columns:1fr;padding-top:80px;padding-bottom:60px;gap:45px}.intro-art{width:88%;margin:0 auto}.intro-copy{padding:0 5%}.intro-copy .eyebrow{font-size:8px}.intro-copy h2{font-size:66px}.intro-copy p{max-width:100%}.ink-sprig{position:absolute;right:0;bottom:0;width:70px;opacity:.6}.between{padding:0 7% 45px;gap:12px}.between p{font-size:17px;max-width:190px}.between>span{display:none}.gallery-section{padding-top:30px;padding-left:6%;padding-right:6%}.gallery-heading{display:block;margin-bottom:30px}.gallery-heading h2{font-size:65px}.gallery-heading>p{max-width:none;margin-top:25px;font-size:11px}.gallery-heading>p span{margin-top:8px}.gallery-toolbar{align-items:flex-start;padding:14px 0}.filters{gap:4px}.filters button{font-size:9px;padding:9px 10px}#gallery-count{display:none}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.gallery-caption{font-size:9px;padding:10px 0}.gallery-caption small{font-size:7px}.gallery-image{border-radius:2px 13px 2px 2px}.closing{min-height:460px;padding-bottom:100px}.closing h2{font-size:75px}.closing-moon{width:320px;height:320px}footer{padding:30px 8%;flex-wrap:wrap;gap:18px}footer p{font-size:16px;margin:0}footer>span{width:100%;font-size:7px}.lightbox-top{height:65px;padding:0 7%}dialog figure{width:100%;max-width:88vw;margin-top:40px}dialog figcaption{padding:20px 2px;gap:15px}#lightbox-title{font-size:25px}#lightbox-description{font-size:9px;max-width:220px}#download{font-size:9px}.lb-arrow{top:auto;bottom:30px;width:43px;height:43px}.prev{left:35%}.next{right:35%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}#leaves{display:none}}
@media(min-width:651px){.entrance-art{background-size:auto 112%;background-position:right 45%;background-color:#6f786b}}
/* KOYO — carved wood, aged gold, and sakura. */
:root{--wood:#504939;--wood-light:#8a7857;--rim:#bb9d65;--petal:#d9b2a5}
body{background-color:#e6e2d6;background-image:radial-gradient(ellipse at 15% 40%,#b8c1a21a,transparent 55%)}
.wordmark{line-height:1;display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px}.wordmark b{font-family:var(--serif);font-size:37px;font-weight:600;letter-spacing:5px;line-height:1;position:relative}.wordmark>span{font-size:7px;letter-spacing:2px}.brand-leaf{font-size:24px;letter-spacing:0;margin-left:5px;color:#c8a664}.site-nav .wordmark b{font-size:36px}.site-nav{padding:49px 5.5%}.site-nav nav{gap:26px}.site-nav nav a{font-size:11px;font-weight:600}.gate-top{top:53px;left:5.5%;right:5.5%}.gate-bottom{bottom:48px;left:5.5%;right:5.5%}.gate-copy{left:10.5%}.gate-copy h1{font-size:clamp(65px,7.6vw,116px)}
.hero{margin:16px;height:calc(100svh - 32px)}.hero-copy{left:9.5%}.hero-copy .eyebrow{font-size:9px;letter-spacing:3px}.hero .koyo-title{font-size:clamp(120px,15vw,230px);letter-spacing:8px;line-height:.82;margin:26px 0 32px;font-weight:500}.koyo-title>span{display:block;font-size:clamp(32px,3.3vw,50px);line-height:1.2;letter-spacing:-1px;font-weight:400;margin-top:24px}.hero-copy p{font-size:13px}.hero-bottom{left:5%;right:5%;bottom:45px}.hero-shade{background:linear-gradient(90deg,#1c2b23cf,#25352b5c 54%,transparent),linear-gradient(0deg,#1d2d25a8,transparent 35%)}
section{position:relative;isolation:isolate}.scene-frame{position:absolute;inset:11px;pointer-events:none;z-index:7;border:7px solid var(--wood);outline:1px solid #34392a;box-shadow:inset 0 0 0 2px var(--rim),inset 0 0 0 5px #5f6047,0 0 0 2px #ac9566,0 5px 14px #35432c20;background:linear-gradient(90deg,transparent,transparent) padding-box;border-radius:2px}.scene-frame:before{content:"";position:absolute;inset:7px;border:1px solid #a98e5b99;pointer-events:none}.scene-frame:after{content:"";position:absolute;inset:-5px;border:1px solid #9e8860;opacity:.65}.sakura{position:absolute;width:190px;height:146px;background:url('assets/sakura-corner.svg') left top/contain no-repeat;z-index:1}.sakura-tl{left:-6px;top:-6px}.sakura-br{bottom:-6px;right:-6px;transform:rotate(180deg)}.frame-knot{position:absolute;width:24px;height:24px;border:3px double #baa06b;background:#514b38;z-index:2}.frame-knot:after{content:"";position:absolute;inset:4px;border:1px solid #b09a65;transform:rotate(45deg)}.knot-tl{left:-13px;top:-13px}.knot-tr{right:-13px;top:-13px}.knot-bl{left:-13px;bottom:-13px}.knot-br{right:-13px;bottom:-13px}.hero .scene-frame{inset:10px;border-width:10px;box-shadow:inset 0 0 0 2px #c5ab74,inset 0 0 0 7px #3f4635,0 0 0 2px #ac9566}.hero .sakura{width:245px;height:188px}.entrance .scene-frame{inset:19px;border-color:#4e4b3b;z-index:4}.entrance .sakura{width:220px;height:169px}.entrance .gate-top,.entrance .gate-copy,.entrance .gate-bottom{z-index:5}
.section-wrap{max-width:1400px;width:calc(100% - 64px);margin:65px auto;padding-left:7%;padding-right:7%;background:#efeadd66}.introduction{padding-top:115px;padding-bottom:105px;gap:10%;margin-top:75px;margin-bottom:65px}.introduction .intro-copy{z-index:2}.intro-art img{border-radius:2px;border:4px solid #796d51;outline:1px solid #b69c69;outline-offset:4px}.intro-art{padding:14px}.vertical-note{left:-13px}.intro-copy h2{font-size:70px}.intro-copy p{font-size:13px;line-height:1.9}.intro-copy p.lead{font-size:18px}.ink-sprig{width:75px;margin-top:10px}.art-corner{display:none}
.leaf-button,.outline-button,.text-link{border:3px solid #645b40;outline:1px solid #bfa56d;outline-offset:-7px;background:#b7c0a0;color:#334333;box-shadow:0 6px 0 #605c43,0 9px 15px #2738201a;border-radius:4px 18px 4px 18px;padding:20px 29px;font-size:12px;font-weight:600;letter-spacing:.4px;min-height:61px;transition:transform .2s,box-shadow .2s,background .2s}.leaf-button:hover,.outline-button:hover,.text-link:hover{background:#d0d4b8;transform:translateY(-2px);box-shadow:0 8px 0 #605c43,0 12px 18px #27382020}.leaf-button:active,.outline-button:active,.text-link:active{transform:translateY(4px);box-shadow:0 2px 0 #605c43}.outline-button{background:#e5dfbded;color:#364537;gap:37px;border-color:#675d3d;outline-color:#b5a06b}.text-link{gap:30px;display:inline-flex;align-items:center;margin-top:22px;padding:16px 23px;min-height:54px;background:#d8d8bd;font-size:11px}.sound-button,.film-controls button{border:2px solid #bead7d;background:#303f33cc;border-radius:4px 12px 4px 12px;box-shadow:0 3px 0 #323b2b;color:#ece6cc;font-weight:600}.sound-button{padding:13px 18px}.film-controls button{padding:13px 20px}.filters{gap:10px}.filters button{padding:13px 19px;border:2px solid #8c9274;background:#e1e0cc;border-radius:3px 12px 3px 12px;font-size:10px;box-shadow:0 3px 0 #a3a58d;color:#59684f;font-weight:600}.filters button.active{border-color:#576a4c;background:#6c805c;box-shadow:0 3px 0 #43593a;outline:1px solid #b5bd92;outline-offset:-5px}.filters button:not(.active):hover{background:#ccd2b7;transform:translateY(-1px)}
.spirit-section{padding-top:85px;padding-bottom:100px}.spirit-heading{text-align:center}.spirit-heading .eyebrow{color:#82906e;font-size:9px}.spirit-heading h2{font-size:70px}.spirit-heading>p{font-size:12px;line-height:1.9;color:#7f8875}.spirit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;margin-top:50px}.spirit-card{position:relative;border-top:1px solid #bdc2aa;padding-top:28px}.ability-number{display:block;font-size:11px;letter-spacing:2px;color:#8a8c6c;margin-bottom:20px}.spirit-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;border:4px solid #736b50;outline:1px solid #b69c6d;outline-offset:3px;filter:saturate(.85)}.ability-copy{padding:26px 0 0}.ability-copy .eyebrow{font-size:8px;letter-spacing:1.8px;color:#8a9278}.ability-copy h3{font-family:var(--serif);font-size:31px;line-height:1.12;font-weight:500;margin:11px 0 17px;letter-spacing:-.5px}.ability-copy p{font-size:12px;line-height:1.95;color:#78816c;margin:0}.world-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-top:100px;padding-bottom:100px}.world-art{position:relative}.world-art img{width:100%;height:auto;display:block;aspect-ratio:4/5;object-fit:cover;border:5px solid #796d51;outline:1px solid #b69c69;outline-offset:5px}.world-stamp{position:absolute;bottom:24px;right:20px;border:2px solid #bfa06b;background:#5b654c;color:#ede4c8;padding:13px 12px;font-family:var(--serif);font-size:18px;line-height:1.2;letter-spacing:2px;box-shadow:4px 4px #27392344}.world-copy>.eyebrow{font-size:8px;color:#8a937a;letter-spacing:1.6px}.world-copy h2{font-size:65px}.world-copy>p{font-size:12px;line-height:1.95;color:#78816e}.world-copy dl{margin:28px 0}.world-copy dl>div{border-top:1px solid #bdc4ad;padding:16px 0}.world-copy dt{font-family:var(--serif);font-size:22px;font-weight:500}.world-copy dd{margin:7px 0 0;font-size:11px;line-height:1.8;color:#7c856f}.world-copy .leaf-button{padding:17px 22px;font-size:11px;gap:35px}
.between{max-width:1250px;width:calc(100% - 100px);padding:45px 100px;margin:20px auto 50px}.between .scene-frame{border-width:3px;box-shadow:inset 0 0 0 1px #bb9d65;inset:9px}.between .scene-frame:before{inset:4px}.between .sakura{width:90px;height:69px;opacity:.85}.between .frame-knot{width:17px;height:17px;border-width:2px}.between .knot-tl,.between .knot-bl{left:-9px}.between .knot-tr,.between .knot-br{right:-9px}.between .knot-tl,.between .knot-tr{top:-9px}.between .knot-bl,.between .knot-br{bottom:-9px}.between p{font-size:20px;position:relative;z-index:2}.gallery-section{padding-top:90px;padding-bottom:80px}.gallery-heading>p{font-size:13px}.gallery-image{border:4px solid #786f53;border-radius:2px;box-shadow:0 0 0 1px #bca36f,0 4px 0 #b4b79c33}.gallery-caption{font-size:11px}.gallery-toolbar{padding:22px 0}.gallery-grid{gap:30px 23px}.gallery-end{padding-bottom:15px}.closing{margin:65px 16px 16px;min-height:600px;padding-bottom:130px}.closing .sakura{width:240px;height:184px}.closing .leaf-button{background:#7b8e6c;border-color:#596347;outline-color:#bcb98b;box-shadow:0 6px 0 #596347;padding:20px 28px}.closing h2{font-size:90px}footer{margin:0 16px 16px;border:2px solid #87916e;background:#cbd2bb;padding:34px 5%;gap:30px}footer p{font-size:20px}footer .wordmark b{font-size:32px}dialog{border:8px solid #5b5941;outline:2px solid #b5a16a;outline-offset:-12px}.lightbox-top{height:90px}.lb-arrow{border:3px solid #777b58;box-shadow:0 3px #6b7251;background:#d8dbc2}#download{border:2px solid #8d9473;padding:12px 16px;background:#d7dbc1;box-shadow:0 3px #9fa68a;border-radius:2px 10px 2px 10px}
@media(max-width:1100px){.site-nav nav{gap:18px}.site-nav nav a{font-size:10px}.section-wrap{padding-left:7%;padding-right:7%;width:calc(100% - 40px)}.intro-copy h2{font-size:58px}.introduction{gap:7%}.world-section{gap:7%}.world-copy h2{font-size:55px}.spirit-grid{gap:20px}.ability-copy h3{font-size:27px}.ability-copy p{font-size:11px}.sakura{width:155px;height:120px}.hero .sakura{width:210px;height:162px}}
@media(max-width:650px){.wordmark b,.site-nav .wordmark b{font-size:31px;letter-spacing:4px}.wordmark>span{font-size:6px;letter-spacing:1.4px}.brand-leaf{font-size:20px}.gate-top{left:10%;right:10%;top:47px}.gate-copy{left:11%;right:9%;top:49%}.gate-copy h1{font-size:61px;letter-spacing:-2px}.gate-copy p{font-size:11px}.gate-copy .eyebrow{font-size:7px}.gate-bottom{left:11%;bottom:42px}.sound-note{font-size:7px}.hero{margin:9px;min-height:760px;height:calc(100svh - 18px)}.site-nav{padding:43px 9%}.site-nav nav{left:10%;top:123px;gap:18px}.site-nav nav a{font-size:9px}.site-nav .sound-button{font-size:7px;padding:10px;gap:7px}.hero-copy{left:10%;right:9%;top:50%;transform:translateY(-18%)}.hero .koyo-title{font-size:113px;letter-spacing:3px;line-height:.9;margin:22px 0 27px}.koyo-title>span{font-size:30px;letter-spacing:-.9px;line-height:1.15;margin-top:20px}.hero-copy p{font-size:11px;line-height:1.85}.hero-copy .eyebrow{font-size:7px;letter-spacing:2px}.hero-bottom{left:9%;right:9%;bottom:38px}.hero .scene-frame{border-width:7px;inset:7px}.scene-frame{border-width:5px;inset:8px}.scene-frame:before{inset:5px}.sakura,.hero .sakura,.entrance .sakura,.closing .sakura{width:125px;height:96px}.entrance .scene-frame{inset:12px}.frame-knot{width:18px;height:18px;border-width:2px}.frame-knot:after{inset:3px}.knot-tl,.knot-bl{left:-9px}.knot-tr,.knot-br{right:-9px}.knot-tl,.knot-tr{top:-9px}.knot-bl,.knot-br{bottom:-9px}.section-wrap{width:calc(100% - 18px);margin:36px auto;padding-left:10%;padding-right:10%}.introduction{padding-top:78px;padding-bottom:77px;gap:40px}.intro-art{width:100%;padding:8px}.intro-copy{padding:0}.intro-copy h2{font-size:57px}.intro-copy p{font-size:12px}.intro-copy p.lead{font-size:17px}.intro-copy .eyebrow{font-size:7px}.vertical-note{left:-16px;font-size:7px}.text-link{font-size:10px;min-height:51px;padding:15px 20px;gap:20px}.leaf-button,.outline-button{padding:17px 22px;min-height:57px;font-size:11px;gap:27px}.spirit-section{padding-top:78px;padding-bottom:80px}.spirit-heading h2{font-size:55px}.spirit-heading .eyebrow{font-size:7px;letter-spacing:1.6px}.spirit-heading>p{font-size:11px}.spirit-grid{grid-template-columns:1fr;gap:37px;margin-top:35px}.spirit-card{padding-top:22px}.spirit-card img{aspect-ratio:6/5;object-fit:cover}.ability-number{font-size:10px;margin-bottom:15px}.ability-copy{padding-top:23px}.ability-copy h3{font-size:32px}.ability-copy p{font-size:12px}.world-section{grid-template-columns:1fr;gap:40px;padding-top:80px;padding-bottom:80px}.world-art img{aspect-ratio:1}.world-copy h2{font-size:55px}.world-copy>p{font-size:12px}.world-copy dt{font-size:22px}.world-copy .leaf-button{font-size:10px}.between{width:calc(100% - 32px);padding:35px 45px;margin:15px auto 30px;gap:10px}.between p{font-size:16px;max-width:none}.between .sakura{width:65px;height:50px}.gallery-section{padding-top:78px;padding-bottom:70px;padding-left:7%;padding-right:7%}.gallery-heading h2{font-size:59px}.gallery-heading .eyebrow{font-size:7px;letter-spacing:1.5px}.gallery-heading>p{font-size:11px}.gallery-toolbar{padding:18px 0}.filters{gap:8px}.filters button{font-size:8px;padding:11px 13px}.filters button span{font-size:7px;margin-left:3px}.gallery-grid{gap:17px 12px}.gallery-image{border-width:3px}.gallery-caption{font-size:9px;gap:4px}.gallery-caption small{font-size:7px}.closing{margin:36px 9px 9px;min-height:500px}.closing h2{font-size:70px}.closing .eyebrow{font-size:7px;letter-spacing:1.5px}.closing .leaf-button{padding:18px 24px}.closing-moon{top:50px}footer{margin:0 9px 9px;padding:30px 9%;gap:21px}footer p{font-size:16px}footer .wordmark b{font-size:31px}footer>span{font-size:7px;letter-spacing:1.2px}dialog{border-width:5px}.lightbox-top{height:75px}#download{font-size:8px;padding:10px;white-space:normal;line-height:1.4;min-width:90px}dialog figure{margin-top:24px}}
.gate-top>.wordmark{background:#28372be6;padding:12px 16px;border:1px solid #bfa77799;box-shadow:0 0 0 3px #3d4938bb;border-radius:2px}
@media(max-width:380px){.gate-copy h1{font-size:50px}.site-nav nav{gap:12px}.site-nav nav a{font-size:8px}.hero .koyo-title{font-size:100px}.koyo-title>span{font-size:26px}.sound-button{padding:8px}.filters button{padding:10px 11px}}
.site-nav>.wordmark{padding:10px 15px;background:#28372be8;border:1px solid #bfa77799;box-shadow:0 0 0 3px #3d4938bb;border-radius:2px}
@media(min-width:651px){.hero-bottom{right:200px}.hero .sakura-br{width:165px;height:127px}}
@media(max-width:650px){.site-nav>.wordmark{padding:9px 12px}.site-nav{padding-top:38px}.hero .sakura-br{width:95px;height:73px}.film-controls{position:relative;z-index:8}}

footer .footer-social{font-size:10px;letter-spacing:.6px;white-space:nowrap;text-underline-offset:4px}footer .footer-social:hover{text-decoration:underline}