@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#faf3df;background:#102b22;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #e8d3a0;outline-offset:6px}header,main,footer{max-width:1240px;margin:auto;padding-left:5%;padding-right:5%}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:30px;padding-bottom:30px;border-bottom:1px solid #d5dbc126}header>a{font:500 29px/1 'Cormorant Garamond',Georgia,serif}header>a span{display:block;font:11px/1.4 'DM Sans',sans-serif;letter-spacing:.14em;margin-top:9px}.comparison-label,.eyebrow,.number{font-size:12px;letter-spacing:.13em;text-transform:uppercase}.comparison-label{color:#bed0c2}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12px 48px;padding:55px 0 38px}.intro .eyebrow{grid-column:1/-1;margin:0;color:#dcc68e}.intro h1{font:500 clamp(43px,5vw,66px)/1 'Cormorant Garamond',Georgia,serif;margin:0}.intro>p:last-child{margin:0;color:#c9d7cd;font-size:16px;line-height:1.7;max-width:470px}.version-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}article{overflow:hidden;border:1px solid #d8cda33d;border-radius:8px;background:#faf3df;color:#183d30}.preview{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#214937}.preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 37%}.preview.photo img{object-position:center 27%}.preview>span{position:absolute;right:15px;bottom:15px;padding:9px 12px;border-radius:4px;background:#102b22e8;color:#faf3df;font-size:12px}.card-body{padding:25px 26px 27px}.number{margin:0 0 10px;color:#62766a;font-size:11px}.card-body h2{font:600 clamp(26px,2.6vw,36px)/1.1 'Cormorant Garamond',Georgia,serif;margin:0 0 12px}.card-body>p:not(.number){margin:0;line-height:1.65;color:#4d6458;font-size:15px;min-height:75px}.button{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;border-top:1px solid #173e3026;margin-top:20px;padding-top:17px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.045em}.button:hover{text-decoration:underline;text-underline-offset:4px}.test-note{margin:38px 0 0;padding:26px 0;border-top:1px solid #d5dbc126}.test-note h2{font:500 28px/1.1 'Cormorant Garamond',Georgia,serif;margin:0 0 10px}.test-note p,footer p{font-size:14px;line-height:1.7;color:#b7c9bb;margin:0}footer{display:flex;justify-content:space-between;gap:25px;padding-top:25px;padding-bottom:38px}footer a{font-size:13px;white-space:nowrap}footer p{max-width:500px}@media(max-width:700px){header{padding-top:23px;padding-bottom:23px}.comparison-label{display:none}.intro{display:block;padding:35px 0 28px}.intro h1{margin:15px 0 20px}.version-grid{grid-template-columns:1fr;gap:22px}.card-body>p:not(.number){min-height:0}.card-body{padding:23px}.preview{aspect-ratio:3/2}footer{display:block}footer p{margin-top:18px}}
.fifth-version{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.fifth-version .preview{height:100%;min-height:300px}.fifth-version .card-body{padding:36px}@media(max-width:700px){.fifth-version{display:block}.fifth-version .preview{min-height:0}.fifth-version .card-body{padding:23px}}