/* Editorial extensions of Outfit, paper, ink and Liminal's single accent. */
/* Shared section gutters already limit the content width. A second cap on
   the main element would subtract viewport-based gutters from a fixed box. */
.page-hero{padding-top:74px;padding-bottom:0}
.page-hero>.eyebrow{margin-bottom:36px}
.page-hero h1{font-size:clamp(44px,5.8vw,88px);max-width:19ch;line-height:1.03;text-wrap:balance;letter-spacing:-.05em;font-weight:400}
.page-opening{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-top:42px;margin-bottom:60px}
.page-opening>p{font-size:clamp(19px,1.65vw,25px);line-height:1.5;letter-spacing:-.02em;max-width:40ch}
.page-opening>.contact-button{flex-shrink:0}
.type-band{display:flex;justify-content:space-between;gap:20px;padding:44px 0;border-block:1px solid var(--line);font-size:clamp(44px,7.4vw,116px);font-weight:400;line-height:1;letter-spacing:-.065em;overflow:hidden}
.type-band>span:last-child{color:transparent;-webkit-text-stroke:1px var(--ink)}
.page-index{display:flex;flex-wrap:wrap;gap:16px 40px;padding:24px 0;font-size:14px;border-bottom:1px solid var(--line)}
.page-index a:hover,.guide-index a:hover{text-decoration:underline;text-underline-offset:5px}
.editorial-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(48px,9vw,144px);border-bottom:1px solid var(--line)}
.content-page h2{font-size:clamp(32px,3.6vw,54px);font-weight:400;line-height:1.12;letter-spacing:-.04em;text-wrap:balance}
.editorial-section h2{margin-top:24px;max-width:16ch}
.editorial-copy,.guide-copy{font-size:18px;line-height:1.75;color:var(--muted)}
.editorial-copy>p+p,.guide-copy p+p{margin-top:22px}
.editorial-copy h3,.guide-copy h3{color:var(--ink);font-size:25px;line-height:1.25;letter-spacing:-.025em;margin-top:30px;margin-bottom:12px}
.editorial-copy a,.guide-copy p a,.guide-copy li a{color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.content-page ul{padding-left:22px;margin-block:22px}
.content-page li+li{margin-top:12px}
.page-section-heading{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(48px,9vw,144px);margin-bottom:54px}
.page-section-heading h2{max-width:19ch}
.editorial-rows{border-top:1px solid var(--ink)}
.editorial-rows>div{display:grid;grid-template-columns:40px minmax(0,.8fr) minmax(0,1fr);gap:32px;padding-block:32px;border-bottom:1px solid var(--line)}
.row-number{font-size:13px;padding-top:8px;font-variant-numeric:tabular-nums}
.editorial-rows h3{font-size:clamp(28px,3vw,42px);line-height:1.15}
.editorial-rows p{font-size:17px;line-height:1.7;color:var(--muted);max-width:60ch}
.editorial-note{background:var(--accent);padding:32px 36px;margin-block:40px;color:var(--ink);font-size:17px;line-height:1.65}
.editorial-note h3{margin:0 0 16px;font-size:28px;color:var(--ink)}
.editorial-note .text-link{margin-top:22px;color:var(--ink);line-height:1.4}
.related-projects{max-width:900px;margin-left:auto}
.projects-section{border-bottom:1px solid var(--line)}
.section-lead{font-size:17px;line-height:1.7;color:var(--muted);max-width:65ch;margin-bottom:36px}
.after-rows{margin-top:30px;margin-bottom:0}
.workflow-list{list-style:none;padding:0;counter-reset:workflow;border-top:1px solid var(--ink)}
.workflow-list>li{counter-increment:workflow;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:14px clamp(48px,9vw,144px);padding:30px 0;border-bottom:1px solid var(--line);margin:0}
.workflow-list>li+li{margin-top:0}
.workflow-list h3{grid-row:span 2;font-size:30px;line-height:1.25}
.workflow-list h3:before{content:counter(workflow,decimal-leading-zero);display:block;font-size:13px;letter-spacing:0;margin-bottom:16px}
.workflow-list p{font-size:17px;line-height:1.7;color:var(--muted)}
.workflow-list p:first-of-type{font-size:20px;line-height:1.6;color:var(--ink)}
.workflow-list p span{color:var(--muted);padding-inline:4px}
.comparison-wrap{max-width:100%}
.comparison-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}
.comparison-table caption{text-align:left;font-size:13px;line-height:1.6;color:var(--muted);padding-bottom:20px}
.comparison-table th,.comparison-table td{vertical-align:top;padding:26px 30px;font-weight:400;overflow-wrap:anywhere}
.comparison-table th{font-size:23px;line-height:1.3;letter-spacing:-.02em;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.comparison-table td{font-size:18px;line-height:1.65;border-bottom:1px solid var(--line);color:var(--muted)}
.comparison-table th+th,.comparison-table td+td{background:var(--accent);color:var(--ink)}
@media(max-width:767px){.workflow-list>li{grid-template-columns:1fr;gap:14px;padding-block:26px}.workflow-list h3{grid-row:auto;font-size:27px}.workflow-list h3:before{margin-bottom:10px}.workflow-list p:first-of-type{font-size:18px}.section-lead{font-size:16px;margin-bottom:28px}.after-rows{margin-bottom:0}.comparison-table th,.comparison-table td{padding:18px 12px}.comparison-table th{font-size:19px}.comparison-table td{font-size:15px;line-height:1.6}}
.related-projects p{font-size:16px;color:var(--muted);margin-top:12px;line-height:1.6}
.process-list{padding:0;list-style:none;counter-reset:process}
.process-list li{counter-increment:process;padding:0 0 28px 46px;border-bottom:1px solid var(--line);position:relative}
.process-list li+li{margin-top:28px}
.process-list li:before{content:counter(process,decimal-leading-zero);position:absolute;left:0;top:6px;font-size:13px}
.process-list h3{font-size:28px;line-height:1.25;margin-bottom:12px}
.process-list p{font-size:17px;line-height:1.7;color:var(--muted)}
.faq-list>div{padding-block:26px;border-top:1px solid var(--line)}
.faq-list>div:first-child{padding-top:0;border-top:0}
.faq-list h3{font-size:23px;line-height:1.3;margin:0 0 12px;letter-spacing:-.025em}
.faq-list p{font-size:17px;line-height:1.7;color:var(--muted)}
.page-contact{padding-top:52px;padding-bottom:70px}
.page-contact h2{font-size:clamp(44px,6.8vw,100px);max-width:17ch;margin:44px 0 48px}
.page-contact .contact-bottom>p{max-width:52ch}
.page-contact .contact-button{flex-shrink:0}
.guide-date{font-size:13px;color:var(--muted);line-height:1.6;padding-bottom:30px;border-bottom:1px solid var(--line)}
.guide-layout{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.25fr);gap:clamp(48px,10vw,160px);padding-top:65px}
.guide-index{align-self:start;position:sticky;top:32px;font-size:14px;line-height:1.6}
.guide-index ol{padding-left:20px;margin-block:24px}
.guide-index>a{display:block;margin-top:16px}
.guide-copy{max-width:66ch}
.guide-copy section+section{margin-top:64px;padding-top:54px;border-top:1px solid var(--line)}
.guide-copy h2{font-size:clamp(30px,2.9vw,42px);margin-bottom:26px;color:var(--ink)}
.guide-copy strong{font-weight:500;color:var(--ink)}
.step-label{display:block;color:var(--ink);font-size:13px;margin-bottom:18px;letter-spacing:.02em}
.guide-copy .editorial-note p{color:var(--ink)}
.guide-copy .faq-list{margin-top:30px}
.guide-copy section{scroll-margin-top:24px}
@media(max-width:1050px){.page-opening{align-items:flex-start;flex-direction:column;gap:26px}.editorial-section,.page-section-heading{gap:6vw}.guide-layout{gap:6vw}}
@media(max-width:767px){.page-hero{padding-top:48px;padding-bottom:0}.page-hero>.eyebrow{font-size:12px;line-height:1.6;margin-bottom:24px}.page-hero h1{font-size:clamp(38px,9vw,60px);max-width:21ch}.page-opening{margin-top:30px;margin-bottom:38px;gap:26px}.page-opening>p{font-size:19px}.page-opening .contact-button{max-width:100%;font-size:14px;gap:22px}.type-band{padding-block:28px;font-size:clamp(28px,6.8vw,50px);gap:12px}.page-index{font-size:13px;gap:18px 24px}.editorial-section,.page-section-heading{grid-template-columns:1fr;gap:30px}.editorial-section h2{max-width:20ch;margin-top:18px}.editorial-copy,.guide-copy{font-size:17px}.page-section-heading{margin-bottom:32px}.editorial-rows>div{grid-template-columns:25px minmax(0,1fr);gap:14px 20px;padding-block:26px}.editorial-rows p{grid-column:2}.editorial-rows h3{font-size:29px}.editorial-note{padding:26px 24px;margin-block:30px}.related-projects h3{font-size:30px}.related-projects .project-action{font-size:12px}.faq-list h3{font-size:22px}.page-contact{padding-block:40px}.page-contact h2{margin-block:32px;font-size:46px}.page-contact .contact-button{max-width:100%;gap:22px}.guide-layout{grid-template-columns:1fr;padding-top:35px;gap:48px}.guide-index{position:static;padding-bottom:26px;border-bottom:1px solid var(--line)}.guide-index ol{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}.guide-index li+li{margin-top:0}.guide-copy section+section{margin-top:44px;padding-top:36px}.guide-copy h2{font-size:32px}.guide-date{font-size:12px}}