@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f6f3ec;--ink:#292f29;--muted:#62685e;--olive:#526044;--line:#dcded2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%}header{max-width:1400px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:700;letter-spacing:3px}.brand span{font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:2.3px;margin-top:7px}nav{display:flex;gap:30px;align-items:center;font-size:13px}.button{background:var(--olive);color:white;padding:18px 25px;display:inline-flex;gap:25px;align-items:center;font-size:13px;border-radius:3px}.small{padding:13px 18px}.hero{max-width:1400px;margin:auto;padding:70px 5% 90px;display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.7}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.02;letter-spacing:-1.5px}h1{font-size:clamp(52px,5.9vw,86px);margin:22px 0}h1 em{font-weight:400;color:var(--olive)}.hero-copy>p:not(.eyebrow){max-width:420px;color:var(--muted);font-size:16px;line-height:1.8}.actions{display:flex;align-items:center;gap:25px;margin:30px 0}.text-link{font-size:13px;border-bottom:1px solid var(--olive);padding-bottom:6px}.hero-copy .hero-note{font-size:11px!important}.hero-images{position:relative;padding:0 40px 65px 0}.hero-main{height:430px;object-fit:cover;border-radius:130px 3px 3px 3px}.hero-detail{position:absolute;right:0;bottom:0;width:45%;height:230px;object-fit:cover;border:8px solid var(--paper)}.image-label{position:absolute;left:0;bottom:0;font-family:Georgia,serif;font-style:italic;font-size:17px;line-height:1.5}.ribbon{display:flex;justify-content:space-evenly;gap:20px;padding:24px;background:#e8ebdf;border-block:1px solid #d6dbc9;font-size:10px;letter-spacing:2px}.collection,.story{max-width:1400px;padding:85px 5%;margin:auto}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:45px}h2{font-size:clamp(42px,4.4vw,62px);margin:15px 0 25px}.section-intro>p{max-width:360px;color:var(--muted);font-size:14px;line-height:1.8}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.filters button{border:1px solid var(--line);background:transparent;padding:11px 19px;border-radius:30px;color:var(--ink);font-size:12px;cursor:pointer}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 25px}.card[hidden]{display:none}.photo{overflow:hidden;border-radius:3px;background:#e5e2d8}.photo img{height:300px;object-fit:cover;transition:transform .4s}.card:hover img{transform:scale(1.04)}.card-title{display:flex;justify-content:space-between;align-items:center}h3{font-size:17px;font-weight:500;margin:17px 0 8px}.card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.collection-note{font-size:12px;color:var(--muted);margin:35px 0 0;line-height:1.7}.custom{text-align:center;background:#2f3b30;color:var(--paper);padding:80px 7%}.custom>p:not(.eyebrow){max-width:540px;margin:0 auto 25px;font-size:14px;line-height:1.9;color:#d7dccf}.light{background:#ececdd;color:var(--ink)}.steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:1000px;margin:65px auto 0;gap:45px;text-align:left;border-top:1px solid #5b6655;padding-top:30px}.steps span{font-size:11px;color:#c3cbac}.steps p{font-size:12px;color:#d7dccf;line-height:1.8}.story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story-image img{height:480px;object-fit:cover;border-radius:3px 100px 3px 3px}.story p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted)}.story .text-link{display:inline-block;margin-top:15px}.closing{text-align:center;padding:70px 20px 90px;background:#e8ebdf}footer{max-width:1400px;margin:auto;padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:16px}footer p,footer small,footer div{font-size:11px;color:var(--muted)}footer div{display:flex;gap:20px}.skip{position:absolute;left:15px;top:-80px;background:white;padding:15px;z-index:5}.skip:focus{top:15px}:focus-visible{outline:3px solid #b07b40;outline-offset:5px}@media(max-width:900px){nav{gap:15px}.hero{gap:20px}.hero-main{height:330px}.hero-detail{height:170px}.actions{flex-wrap:wrap}.photo img{height:240px}.story{gap:35px}footer{flex-wrap:wrap}}@media(max-width:640px){header{padding:22px 6%;align-items:start}.brand{font-size:19px}.brand small{font-size:6px}nav{gap:12px}nav>a:not(.button){display:none}.small{padding:10px 12px;font-size:11px}.hero{grid-template-columns:1fr;padding:40px 6% 45px}.hero-images{margin-top:12px}.hero-main{height:340px}.hero-detail{height:180px}.ribbon{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:8px;gap:17px}.collection,.story{padding:50px 6%}.section-intro{display:block}.section-intro>p{max-width:none}.grid{grid-template-columns:1fr 1fr;gap:26px 15px}.photo img{height:190px}h3{font-size:15px}.card p{font-size:11px}.filters{gap:7px}.filters button{padding:9px 13px;font-size:11px}.custom{padding:55px 6%}.steps{grid-template-columns:1fr;gap:15px;margin-top:40px}.story{grid-template-columns:1fr;gap:25px}.story-image img{height:330px}.closing{padding:50px 20px}footer{padding:30px 6%}footer>p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo img{transition:none}}
/* Original branding and transparent product photography. */
.brand{display:block;width:178px;height:65px;overflow:hidden;flex-shrink:0}
.brand img{width:178px;height:178px;max-width:none;transform:translateY(-59px);mix-blend-mode:multiply}
footer .brand{width:145px;height:55px}
footer .brand img{width:145px;height:145px;transform:translateY(-48px)}
.hero-images{height:495px;padding:0;background:#e8eadd;border-radius:130px 3px 3px 3px}
.hero-main{position:absolute;left:7%;top:25px;width:83%;height:285px;object-fit:contain;border-radius:0;filter:drop-shadow(0 12px 9px #343b291c)}
.hero-detail{right:3%;bottom:12px;width:43%;height:225px;object-fit:contain;border:0;filter:drop-shadow(0 12px 9px #343b291c)}
.hero-playful{position:absolute;left:10%;bottom:65px;width:29%;height:175px;object-fit:contain;filter:drop-shadow(0 12px 9px #343b291c)}
.image-label{left:9%;bottom:16px;font-size:14px}
.photo{background:#e9eadd;padding:20px}
.photo img{object-fit:contain;filter:drop-shadow(0 8px 5px #343b2920)}
.story-image{background:#e9eadd;border-radius:3px 100px 3px 3px;padding:45px}
.story-image img{height:390px;object-fit:contain;border-radius:0;filter:drop-shadow(0 12px 9px #343b2920)}
@media(max-width:900px){.hero-images{height:425px}.hero-main{height:235px}.hero-detail{height:195px}.hero-playful{height:145px}.photo img{height:220px}}
@media(max-width:640px){header{align-items:center}.brand{width:140px;height:52px}.brand img{width:140px;height:140px;transform:translateY(-46px)}.hero-images{height:390px}.hero-main{height:225px;top:12px}.hero-detail{height:165px}.hero-playful{height:140px;bottom:50px}.image-label{font-size:12px;bottom:12px}.photo{padding:12px}.photo img{height:165px}.story-image{padding:30px}.story-image img{height:280px}}
