/* Fixwell 2026 — inner page compositions. Every page gets its own layout. */
.pg-head{background:var(--surface);border-block-end:1px solid var(--line)}
.pg-head+.section--flush-t{padding-block-start:var(--sec)}
.pg-s{display:grid;gap:var(--s3)}
.pg-s .ph img{aspect-ratio:4/3}
.pg-call .btn-row{margin-block-start:0}
.pg-head--svc h1{color:var(--navy);max-inline-size:18ch}
.pg-head--price{background:var(--navy);color:var(--pale);border:0}
.pg-head--price h1{color:#fff}.pg-head--price .lead{color:var(--pale)}.pg-head--price .kicker{color:var(--copper-l)}
.pg-head--price .crumbs,.pg-head--price .crumbs a{color:var(--pale)}.pg-head--price .crumbs [aria-current]{color:#fff}
.pg-head--price :focus-visible{outline-color:#fff}
.pg-head--contact{border-block-end:4px solid var(--red)}
/* services index */
.sv-group{display:grid;gap:var(--s5);padding-block:var(--s6);border-block-start:2px solid var(--navy)}
.sv-group:first-child{padding-block-start:var(--s5)}
.sv-gh{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s4)}
.sv-gh p{font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.sv-list{display:grid;gap:var(--s6)}
@media (min-width:900px){.sv-group{grid-template-columns:minmax(0,.3fr) minmax(0,1fr);gap:var(--s7)}.sv-gh{flex-direction:column;justify-content:flex-start;gap:var(--s2)}.sv-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sv{display:grid;gap:var(--s4);align-content:start}
.sv-ph img{aspect-ratio:3/2}
.sv-ph{display:block;background:var(--soft)}
.sv-k{display:inline-flex;align-items:center;gap:var(--s2);font-weight:700;color:var(--copper)}
.sv h3{font-size:1.75rem;margin-block:var(--s1) var(--s2)}
.sv h3 a{display:inline-flex;align-items:center;min-block-size:44px;text-decoration:none}
.sv h3 a:hover{text-decoration:underline;color:var(--blue)}
.sv-b>p:not(.sv-k){color:var(--muted);margin-block-end:var(--s3)}
/* service page */
.svc-grid{display:grid;gap:var(--s7)}
@media (min-width:1000px){.svc-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:var(--s8)}.svc-side{position:sticky;inset-block-start:calc(var(--header) + var(--s5));align-self:start}}
.svc-main>.ph img{aspect-ratio:16/10}
.svc-sum{font-family:var(--f-display);font-size:clamp(1.375rem,1.2rem + .7vw,1.875rem);line-height:1.35;color:var(--ink);margin-block:var(--s6);max-inline-size:34ch}
.svc-lists{display:grid;gap:var(--s6);padding-block:var(--s6);border-block:1px solid var(--line)}
@media (min-width:700px){.svc-lists{grid-template-columns:repeat(2,minmax(0,1fr))}}
.decide{padding:0;list-style:none;counter-reset:d;display:grid;gap:var(--s3)}
.decide li{counter-increment:d;display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--s2);line-height:1.45}
.decide li::before{content:counter(d,decimal-leading-zero);font-family:var(--f-display);font-weight:700;color:var(--copper)}
.svc-ph{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);margin-block-start:var(--s6)}
.svc-ph img{aspect-ratio:1}
@media (max-width:479px){.svc-ph{grid-template-columns:minmax(0,1fr)}}
.svc-side{display:grid;gap:var(--s5)}
.price-dk{padding:var(--s6);background:var(--surface);border:1px solid var(--line);border-block-start:4px solid var(--copper)}
.price-dk .kicker{margin-block-end:var(--s2)}
.price-big{font-family:var(--f-display);font-size:clamp(3rem,2.6rem + 1.6vw,4rem);font-weight:700;line-height:1;color:var(--navy);margin-block-end:var(--s3)}
.price-dk>p:not(.kicker):not(.price-big):not(.gas){color:var(--muted)}
.svc-ill img{aspect-ratio:4/3}
/* pricing */
.tk-grid--all .tk-n{font-size:1.125rem}
.fig-grid{display:grid;gap:var(--s7);align-items:center}
.fig-grid h2{margin-block-end:var(--s4)}
.fig-grid .lead{margin-block-end:var(--s4)}
.fig-grid .ph img{aspect-ratio:4/3}
@media (min-width:1000px){.fig-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s8)}}
.care-cmp{display:grid;gap:var(--s7);align-items:start}
.care-cmp h2{margin-block-end:var(--s4)}
@media (min-width:1000px){.care-cmp{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.cmp{background:var(--surface);border:1px solid var(--line)}
.cmp thead th:nth-child(2){background:var(--navy);color:#fff;border-block-end-color:var(--navy)}
.cmp td:nth-child(2){background:var(--soft);font-weight:600;color:var(--ink)}
.cmp td,.cmp th{min-inline-size:9rem}
/* reviews page */
.rv-grid[data-filter-list] .rv{grid-template-rows:auto 1fr auto auto}
.rv h2.rv-n{font-family:var(--f-body);font-size:1rem}
/* about */
.ab-hero{background:var(--surface);padding-block:var(--s5) var(--sec);border-block-end:1px solid var(--line)}
.ab-grid{display:grid;gap:var(--s6);align-items:center}
.ab-grid h1{max-inline-size:14ch;color:var(--navy)}
.ab-grid .lead{margin-block-start:var(--s5)}
.ab-grid .ph img{aspect-ratio:3/2}
@media (min-width:1000px){.ab-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8)}}
.ab-body{display:grid;gap:var(--s7)}
@media (min-width:1000px){.ab-body{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:var(--s8)}}
.ab-copy>p{font-size:1.125rem;margin-block-end:var(--s4)}
.ab-copy>p:first-child{font-family:var(--f-display);font-size:clamp(1.375rem,1.2rem + .6vw,1.75rem);line-height:1.4;color:var(--ink)}
.wont{margin-block:var(--s6);padding:var(--s5) var(--s6);background:var(--soft);border-inline-start:4px solid var(--red)}
.wont h2{font-size:1.5rem;margin-block-end:var(--s3)}
.wont ul{list-style:none;padding:0;display:grid;gap:var(--s2)}
.wont li{display:flex;gap:var(--s3);align-items:baseline;font-weight:500}
.x{color:var(--red);font-weight:700;font-size:1.25rem;line-height:1}
.ab-side .ph img{aspect-ratio:4/5}
.ab-strip{display:grid;gap:var(--s5)}
.ab-strip .ph img{aspect-ratio:4/3}
@media (min-width:900px){.ab-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* projects */
.pj-grid{display:grid;gap:var(--s6)}
@media (min-width:700px){.pj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.pj-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pj--lead{grid-column:span 2;grid-row:span 2}}
.pj{display:grid;gap:var(--s3);align-content:start;background:var(--surface);border:1px solid var(--line)}
.pj .ph img{aspect-ratio:4/3}
.pj--lead .ph img{aspect-ratio:3/2}
.pj-b{padding:0 var(--s5) var(--s5)}
.pj-k{font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--copper);margin-block-end:var(--s2)}
.pj h2{font-size:1.5rem;margin-block-end:var(--s2)}
.pj--lead h2{font-size:clamp(1.75rem,1.5rem + 1vw,2.25rem)}
.pj-b>p:last-child{color:var(--muted)}
/* advice index */
.ad a{display:grid;gap:var(--s4);text-decoration:none;color:var(--fg)}
.ad-ph{display:block;background:var(--soft)}
.ad-ph img{aspect-ratio:3/2}
.ad-b{display:grid;gap:var(--s2);align-content:start}
.ad h2{font-size:1.625rem}
.ad-x{color:var(--muted)}
.ad a:hover h2{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px}
.ad--lead{padding-block-end:var(--s7);margin-block-end:var(--s7);border-block-end:2px solid var(--navy)}
.ad--lead h2{font-size:var(--t-h2)}
.ad--lead .ad-x{font-size:var(--t-lead)}
@media (min-width:1000px){.ad--lead a{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--s7);align-items:center}}
.ad-grid{display:grid;gap:var(--s6)}
@media (min-width:800px){.ad-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ad-book{padding:var(--s5);background:var(--navy);color:var(--pale);display:grid;gap:var(--s3);align-content:start;justify-items:start}
.ad-book .h-s{color:#fff}.ad-book .h-s .ic{color:var(--copper-l)}
.ad-book .btn{background:var(--blue);border-color:#fff;color:#fff}
.ad-book .btn:hover{background:var(--blue-h);border-color:#fff;color:#fff}
.ad-book a:not(.btn){color:#fff}
.ad-book :focus-visible{outline-color:#fff}
.ad-grid+.cap{margin-block-start:var(--s6)}
.cap a{color:var(--blue)}
/* advice post */
.post-h{background:var(--surface);padding-block:var(--s5) var(--s7);border-block-end:1px solid var(--line)}
.post-h h1{font-size:clamp(2.25rem,1.6rem + 2.8vw,4rem);margin-block:var(--s3) var(--s4);max-inline-size:18ch;color:var(--navy)}
.post-grid{display:grid;gap:var(--s7);padding-block:var(--sec)}
@media (min-width:1000px){.post-grid{grid-template-columns:minmax(0,1fr) 300px;gap:var(--s8)}.post-side{position:sticky;inset-block-start:calc(var(--header) + var(--s5));align-self:start}}
.post-body>.ph{margin-block-end:var(--s6)}
.post-body>.ph img{aspect-ratio:16/9}
.post-body>p{font-size:1.1875rem;line-height:1.7;margin-block-end:var(--s5);max-inline-size:62ch}
.post-body>p:first-of-type::first-letter{font-family:var(--f-display);font-weight:700;color:var(--copper);float:left;font-size:3.6em;line-height:.85;padding:.06em .1em 0 0}
.post-side{display:grid;gap:var(--s6)}
.otp{list-style:none;padding:0;border-block-start:2px solid var(--navy)}
.otp a{display:flex;align-items:center;min-block-size:52px;padding-block:var(--s2);border-block-end:1px solid var(--line);text-decoration:none;line-height:1.35}
.otp a[aria-current]{font-weight:700;color:var(--navy);box-shadow:inset 3px 0 var(--copper);padding-inline-start:var(--s3)}
.otp a:hover{color:var(--blue);text-decoration:underline}
.post-ph a{display:inline-flex;align-items:center;gap:var(--s2);min-block-size:44px;font-family:var(--f-display);font-weight:700;font-size:1.25rem;text-decoration:none}
/* FAQ */
.faq-grid{display:grid;gap:var(--s7)}
@media (min-width:1000px){.faq-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:var(--s8)}.faq-side{position:sticky;inset-block-start:calc(var(--header) + var(--s5));align-self:start}}
.faq-l{border-block-start:2px solid var(--navy)}
.qa{border-block-end:1px solid var(--line)}
.qa summary{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);min-block-size:64px;padding-block:var(--s4);cursor:pointer;list-style:none}
.qa summary::-webkit-details-marker{display:none}
.qa summary h2{font-size:clamp(1.1875rem,1.1rem + .4vw,1.4375rem);line-height:1.3}
.qa summary:hover h2{color:var(--blue)}
.qa-i{position:relative;flex:none;inline-size:32px;block-size:32px;border:1px solid var(--navy)}
.qa-i::before,.qa-i::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:14px;block-size:2px;background:var(--navy);translate:-50% -50%}
.qa-i::after{rotate:90deg}
.qa[open] .qa-i{background:var(--navy)}
.qa[open] .qa-i::before{background:#fff}
.qa[open] .qa-i::after{display:none}
.qa-a{padding-block-end:var(--s5)}
.qa-a p{color:var(--muted);font-size:1.0625rem}
.qa:target summary h2{color:var(--navy);text-decoration:underline;text-decoration-color:var(--copper)}
.faq-side{display:grid;gap:var(--s5)}
.faq-side .ph img{aspect-ratio:4/3}
/* contact */
.ct-grid{display:grid;gap:var(--s7);align-items:start}
@media (min-width:1000px){.ct-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s8)}}
.ct-info{display:grid;gap:var(--s4)}
.em-card--big{padding:var(--s6)}
.em-card--big .em-n{font-size:clamp(2rem,1.6rem + 1.6vw,2.75rem)}
.ct-info .facts{margin-block:0}
.form h2{margin-block-end:0}
.success{display:grid;gap:var(--s3);justify-items:start}
.success:focus{outline:none}
.success h2{font-size:var(--t-h2);color:var(--navy)}
/* 404 */
.nf{padding-block:var(--sec)}
.nf-grid{display:grid;gap:var(--s7);align-items:center}
.nf h1{max-inline-size:14ch;color:var(--navy);margin-block-end:var(--s5)}
.nf .ph img{aspect-ratio:4/3}
@media (min-width:900px){.nf-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
/* credits */
table.credits td:first-child{inline-size:112px}
table.credits img{inline-size:96px;block-size:72px;object-fit:cover}
table.credits{background:var(--surface);border:1px solid var(--line)}
table.credits td a{color:var(--blue)}
.cr-h{margin-block-start:var(--s7)}
table.credits td{overflow-wrap:anywhere}
@media (max-width:699px){
  table.credits thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  table.credits,table.credits tbody{display:block}
  table.credits tr{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:var(--s4);padding:var(--s4);border-block-end:1px solid var(--line)}
  table.credits td{display:block;padding:0;border:0}
  table.credits td:first-child{grid-row:1 / span 3;inline-size:auto}
  table.credits td:not(:first-child){grid-column:2}
  table.credits td + td + td{margin-block-start:var(--s2)}
}
/* forms demo */
.narrow>.pill{margin-block-end:var(--s4)}

/* no motion, anywhere */
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}