@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;1,400&family=Manrope:wght@400;500&family=Noto+Serif+JP:wght@300;400&display=swap";:root{background:#141914;color:#e7e1d1;font-family:Manrope,"Noto Serif JP",serif;--muted:#969a87;--accent:#b9b38b;--line:#a7aa8a30}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:45px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:1px solid #c3b991;outline-offset:7px}::selection{background:#a89861;color:#141914}#scene{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 72% 43%,#3a4025,#1a2119 35%,#141914 72%)}#scene canvas{display:block}.texture{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:35px 6%}.wordmark{font-family:Cormorant Garamond,serif;font-size:38px;letter-spacing:7px;line-height:1}.wordmark span{display:block;font:7px Manrope;letter-spacing:2.3px;margin-top:13px}nav{display:flex;gap:40px;font-size:10px;letter-spacing:.8px}.back{color:var(--muted)}main{position:relative;z-index:1}.hero{height:100svh;min-height:820px;padding:145px 8% 90px;position:relative}.hero-top,.meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.hero-copy{margin-top:70px}.eyebrow{font-size:8px;letter-spacing:2px;color:var(--muted)}h1,h2,h3{font-family:Cormorant Garamond,serif;font-weight:400;margin:0}h1{font-size:clamp(90px,8.6vw,135px);line-height:.86;letter-spacing:-3px;margin:28px 0}em{color:var(--accent);font-weight:400}.japanese{font-size:13px;letter-spacing:3px;font-weight:300;margin:34px 0 0}.link{display:inline-flex;gap:60px;align-items:center;border-bottom:1px solid #92947b;padding:15px 0;margin-top:20px;font-size:10px;letter-spacing:.7px}.link span{font-size:20px;transition:transform .3s}.link:hover span{transform:translate(3px,3px)}.bottle-caption{position:absolute;right:10%;bottom:23%;display:flex;gap:15px;font-size:9px;letter-spacing:1px}.cross{font-size:20px;font-weight:300}.bottle-caption small{display:block;color:var(--muted);font-size:8px;margin-top:9px}.hero-bottom{position:absolute;bottom:34px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:7px;letter-spacing:1.5px}.hero-bottom a span{margin-left:20px;font-size:18px}#motion{background:none;border:0;font-size:8px;letter-spacing:1px}#motion b{font-weight:400;border:1px solid var(--line);border-radius:25px;padding:5px 9px;margin-left:7px}.ritual{background:#161c16ed;border-top:1px solid var(--line);padding:55px 8% 65px}.ritual-body{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;margin:95px 0 60px}h2{font-size:85px;letter-spacing:-2px;line-height:1}.ritual-body .eyebrow{margin-bottom:30px}.ritual-copy h3{font-family:"Noto Serif JP",serif;font-size:25px;letter-spacing:4px;line-height:1.8;font-weight:300;margin-bottom:30px}.ritual-copy p{font-size:11px;line-height:2.9;color:var(--muted);font-weight:300}.ritual-quote{border-top:1px solid var(--line);padding-top:35px;text-align:center;font:italic 27px Cormorant Garamond;color:#a6ab91}.notes{padding:55px 8% 100px;background:#dddacb;color:#343a2c}.notes .meta,.notes .eyebrow{color:#747b64}.notes-heading{display:flex;align-items:end;justify-content:space-between;margin:75px 0 50px}.notes-heading h2{font-size:70px}.notes-heading em{color:#737853}.notes-heading p{font-size:10px;letter-spacing:1px;color:#79816c}.note-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #62695135}.note-tabs button{background:none;border:0;padding:22px 0 25px;text-align:left;font-family:Cormorant Garamond,serif;font-size:26px;opacity:.5;position:relative}.note-tabs button[aria-selected=true]{opacity:1}.note-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:25px;height:2px;background:#60694b}.note-tabs span{font:8px Manrope;margin-right:20px}.note-tabs small{display:block;font:7px Manrope;letter-spacing:2px;margin:12px 0 0 32px}.note-panel{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-top:45px}.note-art{min-height:320px;background:radial-gradient(ellipse,#ceca9c,#babc9d);position:relative;overflow:hidden;display:grid;place-items:center}.note-core{width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 30% 22%,#ffeec0,#b79b58 45%,#676b3a 83%);box-shadow:0 20px 35px #69603944,inset -12px -8px 20px #373f3840;transition:background .6s}.orbit{position:absolute;width:250px;height:150px;border:1px solid #f4efd175;border-radius:50%;transform:rotate(-32deg)}.orbit-b{transform:rotate(38deg);width:210px;height:240px;border-color:#6c76552e}.note-art-label{position:absolute;bottom:21px;left:22px;font-size:7px;letter-spacing:1.6px;color:#656d50}.note-art[data-phase="1"]{background:radial-gradient(ellipse,#b0b398,#879077)}.note-art[data-phase="1"] .note-core{background:radial-gradient(circle at 30% 22%,#d9dec2,#7a8861 45%,#3e4b37 83%)}.note-art[data-phase="2"]{background:radial-gradient(ellipse,#c7a67b,#9b8d73)}.note-art[data-phase="2"] .note-core{background:radial-gradient(circle at 30% 22%,#ffdaa1,#a07039 45%,#593d29 83%)}.note-description{padding-top:20px}.note-description h3{font-size:54px;line-height:1.02;margin:25px 0}.note-description>p:not(.eyebrow){font-size:11px;line-height:2.6;color:#737961;max-width:330px}.note-index{display:block;font-size:7px;letter-spacing:2px;color:#7a8167;margin-top:30px}.closing{padding:110px 8% 0;background:#141914b8}.closing h2{font-size:86px;margin:30px 0}.closing>p:not(.eyebrow){font-size:11px;letter-spacing:2px;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:35px 0;margin-top:90px;font-size:7px;letter-spacing:1px;color:var(--muted)}footer .wordmark{font-size:30px}.fallback-bottle{position:absolute;width:220px;height:300px;right:20%;top:30%;border:1px solid #e0c89688;border-radius:18px;background:linear-gradient(100deg,#c9ae6b33,#62441855,#d7b96833);box-shadow:inset 8px 0 20px #e4cc8644,0 30px 80px #0005}.fallback-bottle:before{content:"";position:absolute;width:90px;height:65px;left:65px;top:-65px;background:#252820;border:1px solid #b8b69a44}.fallback-bottle:after{content:"SŌMA";position:absolute;inset:65px 20px;text-align:center;padding-top:45px;letter-spacing:6px;background:#ddd8bb;color:#36392c;font:30px Georgia}@media(max-width:900px){h1{font-size:96px}.hero{padding-top:135px}.ritual-body{gap:50px}h2{font-size:68px}.note-panel{gap:35px}.note-tabs button{font-size:21px}.notes-heading h2{font-size:59px}}@media(max-width:600px){header{padding:28px 7%}.wordmark{font-size:30px}nav{gap:18px;font-size:8px}nav a:first-child{display:none}.hero{min-height:840px;padding:135px 7% 80px}.hero-top{font-size:6px}.hero-top span:last-child{max-width:115px;text-align:right;line-height:1.8}.hero-copy{margin-top:55px}h1{font-size:89px}.eyebrow{font-size:6px}.japanese{font-size:11px}.bottle-caption{right:8%;bottom:16%;font-size:7px}.hero-bottom>span{display:none}.hero-bottom{bottom:28px}.ritual,.notes{padding:40px 7% 65px}.meta{font-size:6px;letter-spacing:1px}.ritual-body{grid-template-columns:1fr;gap:40px;margin:60px 0 40px}h2{font-size:66px}.ritual-copy h3,.ritual-quote{font-size:22px}.notes-heading{display:block;margin:55px 0 35px}.notes-heading h2{font-size:54px}.notes-heading p{margin-top:25px;font-size:9px}.note-tabs button{font-size:16px;padding:15px 0}.note-tabs span{display:block;margin-bottom:9px}.note-tabs small{font-size:5px;margin:10px 0 0;letter-spacing:1px}.note-panel{grid-template-columns:1fr;gap:15px}.note-art{min-height:270px}.note-description h3{font-size:50px}.closing{padding:75px 7% 0}.closing h2{font-size:61px}.closing>p:not(.eyebrow){font-size:9px}footer{flex-wrap:wrap;gap:25px;margin-top:70px}footer>span{font-size:6px;max-width:150px;line-height:1.8}.fallback-bottle{width:130px;height:190px;right:12%;top:62%}.fallback-bottle:before{width:60px;height:40px;left:35px;top:-40px}.fallback-bottle:after{inset:30px 10px;font-size:20px;padding-top:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:600px){.bottle-caption{left:7%;right:auto;bottom:12%}}