.wn-trans{position:relative;overflow:hidden;background:#0b1f18;display:flex;align-items:center;min-height:clamp(480px,48vw,760px);padding:clamp(72px,8vw,140px) clamp(20px,4vw,64px)}.wn-trans-inner{width:100%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px);align-items:center}.wn-trans-photo{position:absolute;top:0;bottom:0;right:0;width:64%;z-index:0;overflow:hidden}.wn-trans-photo img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 35%}.wn-trans-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0b1f18,#0b1f18f0 8%,#0b1f18cc 18%,#0b1f1894 32%,#0b1f1857 50%,#0b1f1824 72%,#0b1f1808)}.wn-trans-text{position:relative;z-index:1;grid-column:1}.wn-sec.wn-trans h2{font-size:clamp(34px,4.6vw,76px);line-height:1.05;color:#fff}.wn-sec .wn-trans-copy{font-weight:600;font-size:clamp(17px,1.9vw,29px);line-height:1.3;margin-top:clamp(22px,3vw,44px);max-width:20em;letter-spacing:-.01em;color:#ffffffeb}.wn-concerns{background:#fff;padding:clamp(40px,5vw,72px) clamp(20px,4vw,64px) clamp(48px,6vw,96px);text-align:center}.wn-concerns h2{font-size:clamp(34px,5.2vw,84px);line-height:1}.wn-sec .wn-concerns-sub{font-weight:700;font-size:clamp(18px,2.2vw,34px);letter-spacing:-.03em;margin-top:clamp(14px,1.6vw,24px)}.wn-concern-grid{max-width:1300px;margin:clamp(32px,5vw,72px) auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(20px,3.6vw,56px) clamp(12px,2.4vw,36px);list-style:none;padding:0}.wn-concern-grid li{margin:0}.wn-concern{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1vw,14px);color:#000;text-decoration:none;font-weight:700;font-size:clamp(14px,1.5vw,22px);letter-spacing:-.02em}.wn-concern img{width:100%;max-width:190px;height:auto;aspect-ratio:243/215;object-fit:fill;transition:transform .2s ease,box-shadow .2s ease;border-radius:24px}.wn-concern:hover img,.wn-concern:focus-visible img{transform:translateY(-4px) scale(1.03);box-shadow:0 10px 24px #00000038}.wn-concern:focus-visible{outline:3px solid #000;outline-offset:6px;border-radius:12px}.wn-theanine{background:#f4e9da;padding:clamp(40px,5vw,80px) clamp(20px,4vw,64px)}.wn-theanine-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px);align-items:center}.wn-theanine-text{text-align:center}.wn-theanine h2{font-size:clamp(30px,4.4vw,72px);line-height:1.1}.wn-theanine h2 span{display:block;margin-top:.3em}.wn-sec .wn-theanine-copy{font-size:clamp(17px,1.8vw,27px);line-height:1.3;max-width:19em;margin:clamp(24px,3vw,48px) auto clamp(24px,3vw,48px)}.wn-theanine .wn-btn{font-size:clamp(17px,1.6vw,24px);border-color:#5a2b3a;min-width:min(100%,320px)}.wn-theanine-photo{overflow:hidden;aspect-ratio:556/678;max-height:800px;width:100%;max-width:620px;justify-self:end}.wn-theanine-photo img{width:100%;height:100%;object-fit:cover}@media(max-width:900px){.wn-trans-inner,.wn-theanine-inner{grid-template-columns:1fr}.wn-trans-photo{left:0;width:auto}.wn-trans-photo:after{background:linear-gradient(to bottom,#0b1f188c,#0b1f18cc 55%,#0b1f18e6)}.wn-theanine-photo{justify-self:center;max-height:none;max-width:520px}.wn-theanine-photo{order:2}.wn-concern-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.wn-concern-grid{grid-template-columns:repeat(2,1fr)}}section.wn-sec.wn-real,section.wn-sec.wn-sources,section.wn-sec.wn-theanine,section.trust,section.newsletter{background:#fff;background-image:none}section.wn-sec.wn-design,section.wn-sec.wn-concerns{background:#123c2e;background-image:none;color:#fff}section.wn-sec.wn-design h2,section.wn-sec.wn-design h3,section.wn-sec.wn-design p,section.wn-sec.wn-concerns h2,section.wn-sec.wn-concerns p,section.wn-sec.wn-concerns .wn-concern{color:#fff}section.wn-sec.wn-concerns .wn-concern:focus-visible{outline-color:#fff}section.wn-sec.wn-design{background:#fff;background-image:none;color:#000}section.wn-sec.wn-design h2,section.wn-sec.wn-design h3,section.wn-sec.wn-design p{color:#000}
/*# sourceMappingURL=/cdn/shop/t/15/assets/wn-home-sections-2.css.map */
