/* Pipa's pond — an illustrated welcome with a quiet storefront below. */
#browse-dialog[data-mode=menu]{left:0!important;right:auto!important}
#browse-dialog[data-mode=menu] .mobile-group{padding:0;border:0;margin:0}
#browse-dialog[data-mode=menu] .mobile-group[open]>summary:after{content:'›'}
.store-nav .nav-help{padding:0;margin:0;border:0}.store-nav .nav-help>summary{padding:0;font-size:inherit;font-weight:inherit}.store-nav .nav-help>summary:after{display:none}
.nav-help{position:relative}.nav-help summary{list-style:none;cursor:pointer;min-height:38px;display:flex;align-items:center;gap:6px}.nav-help summary::-webkit-details-marker{display:none}.help-dropdown{position:absolute;right:0;top:100%;width:220px;padding:10px;background:#fffdf8;border:1px solid #e4e8df;border-radius:12px;box-shadow:0 8px 24px #354c4312}.help-dropdown a{display:block;padding:12px;text-decoration:none;font-size:14px}.help-dropdown a:hover{background:#eef3ee;border-radius:6px}
.about-intro{text-align:center;max-width:540px;margin:0 auto;padding:0 0 36px}.about-intro>img{display:block;width:230px;height:auto;margin:0 auto 16px}.about-intro h1{font-size:36px;line-height:1.15;margin:0 0 24px}.about-intro p{font-size:17px;line-height:1.8;margin:0 0 20px}.about-intro .btn{margin-top:10px}.about-sample{display:block;margin:18px auto 0;text-underline-offset:5px}
#browse-dialog[data-mode=menu]{width:min(88vw,400px);max-width:400px;margin:0 auto 0 0;height:100dvh;max-height:100dvh;border-radius:0 18px 18px 0;padding:26px 24px;background:#fdfbf8}#browse-dialog[data-mode=menu] .browse-top{margin-bottom:18px}#browse-dialog[data-mode=menu] h2{font-size:22px!important;font-weight:600}#browse-dialog[data-mode=menu] .mobile-links>a,.mobile-group>summary{font-size:19px;font-weight:600;padding:20px 0;text-decoration:none;border-bottom:1px solid #e4e8df;display:block;cursor:pointer}.mobile-group>summary{list-style:none;position:relative;padding-right:30px}.mobile-group>summary::-webkit-details-marker{display:none}.mobile-group>summary:after{content:'›';position:absolute;right:4px;transition:transform .2s}.mobile-group[open]>summary:after{transform:rotate(90deg)}.mobile-submenu{padding:8px 0 12px 16px}.mobile-submenu a{display:block;padding:12px 0;font-size:16px;text-decoration:none}.mobile-submenu a:hover{text-decoration:underline}
:root{--blue:#3d594c;--ink:#354c43;--paper:#fdfbf6;--muted:#707b70;--line:#e4e8df}
body{background:#fdfbf6;color:#354c43}
.announcement{display:none}
header{background:#fdfbf6;box-shadow:none;border-bottom:1px solid #e9e9df}
.masthead{min-height:72px}.masthead .brand{font-size:33px}.masthead .brand img{width:42px;height:42px}
.store-nav{background:transparent;font-size:13px;gap:32px;padding:0 20px}.store-nav>a,.nav-products>summary{min-height:38px}
header.is-scrolled{box-shadow:0 4px 12px #354c4308}header.is-scrolled .masthead{min-height:58px}
h1,h2,h3{letter-spacing:-.025em}h2{font-size:34px!important}
.pond-world{position:relative;isolation:isolate;height:min(740px,calc(100svh - 110px));min-height:600px;overflow:hidden;background:#f7f3e9}
.pond-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 51%;z-index:-2}
.pond-intro{position:absolute;left:50%;top:30px;transform:translateX(-50%);width:min(90%,460px);text-align:center;color:#3e584e}
.pond-label{font-size:10px;letter-spacing:.2em;font-weight:600;color:#7b8578;margin-bottom:13px}
.pond-intro h1{font-family:'Nunito',sans-serif;font-size:clamp(38px,4vw,54px);font-weight:700;line-height:1.08;letter-spacing:-.035em;margin:0 0 16px}
.pond-intro>p:not(.pond-label){font-size:14px;line-height:1.7;color:#607367}
.pond-actions{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:21px;font-size:13px}
.pond-actions>a{color:#425d50;text-decoration-thickness:1px;text-underline-offset:5px}
.pond-actions .pond-shop{padding:11px 21px;border:1px solid #526b5940;border-radius:30px;background:#fffdf4df;text-decoration:none;box-shadow:0 2px 0 #526b590b;transition:background .2s,transform .2s}
.pond-shop:hover{background:white;transform:translateY(-2px)}.pond-shop span{margin-left:12px}
.pond-boat-track{position:absolute;left:calc(50% - 180px);top:54%;width:360px;animation:boat-drift 22s ease-in-out infinite;z-index:1}
.pond-boat{position:relative;animation:boat-rock 4.8s ease-in-out infinite;transform-origin:50% 85%}
.pond-boat>img{width:100%;position:relative;z-index:2;filter:drop-shadow(0 5px 2px #6f989719)}
.boat-ripple{position:absolute;z-index:0;left:10%;top:83%;width:80%;height:18%;border:1px solid #fff9;border-radius:50%;animation:ripple-spread 5s ease-out infinite}
.ripple-two{animation-delay:2.5s}
.pond-surface{position:absolute;inset:48% 12% 10%;pointer-events:none}
.pond-surface i{position:absolute;display:block;width:85px;height:8px;border-bottom:1px solid #fff9;border-radius:50%;animation:water-glide 9s ease-in-out infinite}
.pond-surface i:nth-child(1){left:12%;top:47%}.pond-surface i:nth-child(2){right:8%;top:16%;animation-delay:-4s;width:56px}.pond-surface i:nth-child(3){left:59%;bottom:0;animation-delay:-2s;width:110px}
.pond-motion{position:absolute;left:24px;bottom:20px;border:1px solid #fff7;background:#fdfbf6a6;color:#466056;border-radius:24px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:11px;z-index:3}
.pond-down{position:absolute;left:calc(50% - 18px);bottom:18px;width:36px;height:36px;display:grid;place-items:center;text-decoration:none;color:#48685b;font-size:22px;background:#fff8;border-radius:50%;z-index:3}
.pond-world.is-paused *{animation-play-state:paused!important}
@keyframes boat-drift{0%,100%{transform:translateX(-36px)}50%{transform:translateX(36px)}}
@keyframes boat-rock{0%,100%{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(6px) rotate(1.2deg)}}
@keyframes ripple-spread{0%{transform:scale(.75);opacity:0}20%{opacity:.7}100%{transform:scale(1.5);opacity:0}}
@keyframes water-glide{0%,100%{transform:translateX(-7px);opacity:.3}50%{transform:translateX(7px);opacity:.8}}
.collection-section{padding-top:54px!important;padding-bottom:25px!important}.section-head{margin-bottom:28px}
.collection-links{gap:20px}.collection-links>a{background:transparent!important;border:1px solid #e5e9df;border-radius:14px;box-shadow:none;padding:22px 18px}
.collection-links strong{font-size:18px}.collection-links small{font-size:12px;color:#7a8278}.collection-icon{background:#f4f4eb!important}
#shop{padding-top:45px}.products{gap:35px 26px}.product h3{font-size:22px;font-weight:700}.product-meta{color:#7d8378;font-size:11px}
.product-visual,.product:nth-child(3n+2) .product-visual,.product:nth-child(3n+3) .product-visual{border-radius:12px;background:#f3f2e9!important}.product-visual img{filter:none}
.btn{border-radius:26px;background:#496555;border-color:#496555;box-shadow:none}.btn:hover{background:#365343}
.try-section{background:#eef3ee}.footer{background:#f0f2e9}.filters button{border-radius:20px}.filters button[aria-pressed=true]{background:#e8eee4;color:#3d594c;border-color:#cad5c5}
@media(min-width:1500px){.pond-landscape{object-position:center 56%}.pond-intro{top:38px}}
@media(max-width:700px){header .masthead,header.is-scrolled .masthead{min-height:66px}.masthead .brand,header.is-scrolled .masthead .brand{font-size:29px}.masthead .brand img{width:33px;height:33px}.pond-world{height:650px;min-height:0;max-height:none}.pond-landscape{object-fit:cover;object-position:center bottom;width:100%;height:100%}.pond-intro{top:30px}.pond-intro h1{font-size:42px;margin-bottom:14px}.pond-label{font-size:9px;margin-bottom:12px}.pond-intro>p:not(.pond-label){font-size:14px}.pond-actions{margin-top:18px;gap:20px}.pond-boat-track{width:280px;left:calc(50% - 140px);top:56%}.pond-motion{left:16px;bottom:16px;font-size:10px}.pond-down{bottom:15px}.collection-section{padding-top:38px!important}.collection-links{gap:10px}.collection-links>a{padding:14px 8px}.collection-links strong{font-size:15px}.collection-links small{font-size:11px}.section-head h2{font-size:28px!important}#shop{padding-top:30px}.product h3{font-size:19px}.products{gap:28px 14px}}
@media(prefers-reduced-motion:reduce){.pond-world *{animation:none!important;transition:none!important}}