/* Final visual system and responsive rules for the v2 reference build. */
.hero{height:auto;min-height:0;max-height:none;aspect-ratio:2089/753}.hero-image{object-position:center}.hero-wash,.hero-copy,.hero-note,.scroll-cue{display:none}
.site-header{height:86px;padding:13px clamp(24px,5vw,76px);pointer-events:auto;color:#314638}.site-header nav{display:flex}.site-header .support{display:inline-flex}.site-header .menu-toggle{display:none}.brand,.brand img{width:104px;height:104px}.brand img{border-radius:50%;object-fit:cover;mix-blend-mode:multiply}
.support{align-items:center;justify-content:center;gap:7px;line-height:1}.support span{margin-left:0;line-height:1}
.values{display:grid;grid-template-columns:repeat(4,1fr);padding:29px clamp(22px,5vw,72px);background:#fffdf9;opacity:1;transform:none}.values article{border-color:#e5ddd0}.value-icon{width:58px;height:58px;border:0;border-radius:0;color:#b88946}.value-icon img{width:58px;height:58px;object-fit:contain}.values h2{color:#2f553e;font-family:'Noto Serif TC',serif;font-weight:500;letter-spacing:.12em}.values p{color:#687067;font-family:'Noto Sans TC',sans-serif;font-weight:400;letter-spacing:.03em}.values>*{visibility:visible}
.product{display:grid;grid-template-columns:1.12fr .98fr .28fr;min-height:0;align-items:center;gap:clamp(28px,5vw,78px);padding:clamp(72px,9vw,140px) clamp(25px,6vw,92px);background:linear-gradient(115deg,#edf5f1 0%,#fcfaf3 47%,#f1f2e5 100%);opacity:1;transform:none}.product>*{visibility:visible}.product-picture{height:auto;aspect-ratio:1087/290}.product-picture img{width:100%;height:100%;object-fit:contain;object-position:center}.product-picture p{display:none}
.moments{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:15px clamp(25px,4.3vw,68px) 76px;background:#fffdf9;opacity:1;transform:none}.moments:before{display:none}.moments>*{display:flex}.moment-water{background:linear-gradient(135deg,rgba(16,110,130,.20),rgba(4,43,54,.68)),url('swim-card-v2.png') center/cover}.moment-sand{background:linear-gradient(135deg,rgba(96,122,104,.12),rgba(89,61,28,.62)),url('travel-card-v2.png') center/cover}
.about{display:grid;grid-template-columns:1fr 1fr;min-height:510px;padding:clamp(72px,9vw,140px) clamp(25px,6vw,92px);background:linear-gradient(135deg,#fbf9f2 10%,rgba(250,248,241,.63)),linear-gradient(180deg,#f8f7ef,#dce8e9);opacity:1;transform:none}.about>*{visibility:visible}
@media(min-width:901px){.about{display:block;min-height:0;height:auto;aspect-ratio:1912/576;padding:0;background:#f8f7ef url('about-reference-desktop.png') center/100% 100% no-repeat}.about>*{display:none}.about>.about-copy{display:block;position:absolute;inset:0;max-width:none}.about-copy>*{display:none}.about-copy>.text-link{display:block;position:absolute;left:5.3%;top:66.7%;width:16.5%;height:14.2%;margin:0;padding:0;border:0;border-radius:999px;color:transparent;font-size:0}}
@media(max-width:900px){.site-header{height:72px;padding:10px 22px}.brand,.brand img{width:64px;height:64px}.site-header .menu-toggle{display:grid}.site-header nav{display:none}.site-header.nav-open nav{display:flex}.site-header .support{display:inline-flex}.values{grid-template-columns:repeat(2,1fr);padding:30px 18px}.product{grid-template-columns:1fr;gap:28px;padding:42px 25px}.product-picture{height:auto;aspect-ratio:1087/290}.product-picture img{object-fit:contain;object-position:center}.product-wordmark{display:none}.moments{grid-template-columns:1fr;padding-bottom:52px}.moment{height:220px}.about{grid-template-columns:1fr;padding:70px 25px 0}.about-copy{padding-bottom:58px}.about-art{min-height:300px;margin:0 -25px}.science{grid-template-columns:1fr;gap:35px}.science-list{grid-template-columns:1fr}.guide-steps{grid-template-columns:1fr;gap:31px;margin-top:40px}.guide-steps article{border:0;padding:0 15px}.contact{flex-direction:column;gap:15px}.contact-details{padding:0}}
@media(max-width:900px){.site-header .menu-toggle{margin-left:auto;justify-self:end;order:3}}
@media(max-width:900px){.moment-water{background-position:center 10%}}
@media(max-width:470px){.site-header .support{display:none}.brand,.brand img{width:56px;height:56px}.values{gap:22px}.values article{padding:0 10px}.product{padding:34px 18px}.moments{padding-left:18px;padding-right:18px}.moment{height:205px}.about{padding:54px 20px 0}.section,.moments,.values,.news{opacity:1;transform:none}}
.hero-mobile-image{display:none}
@media(max-width:640px){.hero{height:560px;min-height:0;aspect-ratio:auto;background:#eef4f1}.hero-image{display:none}.hero-mobile-image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%}.hero-copy{display:block;left:24px;top:164px;max-width:202px;z-index:2}.hero-copy .eyebrow{display:none}.hero-copy h1{font-size:38px;line-height:1.22;letter-spacing:.02em;text-shadow:0 1px 16px rgba(255,255,255,.8)}.hero-copy .lede{font-size:12px;line-height:1.75;margin:14px 0 0;color:#405047;text-shadow:0 1px 12px rgba(255,255,255,.9)}.hero-copy .lede br{display:none}.hero-actions{display:none}.site-header{z-index:4}.site-header .support{display:none}}
.social-link{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:13px;line-height:1.2}.social-link svg{width:25px;height:25px;fill:currentColor}.facebook-link:hover{opacity:.82}
.social-icons{display:flex;align-items:center;gap:13px}.social-icons a{display:grid;place-items:center;width:39px;height:39px;border:0!important;transition:transform .2s,opacity .2s}.social-icons a:hover{transform:translateY(-2px);opacity:.85}.social-icons img{width:36px;height:36px;object-fit:contain}
.product-picture{aspect-ratio:1284/355}
@media(max-width:900px){.about-art{min-height:0;aspect-ratio:1099/577;margin:0 -25px;background:#eef2ec url('about-mobile-art.png') center/cover no-repeat}.about-art:before,.about-art p,.about-art span{display:none}}
@media(max-width:470px){.about-art{margin:0 -20px}}
.brand,.brand img{width:220px;height:auto}.brand img{border-radius:0;object-fit:contain;mix-blend-mode:normal}
@media(max-width:900px){.brand,.brand img{width:150px;height:auto}}
@media(max-width:470px){.brand,.brand img{width:130px;height:auto}}