@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--black:#0b0b0b;--white:#faf9f7;--grey:#777;--line:#d6d4d0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.header{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(250,249,247,.98);z-index:10}.logo{display:flex;align-items:center;gap:13px;font-weight:700;letter-spacing:.22em;font-size:13px}.monogram{border:1px solid #111;display:grid;place-items:center;width:38px;height:38px;font:27px 'Playfair Display',serif}nav{display:flex;gap:22px}nav a{font-size:12px;text-transform:uppercase;letter-spacing:.08em}nav a:hover,.textlink:hover{text-decoration:underline;text-underline-offset:5px}.menu{display:none;background:none;border:0;font-size:26px}.wrap{width:min(1120px,90%);margin:auto}.hero{background:#0b0b0b;color:#fff;min-height:600px;display:flex;align-items:center}.hero .wrap{padding:95px 0}.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:#888}.hero .eyebrow{color:#aaa}h1,h2,h3,.serif{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.13}h1{font-size:clamp(48px,7.5vw,106px);letter-spacing:-.045em;max-width:940px;margin:22px 0}h2{font-size:clamp(36px,5vw,65px);letter-spacing:-.025em;margin:14px 0 24px}h3{font-size:27px;margin:12px 0}.hero p{max-width:560px;color:#c7c7c7;font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{display:inline-block;padding:13px 21px;border:1px solid #111;background:#111;color:white;font-weight:700;font-size:12px;letter-spacing:.09em;text-transform:uppercase}.btn.light{background:#fff;color:#111;border-color:#fff}.btn.outline{background:transparent;color:inherit;border-color:currentColor}.btn:hover{opacity:.77}.section{padding:100px 0}.section.sm{padding:55px 0}.line{border-top:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);padding:30px;min-height:240px;display:flex;flex-direction:column;align-items:flex-start}.card .eyebrow{margin-bottom:15px}.card p{color:#595959}.card .textlink{margin-top:auto;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.dark{background:#101010;color:#fff}.dark p{color:#ccc}.lead{font-size:20px;max-width:680px;color:#555}.pagehead{padding:95px 0 55px;border-bottom:1px solid var(--line)}.pagehead h1{font-size:clamp(45px,6vw,80px)}.quote{padding:60px 0;border-top:1px solid var(--line)}.quote blockquote{font:clamp(27px,4vw,48px)/1.3 'Playfair Display',serif;margin:12px 0 20px}.quote p{max-width:740px;color:#555}.filter{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.filter button{padding:9px 16px;border:1px solid #aaa;background:transparent}.filter button.active{background:#111;color:#fff}.audit-box{border:1px solid #aaa;padding:34px;max-width:820px;margin:40px auto}.options{display:grid;gap:12px;margin:28px 0}.options label{border:1px solid var(--line);padding:14px;cursor:pointer}.options label:has(input:checked){border-color:#111;background:#eceae6}.progress{height:5px;background:#ddd}.progress div{height:100%;background:#111;transition:width .2s}.product{border:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr}.product-art{background:#111;color:white;min-height:380px;display:flex;flex-direction:column;justify-content:center;padding:40px}.product-art h2{font-size:55px}.product-info{padding:45px}.notice{background:#efeeeb;border-left:3px solid #111;padding:14px 18px;margin:20px 0;font-size:14px}.field{width:100%;border:1px solid #bbb;padding:13px;background:white;margin:8px 0 18px}.form{max-width:600px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.brand{letter-spacing:.2em}.footer-bottom{border-top:1px solid #555;margin-top:50px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#aaa}footer{background:#0a0a0a;color:#fff;padding:70px 5% 25px}footer p{color:#aaa;margin:0}footer a{font-size:14px}article{max-width:780px;margin:70px auto;padding:0 5%}article p{font-size:18px;color:#444}article h1{font-size:clamp(44px,6vw,75px)}.steps{counter-reset:step}.step{padding:20px 0;border-top:1px solid var(--line)}.step:before{counter-increment:step;content:'0' counter(step);font-size:12px;color:#777;margin-right:15px}@media(max-width:850px){.menu{display:block}nav{display:none;position:absolute;top:85px;left:0;right:0;background:var(--white);padding:25px 5%;border-bottom:1px solid var(--line);flex-direction:column;gap:16px}nav.open{display:flex}.grid,.grid.two,.product{grid-template-columns:1fr}.section{padding:65px 0}.hero{min-height:560px}.hero .wrap{padding:70px 0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:500px){.header{padding:0 5%}.logo{letter-spacing:.13em;font-size:11px}h1{font-size:49px}.card{min-height:210px}.audit-box{padding:20px}.footer-bottom{flex-direction:column}.product-art h2{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
