:root{font-family:DM Sans,sans-serif;color:#51483f;background:#f8f5ef;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #967744;outline-offset:7px}::selection{background:#dac7a8}.nav{position:absolute;z-index:10;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:30px 5%;font-size:10px;letter-spacing:.18em}.brand{font-family:Georgia,serif;font-size:23px;letter-spacing:.22em}.hero{height:250svh;position:relative}.hero-sticky{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 63% 44%,#f5eee3,#fcfaf6 58%,#f8f5ef)}.hero-halo{position:absolute;width:60vw;height:60vw;left:38%;top:5%;border:1px solid #ac946526;border-radius:50%;pointer-events:none}.eyebrow{position:absolute;top:20%;left:7%;font-size:10px;letter-spacing:.24em;z-index:1}.eyebrow span{margin:0 18px}.hero-copy{position:absolute;top:30%;left:8%;z-index:4;pointer-events:none}.hero-copy p{font-family:"Noto Serif JP",serif;font-size:14px;letter-spacing:.24em}.hero-copy h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(76px,11.5vw,180px);line-height:.93;letter-spacing:-.065em;margin:30px 0}.hero-copy em{font-weight:400;color:#766348}.bottle-stage{position:absolute;width:64%;height:76%;right:7%;top:12%;z-index:3;transform-origin:50% 50%;cursor:grab}.bottle-stage:active{cursor:grabbing}.product-detail{position:absolute;right:6%;top:57%;z-index:4;pointer-events:none}.product-detail>span{font-size:9px;letter-spacing:.25em}.product-detail h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(22px,2.4vw,36px);margin:18px 0}.product-detail p{font-size:11px;line-height:2.4;letter-spacing:.1em}.hero-bottom{position:absolute;bottom:35px;left:5%;right:5%;z-index:5;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em}.hero-bottom a span{display:inline-block;margin-left:20px}.scroll-line{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#a58b60;transform-origin:left;z-index:5}.story{position:relative;background:#ded0bd;min-height:760px;display:flex;align-items:center;justify-content:space-between;padding:130px 10%;gap:40px}.section-number{position:absolute;top:45px;left:5%;font-size:9px;letter-spacing:.2em}.section-kicker{font-size:10px;letter-spacing:.25em}.story h2{font-family:"Noto Serif JP",serif;font-weight:400;font-size:clamp(30px,3.8vw,56px);line-height:1.8;margin:35px 0}.story p{font-size:13px;line-height:2.7;letter-spacing:.07em}.text-link{display:inline-flex;gap:55px;border-bottom:1px solid #796c5280;padding:15px 0;font-size:11px;letter-spacing:.12em;margin-top:20px;transition:color .2s}.text-link:hover{color:#a47c39}.story-ornament{display:flex;flex-direction:column;align-items:center;width:35%;aspect-ratio:3/4;border:1px solid #f8f2e966;border-radius:50% 50% 0 0;justify-content:center}.story-ornament>span{font-family:Georgia,serif;font-size:clamp(170px,22vw,320px);color:#f7f2e9;font-style:italic;line-height:1.1}.story-ornament small{font-size:8px;letter-spacing:.2em}.notes{text-align:center;padding:130px 7% 150px;background:#f8f5ef}.notes h2{font-family:Georgia,serif;font-size:clamp(48px,6vw,86px);line-height:1.06;font-weight:400;margin:32px 0}.notes h2 em{color:#8d7657;font-weight:400}.section-intro{font-size:12px;line-height:2;letter-spacing:.09em}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:70px}.note{text-align:left;border-top:1px solid #bdb0a0;padding-top:24px}.note-art{height:220px;position:relative;overflow:hidden;background:#eee7da;margin-bottom:30px;display:flex;align-items:center;justify-content:center}.note-art i{position:absolute;display:block;box-shadow:15px 20px 35px #68513218}.note-01 .note-art i{width:115px;height:115px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#e4dbaa,#a5a776);border:1px solid #b6ac76}.note-01 i:nth-child(2){transform:translate(55px,50px);width:75px;height:75px}.note-01 i:nth-child(3){transform:translate(-60px,35px);width:80px;height:22px;background:#8b9574;border-radius:100% 0}.note-02 .note-art i{width:85px;height:130px;border-radius:80% 15% 80% 20%;background:linear-gradient(120deg,#fffdf7,#dcd3bd);transform:rotate(-35deg) translate(-25px)}.note-02 i:nth-child(2){transform:rotate(35deg) translate(25px)}.note-02 i:nth-child(3){transform:translateY(35px);height:100px;width:65px}.note-03 .note-art i{height:100px;width:180px;border-radius:50%;background:linear-gradient(160deg,#d9c4a7,#a88c6b);transform:rotate(-15deg)}.note-03 i:nth-child(2){transform:translate(25px,45px) rotate(10deg);width:120px;height:65px;background:#dfd2bf}.note-03 i:nth-child(3){display:none}.note small{font-size:9px;letter-spacing:.2em}.note h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(21px,2.3vw,34px);margin:20px 0 12px}.note-jp{font-size:10px;letter-spacing:.15em}.note p{font-size:11px;line-height:2.1;color:#7b7064;margin-top:18px}.closing{text-align:center;padding:110px 7%;background:radial-gradient(ellipse at center,#e6d9c5,#efe9df)}.closing h2{font-family:"Noto Serif JP",serif;font-weight:400;font-size:clamp(30px,4vw,52px);letter-spacing:.12em;margin:30px 0}.closing p{font-size:12px;letter-spacing:.13em}footer{background:#51483f;color:#f8f5ef;display:flex;justify-content:space-between;align-items:center;padding:48px 6%;gap:20px}footer span{font-size:8px;line-height:2.3;letter-spacing:.16em;text-align:right}@media(min-width:1600px){.hero-copy{left:12%}.bottle-stage{right:12%}}@media(max-width:700px){.nav{padding:24px 6%;font-size:8px}.nav>span{display:none}.brand{font-size:19px}.hero{height:230svh}.hero-sticky{min-height:570px}.eyebrow{top:18%;left:7%;font-size:8px}.hero-copy{top:25%;left:7%}.hero-copy p{font-size:11px}.hero-copy h1{font-size:clamp(62px,17vw,105px);margin:24px 0}.bottle-stage{top:24%;height:62%;width:100%;right:-2%}.product-detail{top:auto;bottom:85px;right:7%;text-align:right}.product-detail h2{font-size:22px;margin:10px 0}.product-detail p{font-size:9px}.hero-bottom{bottom:25px;font-size:7px;letter-spacing:.09em}.hero-bottom a span{margin-left:8px}.hero-halo{width:100vw;height:100vw;left:15%;top:25%}.story{min-height:620px;padding:100px 8%}.story-ornament{display:none}.story h2{font-size:31px}.story p{font-size:12px}.notes{padding:90px 8%}.notes h2{font-size:52px}.note-grid{grid-template-columns:1fr;margin-top:50px;gap:45px}.note-art{height:230px}.note h3{font-size:29px}.closing{padding:90px 8%}footer .brand{font-size:17px}footer span{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero{height:100svh;min-height:600px}.hero-sticky{position:relative}.hero-copy{opacity:1!important;transform:none!important}.bottle-stage{transform:none!important}.text-link{transition:none}}.note-art{background:radial-gradient(ellipse at 50% 45%,#f5f0e6,#e9e0d2);isolation:isolate}.note-art img{display:block;width:100%;height:100%;object-fit:contain;padding:18px 24px;mix-blend-mode:multiply;filter:saturate(.65) sepia(.12) brightness(1.04) contrast(.92)}.note-01 .note-art img{filter:saturate(.55) sepia(.16) brightness(1.06) contrast(.9);padding:18px 30px}.note-02 .note-art img{filter:saturate(.48) sepia(.1) brightness(1.03) contrast(.93);padding:12px 18px}.note-03 .note-art img{filter:saturate(.62) sepia(.12) brightness(1.1) contrast(.88);padding:12px 24px}.note-art{background:transparent;isolation:auto}.note-art img{mix-blend-mode:normal}.hero{height:190svh}@media(max-width:700px){.hero{height:180svh}}@media(prefers-reduced-motion:reduce){.hero{height:100svh;min-height:600px}}.note-art img{filter:saturate(.65) brightness(1.04)}.note-01 .note-art img{filter:saturate(.55) brightness(1.04)}.note-02 .note-art img{filter:saturate(.48) brightness(1.03)}.note-03 .note-art img{filter:saturate(.62) brightness(1.08)}.note-grid{gap:clamp(30px,4vw,70px);margin-top:80px;align-items:start}.note{position:relative;padding-top:0;border-top:0}.note:before{content:"01";position:absolute;top:18px;left:0;font-family:Georgia,serif;font-size:clamp(70px,7vw,110px);line-height:1;color:#c9b99b;opacity:.3;pointer-events:none;z-index:0}.note-02:before{content:"02"}.note-03:before{content:"03"}.note-02{margin-top:65px}.note-art{height:clamp(250px,23vw,350px);margin-bottom:25px;position:relative;overflow:visible}.note-art:before{content:"";position:absolute;width:72%;height:90%;border:1px solid #ac946538;border-radius:50%;transform:rotate(-24deg);pointer-events:none;z-index:0}.note-02 .note-art:before{transform:rotate(24deg);height:95%;width:70%}.note-03 .note-art:before{width:78%;height:78%;transform:rotate(-12deg)}.note-art img{position:relative;z-index:1;padding:12px 16px}.note-01 .note-art img{padding:18px 22px}.note-02 .note-art img{padding:0;transform:scale(1.06)}.note-03 .note-art img{padding:10px 12px;transform:scale(1.1)}.note>small{display:block;border-top:1px solid #bdb0a0;padding-top:20px;font-size:9px;letter-spacing:.25em}.note h3{font-size:clamp(24px,2.55vw,40px);line-height:1.12;margin:23px 0 14px}.note-jp{color:#8f7856;font-size:11px}.note p{max-width:27em;line-height:2.3;margin-top:20px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.note-art img{transition:transform .65s cubic-bezier(.22,1,.36,1)}.note-01:hover .note-art img{transform:translateY(-7px) rotate(-3deg)}.note-02:hover .note-art img{transform:scale(1.06) translateY(-7px) rotate(2deg)}.note-03:hover .note-art img{transform:scale(1.1) translateY(-7px)}}@media(max-width:700px){.note-grid{gap:55px;margin-top:55px}.note-02{margin-top:0}.note-art{height:290px;margin-bottom:20px}.note:before{font-size:85px;top:15px}.note h3{font-size:30px}.notes{padding-bottom:85px}}
