:root{font-family:Arial,Helvetica,sans-serif;color:#233746;background:#f5f1e8;--ink:#233746;--muted:#586a70;--paper:#f5f1e8;--white:#fffdf8;--line:#d1d2c8;--copper:#a44e37;--mist:#e2e9e5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;font-size:16px;line-height:1.7}a{color:inherit;text-underline-offset:4px}img{display:block;max-width:100%;height:auto}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--copper);outline-offset:4px}.wrap{width:min(1240px,calc(100% - 76px));margin:auto}.skip{position:fixed;top:-80px;left:10px;z-index:5;padding:10px;background:white}.skip:focus{top:10px}.head{border-top:5px solid var(--ink);border-bottom:1px solid var(--line)}.nav{min-height:88px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;font:bold 23px Georgia,serif;text-decoration:none}.brand small{display:block;font:9px/1.5 Arial,sans-serif;letter-spacing:.13em;color:var(--muted)}.mark{width:36px;height:40px;border-radius:50% 50% 50% 5px;display:grid;place-items:center;background:var(--ink);color:white;font:bold 20px Georgia}.links{display:flex;gap:25px;margin-left:auto}.links a{text-decoration:none;font-size:13px;font-weight:bold}.menu{display:none;margin-left:auto;min-height:44px;background:none;border:1px solid var(--ink);padding:8px 13px}.hero{display:grid;grid-template-columns:1fr 1.04fr;gap:clamp(30px,5vw,70px);align-items:center;padding-block:55px 66px}.copy,.hero-photo{min-width:0}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:.14em;color:var(--copper);margin:0 0 14px}.hero h1,.section h2,.compare h2,.questions h2{font:400 clamp(40px,5.6vw,70px)/1.03 Georgia,serif;letter-spacing:-.045em;margin:0 0 22px;max-width:12ch}.lead{font-size:18px;color:var(--muted);max-width:48ch}.hero-photo{position:relative;margin:0}.hero-photo>img{width:100%;aspect-ratio:1;object-fit:cover}.photo-tag{position:absolute;z-index:1;top:14px;left:14px;padding:8px 12px;background:var(--white);font-size:10px;letter-spacing:.1em}.hero-photo figcaption,figure figcaption{font-size:11px;color:var(--muted);padding-top:8px}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px}.button{display:inline-flex;align-items:center;min-height:48px;padding:12px 19px;background:var(--ink);color:#fff;text-decoration:none;font-weight:bold;font-size:13px}.text-link{font-weight:bold;font-size:13px;padding:12px 0}.note{margin-top:25px;border-top:1px solid var(--line);padding-top:15px;font-size:13px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.steps a{padding:20px;display:flex;gap:14px;text-decoration:none;font-size:13px}.steps a+a{border-left:1px solid var(--line)}.steps b{font:12px monospace;color:var(--copper)}.section{padding-top:78px}.section-head{display:flex;justify-content:space-between;gap:26px;align-items:end;margin-bottom:30px}.section-head h2,.compare h2,.questions h2{font-size:clamp(34px,4vw,51px);max-width:17ch}.section-head>p{max-width:35ch;color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.cards article{min-width:0;border-bottom:1px solid var(--line);padding-bottom:22px}.cards img{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:20px}.cards h3{font:400 24px/1.2 Georgia,serif;margin:8px 0}.cards p:not(.eyebrow){color:var(--muted);font-size:14px}.compare{display:grid;grid-template-columns:.9fr 1.1fr;margin-top:78px;background:var(--ink);color:var(--paper)}.compare-copy{padding:36px}.compare-copy .eyebrow{color:#e7ae88}.compare-copy img{width:100%;aspect-ratio:16/10;object-fit:cover;margin-top:22px}.compare-copy h2{font-size:40px}.panel{padding:38px;background:var(--mist);color:var(--ink)}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inputs label{font-size:12px;font-weight:bold}.inputs input{display:block;width:100%;min-width:0;min-height:48px;padding:11px;margin-top:6px;border:1px solid #9caca9;background:var(--white);font-size:17px}.hint{font-size:12px;color:#50616a;margin:18px 0}.error{font-size:13px;font-weight:bold;color:#842d28}.results{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;padding-top:18px;border-top:1px solid #b8c3bf}.results dt{font-size:12px}.results dd{font:24px Georgia,serif;margin:7px 0}.results .difference{grid-column:1/-1;border-top:1px solid #b8c3bf;padding-top:14px}.questions{display:grid;grid-template-columns:1fr .85fr;gap:50px;align-items:center;padding-block:78px}.questions figure{margin:0}.questions figure img{width:100%;aspect-ratio:4/3;object-fit:cover}.checklist{display:grid;gap:0}.checklist label{display:flex;align-items:start;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px;cursor:pointer}.checklist input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--ink)}.scope{padding:26px 0 62px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}footer{background:var(--ink);color:var(--paper);padding:38px 0}.foot{display:grid;grid-template-columns:1fr 1fr;gap:30px}.foot b{font:25px Georgia,serif}.foot p{font-size:13px}.foot>div+div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.foot a{font-size:13px;min-height:36px}.fine{font-size:11px!important;color:#d4d9d4}@media(max-width:820px){.wrap{width:calc(100% - 44px)}.nav{min-height:74px;flex-wrap:wrap}.menu{display:block}.links{display:none;width:100%;margin:0}.links.open{display:grid;grid-template-columns:1fr 1fr}.links a{min-height:44px;display:flex;align-items:center;border-top:1px solid var(--line)}.hero{grid-template-columns:1fr;padding-block:30px 42px;gap:28px}.hero-photo{order:-1}.hero-photo>img{aspect-ratio:16/10}.section{padding-top:52px}.cards{gap:18px}.cards h3{font-size:21px}.compare{grid-template-columns:1fr}.compare-copy{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.compare-copy .eyebrow,.compare-copy h2{grid-column:1}.compare-copy img{grid-column:2;grid-row:1/4;margin:0}.questions{gap:28px}}@media(max-width:560px){.wrap{width:calc(100% - 36px)}.brand{font-size:20px}.hero h1{font-size:clamp(42px,13vw,58px)}.lead{font-size:16px}.actions{align-items:stretch;flex-direction:column;gap:4px}.actions a{text-align:center}.steps{grid-template-columns:1fr}.steps a{padding:14px 0}.steps a+a{border-left:0;border-top:1px solid var(--line)}.section-head{display:block}.section-head>p{margin-top:10px}.cards{grid-template-columns:1fr;gap:28px}.cards img{aspect-ratio:16/9}.compare{margin-top:52px}.compare-copy{display:block;padding:26px}.compare-copy img{margin-top:20px}.panel{padding:26px 20px}.inputs{grid-template-columns:1fr}.results{grid-template-columns:1fr}.results .difference{grid-column:auto}.questions{grid-template-columns:1fr;padding-block:54px}.questions figure{order:-1}.foot{grid-template-columns:1fr}.foot>div+div{gap:4px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Son Clair — carnet editorial, 2026-11-03. Copy, media and tools unchanged. */
:root{--ink:#263e50;--muted:#566673;--paper:#f6f2e9;--white:#fffdf8;--line:#d7d5ca;--copper:#9c4934;--mist:#e8ede9}
body{background:var(--paper)}.wrap{width:min(1280px,calc(100% - 96px))}.head{border-top:8px solid var(--ink);background:var(--white)}.nav{min-height:94px}.brand{font-size:28px;letter-spacing:-.035em}.brand small{letter-spacing:.15em;font-size:9px}.mark{width:44px;height:48px;background:var(--copper)}.links a{padding-block:12px;border-bottom:1px solid transparent}.links a:hover{border-color:var(--copper)}
.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);padding-block:62px 72px;gap:clamp(30px,5vw,76px)}.hero h1{font-size:clamp(48px,6vw,82px);line-height:1.01;max-width:10ch}.eyebrow{font-size:10px;letter-spacing:.17em}.lead{font-size:19px;line-height:1.75}.hero-photo>img{aspect-ratio:4/5;object-fit:cover;border-radius:46% 46% 3px 3px}.hero-photo{padding:12px;background:#e6e8df;border-radius:46% 46% 3px 3px}.hero-photo figcaption{padding:11px 4px 3px;line-height:1.6}.photo-tag{top:auto;bottom:64px;left:0;max-width:90%;background:var(--ink);color:var(--white);padding:13px 18px;letter-spacing:.12em}.button{border-radius:2px;box-shadow:4px 4px 0 #d8d4c8;padding:15px 21px}.button:hover{background:#152c3e}.note{padding-top:20px;line-height:1.8}
.steps{background:var(--white);border-block:1px solid var(--line)}.steps a{padding:25px 22px;align-items:baseline;line-height:1.5}.steps a:hover{background:#e9ece4}.steps b{font:italic 23px Georgia,serif;color:var(--copper)}
.section{padding-top:90px}.section-head{margin-bottom:38px}.section-head h2{font-size:clamp(37px,4.3vw,58px);max-width:17ch}.section-head>p{font-size:15px;line-height:1.8}.cards{gap:30px}.cards article{background:var(--white);border:1px solid var(--line);padding-bottom:26px}.cards img{aspect-ratio:4/3;margin-bottom:24px}.cards article>p,.cards h3{margin-inline:23px}.cards h3{font-size:27px;line-height:1.2;margin-block:12px 17px}.cards p:not(.eyebrow){font-size:14px;line-height:1.8}.cards .eyebrow{font-size:9px}
.compare{margin-top:90px;border:1px solid var(--ink);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.compare-copy{padding:clamp(27px,4vw,48px)}.compare-copy h2{font-size:clamp(35px,4vw,48px);line-height:1.1;max-width:16ch}.compare-copy p:not(.eyebrow){font-size:15px;line-height:1.8;color:#e0e5e5}.compare-copy img{aspect-ratio:4/3;margin-top:30px}.panel{padding:clamp(26px,4vw,48px);background:#edf0e9}.inputs{gap:24px 18px}.inputs label{line-height:1.6;font-size:12px}.inputs input{border-radius:2px;min-height:54px;border-color:#9baea9}.results{gap:20px;margin-block:28px}.results dd{font-size:32px;font-variant-numeric:tabular-nums}.results .difference{padding:21px;background:var(--white);border:1px solid #bac9c1}.results .difference dd{color:var(--ink);font-size:36px}.hint{line-height:1.8}
.questions{padding-block:90px;gap:clamp(28px,6vw,80px)}.questions h2{font-size:clamp(37px,4.2vw,55px)}.questions figure{background:var(--white);padding:12px;border:1px solid var(--line)}.questions figure img{aspect-ratio:4/5}.questions figcaption{padding:10px 3px 2px;line-height:1.6}.checklist label{padding:18px 0;line-height:1.7}.scope{padding-block:32px 68px;max-width:88ch;font-size:13px;line-height:1.9}footer{padding-block:48px}.foot b{font-size:32px}.foot a{padding-block:6px}.fine{line-height:1.8}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:30px}.hero h1{font-size:clamp(46px,6.5vw,68px)}.cards{gap:18px}.cards h3{font-size:23px}.cards article>p,.cards h3{margin-inline:18px}.steps a{padding:21px 15px}.compare-copy,.panel{padding:30px}}
@media(max-width:820px){.nav{min-height:78px}.hero{grid-template-columns:minmax(0,1fr);padding-block:32px 48px}.hero-photo{order:0;border-radius:3px;padding:10px}.hero-photo>img{aspect-ratio:16/10;border-radius:3px}.hero h1{max-width:14ch;font-size:clamp(50px,8.5vw,72px)}.photo-tag{bottom:55px}.compare{grid-template-columns:minmax(0,1fr)}.compare-copy{display:block}.compare-copy img{aspect-ratio:16/9;max-height:330px;margin-top:24px}.section{padding-top:60px}.questions{gap:28px;padding-block:60px}.questions figure img{aspect-ratio:3/4}.section-head h2{font-size:39px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.brand{font-size:24px}.mark{width:38px;height:42px}.hero h1{font-size:clamp(44px,12vw,61px)}.lead{font-size:17px}.hero-photo>img{aspect-ratio:4/3}.photo-tag{font-size:8px;padding:10px 12px}.steps{grid-template-columns:minmax(0,1fr)}.steps a{padding:16px;gap:17px}.steps a+a{border-left:0;border-top:1px solid var(--line)}.cards{grid-template-columns:minmax(0,1fr);gap:26px}.cards img{aspect-ratio:16/10}.cards h3{font-size:27px}.cards article>p,.cards h3{margin-inline:23px}.section-head{display:block}.section-head>p{margin-top:18px}.compare{margin-top:60px}.compare-copy,.panel{padding:26px 21px}.inputs{grid-template-columns:minmax(0,1fr);gap:17px}.results{grid-template-columns:minmax(0,1fr)}.results .difference{grid-column:auto}.questions{grid-template-columns:minmax(0,1fr)}.questions figure{order:0}.questions figure img{aspect-ratio:4/3}.actions{align-items:stretch;flex-direction:column}.button{justify-content:center}.text-link{text-align:center}.foot{grid-template-columns:minmax(0,1fr)}}