:root{--ink:#152c38;--text:#273943;--gold:#96782f;--blue:#244b76;--bronze:#796251;--line:#dce0df;--paper:#fafaf7;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--text);font:16px/1.65 Arial,Helvetica,sans-serif;background:var(--paper)}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #bd963e;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.035em}h3{line-height:1.3}header{height:105px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font:29px var(--serif);letter-spacing:-1px}.brand small{display:block;font:10px Arial,sans-serif;letter-spacing:2px;margin-top:8px}.monogram{position:relative;font:48px/1 var(--serif);width:41px;height:55px}.monogram span{position:absolute;left:15px;top:15px;font-size:39px}nav{display:flex;gap:30px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.nav-cta{font-size:14px;border-bottom:1px solid var(--ink);text-decoration:none;padding-bottom:5px}.hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--ink);color:white;min-height:590px}.hero-copy{padding:75px 10% 50px 11%;align-self:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;margin-bottom:24px;line-height:1.6}.hero .eyebrow{color:#cfb77c;display:flex;gap:10px;align-items:center}.eyebrow span{width:22px;height:1px;background:currentColor}h1{font-size:clamp(42px,4.4vw,72px)}h1 em{font-weight:400;color:#e4d1a2}.intro{max-width:450px;font-size:17px;line-height:1.8;color:#d4dee3;margin:26px 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:14px 23px;font-size:14px;font-weight:600;border:1px solid}.light{background:#fafaf7;color:var(--ink);border-color:#fafaf7}.light:hover{background:#e4d1a2}.hero-note{display:flex;align-items:center;gap:14px;margin-top:44px;font-size:13px;line-height:1.7}.hero-note p span{color:#adbfc7;font-size:12px}.tiny-seal{font:23px var(--serif);width:47px;height:47px;display:flex;align-items:center;justify-content:center;border:1px solid #7f9297;border-radius:50%;flex-shrink:0}.hero-image{position:relative;min-height:590px;overflow:hidden}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 50%}.hero-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:26px 32px 22px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:white;background:linear-gradient(transparent,#17282baa);letter-spacing:1px}.hero-image figcaption span+span{letter-spacing:0}.principles{padding:21px 6%;display:flex;justify-content:center;align-items:center;gap:55px;font-size:13px;letter-spacing:.5px;border-bottom:1px solid var(--line)}.principles i{width:4px;height:4px;border-radius:50%;background:#a38a53}.section{padding:85px 7%;max-width:1600px;margin:auto}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:40px}.section-top>p{max-width:365px;font-size:15px;color:#627079}.section .eyebrow{color:#687b83;margin-bottom:18px}h2{font-size:clamp(32px,3.4vw,50px)}.comparison-toolbar{border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.comparison-toolbar>span{font-size:14px}.segmented{display:flex;border:1px solid #bac5ca;padding:3px;border-radius:3px}.segmented button{border:0;background:none;padding:8px 19px;font-size:13px}.segmented button.active{background:var(--ink);color:#fff}.grade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grade-card{border:1px solid var(--line);background:white;--grade:var(--gold)}.grade-card.a{--grade:var(--blue)}.grade-card.b{--grade:var(--bronze)}.grade-heading{display:flex;align-items:center;gap:20px;padding:24px 24px 23px;border-top:3px solid var(--grade)}.grade-letter{font:64px/1 var(--serif);color:var(--grade)}.micro{font-size:10px;letter-spacing:1.5px;color:var(--grade);font-weight:bold}.grade-heading h3{font:22px/1.3 var(--serif);margin-top:7px}.photo-button{display:block;position:relative;border:0;background:#d8ddd6;padding:0;width:calc(100% - 36px);margin:0 18px;overflow:hidden}.sample{display:block;position:relative;width:100%;overflow:hidden;background:#d8ddd6}.sample img{position:absolute;max-width:none;height:auto;display:block}.zoom-icon{position:absolute;right:12px;bottom:12px;border-radius:50%;width:31px;height:31px;line-height:29px;text-align:center;background:#fffE;font-size:24px}.photo-button:hover .zoom-icon{background:var(--ink);color:white}.photo-caption{display:flex;justify-content:space-between;margin:10px 20px 18px;font-size:13px}.photo-caption span+span{font-size:10px;letter-spacing:1.3px;color:#6d7c83}.grade-body{padding:0 24px 24px}.grade-summary{font-size:17px;line-height:1.6;min-height:81px}.grade-body ul{list-style:none;padding:0;margin:17px 0 23px;font-size:13px;line-height:1.7;min-height:90px}.grade-body li{padding-left:17px;position:relative;margin-bottom:7px}.grade-body li:before{content:'—';position:absolute;left:0;color:var(--grade)}.look-note{padding-top:18px;border-top:1px solid var(--line)}.look-note>span{font-size:10px;font-weight:bold;letter-spacing:1.6px;color:var(--grade)}.look-note p{font-size:13px;line-height:1.7;margin-top:7px}.photo-disclaimer{font-size:12px;line-height:1.8;color:#6b767c;margin-top:18px;max-width:860px}.takeaway{display:flex;align-items:center;gap:65px;padding:32px 0 0;margin-top:38px;border-top:1px solid var(--line)}.takeaway>span{font-size:11px;letter-spacing:1.5px;color:#6a7a82}.takeaway p{font:23px/1.5 var(--serif)}.takeaway strong{font-weight:400;color:#7b6230}.look-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10%;padding:80px 9%;background:var(--ink);color:white}.look-intro .eyebrow{color:#c2a865}.look-intro>p:not(.eyebrow):not(.pullquote){color:#c0cdd2;font-size:15px;margin-top:25px;max-width:390px}.editorial-rule{width:55px;height:1px;background:#b69a5a;margin:36px 0 25px}.pullquote{font:italic 30px/1.35 var(--serif);color:#e0cfa7}.look-steps article{display:flex;gap:24px;padding:23px 0;border-bottom:1px solid #425762}.look-steps article:first-child{padding-top:0}.look-steps article:last-child{border-bottom:none}.look-steps article>span{font:22px var(--serif);color:#bea66a}.look-steps h3{font:24px var(--serif);margin-bottom:12px}.look-steps p{font-size:14px;color:#c0cdd2;line-height:1.8}.table-scroll{width:100%;min-width:0}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;table-layout:fixed}th,td{padding:22px 18px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:400}tbody th{font-weight:600;width:21%}thead{background:#f0f2ef}thead th{font-size:13px;vertical-align:middle}.table-grade{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;font:25px var(--serif);margin-right:8px;color:white;background:var(--gold)}.table-grade.a{background:var(--blue)}.table-grade.b{background:var(--bronze)}.choice-section{margin:0 7%;padding:55px 8%;text-align:center;border:1px solid #d5d1c6;background:#f1eee6}.choice-section>.eyebrow{color:#79632c;margin-bottom:17px}.choice-section>p:not(.eyebrow){font-size:15px;margin-top:20px}.preference-options{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:30px 0}.preference-options button{padding:10px 15px;border:1px solid #a9b0af;background:transparent;font-size:13px}.preference-options button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.preference-result{display:flex;align-items:center;gap:30px;text-align:left;margin:auto;max-width:650px;background:var(--paper);padding:28px}.result-grade{font:76px/1 var(--serif);color:var(--gold);width:75px;flex-shrink:0;text-align:center}.preference-result h3{font:23px var(--serif);margin-bottom:10px}.preference-result p{font-size:14px}.preference-result a{display:inline-block;font-size:13px;margin-top:15px}.faq-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9%;padding-top:95px;padding-bottom:80px}.faq-section>div>p:last-child{font-size:15px;color:#6c7c85;margin-top:23px}.faqs details{border-bottom:1px solid var(--line);padding:20px 0}.faqs details:first-child{padding-top:0}.faqs summary{font-size:15px;cursor:pointer;list-style:none;padding-right:25px;position:relative}.faqs summary:after{content:'+';position:absolute;right:0;top:0}.faqs details[open] summary:after{content:'−'}.faqs details p{font-size:14px;line-height:1.85;color:#60737d;margin-top:15px}.standard-note{margin:0 7% 70px;padding:28px 0 0;border-top:1px solid var(--line);display:flex;gap:23px;max-width:1100px}.standard-note h3{font:24px var(--serif);margin-bottom:12px}.standard-note p{font-size:13px;color:#60737d}.standard-note .reference{font-size:12px;margin-top:12px}footer{padding:45px 7% 22px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer-brand{font:34px var(--serif);text-decoration:none}.footer-brand span{font-size:20px;color:#c5ae75}footer>p{color:#b3c1c8;font-size:13px}footer>a:last-of-type{font-size:13px}.footer-bottom{flex-basis:100%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #3b505a;margin-top:25px;padding-top:22px;font-size:10px;color:#a9bbc4;letter-spacing:.8px}dialog{border:0;max-width:720px;width:90vw;padding:26px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#08141bce;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.dialog-top h2{font-size:28px}.dialog-top button{border:1px solid #aebabe;background:none;width:38px;height:38px}#dialog-photo{max-width:480px;margin:auto}#dialog-caption{margin-top:18px;font-size:15px}.dialog-small{font-size:12px;color:#657984;margin-top:8px}.skip{position:absolute;left:20px;top:-60px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){.hero-copy{padding-left:14%}.hero{min-height:660px}.hero-image{min-height:660px}}@media(max-width:1100px){header{padding:0 4%;height:90px}nav{gap:17px;font-size:13px}.nav-cta{display:none}.hero-copy{padding:55px 9%}.hero{min-height:530px}.hero-image{min-height:530px}.hero-note{margin-top:28px}.section{padding:65px 5%}.grade-grid{gap:15px}.grade-heading{padding:20px 16px;gap:13px}.grade-heading h3{font-size:20px}.grade-body{padding:0 17px 22px}.grade-summary{min-height:105px}.grade-body ul{min-height:130px}.look-section{padding:65px 6%;gap:7%}.choice-section{margin:0 5%;padding:45px 5%}.standard-note{margin-left:5%;margin-right:5%}.principles{gap:30px}}
@media(max-width:960px){header{height:83px;padding:0 6%}.brand{font-size:26px}.brand small{font-size:9px}nav{display:none}.nav-cta{display:block;font-size:12px}.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{padding:45px 7% 38px}h1{font-size:48px}.intro{font-size:16px;max-width:500px}.hero-note{margin-top:30px}.hero-image{min-height:380px}.hero-image>img{object-position:center 49%}.principles{gap:12px;padding:17px 5%;font-size:10px;letter-spacing:0}.principles i{flex-shrink:0}.section{padding:55px 6%}.section-top{display:block;margin-bottom:25px}.section-top>p{max-width:none;margin-top:20px}.section-top h2{font-size:38px}.comparison-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.grade-grid{grid-template-columns:minmax(0,1fr);gap:25px}.grade-heading{padding:20px 24px}.grade-heading h3{font-size:25px}.grade-letter{font-size:66px}.grade-summary{min-height:0;font-size:18px}.grade-body{padding:0 24px 25px}.grade-body ul{min-height:0;font-size:15px}.look-note p{font-size:14px}.photo-button{width:calc(100% - 40px);margin:0 20px}.photo-caption{margin-left:23px;margin-right:23px}.photo-disclaimer{font-size:12px}.takeaway{display:block;margin-top:28px;padding-top:25px}.takeaway p{font-size:23px;margin-top:13px}.look-section{grid-template-columns:minmax(0,1fr);padding:50px 7%;gap:38px}.look-intro h2{font-size:37px}.look-intro>p:not(.eyebrow):not(.pullquote){max-width:none}.editorial-rule,.pullquote{display:none}.look-steps p{font-size:15px}.choice-section{margin:0 6%;padding:35px 6%}.choice-section h2{font-size:34px}.preference-options{flex-direction:column}.preference-options button{font-size:14px;padding:13px}.preference-result{padding:22px 18px;align-items:flex-start;gap:15px}.result-grade{width:45px;font-size:56px}.preference-result h3{font-size:23px}.faq-section{display:block}.faqs{margin-top:35px}.faqs summary{font-size:16px}.faqs details p{font-size:15px}.standard-note{margin:0 6% 45px;gap:15px}.standard-note .tiny-seal{width:38px;height:38px;font-size:19px}.standard-note h3{font-size:23px}.standard-note p{font-size:14px}footer{display:block;padding:35px 6% 22px}footer>p{margin:18px 0}.footer-bottom{display:flex;flex-direction:column;gap:8px}dialog{padding:20px}.dialog-top h2{font-size:25px}.hero-image figcaption{padding:25px 20px 18px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Let every layout shrink to the viewport; retain the deliberate photo crops. */
main,section,article,header,footer,nav,figure,dialog{min-width:0}
.hero>*,.grade-grid>*,.grade-heading>*,.section-top>*,.look-section>*,.look-steps article>*,.faq-section>*,.hero-note>*,.preference-result>*,.standard-note>*,.dialog-top>*{min-width:0}
p,h1,h2,h3,li,a,button,summary,th,td,dt,dd{overflow-wrap:anywhere}
.comparison-mobile{display:none}
.principles,.hero-image figcaption,.photo-caption,.footer-bottom{flex-wrap:wrap}
.segmented{max-width:100%}
.segmented button{flex:1;min-width:0;white-space:normal}
.button{max-width:100%;text-align:center}
.monogram,.grade-letter,.table-grade,.dialog-top button{flex-shrink:0}
dialog{max-height:calc(100dvh - 32px);overflow-y:auto}
@media(max-width:960px){
 header{height:auto;min-height:83px;flex-wrap:wrap;gap:12px 20px;padding-top:14px;padding-bottom:14px}
 .brand{max-width:100%}.brand small{line-height:1.5;letter-spacing:1.4px}
 .nav-cta{max-width:100%;font-size:14px}
 .hero,.grade-grid,.look-section{grid-template-columns:minmax(0,1fr)}
 .grade-card{width:100%;max-width:100%}
 .comparison-toolbar{width:100%;align-items:stretch}
 .segmented{width:100%}.segmented button{padding:12px 8px;font-size:14px}
 h1{font-size:clamp(2.25rem,7vw,3rem)}
 .section-top h2,.look-intro h2{font-size:clamp(2rem,6vw,2.375rem)}
 .principles{gap:8px 15px;font-size:12px;text-align:center}.principles i{display:none}
 .table-scroll{display:none}
 .comparison-mobile{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
 .comparison-item{border:1px solid var(--line);background:white}
 .comparison-item h3{background:#f0f2ef;padding:16px 20px;font-size:17px}
 .comparison-item dl{margin:0;padding:0 20px}
 .comparison-item dl>div{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start;padding:17px 0;border-top:1px solid var(--line)}
 .comparison-item dl>div:first-child{border-top:0}
 .comparison-item dt,.comparison-item dd{margin:0;min-width:0}
 .comparison-item dd{font-size:16px;line-height:1.65}
 .comparison-item .table-grade{margin:0}
 .preference-result{flex-wrap:wrap}
 .preference-result>div{flex:1 1 170px}
 .photo-caption{gap:6px 12px}
 .dialog-top h2{font-size:clamp(1.25rem,5vw,1.5625rem)}
}

.signup-section{margin:0 7% 70px;padding:45px;background:var(--ink);color:white;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center}
.signup-copy .eyebrow{color:#cfb77c;margin-bottom:18px}.signup-copy h2{font-size:clamp(2rem,3.1vw,2.75rem)}.signup-copy>p:last-child{margin-top:20px;color:#d4dee3;font-size:16px}
.signup-form{min-width:0}.signup-form>label{display:block;font-size:14px;margin-bottom:9px}.signup-fields{display:flex;gap:10px;flex-wrap:wrap}.signup-fields input{min-width:0;flex:1 1 190px;border:1px solid #c1cbd0;border-radius:0;background:#fff;color:var(--ink);padding:13px 14px;font:16px/1.5 Arial,sans-serif;max-width:100%}.signup-fields button{border:1px solid #e4d1a2;background:#e4d1a2;color:var(--ink);font-size:14px;font-weight:600;padding:13px 17px;white-space:normal;max-width:100%}.signup-fields button:disabled{cursor:wait;opacity:.7}.signup-form .signup-consent{display:flex;gap:10px;align-items:flex-start;line-height:1.65;font-size:14px;margin:18px 0 8px}.signup-consent input{width:18px;height:18px;flex-shrink:0;margin:3px 0 0;accent-color:#cdb477}.signup-privacy{font-size:12px;color:#becbd0}.signup-status{font-size:15px;margin-top:14px;overflow-wrap:anywhere}.signup-status[data-state="error"]{color:#ffd4c8}.signup-status[data-state="success"]{color:#e4d1a2}.signup-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.signup-form input:focus-visible{outline:3px solid #bd963e;outline-offset:3px}
@media(max-width:960px){.signup-section{grid-template-columns:minmax(0,1fr);margin:0 6% 45px;padding:30px 24px;gap:28px}.signup-fields{flex-direction:column}.signup-fields input{flex:none;width:100%}.signup-fields button{width:100%;min-height:48px}.signup-copy h2{font-size:2rem}}