.fr2{--ink:#21392b;--muted:#52604f;--line:#d9dfd0;color:var(--ink)}.fr2 small{font-size:12px;font-weight:700;letter-spacing:.12em;color:#596e49}.fr2 p{line-height:1.75;color:var(--muted)}.fr2 .fr-hero{padding:58px 5vw 36px;background:#f5f5ed}.fr2 .fr-hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;margin-bottom:42px}.fr2 h1{font-size:clamp(38px,4.3vw,68px);line-height:1.05;letter-spacing:-.045em;margin:18px 0}.fr2 .fr-hero-copy p{font-size:19px}.fr2 .fr-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px}.fr2 .fr-link{display:inline-flex;gap:12px;color:#345c35;text-decoration:none;font-weight:700}.fr2 a:focus-visible,.fr2 [tabindex]:focus-visible{outline:3px solid #528517;outline-offset:4px}
.fr2 .fr-comparison{overflow-x:auto;border:1px solid #d0d8c8;border-radius:16px;background:#fdfcf7}.fr2 table{border-collapse:collapse;width:100%;table-layout:fixed;min-width:1080px;font-size:13px}.fr2 caption{text-align:left;padding:20px 24px;font-size:20px;font-weight:700;background:#e6eadb}.fr2 th,.fr2 td{padding:18px 12px;border:1px solid #d8ddcf;text-align:center;vertical-align:middle;line-height:1.5}.fr2 thead th{padding:8px 4px 18px;font-size:14px;background:#faf9f3}.fr2 th:first-child{width:140px;background:#e7ecdf;text-align:left;font-weight:700;padding-left:16px}.fr2 table img{width:100%;aspect-ratio:4/3;object-fit:contain;display:block;margin-bottom:12px}.fr2 tbody tr:nth-child(even){background:#eef0e7}.fr2 .fr-note{font-size:12px;margin:14px 0 0;max-width:1000px}.fr2 .fr-guide-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.fr2 .fr-guide-strip img{width:100%;display:block;aspect-ratio:4/3;object-fit:contain;border-radius:12px}
.fr2 .fr-library{padding:60px 5vw}.fr2 h2{font-size:clamp(28px,3vw,44px);line-height:1.15;letter-spacing:-.025em;margin:14px 0 28px}.fr2 .fr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.fr2 .fr-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.fr2 .fr-card-image{background:#f7f6f0}.fr2 .fr-card-image img{width:100%;aspect-ratio:4/3;object-fit:contain;display:block}.fr2 .fr-card-copy{padding:22px;display:flex;flex-direction:column;flex:1}.fr2 .fr-card h3{font-size:25px;line-height:1.15;margin:12px 0 0}.fr2 .fr-card p{font-size:15px}.fr2 .fr-card .fr-link{margin-top:auto;padding-top:15px}.fr2 .fr-brief-card{padding:28px;background:#e8eddd;justify-content:center}.fr2 .fr-brief-card .fr-link{margin-top:0}.fr2 .fr-feature{margin:0 5vw 28px;background:#e9eddf;padding:36px;border-radius:15px}.fr2 .fr-feature>div{max-width:1080px}.fr2 .fr-feature h2{font-size:32px}.fr2 .fr-feature img{width:100%;max-width:500px;object-fit:contain}.fr2 .project p{color:#d9e2d5}.fr2 .project small{color:#cde898}.fr2 [id]{scroll-margin-top:100px}
.fr2:has(.fr-guide-strip) .fr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1050px){.fr2 .fr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fr2:has(.fr-guide-strip) .fr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.fr2 .fr-hero{padding:36px 6vw 24px}.fr2 .fr-hero-copy{grid-template-columns:1fr;gap:0;margin-bottom:28px}.fr2 .fr-hero-copy p{font-size:17px}.fr2 .fr-grid,.fr2:has(.fr-guide-strip) .fr-grid{grid-template-columns:1fr}.fr2 .fr-library{padding:40px 6vw}.fr2 .fr-feature{margin:0 6vw 24px;padding:24px}.fr2 .fr-guide-strip{grid-template-columns:1fr;gap:16px}.fr2 .fr-guide-strip>div:not(:first-child){display:none}.fr2 .fr-card h3{font-size:26px}.fr2 .fr-actions{gap:20px}.fr2 caption{font-size:17px}.fr2 .fr-comparison{max-width:100%}.fr2 .fr-note:before{content:'Swipe the comparison table to see all seven formats. ';font-weight:700}}
