@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Noto+Serif+JP:wght@400;500;600&display=swap";:root{--ink:#17130f;--cream:#f4efe5;--red:#9e342a;--gold:#b79a61;--line:#d4c9b8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Noto Serif JP,serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.header{z-index:20;color:#fff;border-bottom:1px solid #ffffff2b;justify-content:space-between;align-items:center;width:100%;height:100px;padding:0 5vw;display:flex;position:absolute;top:0;left:0}.brand{align-items:center;gap:13px;display:flex}.brand>b{font-size:34px;font-weight:400}.brand span{letter-spacing:.18em;font:600 18px/1 Cormorant Garamond}.brand small{letter-spacing:.45em;margin-top:6px;font-size:8px;display:block}.header nav{align-items:center;gap:38px;display:flex}.header nav a{letter-spacing:.12em;font-size:13px}.header-actions{align-items:center;gap:18px;display:flex}.header-actions button,.close,.drawer-head button{color:inherit;background:0 0;border:0}.cart-button{font-size:22px;position:relative}.cart-button em{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font:10px sans-serif;display:grid;position:absolute;top:-6px;right:-8px}.menu-button{font-size:25px;display:none}.hero{color:#fff;background:#0c0b09;height:min(920px,100vh);min-height:700px;position:relative;overflow:hidden}.hero>img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute}.hero-copy{z-index:2;position:absolute;top:50%;left:10vw;transform:translateY(-42%)}.hero-copy>p:first-child,.kicker{letter-spacing:.34em;color:var(--gold);font:500 11px Cormorant Garamond}.hero h1{letter-spacing:.09em;margin:22px 0;font-size:clamp(48px,6vw,86px);font-weight:400;line-height:1.22}.hero h1 span{display:block}.hero-en{letter-spacing:.08em;color:#d9d0c3;font:italic 400 18px/1.5 Cormorant Garamond}.primary{background:var(--red);color:#fff;letter-spacing:.13em;border:0;justify-content:space-between;align-items:center;gap:50px;min-width:220px;margin-top:28px;padding:18px 24px;font-size:13px;display:inline-flex}.scroll{letter-spacing:.25em;writing-mode:vertical-rl;align-items:center;gap:12px;font:10px Cormorant Garamond;display:flex;position:absolute;bottom:36px;right:4vw}.scroll i{background:#fff;width:1px;height:54px}.intro{grid-template-columns:180px 1fr;align-items:center;padding:140px 12vw;display:grid}.vertical{writing-mode:vertical-rl;letter-spacing:.35em;color:#7b6c58;height:160px;font-size:13px;line-height:2}.intro h2,.section-head h2,.story-text h2,.how h2{letter-spacing:.08em;margin:16px 0 26px;font-size:clamp(34px,4vw,56px);font-weight:400;line-height:1.5}.intro div>p:last-child,.story-text>p{color:#645c51;font-size:15px;line-height:2.1}.collection{background:#ece4d7;padding:100px 7vw 140px}.section-head{justify-content:space-between;align-items:end;margin-bottom:56px;display:flex}.filters{gap:5px;display:flex}.filters button{color:#756b5e;background:0 0;border:0;border-bottom:1px solid #0000;padding:10px 16px;font-size:13px}.filters button.active{color:var(--red);border-color:var(--red)}.products{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.products article{cursor:pointer}.products article:focus-visible{outline:2px solid var(--red);outline-offset:6px}.product-image{background:#d8cdbd;height:410px;position:relative;overflow:hidden}.product-image>span{letter-spacing:.18em;font:13px Cormorant Garamond;position:absolute;top:15px;left:17px}.product-image>button{background:var(--ink);color:#fff;border:0;width:55px;height:55px;position:absolute;bottom:0;right:0}.product-art{background:radial-gradient(circle at 50% 45%,#e3d8c7,#bcae9c);width:100%;height:100%;position:relative;overflow:hidden}.product-art:after{content:"";background:radial-gradient(circle,#0000 30%,#0002 80%);width:130%;height:130%;position:absolute;top:-10%;left:-15%}.stem{background:linear-gradient(#5c2c1d,#1b0d08,#6d3522);border-radius:20px;width:82%;height:12px;position:absolute;top:56%;left:8%;transform:rotate(-37deg);box-shadow:0 8px 12px #0005}.flower{z-index:2;color:#a02420;text-shadow:0 2px #e29b65,0 0 12px #0004;font-size:80px;position:absolute;top:30%;left:56%}.product-art i{z-index:1;border:2px solid var(--gold);border-radius:50%;width:85px;height:85px;position:absolute;top:30%;left:55%}.product-art.ivory .flower{color:#f3ead7}.product-art.blue .flower{color:#28566a}.product-art.gold .flower{color:#d19a3b}.product-text{justify-content:space-between;padding-top:20px;display:flex}.product-text h3{letter-spacing:.15em;margin:0;font-size:21px;font-weight:500}.product-text small{letter-spacing:.18em;color:#756b5e;font:10px Cormorant Garamond}.product-text>p{margin:0;font-size:14px}.story{background:var(--ink);color:#fff;grid-template-columns:1.1fr .9fr;min-height:700px;display:grid}.story-visual{background:linear-gradient(135deg,#271711,#0f0d0b);min-height:600px;position:relative;overflow:hidden}.sun{background:var(--red);border-radius:50%;width:250px;height:250px;position:absolute;top:22%;left:22%;box-shadow:0 0 80px #9e342a44}.pin{background:linear-gradient(90deg,#281108,#9f6b34,#2a1208);width:75%;height:13px;position:absolute;top:48%;left:12%;transform:rotate(-25deg);box-shadow:0 10px 20px #000}.story-visual p{writing-mode:vertical-rl;letter-spacing:.6em;color:#c3ad83;line-height:2.7;position:absolute;bottom:12%;right:10%}.story-text{flex-direction:column;justify-content:center;align-items:flex-start;padding:13vw 10vw 8vw 8vw;display:flex}.story-text>p{color:#c1b7a8}.story-text a{border-bottom:1px solid #75695a;align-items:center;gap:55px;margin-top:25px;padding:14px 0;font-size:13px;display:flex}.how{text-align:center;padding:130px 8vw}.steps{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:1000px;margin:65px auto 40px;display:grid}.steps div{border-right:1px solid var(--line);padding:40px 35px}.steps div:last-child{border:0}.steps b{color:var(--red);font:24px Cormorant Garamond}.steps h3{letter-spacing:.15em}.steps p{color:#6a6054;font-size:13px;line-height:1.8}.primary.dark{background:var(--ink)}footer{color:#ddd2c1;background:#0d0b09;grid-template-columns:2fr 1fr 1fr;gap:50px;padding:80px 8vw 70px;display:grid;position:relative}.footer-brand>b{font-size:55px;font-weight:400}.footer-brand h2{letter-spacing:.15em;font-size:24px;font-weight:400}footer div:not(.footer-brand){flex-direction:column;gap:12px;font-size:13px;display:flex}footer div>p{color:var(--gold);letter-spacing:.25em;font:11px Cormorant Garamond}footer>small{letter-spacing:.2em;font:9px Cormorant Garamond;position:absolute;bottom:30px;left:8vw}.modal{z-index:100;background:#000b;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.modal-inner{background:var(--cream);grid-template-columns:1fr 1fr;width:min(940px,100%);max-height:90vh;display:grid;position:relative;overflow:auto}.modal-art{min-height:560px}.modal-text{flex-direction:column;justify-content:center;padding:80px 65px;display:flex}.modal-text>small{letter-spacing:.3em;color:var(--red);font:12px Cormorant Garamond}.modal-text h2{letter-spacing:.18em;margin:12px 0;font-size:48px;font-weight:400}.modal-text .price{font-size:20px}.modal-text>p:not(.price){color:#665d52;line-height:2}.modal-text dl{border-top:1px solid var(--line);grid-template-columns:70px 1fr;padding-top:15px;font-size:12px;display:grid}.modal-text dd{margin:0 0 12px}.close{z-index:3;font-size:30px;position:absolute;top:18px;right:18px}.drawer{z-index:120;background:var(--cream);flex-direction:column;width:min(470px,100%);height:100%;transition:all .35s;display:flex;position:fixed;top:0;right:0;transform:translate(102%)}.drawer.open{transform:none}.shade{z-index:110;background:#0009;position:fixed;inset:0}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:26px 30px;display:flex}.drawer-head h2{margin:0;font-size:22px;font-weight:400}.drawer-head small{font-size:12px}.drawer-head button{font-size:28px}.empty{text-align:center;color:#786e62;margin:auto}.empty>span{font-size:35px}.empty button{background:0 0;border:0;border-bottom:1px solid;padding:8px}.cart-list{padding:20px 30px;overflow:auto}.cart-item{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;gap:20px;padding:15px 0;display:grid}.cart-item>.product-art{height:140px}.cart-item h3{margin:4px 0}.cart-item>div>small{letter-spacing:.15em;font:10px Cormorant Garamond}.cart-item p{font-size:13px}.quantity{border:1px solid var(--line);align-items:center;width:max-content;display:flex}.quantity button{background:0 0;border:0;width:30px;height:28px}.quantity span{padding:0 10px;font-size:12px}.total{background:#e8dfd2;margin-top:auto;padding:25px 30px}.total>div{justify-content:space-between;margin-bottom:18px;display:flex}.total>button{background:var(--red);color:#fff;border:0;width:100%;padding:16px}.total>small{text-align:center;color:#82776b;margin-top:10px;font-size:10px;display:block}@media (width<=900px){.header{height:76px;padding:0 20px}.brand>b{font-size:27px}.brand span{font-size:15px}.header nav{background:var(--ink);flex-direction:column;align-items:flex-start;padding:35px;display:none;position:fixed;inset:76px 0 auto}.header nav.open{display:flex}.menu-button{display:block}.hero{min-height:700px}.hero>img{object-position:62% center}.hero:after{content:"";background:linear-gradient(90deg,#0a0808e6 0%,#0a080866 58%,#0000);position:absolute;inset:0}.hero-copy{top:54%;left:7vw}.hero h1{font-size:45px}.intro{grid-template-columns:70px 1fr;padding:90px 8vw}.products{grid-template-columns:repeat(2,1fr)}.product-image{height:360px}.story{grid-template-columns:1fr}.story-text{padding:90px 10vw}.steps{border-top:0;grid-template-columns:1fr}.steps div{border-right:0;border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.modal-inner{grid-template-columns:1fr}.modal-art{height:40vh;min-height:300px}.modal-text{padding:45px 35px}}@media (width<=560px){.hero{height:100svh}.hero>img{object-position:67% center}.hero:after{background:linear-gradient(90deg,#090807ef 0%,#09080788 68%,#0000)}.hero-copy{max-width:85%;top:55%;left:24px}.hero-copy>p:first-child{font-size:9px}.hero h1{letter-spacing:.05em;font-size:39px}.hero-en{font-size:16px}.primary{padding:16px 18px}.scroll{display:none}.intro{grid-template-columns:1fr;padding:80px 24px}.vertical{display:none}.intro h2,.section-head h2,.story-text h2,.how h2{font-size:32px}.desktop{display:none}.collection{padding:75px 20px 90px}.section-head{display:block}.filters{margin-top:25px;overflow:auto}.filters button{white-space:nowrap}.products{grid-template-columns:1fr;gap:48px}.product-image{height:430px}.story-visual{min-height:480px}.sun{width:190px;height:190px}.story-text{padding:75px 25px}.how{padding:90px 24px}.steps{margin-top:40px}footer{grid-template-columns:1fr;padding:65px 25px 80px}footer>small{left:25px}.modal{padding:0}.modal-inner{height:100%;max-height:100vh}.modal-art{height:40vh;min-height:260px}.modal-text{padding:38px 25px}.modal-text h2{font-size:37px}.close{background:#f4efe5cc;border-radius:50%;padding:2px 10px}.product-text h3{font-size:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.product-photo{object-fit:cover;width:100%;height:100%;display:block}.story-visual{background-color:#140d09;background-image:url(/assets/moon-water-kanzashi.webp);background-position:50%;background-repeat:no-repeat;background-size:122%}.modal-art{overflow:hidden}.modal-art>.product-photo{object-fit:cover}.cart-item>div:first-child{background:#d8cdbd;height:140px;overflow:hidden}.cart-item>div:first-child .product-photo{object-fit:cover}@media (width<=560px){.story-visual{background-position:38%;background-size:175%}}