:root{--cream:#f5f1e8;--olive:#4d5945;--sage:#a8b09b;--ink:#292929;--paper:#fbfaf6;--line:rgba(41,41,41,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.topbar{height:31px;background:var(--olive);color:var(--cream);display:grid;place-items:center;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}header{height:84px;background:var(--cream);border-bottom:1px solid var(--line);position:relative;z-index:20}.logo{font-family:Manrope,sans-serif;font-size:1.28rem;font-weight:700;letter-spacing:.15em}.logo small{display:block;font-size:.48rem;letter-spacing:.42em;margin-top:-2px}.collection-hero{overflow:hidden}.collection-hero .wrap{min-height:590px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:72px;padding-block:70px}.everyday-page .collection-hero{background:#e8e2d5}.signature-page .collection-hero{background:var(--olive);color:white}.hero-copy .eyebrow,.section-label{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin-bottom:20px}.signature-page .eyebrow{color:#c9d0bf}.hero-copy h1{font:600 clamp(4.5rem,9vw,8.5rem)/.84 Manrope,sans-serif;letter-spacing:-.075em;margin:0 0 28px}.hero-copy p{max-width:520px;font-size:1.08rem;line-height:1.75;margin:0;color:#5f625a}.signature-page .hero-copy p{color:rgba(255,255,255,.72)}.hero-product{position:relative;min-width:0}.hero-product:before{content:"";position:absolute;width:75%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;opacity:.14;right:2%;top:0}.hero-product img{display:block;width:100%;height:440px;object-fit:contain;position:relative;filter:drop-shadow(0 25px 20px rgba(30,31,27,.14))}.hero-product span{position:absolute;right:0;bottom:12px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.collection-intro{padding:110px 0}.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.section-label{color:#728064}.intro-grid h2,.features h2,.products-section h2{font:600 clamp(2.4rem,4.3vw,4.4rem)/1.04 Manrope,sans-serif;letter-spacing:-.05em;margin:0}.intro-copy{border-left:1px solid var(--line);padding-left:55px}.intro-copy p{font-size:1.02rem;line-height:1.8;color:#5c5f58;margin:0 0 20px}.features{padding:100px 0;background:#e8eadf}.signature-page .features{background:#20251f;color:white}.features h2{margin-bottom:50px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid currentColor}.feature-grid article{padding:30px 28px 10px 0}.feature-grid article+article{border-left:1px solid currentColor;padding-left:28px}.feature-grid span{font-size:.72rem;letter-spacing:.14em;opacity:.55}.feature-grid h3{font:600 1.15rem Manrope,sans-serif;margin:42px 0 13px}.feature-grid p{font-size:.9rem;line-height:1.7;opacity:.7;margin:0}.products-section{padding:110px 0}.products-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.products-heading>a{font-size:.86rem;border-bottom:1px solid;padding-bottom:4px}.collection-products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collection-product{background:#eeece5;padding:12px 12px 18px;transition:transform .3s}.collection-product:hover{transform:translateY(-6px)}.collection-product .photo{aspect-ratio:1.15;background:#deddd7;overflow:hidden}.collection-product img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s}.collection-product:hover img{transform:scale(1.035)}.collection-product div:last-child{display:flex;justify-content:space-between;gap:14px;padding:15px 4px 0}.collection-product h3{font:600 1rem Manrope,sans-serif;margin:0}.collection-product span{font-size:.82rem;font-weight:600;text-align:right}.collection-cta{background:var(--sage);padding:70px 0}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-row h2{font:600 clamp(2rem,4vw,3.8rem)/1 Manrope,sans-serif;letter-spacing:-.05em;margin:0}.cta-row a{background:var(--olive);color:white;padding:15px 22px;border-radius:100px;font-weight:600;white-space:nowrap}footer{border-top:1px solid var(--line);padding:24px 0;background:var(--cream);font-size:.78rem;color:#6a6b65}footer .wrap{display:flex;justify-content:space-between}@media(max-width:850px){.wrap{width:min(100% - 32px,1180px)}.collection-hero .wrap{grid-template-columns:1fr;min-height:auto;gap:26px;padding-block:50px 42px}.hero-product img{height:320px}.collection-intro,.features,.products-section{padding:56px 0}.collection-cta{padding-block:52px}.intro-grid{grid-template-columns:1fr;gap:34px}.intro-copy{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.feature-grid{grid-template-columns:1fr}.feature-grid article,.feature-grid article+article{border-left:0;border-bottom:1px solid currentColor;padding:28px 0}.feature-grid h3{margin-top:24px}.collection-products{grid-template-columns:1fr 1fr}.cta-row{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.hero-copy h1{font-size:4.1rem}.hero-product img{height:245px}.collection-products{grid-template-columns:1fr}.products-heading{display:block}.products-heading>a{display:inline-block;margin-top:18px}.cta-row{gap:26px}footer .wrap{flex-direction:column;gap:8px}}

.collection-products:has(.collection-product:nth-child(4)){grid-template-columns:repeat(3,minmax(0,1fr))}
.products-heading{display:none}
.cta-row a{position:relative;overflow:hidden;isolation:isolate}
.cta-row a:after{content:"";position:absolute;z-index:1;inset:-35% auto -35% -55%;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-18deg);transition:left .55s ease;pointer-events:none}
.cta-row a:hover:after{left:125%}
@media(max-width:850px){.collection-products:has(.collection-product:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.collection-products:has(.collection-product:nth-child(4)){grid-template-columns:1fr}}

html[lang="th"] :is(.everyday-page,.signature-page) .collection-hero h1{line-height:.84;margin-bottom:42px}
html[lang="th"] :is(.everyday-page,.signature-page) :is(.intro-grid,.features,.products-section,.cta-row) h2{line-height:1.08}

.cta-heading-ending{white-space:nowrap}