.home.examplesPage{--paper:#fffbe8;background:var(--paper)}.examplesPage .examplesIntro{background:var(--lemon);padding:24px 0 22px}.examplesPage .examplesBreadcrumb{color:#5d5d55;margin-bottom:18px;font-size:13px}.examplesPage .examplesBreadcrumb ol{align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.examplesPage .examplesTitle{font-family:var(--display);text-transform:uppercase;letter-spacing:-.015em;font-size:clamp(40px,4.5vw,64px);font-weight:700;line-height:1.05}.examplesPage .examplesTitle span{color:var(--red-text);font-style:italic;font-weight:800}.examplesPage .examplesSummaryRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin-top:12px;display:flex}.examplesPage .examplesSummaryRow p{color:#505049;font-size:16px;line-height:1.6}.examplesPage .examplesBrowse,.examplesPage .exampleDetails a{min-height:44px;color:var(--red-text);text-underline-offset:4px;align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:underline;display:inline-flex}.examplesPage .examplesContent{padding-top:28px;padding-bottom:64px}.examplesPage .examplesNav{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.examplesPage .examplesNav a{background:#fff;border:1px solid #0d0d0d50;border-radius:30px;justify-content:space-between;align-items:center;gap:18px;min-height:44px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.examplesPage .examplesNav a:hover{background:var(--lemon);border-color:var(--ink)}.examplesPage .examplesSection,.examplesPage .exampleCard{scroll-margin-top:90px}.examplesPage .examplesSection+.examplesSection{margin-top:52px}.examplesPage .examplesSectionHeading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-bottom:20px;display:flex}.examplesPage .examplesSectionHeading h2{font-family:var(--display);text-transform:uppercase;font-size:38px;font-weight:700;line-height:1.05}.examplesPage .examplesSectionHeading h2 a:hover,.examplesPage .examplesBreadcrumb a:hover{color:var(--red-text)}.examplesPage .examplesGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.examplesPage .exampleCard{border:2px solid var(--ink);background:#fff;border-radius:18px;min-width:0;padding:22px;box-shadow:6px 6px #e9eac5}.examplesPage .exampleComparison{grid-template-columns:minmax(0,.85fr) 24px minmax(0,1fr);align-items:start;gap:12px;display:grid}.examplesPage .exampleInput,.examplesPage .exampleResult{min-width:0}.examplesPage .exampleMediaLabel{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 8px;min-height:36px;font-size:18px;display:flex}.examplesPage .exampleMediaLabel span{color:#616158;letter-spacing:0;text-transform:none;font-family:Instrument Sans,system-ui,sans-serif;font-size:11px;font-weight:400}.examplesPage .examplePhotos{gap:12px;display:grid}.examplesPage .examplePhotos figure{min-width:0;margin:0}.examplesPage .examplePhotoFrame{aspect-ratio:3/4;background:#f5f8d8;border:1px solid #dedfca;border-radius:10px;padding:8px;overflow:hidden}.examplesPage .examplePhotoFrame img{object-fit:contain}.examplesPage .examplePhotosMultiple .examplePhotoFrame{aspect-ratio:1}.examplesPage .examplePhotos figcaption{color:#505049;margin-top:5px;font-size:12px}.examplesPage .exampleFlow{color:var(--red-text);align-self:center;margin-top:36px;font-size:26px}.examplesPage .exampleResultFrame{border:1px solid var(--ink);background:var(--ink);border-radius:10px;overflow:hidden}.examplesPage .exampleResultFrame button:focus-visible{outline-offset:-5px;outline-color:var(--lemon)}.examplesPage .exampleDetails{background:#f5f8d8;border-radius:10px;margin-top:20px;padding:16px}.examplesPage .exampleDetails h3{font-size:18px;font-weight:600;line-height:1.3}.examplesPage .exampleDetails p{color:#505049;margin-top:8px;font-size:14px;line-height:1.65}.examplesPage .exampleDetails a{margin-top:8px;font-size:13px}.examplesPage .examplesGridSingle{grid-template-columns:minmax(0,1fr)}.examplesPage .examplesGridSingle .exampleCard{grid-template-columns:minmax(0,600px) minmax(0,1fr);align-items:center;gap:40px;display:grid}.examplesPage .examplesGridSingle .exampleComparison{grid-template-columns:minmax(0,1.1fr) 32px minmax(0,1fr);gap:20px}.examplesPage .examplesGridSingle .examplePhotosMultiple{grid-template-columns:repeat(2,minmax(0,1fr))}.examplesPage .examplesGridSingle .exampleDetails{margin-top:0}.examplesPage .examplesClosing{background:#f5f8d8;border:1px solid #dcdcbf;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:52px;padding:28px;display:flex}.examplesPage .examplesClosing h2{font-family:var(--display);text-transform:uppercase;font-size:36px;font-weight:700}.examplesPage .examplesClosing p{color:#505049;margin-top:8px;font-size:14px;line-height:1.6}@media (max-width:1000px){.examplesPage .examplesGridSingle .exampleCard{grid-template-columns:minmax(0,1fr) 210px;gap:24px}.examplesPage .examplesGridSingle .exampleComparison{grid-template-columns:minmax(0,.85fr) 24px minmax(0,1fr);gap:12px}.examplesPage .examplesGridSingle .examplePhotosMultiple{grid-template-columns:minmax(0,1fr)}.examplesPage .exampleCard{padding:16px}.examplesPage .exampleComparison{grid-template-columns:minmax(0,.85fr) 18px minmax(0,1fr);gap:8px}}@media (max-width:700px){.examplesPage .examplesIntro{padding:18px 0 16px}.examplesPage .examplesBreadcrumb{margin-bottom:14px}.examplesPage .examplesTitle{font-size:clamp(32px,8.7vw,40px)}.examplesPage .examplesSummaryRow{gap:0 16px;margin-top:10px}.examplesPage .examplesSummaryRow p{font-size:14px}.examplesPage .examplesBrowse{font-size:13px}.examplesPage .examplesContent{padding-top:22px;padding-bottom:44px}.examplesPage .examplesNav{gap:8px;margin-bottom:26px}.examplesPage .examplesNav a{gap:10px;padding:8px 12px;font-size:12px}.examplesPage .examplesGrid{grid-template-columns:minmax(0,1fr);gap:24px}.examplesPage .examplesGridSingle .exampleCard{display:block}.examplesPage .examplesGridSingle .exampleDetails{margin-top:20px}.examplesPage .examplesSectionHeading{gap:12px;margin-bottom:16px}.examplesPage .examplesSectionHeading h2{font-size:32px}.examplesPage .examplesSection+.examplesSection{margin-top:40px}.examplesPage .examplesClosing{margin-top:40px;padding:22px}}