@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900;1000&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#123d3e;background:#f6f8f2;font-synthesis:none;--ink:#123d3e;--paper:#f6f8f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #a6dc55;outline-offset:6px}.skip{position:fixed;left:20px;top:-80px;z-index:100;background:white;padding:14px}.skip:focus{top:20px}.hero{position:relative;min-height:780px;height:100svh;max-height:1200px;isolation:isolate;overflow:hidden;color:white;background:#266779}.scene{position:absolute;inset:0;z-index:-1;overflow:hidden}.landscape{position:absolute;width:110%;height:110%;left:-5%;top:-5%;object-fit:cover;object-position:center 58%}.layer{will-change:transform;transform:translate3d(var(--dx,0px),var(--dy,0px),0) rotate(var(--rotate,0deg))}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,37,47,.28),transparent 38%,rgba(7,27,24,.15) 60%,rgba(6,29,26,.65)),linear-gradient(90deg,rgba(9,35,38,.23),transparent 55%)}.header{display:flex;align-items:center;justify-content:space-between;padding:27px 4.5%;position:relative;z-index:10}.logo{font-weight:1000;font-size:51px;letter-spacing:-5px;line-height:1}.logo span{font-size:12px;letter-spacing:0;vertical-align:top;display:inline-block;margin:8px 0 0 5px}.header nav{display:flex;gap:36px;font-size:15px;font-weight:600}.header nav a{border-bottom:1px solid transparent;padding:8px 0}.header nav a:hover{border-color:currentColor}.motion{display:flex;align-items:center;gap:8px;color:inherit;background:rgba(10,42,43,.16);border:1px solid #ffffff60;border-radius:100px;padding:10px 15px;font-size:14px}.motion-icon{font-size:22px;line-height:1}.giant-word{position:absolute;top:5%;left:50%;margin-left:-26%;width:52%;font-size:clamp(250px,35vw,570px);font-weight:1000;line-height:1;letter-spacing:-.095em;text-align:center;color:#f4f9ee;text-shadow:0 2px 25px #25565915}.giant-word span{position:absolute;font-size:27px;letter-spacing:0;top:27%;right:-4%}.bottle-position{position:absolute;top:28%;left:50%;width:33%;height:68%;display:flex;justify-content:center;align-items:center;pointer-events:none}.hero-bottle{height:100%;width:100%;object-fit:contain;filter:drop-shadow(15px 25px 25px #09252b55);--rotate:9deg}.leaf{position:absolute;pointer-events:none;object-fit:contain}.leaf-a{width:26%;left:-9%;top:18%;--rotate:32deg;filter:blur(3px)}.leaf-b{width:29%;right:-10%;bottom:-6%;--rotate:-40deg;filter:blur(5px)}.leaf-c{width:12%;right:10%;top:18%;--rotate:130deg;filter:blur(.6px)}.leaf-d{width:5%;left:42%;top:60%;--rotate:-30deg}.leaf-e{width:10%;left:33%;bottom:0;--rotate:160deg;filter:blur(2px)}.hero-copy{position:absolute;left:7.5%;top:43%;max-width:420px}.intro{font-size:16px;font-weight:500;margin:0 0 16px}.hero-copy h1{font-size:clamp(64px,6.3vw,100px);line-height:.95;letter-spacing:-.07em;font-weight:900;margin:0 0 20px}.hero-copy>p:not(.intro){font-size:17px;line-height:1.6;margin:0 0 25px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:15px 26px;border-radius:100px;font-size:15px;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.light{background:var(--paper);color:var(--ink)}.light:hover{background:#d8edc0}.dark{background:var(--ink);color:white}.dark:hover{background:#246164}.hero-bottom{position:absolute;bottom:27px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;font-size:13px}.move-hint{opacity:.8}.scroll-link{display:flex;gap:17px;align-items:center}.scroll-link span{font-size:21px}.water{position:relative;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:auto 1fr;gap:0 8%;padding:100px 8% 85px;background:var(--paper);min-height:780px;overflow:hidden}.water-heading{grid-column:1/-1}.water-heading>p,.feeling>p:first-child{font-size:16px;margin:0 0 20px}.water h2,.feeling h2{font-size:clamp(46px,5vw,75px);font-weight:900;letter-spacing:-.06em;line-height:1.02;margin:0}.product-display{position:relative;min-height:460px;display:flex;align-items:center;justify-content:center}.product-display img{height:430px;max-width:90%;object-fit:contain;z-index:1;transform:rotate(-10deg);filter:drop-shadow(20px 20px 20px #123d3e1c);transition:height .4s}.product-word{position:absolute;left:-12%;top:35%;font-size:clamp(70px,9vw,150px);font-weight:1000;letter-spacing:-.08em;color:#dce6d5;transform:rotate(-90deg);opacity:.8}.product-info{padding-top:50px;max-width:410px}.small-title{font-size:14px;margin:0 0 12px}.product-info h3{font-size:42px;line-height:1.05;letter-spacing:-.05em;margin:0 0 22px}.product-info>p:not(.small-title){font-size:17px;line-height:1.65}.size-picker{display:flex;gap:10px;margin-top:28px}.size-picker button{border:1px solid #123d3e55;border-radius:100px;min-width:95px;padding:11px 20px;color:var(--ink);background:transparent}.size-picker button.selected{background:var(--ink);color:white}.product-info .size-description{font-size:14px!important;min-height:48px;max-width:340px}.feeling{position:relative;overflow:hidden;text-align:center;padding:100px 24px;background:#daedcf}.feeling-copy{font-size:18px;line-height:1.7;margin:28px 0}.feeling-leaf{position:absolute;width:260px;right:-80px;top:10%;transform:rotate(-30deg);filter:blur(1px);pointer-events:none}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:40px 5%;background:var(--ink);color:white}footer>span{font-size:14px}footer .logo{font-size:60px}
@media(min-width:1700px){.hero-copy{top:48%}.giant-word{top:4%}}@media(max-width:760px){.hero{min-height:850px;max-height:1050px}.header{padding:23px 6%}.header nav{gap:20px;font-size:14px}.header .logo{font-size:43px}.motion{padding:9px}.motion-label{display:none}.giant-word{top:14%;font-size:62vw;width:86%;margin-left:-46%}.giant-word span{font-size:18px;right:-3%}.bottle-position{top:26%;left:36%;width:66%;height:48%}.hero-copy{left:7%;top:53%;max-width:260px}.hero-copy h1{font-size:64px}.hero-copy .intro{font-size:14px;margin-bottom:12px}.hero-copy>p:not(.intro){font-size:15px;max-width:195px}.hero-bottom{left:7%;right:7%;font-size:12px;bottom:24px}.hero-bottom>span:first-child{display:none}.move-hint{max-width:125px}.leaf-a{width:38%;left:-16%;top:27%}.leaf-b{width:45%;right:-18%;bottom:10%}.leaf-c{width:19%;right:0;top:12%}.leaf-d{left:25%;top:43%;width:10%}.leaf-e{width:19%;left:55%;bottom:3%}.water{display:flex;flex-direction:column;padding:65px 7%}.water h2,.feeling h2{font-size:49px}.product-display{min-height:380px;margin-top:20px}.product-display img{height:360px}.product-word{left:-10%;font-size:110px;top:35%}.product-info{padding-top:15px;max-width:100%}.product-info h3{font-size:38px}.feeling{padding:75px 7%}.feeling-leaf{width:170px;right:-80px;top:4%}footer{flex-wrap:wrap;padding:30px 7%}footer .logo{font-size:48px}footer>span{font-size:13px}.button{font-size:14px;padding:14px 22px}}
.giant-word{left:55%;font-size:clamp(250px,31vw,530px)}
@media(max-width:760px){.hero{min-height:1000px}.giant-word{left:50%;font-size:62vw;top:10%}.bottle-position{top:24%;left:29%;width:70%;height:35%}.hero-copy{top:60%}.leaf-d{top:42%}.hero-bottom{bottom:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.layer{will-change:auto}}@media(pointer:coarse){.move-hint{visibility:hidden}}