.same-font-page .same-font-section h2,.same-font-page .same-font-cta h2,.same-font-page .faq h2{font-family:var(--serif);letter-spacing:-.035em;font-size:clamp(29px,3.5vw,44px);font-weight:500;line-height:1.15}.same-font-hero{row-gap:32px;padding-bottom:72px}.same-font-hero h1{text-wrap:balance;font-size:clamp(40px,4.7vw,64px)}.same-font-hero h1 span{white-space:nowrap;color:var(--green)}.style-disclosure{color:var(--muted);max-width:47ch;margin-block:20px;font-size:14px}.hero-proof{grid-column:1/-1;width:100%;margin-top:0}.hero-proof h2{font-size:30px}.hero-proof .proof-heading{flex-wrap:wrap;gap:16px}.sample-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.sample-pair figure{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:0;margin:0;overflow:hidden}.sample-pair figcaption{padding:12px 18px;font-size:14px}.hero-proof .comparison-hint strong,.sample-pair figcaption strong,.same-font-section>.examples-intro strong,.style-case strong{color:var(--ink);font-weight:700}.sample-pair img,.sample-workspace img{width:100%;height:auto}.same-font-section{padding-block:64px;scroll-margin-top:90px}.same-font-section>h2{max-width:24ch;margin:12px 0 24px}.sample-workspace{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);align-items:start;gap:32px;margin-top:28px;padding:24px;display:grid}.sample-workspace>div{min-width:0}.sample-controls{flex-direction:column;gap:16px;display:flex}.sample-controls h3{font-family:var(--serif);margin:0;font-size:30px;line-height:1.15}.sample-controls label{gap:6px;font-size:14px;display:grid}.sample-controls input{border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;color:var(--ink);border-radius:7px;padding:11px}.sample-controls p,.sample-status{color:var(--muted);margin:0;font-size:14px}.sample-controls .output-stamp{align-self:flex-start}.sample-comparison{border-radius:8px;position:relative;overflow:hidden}.sample-comparison>img{display:block}.sample-after{clip-path:inset(0 calc(100% - var(--compare)) 0 0);position:absolute;inset:0}.sample-after img{object-fit:fill;width:100%;height:100%}.sample-comparison input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.sample-comparison:focus-within{outline:3px solid var(--orange);outline-offset:3px}.sample-divider{top:0;bottom:0;left:var(--compare);background:var(--surface);pointer-events:none;width:2px;color:var(--green);text-shadow:0 0 3px #fff;justify-content:center;align-items:center;font-size:32px;display:flex;position:absolute}.sample-label{background:var(--surface);pointer-events:none;border-radius:20px;padding:4px 10px;font-size:12px;position:absolute;bottom:12px}.sample-original-label{right:12px}.sample-edited-label{left:12px}.sample-versions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-block:16px;display:grid}.sample-version{border:2px solid var(--line);background:var(--paper-soft);cursor:pointer;min-width:0;color:var(--ink);border-radius:8px;padding:4px;font-size:13px}.sample-version.selected{border-color:var(--orange)}.sample-version span{padding:6px 0;display:block}.style-case{margin-top:40px}.style-case-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.style-case h3{font-family:var(--serif);font-size:27px;font-weight:500}.style-case-heading span{color:var(--green);font-size:14px}.style-case>p{max-width:75ch;color:var(--muted)}.same-font-boundaries{background:var(--green);color:var(--paper-soft)}.same-font-boundaries .eyebrow{color:#f6bb91}.style-boundary-grid{grid-template-columns:1fr 1fr;gap:56px;display:grid}.style-boundary-grid h3{font-family:var(--serif);font-size:28px;font-weight:500}.style-boundary-grid p{opacity:.9;max-width:53ch}.style-tips{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-left:24px;display:grid}.style-tips li{padding-left:8px}.style-tips li::marker{color:var(--orange);font-size:23px}.style-tips h3{font-size:19px}.style-tips p{color:var(--muted)}.same-font-cta{text-align:center;padding-block:64px 80px}.same-font-cta h2{margin-block:14px}.same-font-cta .button{margin-top:16px}.same-font-page :focus-visible{outline:3px solid var(--orange);outline-offset:4px}@media (width<=760px){.sample-workspace{grid-template-columns:1fr;gap:24px;padding:16px}.style-boundary-grid,.style-tips{grid-template-columns:1fr;gap:16px}.same-font-section{padding-block:42px}.sample-controls .button{width:100%}.hero-proof{margin-top:12px}.same-font-hero{padding-bottom:32px}}@media (width<=480px){.sample-pair{grid-template-columns:1fr;gap:12px}.same-font-hero h1{font-size:40px}.hero-proof .output-stamp{font-size:11px}.sample-version{font-size:12px}.sample-versions{gap:6px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.photo-credit{color:var(--muted);max-width:85ch;margin-block:12px 20px;font-size:12px}.photo-credit a{text-underline-offset:3px;text-decoration:underline}