@font-face{font-family:Cormorant;src:url('fonts/cormorant-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Cormorant;src:url('fonts/cormorant-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/manrope-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/manrope-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/manrope-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--ink:#2b251f;--cream:#f3efe8;--paper:#faf7f2;--sand:#e4d1b5;--muted:#71685e;--dark:#1b1916;--line:rgba(43,37,31,.17);--serif:Cormorant,Georgia,serif;--sans:Manrope,Arial,sans-serif;--gutter:clamp(24px,5.4vw,86px);--max:1376px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h2{font-family:var(--serif);font-size:clamp(38px,4.2vw,59px);line-height:1.07}p+p{margin-top:18px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #ad8853;outline-offset:5px}::selection{background:#d7c09d;color:#211b15}.wrap{max-width:var(--max);margin:auto;padding-inline:var(--gutter)}.skip{position:fixed;z-index:100;top:8px;left:8px;transform:translateY(-150%);padding:10px 18px;background:var(--cream);color:var(--ink)}.skip:focus{transform:none}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.19em;text-transform:uppercase;line-height:1.5}.eyebrow+.serif,.eyebrow+h1,.eyebrow+h2{margin-top:16px}.serif{font-family:var(--serif);font-weight:400}.btn{display:inline-flex;gap:28px;justify-content:center;align-items:center;min-height:54px;padding:16px 25px;border:1px solid transparent;font-size:11px;font-weight:500;letter-spacing:.05em;background:var(--sand);color:#241e18;line-height:1.4;transition:background .18s,transform .18s}.btn:hover{background:#ecdcc6}.btn .arrow{font-size:20px;line-height:1}.btn:disabled{opacity:.6;cursor:wait}.btn-outline{background:transparent;border-color:var(--line);color:var(--ink)}.btn-outline:hover{background:#eae3d8}.text-link{display:inline-flex;align-items:center;gap:22px;padding-block:9px;border-bottom:1px solid currentColor;font-size:11px;letter-spacing:.07em}.text-link:hover{color:#86683f}.caption{font-size:11.5px;color:var(--muted);line-height:1.65}.header{position:fixed;inset:0 0 auto;z-index:30;padding:24px var(--gutter);color:#f8f4ec;display:flex;justify-content:space-between;align-items:center;gap:32px;transition:background .2s,padding .2s;border-bottom:1px solid transparent}.header.is-scrolled,.subpage .header{background:#1b1916f7;border-bottom-color:#ffffff15;padding-block:16px}.brand{display:flex;gap:16px;align-items:center;flex-shrink:0;min-height:44px}.monogram{width:42px;height:42px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:square;stroke-linejoin:miter}.brand-name{display:block;font-family:var(--serif);font-size:14px;letter-spacing:.13em;line-height:1.4;white-space:nowrap}.brand-place{display:block;font-size:8px;letter-spacing:.22em;margin-top:5px;line-height:1.5}.nav{display:flex;align-items:center;gap:35px;margin-left:auto}.nav a{font-size:11px;letter-spacing:.09em;padding-block:10px;min-height:44px;display:inline-flex;align-items:center}.nav a:hover{color:var(--sand)}.header-cta{min-height:44px;padding:12px 24px;font-size:11px;border-radius:1px;gap:0;white-space:nowrap}.mobile-menu{display:none}.hero{min-height:760px;height:min(900px,92svh);position:relative;display:flex;align-items:center;isolation:isolate;background:#1e1a16;color:#fff9ef;overflow:hidden}.hero-picture{position:absolute;inset:0;z-index:-2}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:64% 53%}.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,13,10,.57),rgba(15,13,10,.1) 58%,transparent 78%)}.hero-inner{width:100%;padding-top:110px;padding-bottom:64px}.hero-copy{width:610px;max-width:54%}.hero .eyebrow{color:#e3d4bd;font-size:10px}.hero h1{font-family:var(--serif);font-size:clamp(33px,3.35vw,54px);line-height:1.1;letter-spacing:.035em;white-space:nowrap}.hero-tagline{font-family:var(--serif);font-size:clamp(29px,2.7vw,43px);line-height:1.14;margin-top:14px;max-width:480px}.hero-desc{font-size:15px;line-height:1.8;max-width:410px;color:#eee6db;margin-top:23px}.hero .btn{margin-top:32px;min-width:259px}.hero-caption{position:absolute;bottom:25px;right:var(--gutter);font-size:10px;letter-spacing:.08em;color:#f3efe8;background:#1b1916e8;padding:5px 8px;text-align:right}.values{background:var(--dark);color:var(--cream);padding-block:35px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.value{text-align:center}.value svg{display:block;width:29px;height:29px;margin:0 auto 13px;fill:none;stroke:#e7dfd2;stroke-width:1.1}.value h2{font-family:var(--sans);font-size:10px;letter-spacing:.11em;line-height:1.5;font-weight:500}.value p{margin-top:6px;font-family:var(--serif);font-size:17px;line-height:1.3;color:#d9d0c2}.collections{background:var(--cream);padding-block:89px 57px}.section-intro{text-align:center;max-width:725px;margin:0 auto 38px}.section-intro h2{margin-top:13px}.section-intro>p:not(.eyebrow){color:var(--muted);margin-top:18px;font-size:14px;max-width:610px;margin-inline:auto}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.collection-card{position:relative;display:block;aspect-ratio:1/1.08;overflow:hidden;background:#3c3328;color:#fff8ec}.collection-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s;object-position:center 44%}.collection-card:hover img{transform:scale(1.025)}.collection-card::after{position:absolute;content:'';inset:30% 0 0;background:linear-gradient(transparent,rgba(19,15,11,.84));pointer-events:none}.collection-copy{position:absolute;left:27px;bottom:28px;right:20px;z-index:1}.collection-copy h3{font-family:var(--serif);font-size:clamp(23px,2.35vw,35px);letter-spacing:.045em;line-height:1.2}.collection-copy p{font-size:12px;letter-spacing:.02em;margin-top:3px;line-height:1.6}.coming{display:inline-block;font-size:10px;letter-spacing:.1em;margin-top:15px;border-top:1px solid #ffffff50;padding-top:9px}.collection-copy .arrow{position:absolute;right:5px;bottom:4px;font-size:24px;font-family:var(--serif)}.collection-note{text-align:center;margin-top:22px;font-size:11.5px;line-height:1.5;color:var(--muted)}.elements{padding-block:101px;background:var(--paper)}.elements-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:clamp(35px,7vw,110px);align-items:center}.elements-image{margin:0}.elements-image img{width:100%;aspect-ratio:1/1;object-fit:cover}.elements-image figcaption{margin-top:11px}.elements-copy h2{font-size:clamp(50px,5.7vw,82px);letter-spacing:.04em;margin-top:17px}.elements-subtitle{font-family:var(--serif);font-size:29px;line-height:1.2;margin-top:15px}.elements-copy>p:not(.eyebrow,.elements-subtitle){max-width:395px;font-size:14px;color:var(--muted);margin-top:20px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:21px 24px;margin:30px 0 31px;padding:23px 0;border-block:1px solid var(--line);list-style:none}.steps li{display:flex;gap:15px;align-items:baseline;line-height:1.4}.steps span{font-size:9px;color:#71604d}.steps strong{font-family:var(--serif);font-size:26px;font-weight:400}.signup{position:relative;isolation:isolate;background:#25201a;color:#f8f3e9;padding-block:95px;overflow:hidden}.signup::before{content:'';position:absolute;inset:0;z-index:-2;background:url('elements-hero-960.webp') 38% 34%/cover;filter:blur(3px);transform:scale(1.03)}.signup::after{content:'';position:absolute;inset:0;z-index:-1;background:#17140fcc}.signup-inner{max-width:865px;margin:auto;text-align:center}.signup .eyebrow{color:#d9cbb9}.signup h2{font-size:clamp(37px,4.9vw,63px);max-width:740px;margin:18px auto 0;line-height:1.03}.signup-desc{max-width:560px;margin:22px auto 30px!important;color:#e3d8c8;font-size:14px;line-height:1.9}.signup .signup-form{max-width:640px;margin:auto;text-align:left}.email-row{display:flex;align-items:stretch}.email-field{flex:1;min-width:0;background:var(--paper);border:1px solid #fff5;height:58px;color:var(--ink);padding:17px 22px;font-size:16px;border-radius:0;appearance:none}.email-row .btn{min-width:227px;border-radius:0;font-size:11px}.email-label{display:block;font-size:12px;margin-bottom:9px;letter-spacing:.06em}.consent-row{display:flex;gap:11px;margin-top:18px;align-items:flex-start;font-size:12.5px;line-height:1.8;color:#e2d9cd}.consent-row input{flex-shrink:0;width:20px;height:20px;margin:3px 0 0;accent-color:var(--sand)}.signup-policy{font-size:11.5px;color:#c6baaa;line-height:1.7;margin-top:11px!important}.signup-policy a{text-decoration:underline;text-underline-offset:3px}.offer-note{font-size:11.5px;color:#c6baaa;margin-top:14px!important;line-height:1.7}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-status{font-size:12px;line-height:1.7;margin-top:15px;min-height:0}.form-status:empty{display:none}.form-status[data-state=error]{color:#ffc0a5}.contact-form .form-status[data-state=error],.sub-form .form-status[data-state=error]{color:#914b35}.form-status[data-state=success]{border-left:2px solid #b4976d;padding:10px 16px;background:#ffffff0a}.about{background:var(--cream);padding-block:91px}.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:start}.about h2{font-size:clamp(39px,4.2vw,58px);max-width:440px}.about-copy .eyebrow{margin-bottom:22px}.about-copy p:not(.eyebrow){font-size:14px;line-height:1.95;max-width:515px;color:#635a50}.about-place{letter-spacing:.17em;font-size:10px!important;color:var(--ink)!important;margin-top:28px!important}.contact{padding-block:91px;background:var(--paper)}.contact-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(35px,7vw,110px)}.contact-intro h2{margin-top:19px;max-width:460px}.contact-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:378px;margin-top:22px}.b2b{margin-top:48px;padding-top:28px;border-top:1px solid var(--line);max-width:425px}.b2b h2,.b2b h3{font-size:11px;font-family:var(--sans);font-weight:500;letter-spacing:.16em}.b2b p{font-size:14px;color:var(--muted);margin-top:12px;line-height:1.9}.field{margin-bottom:19px}.field label{display:block;font-size:12px;font-weight:500;margin-bottom:7px;letter-spacing:.04em}.field input,.field select,.field textarea{width:100%;border:1px solid #d7cfc4;border-radius:0;background:transparent;color:var(--ink);font-size:16px;padding:12px 14px;min-height:48px}.field select{appearance:auto}.field textarea{resize:vertical;min-height:120px}.form-cols{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form .btn{min-width:210px}.contact-privacy{margin-top:16px!important;line-height:1.75;font-size:12px;color:var(--muted)}.contact-privacy a{border-bottom:1px solid}.footer{background:var(--dark);color:var(--cream);padding-block:52px 27px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:35px}.footer .monogram{width:43px;height:43px}.footer-links{display:flex;gap:25px;flex-wrap:wrap;font-size:12px;color:#d0c6b7;justify-content:flex-end}.footer-links a{padding-block:10px;min-height:44px;display:inline-flex;align-items:center}.footer-links a:hover{color:var(--sand)}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:18px;font-size:11px;letter-spacing:.02em;color:#c6baaa}.subpage .header{position:sticky}.sub-content{padding-block:78px 94px;min-height:65vh}.legal{max-width:760px;margin:auto}.legal h1{font-family:var(--serif);font-size:clamp(42px,5vw,62px);line-height:1.1;margin-top:16px;margin-bottom:26px}.legal h2{font-family:var(--sans);font-size:16px;font-weight:600;margin-top:31px;margin-bottom:12px;line-height:1.4}.legal p,.legal li{font-size:14px;color:#62594f}.legal ul{padding-left:22px}.legal a{text-decoration:underline;text-underline-offset:3px}.legal .btn{text-decoration:none;margin-top:23px}.legal .field label{color:var(--ink)}.sub-form{margin-top:27px}.preview-banner{position:fixed;z-index:50;bottom:0;inset-inline:0;background:#ede4d7;color:#4c4135;font-size:9px;text-align:center;padding:6px 15px;border-top:1px solid #d7c5ac}.has-preview{padding-bottom:30px}
.hero{z-index:0}.hero-picture{z-index:0}.hero::after{z-index:1}.hero-inner{position:relative;z-index:2}.hero-caption{z-index:3;font-size:11px}.signup{z-index:0}.signup::before{z-index:0}.signup::after{z-index:1}.signup-inner{position:relative;z-index:2}
@media(min-width:1700px){.hero{height:870px}.hero-inner{padding-top:80px}}
@media(max-width:1080px){.header{gap:20px}.nav{gap:22px}.brand-name{font-size:12px}.hero{min-height:660px;height:85svh}.hero-copy{max-width:57%}.hero h1{font-size:35px}.hero-tagline{font-size:35px}.collections,.about,.contact{padding-block:70px}.elements{padding-block:77px}.collection-copy{left:20px;bottom:23px}.hero-picture img{object-position:68% center}.signup{padding-block:78px}}
@media(max-width:820px){.nav{gap:17px}.header-cta{padding-inline:15px;min-height:44px;font-size:11px}.brand{gap:10px;min-height:44px}.brand-name{font-size:11px;letter-spacing:.1em}.brand-place{font-size:8px}.monogram{width:32px;height:32px}.nav a{font-size:11px;min-height:44px;display:inline-flex;align-items:center}.hero-copy{max-width:58%;width:475px}.hero h1{font-size:29px}.hero-tagline{font-size:33px}.hero-desc{font-size:14px;max-width:320px;line-height:1.8}.hero .btn{min-width:240px;padding-inline:17px}.values-grid{gap:15px}.value h2{font-size:10px}.value p{font-size:17px}.elements-grid{gap:35px}.elements-copy h2{font-size:58px}.elements-subtitle{font-size:26px}.collection-copy h3{font-size:23px}.collection-copy p{font-size:12px;letter-spacing:.02em}.about-grid{gap:45px}.footer-links{gap:18px;font-size:12px}}
@media(max-width:700px){:root{--gutter:24px}html{scroll-padding-top:94px}.header,.header.is-scrolled{padding:18px 20px;gap:12px;background:#1b1916ed}.brand{gap:11px;min-height:44px}.brand-name{font-size:11px;letter-spacing:.08em}.brand-place{font-size:8px;letter-spacing:.17em;margin-top:3px}.monogram{width:29px;height:32px;stroke-width:2.3}.nav{display:none}.header-cta{margin-left:auto;padding:10px 11px;min-height:44px;font-size:10px;letter-spacing:0}.mobile-menu{display:block}.mobile-menu summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;list-style:none;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.2}.mobile-menu nav{position:absolute;inset:100% 0 auto;background:var(--dark);border-top:1px solid #ffffff1d;padding:16px 24px 25px;display:flex;flex-direction:column;gap:0}.mobile-menu nav a{padding:14px 0;font-size:12px;letter-spacing:.08em;border-bottom:1px solid #ffffff12;min-height:48px}.mobile-menu[open] summary{color:var(--sand)}.hero{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.hero::after{display:none}.hero-inner{padding-top:110px;padding-bottom:32px;order:0}.hero-copy{max-width:none;width:auto}.hero h1{font-size:clamp(24px,6.5vw,35px);letter-spacing:.02em;white-space:normal}.hero-tagline{font-size:40px;line-height:1.02;max-width:310px;margin-top:17px}.hero .eyebrow{font-size:10px;letter-spacing:.15em}.hero-desc{font-size:14px;line-height:1.8;max-width:365px;margin-top:24px}.hero .btn{margin-top:27px;min-height:53px;min-width:264px;font-size:11px;gap:27px}.hero-picture{position:relative;inset:auto;order:1;z-index:auto;width:100%;height:auto;aspect-ratio:1.28;max-height:360px}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center 72%}.hero-caption{font-size:11px;bottom:15px;right:18px;background:#1b1916e8;padding:5px 8px;max-width:250px;z-index:3}.values{padding-block:32px}.values-grid{grid-template-columns:1fr 1fr;gap:29px 15px}.value svg{width:27px;height:27px;margin-bottom:11px}.value h2{font-size:10px;letter-spacing:.1em}.value p{font-size:17px;margin-top:6px}.collections{padding-block:57px 38px}.section-intro{margin-bottom:29px}.section-intro h2{font-size:41px;max-width:320px;margin-inline:auto}.section-intro>p:not(.eyebrow){font-size:14px;max-width:328px;line-height:1.85}.eyebrow{font-size:10px}.collection-grid{grid-template-columns:1fr;gap:16px}.collection-card{aspect-ratio:1/1.05}.collection-copy{left:24px;bottom:27px}.collection-copy h3{font-size:32px}.collection-copy p{font-size:12px;letter-spacing:.02em}.coming{font-size:10px;margin-top:14px}.collection-note{font-size:11.5px;line-height:1.7;max-width:325px;margin:20px auto 0}.elements{padding-block:54px}.elements-grid{grid-template-columns:1fr;gap:34px}.elements-copy h2{font-size:63px}.elements-subtitle{font-size:29px}.elements-copy>p:not(.eyebrow,.elements-subtitle){font-size:14px;max-width:340px}.steps{gap:20px 12px;margin-top:27px}.steps strong{font-size:26px}.steps span{font-size:9px}.signup{padding-block:61px}.signup h2{font-size:clamp(30px,8.5vw,38px);line-height:1.12;max-width:360px}.signup-desc{font-size:14px;margin-top:22px!important;margin-bottom:26px!important;max-width:330px}.signup-inner{max-width:420px}.email-row{flex-direction:column;gap:8px}.email-field{min-height:55px;height:55px;font-size:16px;padding-inline:16px;width:100%}.email-row .btn{width:100%;min-height:54px;font-size:11px}.email-label{font-size:12px}.consent-row{font-size:12.5px;gap:12px;margin-top:18px;line-height:1.8}.consent-row input{width:20px;height:20px}.signup-policy{font-size:11.5px}.offer-note{font-size:11.5px;margin-top:19px!important}.about{padding-block:57px}.about-grid{grid-template-columns:1fr;gap:28px}.about h2{font-size:44px;max-width:345px}.about-copy .eyebrow{margin-bottom:17px}.about-copy p:not(.eyebrow){font-size:14px;line-height:1.95}.contact{padding-block:57px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-intro h2{font-size:43px}.contact-intro>p:not(.eyebrow){font-size:14px}.b2b{margin-top:29px;padding-top:24px}.b2b p{font-size:14px}.form-cols{grid-template-columns:1fr;gap:0}.field input,.field textarea,.field select{font-size:16px}.field label{font-size:12px}.contact-form .btn{width:100%}.contact-privacy{font-size:12px;line-height:1.9}.footer{padding-block:39px 23px}.footer-top{flex-direction:column;gap:27px}.footer .brand-name{font-size:12px}.footer .brand-place{font-size:8px}.footer .monogram{width:36px;height:36px}.footer-links{justify-content:start;gap:11px 22px;font-size:12px}.footer-bottom{font-size:11px;flex-direction:column;gap:6px;margin-top:26px;padding-top:17px}.sub-content{padding-block:52px 64px}.legal h1{font-size:45px}.legal p,.legal li{font-size:14px}.legal h2{font-size:16px}.preview-banner{font-size:8px}.caption{font-size:11.5px}.btn{min-height:51px}.text-link{font-size:11px}}
@media(max-width:360px){.header,.header.is-scrolled{padding-inline:15px;gap:8px}.brand-name{font-size:10.5px}.brand-place{font-size:8px}.header-cta{font-size:11px;padding-inline:9px;min-height:44px}.mobile-menu summary{width:44px;height:44px}.hero h1{font-size:23px}.hero-tagline{font-size:37px}.hero .btn{min-width:0;width:100%;gap:18px}.collection-copy h3{font-size:28px}.signup h2{font-size:30px}}
input[type=hidden]{display:none}.av-form{min-width:0;max-width:100%}.elements-copy,.contact-intro,.contact-form,.about-copy{min-width:0}.field input,.field select,.field textarea{min-width:0;max-width:100%;font-size:16px}.nav a{white-space:nowrap;flex-shrink:0;font-size:11px;min-height:44px;display:inline-flex;align-items:center}.hero-picture{display:block;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.hero-tagline{max-width:580px}.hero-tagline span{display:inline-block;white-space:nowrap}.hero .btn{width:285px;max-width:100%}details.mobile-menu:not([open]) nav{display:none}
@media(max-width:700px){.hero-picture{height:auto;top:auto;right:auto;bottom:auto;left:auto}.hero-tagline{font-size:clamp(33px,9.4vw,40px);max-width:340px}.elements-grid,.contact-grid,.about-grid{grid-template-columns:minmax(0,1fr)}.elements-copy h2{font-size:clamp(40px,13vw,60px)}.av-form{width:100%}.hero .btn{width:285px}.signup-form,.signup-inner{min-width:0}.footer-links a{white-space:nowrap;padding-block:10px;min-height:44px;display:inline-flex;align-items:center}}
@media(max-width:360px){.hero .btn{width:100%}.hero-tagline{font-size:30px}}
.nav,.header-cta{flex-shrink:0}
@media(min-width:701px){.header{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto}.nav{justify-self:end;margin-left:0}}
@media(min-width:701px) and (max-width:820px){.hero{height:auto;min-height:0;flex-direction:column;align-items:stretch}.hero::after{display:none}.hero-inner{padding-top:145px;padding-bottom:51px;order:0}.hero-copy{width:auto;max-width:none}.hero h1{font-size:clamp(30px,4.8vw,40px);white-space:normal}.hero-tagline{font-size:42px;max-width:600px}.hero-desc{max-width:440px;font-size:14px;line-height:1.8}.hero-picture{position:relative;top:auto;right:auto;bottom:auto;left:auto;order:1;width:100%;height:auto;aspect-ratio:1.139;max-height:520px}.hero-picture img{object-position:center 72%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.mobile-menu .menu-close{display:none}.mobile-menu[open] .menu-close{display:block}.mobile-menu[open] .menu-lines{display:none}
@media(max-width:420px){.header-cta{display:none}.header,.header.is-scrolled{justify-content:space-between;padding:16px 18px}.mobile-menu{margin-left:auto}}

/* ELEMENTS product direction: extend the existing design system. */
.hero-tagline span{white-space:normal}.hero-tagline{max-width:600px;line-height:1.12}.hero-desc{max-width:400px}
.steps{align-items:start;gap:25px 24px}.steps li{align-items:flex-start}.steps li>span{padding-top:8px;flex-shrink:0}.steps li>div{min-width:0}.steps li p{font-size:12px;line-height:1.75;color:var(--muted);margin-top:6px}.elements-copy .safety-note{font-size:11.5px!important;line-height:1.75;margin:0 0 22px!important}
.colours{background:var(--cream);padding-block:84px 64px}.colour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.colour-card{margin:0;min-width:0}.colour-photo{position:relative;aspect-ratio:1/1;overflow:hidden;background:#d8cbb7}.colour-photo img{position:absolute;inset:0 auto 0 0;width:300%;max-width:none;height:100%;object-fit:cover}.colour-sand img{left:-100%}.colour-noir img{left:-200%}.colour-card figcaption{text-align:center;padding-top:18px}.colour-card h3{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.15em;line-height:1.5}.colour-card p{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.7}
.starter{padding-block:95px;background:var(--paper)}.pure{padding-block:95px;background:var(--cream)}.starter-grid,.pure-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,110px);align-items:center}.product-copy{min-width:0}.product-copy h2{font-size:clamp(38px,4.2vw,59px);margin-top:16px}.product-copy>p:not(.eyebrow,.caption){font-size:14px;color:var(--muted);line-height:1.9;margin-top:22px;max-width:450px}.product-copy>.caption{margin-top:21px}.product-copy .text-link{margin-top:24px}.set-contents{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--line)}.set-contents li{font-size:13px;line-height:1.8;padding:11px 0;border-bottom:1px solid var(--line)}
@media(max-width:820px){.starter-grid,.pure-grid{gap:35px}.hero-tagline{max-width:600px}}
@media(max-width:700px){.hero-tagline{font-size:clamp(31px,9vw,40px);max-width:345px}.hero-desc{max-width:360px}.steps{gap:23px 15px}.steps strong{font-size:26px}.steps li p{font-size:12.5px}.colours{padding-block:54px 44px}.colour-grid{grid-template-columns:minmax(0,1fr);gap:30px}.colour-card figcaption{padding-top:16px}.starter,.pure{padding-block:54px}.starter-grid,.pure-grid{grid-template-columns:minmax(0,1fr);gap:34px}.pure-grid .product-copy{order:1}.pure-grid figure{order:0}.product-copy h2{font-size:42px}.product-copy>p:not(.eyebrow,.caption){font-size:14px}.set-contents li{font-size:13px}}
@media(max-width:360px){.product-copy h2{font-size:37px}.steps{gap:20px 12px}.steps strong{font-size:24px}}

/* Keep navigation legible over the lighter ELEMENTS campaign photograph. */
@media(min-width:821px){.header{background:#1b1916d9}}