/* Brett's Exteriors site. One stylesheet.
   THE LOOK = the Kestrel Wash Co Framer site Nate picked (https://shaggy-snow-083192.framer.app/, measured 15 Nov 2026):
   putty page, chalk cards, charcoal ink and bands, orange buttons with a hard 4px shadow, lime tags and stickers,
   Big Shoulders 900 uppercase heads (second H1 line orange), Archivo body, JetBrains Mono labels, square corners.
   Change a token, not a rule. Each part is styled once; build.py writes the same markup on every page. */

/* ============ TOKENS ============ */
:root{
  /* palette (brand/brand-guidelines.html) */
  --putty:#E4E1DA; --chalk:#F8F7F3; --grey-100:#EFEDE7; --grey-300:#CFCBC2; --ash:#B9B4A9;
  --grey-500:#7A776E; --grey-600:#5A5850; --grey-700:#3F403A;
  --charcoal:#1C1D1A; --charcoal-2:#262722;
  --orange:#FF5B1F; --orange-600:#FF7A45; --rust:#C9420F;
  --lime:#E3F04A; --lime-100:#F4F8C2;
  --green:#1E7A3C; --red:#B42318;

  /* roles */
  --paper:var(--putty); --card:var(--chalk); --alt:var(--grey-100);
  --ink:var(--charcoal); --body-c:var(--charcoal); --stone:var(--grey-600);
  --cta:var(--orange); --cta-hover:var(--orange-600);
  --line:var(--charcoal); --line-soft:#1C1D1A26; --line-dash:#1C1D1A59;

  /* type */
  --display:"Big Shoulders","Arial Narrow",Impact,sans-serif;
  --stencil:"Big Shoulders Stencil","Big Shoulders","Arial Narrow",Impact,sans-serif;
  --body:"Archivo","Helvetica Neue",Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --h1:72px; --h2:56px; --h3:28px;
  --lead:20px; --body-size:17px; --small:14px; --ml:12px;

  /* border, shadow, layout, motion */
  --bw:2px;
  --shadow:4px 4px 0 var(--charcoal);
  --shadow-lg:8px 8px 0 var(--charcoal);
  --container-max:1200px; --pad:40px; --section-y:104px;
  --dur:.18s; --dur-slow:.3s; --ease:cubic-bezier(.4,0,.2,1);
  --header-h:76px;
}

/* ============ BASE ============ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;border-radius:0;}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%;}
html.lock{overflow:hidden;}
body{font-family:var(--body);font-size:var(--body-size);color:var(--body-c);background:var(--paper);line-height:1.55;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;}
img,svg{display:block;max-width:100%;}
a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px;}
a:hover{color:var(--ink);text-decoration-color:var(--ink);}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px;}
h1,h2,h3{font-family:var(--display);text-transform:uppercase;color:var(--ink);text-wrap:balance;}
h1{font-size:min(var(--h1),calc((100vw - var(--pad) * 2) / 16.6));font-weight:900;line-height:1;letter-spacing:-.005em;}
h1 .o{display:block;color:var(--orange);}
h2{font-size:var(--h2);font-weight:900;line-height:1;letter-spacing:-.015em;}
h3{font-size:var(--h3);font-weight:800;line-height:1;letter-spacing:-.01em;}
p{text-wrap:pretty;}
strong,b{color:var(--ink);font-weight:600;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.wrap{max-width:calc(var(--container-max) + var(--pad) * 2);margin:0 auto;padding:0 var(--pad);}
.sec{padding:var(--section-y) 0;}
.sec--alt{background:var(--alt);}
.prose{max-width:720px;}
.prose p{margin-top:14px;}
.prose h2+p,.prose .eyebrow+h2{margin-top:0;}
.prose h2{margin-bottom:22px;}
.lead{font-size:var(--lead);color:var(--ink);line-height:1.5;max-width:600px;}
.small{font-size:var(--small);color:var(--stone);}

/* mono labels: eyebrows, codes, small caps */
.eyebrow,.ml,.pl,.code,.tag,.tk-bar,.crumb,.fh,.nav>a,.nav summary,.annc{font-family:var(--mono);font-size:var(--ml);font-weight:600;text-transform:uppercase;letter-spacing:.08em;line-height:1.4;}
.eyebrow{color:var(--stone);margin-bottom:18px;}
.ml,.pl{color:var(--stone);}
.tag{display:inline-flex;align-items:center;background:var(--lime);color:var(--ink);border:1.5px solid var(--ink);padding:3px 8px;white-space:nowrap;}

/* ============ BUTTONS ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:.03em;text-transform:uppercase;line-height:1;min-height:52px;padding:0 22px;border:var(--bw) solid var(--ink);cursor:pointer;white-space:nowrap;text-decoration:none;color:var(--ink);transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease);}
.btn .i{width:18px;height:18px;flex:none;}
.btn:hover{text-decoration:none;color:var(--ink);}
.btn--primary{background:var(--cta);box-shadow:var(--shadow);}
.btn--primary:hover{background:var(--cta-hover);}
.btn--primary:active{box-shadow:0 0 0 var(--ink);transform:translate(4px,4px);}
.btn--ghost{background:var(--chalk);}
.btn--ghost:hover{background:var(--lime);}
.btn--ghost:active{background:var(--lime-100);}
.btn--lg{min-height:56px;padding:0 24px;}
.btn--block{width:100%;}
.btn-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;}
.under-btn{font-size:var(--small);color:var(--stone);margin-top:12px;text-align:center;line-height:1.45;}

/* ============ ANNOUNCEMENT + HEADER ============ */
.annc{background:var(--charcoal);color:var(--lime);}
.annc-in{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:36px;padding-top:8px;padding-bottom:8px;}
.annc p{display:flex;align-items:center;gap:10px;}
.annc .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);flex:none;}
.annc .annc-r{color:var(--chalk);}
.site-head{position:sticky;top:0;z-index:50;background:var(--putty);border-bottom:var(--bw) solid var(--ink);transition:transform var(--dur-slow) var(--ease);}
.site-head.is-hidden{transform:translateY(-100%);}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:var(--header-h);}
.logo{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;min-height:44px;flex:none;}
.logo:hover{color:var(--ink);}
.mark{width:38px;height:38px;display:block;flex:none;}
.mark svg{width:100%;height:100%;}
.wm{font-family:var(--stencil);font-weight:900;text-transform:uppercase;font-size:26px;line-height:1;letter-spacing:-.005em;white-space:nowrap;}
.nav{display:flex;align-items:center;gap:2px;}
.nav>a,.nav summary{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;color:var(--ink);text-decoration:none;cursor:pointer;list-style:none;}
.nav summary::-webkit-details-marker{display:none;}
.nav>a:hover,.nav summary:hover{background:var(--lime);}
.nav>a[aria-current]{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:3px;text-underline-offset:8px;}
.nav .i{width:13px;height:13px;transition:transform var(--dur) var(--ease);}
.drop{position:relative;}
.drop[open] summary .i{transform:rotate(180deg);}
.drop-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:260px;background:var(--chalk);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);padding:6px;display:grid;}
.drop-menu a{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:44px;padding:0 12px;color:var(--ink);text-decoration:none;font-size:15px;font-weight:500;}
.drop-menu a:hover{background:var(--lime);}
.drop-menu a span{font-family:var(--mono);font-size:13px;color:var(--stone);}
.head-cta{display:flex;align-items:center;gap:12px;}
.head-cta .btn{min-height:48px;font-size:19px;}
.burger{display:none;width:48px;height:48px;border:var(--bw) solid var(--ink);background:var(--chalk);align-items:center;justify-content:center;cursor:pointer;color:var(--ink);}
.burger .i{width:24px;height:24px;}
.mnav{display:none;}

/* ============ HERO ============ */
.hero{padding:64px 0 88px;}
.crumb{display:flex;gap:10px;color:var(--stone);align-items:center;flex-wrap:wrap;margin-bottom:20px;list-style:none;}
.crumb a{color:var(--stone);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;}
.crumb a:hover{color:var(--ink);}
.crumb li+li::before{content:"/";margin-right:10px;}
.crumb [aria-current]{color:var(--ink);}
.hero h1{text-wrap:wrap;}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:64px;align-items:start;margin-top:36px;}
.hero-grid>*{min-width:0;}
.hero .lead{max-width:540px;}
.hero .btn-row{margin-top:32px;}
.stats{display:flex;margin-top:36px;padding-top:20px;border-top:var(--bw) solid var(--ink);max-width:540px;}
.stats>div{padding:0 22px;border-left:1px solid var(--grey-500);min-width:0;}
.stats>div:first-child{padding-left:0;border-left:none;}
.stats dt{font-family:var(--stencil);font-weight:900;font-size:34px;line-height:1;color:var(--ink);white-space:nowrap;}
.stats dd{font-family:var(--mono);font-size:var(--ml);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--stone);margin-top:8px;}
.hero-tool{position:relative;}
.sticker{position:absolute;z-index:2;top:-17px;left:132px;transform:rotate(-6deg);background:var(--lime);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);font-family:var(--mono);font-size:var(--ml);font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;color:var(--ink);white-space:nowrap;}

/* tape measure under the hero */
.ruler{height:34px;background-color:var(--lime);border-top:var(--bw) solid var(--ink);border-bottom:var(--bw) solid var(--ink);overflow:hidden;
  background-image:repeating-linear-gradient(90deg,var(--ink) 0 1.5px,transparent 1.5px 12px),repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 120px);
  background-size:100% 9px,100% 15px;background-repeat:no-repeat;background-position:0 0,0 0;}
.ruler-in{display:flex;height:100%;align-items:flex-end;padding-bottom:3px;}
.ruler-in span{flex:none;width:calc(100% / 12);font-family:var(--mono);font-size:11px;font-weight:600;color:var(--ink);padding-left:5px;line-height:1;}

/* ============ TICKETS (price tool, bundle, booking form, plan) ============ */
.ptool,.ticket,.form,.plan-card{background:var(--card);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-lg);min-width:0;}
.tk-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px 18px;border-bottom:var(--bw) solid var(--ink);color:var(--ink);background:var(--chalk);}
.tk-foot{font-size:var(--small);color:var(--stone);padding:14px 18px;border-top:var(--bw) solid var(--ink);line-height:1.45;}
.ptool fieldset,.form fieldset{border:none;min-width:0;}
.ptool legend,.form legend{padding:0;}
.pt-in{padding:20px 18px 6px;}
.lbl{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:20px;text-transform:uppercase;color:var(--ink);margin-bottom:12px;line-height:1.1;}
.n{width:24px;height:24px;flex:none;background:var(--ink);color:var(--chalk);display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:0;}
.pt-in fieldset{margin-bottom:18px;}
.choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.choice-row.three{grid-template-columns:repeat(3,minmax(0,1fr));}
.choice{position:relative;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px 10px;border:var(--bw) solid var(--ink);background:var(--chalk);font-size:16px;font-weight:500;color:var(--ink);cursor:pointer;line-height:1.2;transition:background var(--dur);}
.choice:hover{background:var(--lime-100);}
.choice input,.svc input{position:absolute;opacity:0;width:1px;height:1px;}
.choice:has(input:checked){background:var(--lime-100);color:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);}
.choice:has(input:focus-visible),.svc:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:2px;}
.svc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.svc{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border:var(--bw) solid var(--ink);cursor:pointer;user-select:none;background:var(--chalk);transition:background var(--dur);min-width:0;}
.svc:hover{background:var(--lime-100);}
.svc .bx{width:18px;height:18px;flex:none;border:var(--bw) solid var(--ink);background:var(--chalk);position:relative;}
.svc .sn{font-size:16px;font-weight:500;color:var(--ink);min-width:0;flex:1;line-height:1.2;}
.svc .sp{font-family:var(--mono);font-size:13px;color:var(--stone);white-space:nowrap;}
.svc:has(input:checked){background:var(--lime-100);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);}
.svc:has(input:checked) .sn{color:var(--ink);font-weight:600;}
.svc:has(input:checked) .sp{color:var(--grey-700);}
.svc:has(input:checked) .bx{background:var(--orange);border-color:var(--orange);}
.svc:has(input:checked) .bx::after{content:"";position:absolute;left:4px;top:0;width:5px;height:10px;border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:rotate(45deg);}
.pt-out{padding:20px 18px;background:var(--alt);border-top:var(--bw) solid var(--ink);color:var(--stone);display:grid;gap:8px;}
.pt-out .pl{color:var(--stone);}
.pt-out .pv{font-family:var(--stencil);font-weight:900;font-size:60px;line-height:.95;color:var(--ink);}
.pt-out .pv small{font-family:var(--mono);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--stone);margin-left:10px;}
.pt-out .pn{font-size:15px;color:var(--stone);line-height:1.45;min-height:22px;}
.pt-out .pn b{color:var(--ink);}
.pt-call{margin-top:4px;font-size:16px;font-weight:600;color:var(--ink);}
.plan-rows{border-top:1px solid var(--line-soft);margin-bottom:16px;}
.plan-rows .pr{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:15px;color:var(--ink);}
.plan-rows .pr span:last-child{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--stone);text-align:right;}

/* ============ SECTION HEADS ============ */
.sec-head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:48px;}
.sh-sub p{color:var(--stone);font-size:var(--body-size);line-height:1.55;}
.sh-sub p+p{margin-top:10px;}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start;}
.split>*{min-width:0;}
.split .prose p{color:var(--ink);}
.ref-line{margin-top:16px;font-weight:500;color:var(--ink);}
.more{margin-top:24px;}

/* ============ TABLES ============ */
.tablewrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;max-width:100%;border:var(--bw) solid var(--ink);background:var(--card);}
.ptable{width:100%;border-collapse:collapse;font-size:16px;}
.ptable caption{text-align:left;padding:16px 18px 0;font-weight:600;color:var(--ink);}
.ptable th{text-align:left;padding:12px 18px;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--chalk);background:var(--charcoal);}
.ptable td{padding:14px 18px;border-bottom:1px dashed var(--line-dash);vertical-align:top;color:var(--ink);}
.ptable tr:last-child td{border-bottom:none;}
.ptable td:first-child{font-weight:500;}
.ptable .num{font-family:var(--mono);font-size:15px;font-weight:600;white-space:nowrap;}
.ptable .note{font-size:15px;color:var(--stone);}
.ptable tr.hl td{background:var(--lime-100);}

/* ============ SERVICE CARDS ============ */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.svc-card{background:var(--card);border:var(--bw) solid var(--ink);padding:22px;display:flex;flex-direction:column;color:inherit;text-decoration:none;min-width:0;transition:box-shadow var(--dur) var(--ease);}
a.svc-card:hover{color:inherit;box-shadow:var(--shadow-lg);}
.sc-top{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.code{color:var(--ink);}
.svc-card h3{font-size:30px;}
.svc-card p{font-size:16px;line-height:1.5;margin-top:10px;flex:1;color:var(--stone);}
.sc-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:20px;padding-top:14px;border-top:1.5px dashed var(--line-dash);}
.sc-foot .ml{display:block;}
.sc-foot>.ml{text-align:right;}
.price{display:block;font-family:var(--stencil);font-weight:900;font-size:34px;color:var(--ink);line-height:1;margin-top:6px;white-space:nowrap;text-transform:uppercase;}

/* bundle ticket */
.ticket{max-width:560px;}
.t-body{padding:8px 18px 10px;}
.t-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line-dash);font-size:16px;color:var(--ink);}
.t-row:last-child{border-bottom:none;}
.t-row a{color:var(--ink);}
.t-row .num{font-family:var(--mono);font-weight:600;white-space:nowrap;}
.t-free .num{color:var(--green);}
.t-free s{color:var(--stone);font-weight:500;margin-right:6px;}
.t-total{position:relative;display:grid;grid-template-columns:1fr 1fr;border-top:var(--bw) dashed var(--ink);}
.t-total::before,.t-total::after{content:"";position:absolute;top:-10px;width:18px;height:18px;border-radius:50%;background:var(--paper);border:var(--bw) solid var(--ink);}
.sec--alt .t-total::before,.sec--alt .t-total::after{background:var(--alt);}
.t-total::before{left:-11px;} .t-total::after{right:-11px;}
.t-total>div{padding:18px;min-width:0;}
.t-total>div+div{border-left:1px solid var(--line-soft);}
.t-total b{display:block;font-family:var(--stencil);font-weight:900;font-size:48px;line-height:1;margin-top:6px;}

/* ============ PLAN CARD (light, orange offset like the featured Framer plan) ============ */
.plan-card{background:var(--card);border-color:var(--ink);box-shadow:10px 10px 0 var(--orange);color:var(--stone);}
.plan-card .tk-bar{background:var(--alt);color:var(--ink);border-bottom-color:var(--ink);}
.pc-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:40px;padding:28px 28px 32px;align-items:start;}
.pc-prices{display:grid;gap:22px;}
.pc-body .pl{color:var(--stone);}
.amt{font-family:var(--stencil);font-weight:900;font-size:64px;line-height:.95;color:var(--ink);margin-top:4px;}
.amt small{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--stone);margin-left:10px;}
.ticks{list-style:none;}
.ticks li{position:relative;padding:0 0 0 24px;line-height:42px;font-size:16px;color:var(--ink);border-bottom:1px dashed var(--line-dash);}
.ticks li::before{content:"";position:absolute;left:2px;top:17px;width:9px;height:9px;background:var(--rust);transform:rotate(45deg);}
.pc-cta{display:grid;gap:12px;justify-items:center;}
.pc-cta .ml{color:var(--stone);}
.pc-line{margin-top:36px;font-family:var(--mono);font-size:var(--ml);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--stone);}

/* ============ STEPS ============ */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.step-card{border:var(--bw) solid var(--ink);background:var(--card);min-width:0;}
.step-card .mockwrap{background:var(--putty);border-bottom:var(--bw) solid var(--ink);padding:32px 20px;display:flex;align-items:center;justify-content:center;min-height:200px;}
.step-card .sb{padding:20px 22px 24px;}
.step-card h3{font-size:26px;margin:8px 0 10px;}
.step-card p:not(.ml){font-size:16px;color:var(--stone);}
.mk{background:var(--chalk);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);padding:10px 12px;width:100%;max-width:250px;font-size:13px;color:var(--ink);line-height:1.35;}
.mk .r{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line-dash);}
.mk .r:last-child{border:none;}
.mk .r b{font-family:var(--mono);}
.mk .r.tot{font-weight:600;}
.mk .bub{background:var(--grey-100);border:1px solid var(--line-soft);padding:7px 9px;margin-bottom:6px;}
.mk .bub.me{background:var(--ink);color:var(--chalk);margin-left:28px;margin-bottom:0;}
.mk .pp{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.mk .pp div{height:66px;display:flex;align-items:flex-end;padding:4px 6px;font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;}
.mk .pp .b4{background:repeating-linear-gradient(135deg,#B9B4A9 0 6px,#A9A498 6px 12px);color:var(--ink);}
.mk .pp .af{background:var(--grey-100);color:var(--ink);border:1px solid var(--line-soft);}
.mk .ok{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;}
.mk .ok span:last-child{background:var(--orange);padding:2px 6px;}

/* placeholders (no fake photos or reviews) */
.ph{border:var(--bw) dashed var(--ink);background:var(--card);display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--stone);font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.5;min-height:220px;}
.ph-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.ph-row>*{min-width:0;}

/* areas: rows like the Framer area list */
.area-rows{list-style:none;border-top:3px solid var(--ink);}
.area-rows li{border-bottom:3px solid var(--ink);}
.area-rows a,.area-rows .nolink{display:flex;align-items:center;gap:10px;min-height:64px;padding:12px 0;color:var(--ink);text-decoration:none;}
.area-rows a:hover{background:var(--lime-100);}
.area-rows .an{font-family:var(--display);font-weight:900;font-size:30px;text-transform:uppercase;line-height:1;}
.area-rows .tag{margin-left:auto;}
.area-rows .nolink .an{color:var(--grey-700);}

/* facts (suburb pages) */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:var(--bw) solid var(--ink);background:var(--card);margin-top:36px;}
.facts>div{padding:22px;border-left:1px solid var(--line-soft);min-width:0;}
.facts>div:first-child{border-left:none;}
.facts .fv{font-family:var(--stencil);font-weight:900;font-size:44px;color:var(--ink);line-height:1;}
.facts .fl{font-size:16px;color:var(--ink);margin-top:10px;line-height:1.4;}
.facts .fs{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stone);margin-top:8px;}

/* ============ PHOTOS (never captioned as our job) ============ */
.pic{position:relative;overflow:hidden;background:var(--grey-300);border:var(--bw) solid var(--ink);min-width:0;}
.pic img{width:100%;height:auto;}
.pic-lab{position:absolute;left:0;bottom:0;z-index:2;background:var(--ink);color:var(--chalk);font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;line-height:1.3;}
.pic-cap{margin-top:12px;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stone);line-height:1.5;}
.pic-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:44px;}
.pic-duo>*{min-width:0;}
.pair-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:10px;aspect-ratio:3/1;}
.pair--wide .pair-in{grid-template-columns:minmax(0,1fr) minmax(0,2fr);}
.pair-in .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.solo{margin-top:22px;}
.sh-sub .solo .pic{box-shadow:var(--shadow);}

/* before and after drag (hero) */
.hero-pic{position:relative;min-width:0;}
.cmp-box{position:relative;aspect-ratio:8/5;overflow:hidden;border:var(--bw) solid var(--ink);box-shadow:var(--shadow-lg);background:var(--grey-300);}
.cmp-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.cmp-b{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.cmp-line{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:var(--chalk);z-index:2;pointer-events:none;}
.cmp-knob{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;background:var(--orange);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;color:var(--ink);}
.cmp-knob .i{width:22px;height:22px;}
.cmp-l{left:0;} .cmp-r{left:auto;right:0;}
.cmp-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3;-webkit-appearance:none;appearance:none;background:transparent;}
.cmp-range::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:100vh;}
.cmp-range::-moz-range-thumb{width:44px;height:100%;border:0;}
.cmp-range:focus-visible+*,.cmp-box:has(.cmp-range:focus-visible){outline:3px solid var(--orange);outline-offset:2px;}

/* hero promises (home) */
.promises{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px;padding-top:20px;border-top:var(--bw) solid var(--ink);max-width:540px;}
.promises li{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:var(--ml);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);line-height:1.3;}
.promises li::before{content:"";width:10px;height:10px;flex:none;background:var(--orange);border:1.5px solid var(--ink);}

/* proof row under the hero */
.proof{background:var(--chalk);border-bottom:var(--bw) solid var(--ink);}
.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.proof-grid>div{padding:30px 28px;border-left:1px solid var(--line-soft);min-width:0;}
.proof-grid>div:first-child{border-left:none;padding-left:0;}
.pf-v{font-family:var(--stencil);font-weight:900;font-size:48px;line-height:1;color:var(--ink);}
.pf-t{font-family:var(--display);font-weight:800;font-size:24px;text-transform:uppercase;line-height:1;color:var(--ink);margin-top:12px;}
.pf-d{font-size:16px;color:var(--stone);margin-top:8px;line-height:1.45;}

/* home price tool section: tool first on phones */
.tool-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);grid-template-areas:"table tool";gap:44px 64px;align-items:start;}
.tool-sec>*{min-width:0;}
.tool-sec .hero-tool{grid-area:tool;}
.tool-sec .ts-table{grid-area:table;}
.ts-more{margin-top:14px;}

/* suburb checker */
.checker{margin-top:26px;max-width:460px;}
.checker label{display:block;font-size:15px;font-weight:600;color:var(--ink);margin-bottom:8px;}
.chk-row{display:flex;gap:10px;}
.chk-row .inp{flex:1;min-width:0;}
.chk-row .btn{flex:none;}
.chk-out{margin-top:12px;font-size:16px;color:var(--ink);font-weight:500;min-height:24px;}
.chk-out:empty{display:none;}
.chk-out.ok{padding:10px 14px;background:var(--lime-100);border:var(--bw) solid var(--ink);}
.chk-out.no{padding:10px 14px;background:var(--chalk);border:var(--bw) dashed var(--ink);}

/* suburb drive line */
.drive{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:18px;font-size:16px;color:var(--ink);font-weight:500;}

/* ============ DARK BAND (guarantee) ============ */
.deep{background-color:var(--charcoal);background-image:linear-gradient(168deg,var(--charcoal) 0 34%,var(--charcoal-2) 34% 62%,var(--charcoal) 62%);color:var(--ash);}
.deep h2,.deep h3{color:var(--chalk);}
.deep .eyebrow{color:var(--lime);}
.deep .sh-sub p{color:var(--ash);}
.deep a{color:var(--chalk);}
.g-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:var(--bw) solid var(--chalk);}
.g-grid>div{padding:26px 22px;border-left:1px solid #FFFFFF33;min-width:0;}
.g-grid>div:first-child{border-left:none;}
.g-grid .gn{font-family:var(--mono);font-size:var(--ml);font-weight:600;letter-spacing:.08em;color:var(--lime);}
.g-grid h3{font-size:26px;margin:10px 0 10px;}
.g-grid p:not(.gn){font-size:16px;color:var(--ash);}
.g-fine{font-size:var(--small);color:var(--ash);margin-top:24px;max-width:780px;}

/* ============ FAQ ============ */
.faq-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.3fr);gap:64px;align-items:start;}
.faq-grid>*{min-width:0;}
.faq{border-top:3px solid var(--ink);}
.faq details{border-bottom:var(--bw) solid var(--ink);}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;cursor:pointer;list-style:none;font-family:var(--display);font-size:24px;font-weight:800;text-transform:uppercase;color:var(--ink);line-height:1.05;min-height:44px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary:hover{color:var(--grey-700);}
.faq .pm{width:22px;height:22px;position:relative;flex:none;background:var(--orange);border:var(--bw) solid var(--ink);}
.faq .pm::before,.faq .pm::after{content:"";position:absolute;left:4px;right:4px;top:8px;height:2px;background:var(--ink);transition:transform var(--dur-slow) var(--ease);}
.faq .pm::after{transform:rotate(90deg);}
.faq details[open] .pm::after{transform:rotate(0);}
.faq .ans{overflow:hidden;}
.faq .ans>div{padding-bottom:22px;max-width:680px;font-size:17px;}
.faq .ans p+p{margin-top:10px;}
p,li>span{text-wrap:pretty;}

/* ============ REFER ============ */
.refer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;}
.refer>*{min-width:0;}
.refer h2{margin-bottom:20px;}
.refer-steps{list-style:none;display:grid;gap:16px;}
.refer-steps li{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;background:var(--card);border:var(--bw) solid var(--ink);padding:18px;}
.refer-steps .n{width:48px;height:48px;font-family:var(--stencil);font-weight:900;font-size:28px;background:var(--orange);color:var(--ink);border:var(--bw) solid var(--ink);}
.refer-steps h3{font-size:24px;}
.refer-steps p{font-size:16px;margin-top:4px;color:var(--stone);}
.example{display:inline-block;margin-top:22px;padding:12px 16px;background:var(--lime);border:var(--bw) solid var(--ink);color:var(--ink);font-size:16px;font-weight:500;transform:rotate(-1.5deg);}
.refer .cta-box{margin-top:28px;max-width:380px;}

/* ============ BOOK (final section, orange band) ============ */
.book-band{background:var(--orange);border-top:var(--bw) solid var(--ink);}
.book{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start;}
.book>*{min-width:0;}
.book-band .eyebrow{color:var(--ink);}
.book-band h2{font-size:clamp(56px,7vw,96px);line-height:1;}
.book-band h2.long{font-size:var(--h2);}
.book-band .lead{margin-top:22px;}
.facts3{list-style:none;display:grid;gap:14px;margin-top:30px;}
.facts3 li{display:flex;gap:12px;align-items:center;color:var(--ink);font-weight:500;font-size:17px;}
.facts3 .sq{width:26px;height:26px;flex:none;background:var(--ink);color:var(--lime);display:flex;align-items:center;justify-content:center;}
.facts3 .sq .i{width:16px;height:16px;}
.form-in{padding:22px 20px 24px;}
.form .field{margin-bottom:18px;min-width:0;}
.form legend{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--ink);margin-bottom:10px;}
.form .field>label{display:block;font-size:15px;font-weight:600;color:var(--ink);margin-bottom:8px;}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;}
.inp{width:100%;font-family:var(--body);font-size:16px;min-height:48px;padding:12px 14px;background:#fff;color:var(--ink);border:var(--bw) solid var(--ink);transition:box-shadow var(--dur);}
select.inp{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C1D1A' stroke-width='2.4' stroke-linecap='square'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;}
.inp:focus{outline:none;box-shadow:var(--shadow);}
.inp::placeholder{color:var(--grey-500);}
.inp.is-error{border-color:var(--red);}
textarea.inp{min-height:96px;resize:vertical;}
.help{font-size:var(--small);color:var(--stone);margin-top:6px;line-height:1.45;}
.help.err{color:var(--red);font-weight:500;}
.form-price{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:var(--alt);border:var(--bw) solid var(--ink);margin-bottom:20px;}
.form-price span{font-family:var(--mono);font-size:var(--ml);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--stone);}
.form-price b{font-family:var(--stencil);font-size:40px;font-weight:900;line-height:1;color:var(--ink);white-space:nowrap;}
.form-status{margin-top:14px;padding:14px 16px;border:var(--bw) solid var(--ink);background:var(--lime-100);color:var(--ink);font-size:15px;}
.form-status[hidden]{display:none;}
.form-status.ok{background:#E7F3EA;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

/* legal pages */
.legal .prose h1{font-size:var(--h2);margin:6px 0 20px;}
.legal .prose .lead{margin-bottom:6px;}

/* ============ FOOTER ============ */
.site-foot{background:var(--charcoal);color:var(--ash);padding:72px 0 28px;font-size:15px;overflow:hidden;}
.foot-cols{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:32px;}
.foot-cols>*{min-width:0;}
.site-foot .logo,.site-foot .logo:hover{color:var(--chalk);}
.foot-about{margin-top:16px;max-width:320px;}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.badges span{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--ash);color:var(--chalk);padding:4px 8px;}
.fh{color:var(--lime);margin-bottom:10px;}
.site-foot ul{list-style:none;}
.site-foot li a{color:var(--chalk);display:flex;align-items:center;min-height:44px;text-decoration:none;}
.site-foot li a:hover{color:var(--lime);}
.foot-mark{font-family:var(--stencil);font-weight:900;text-transform:uppercase;font-size:min(142px,calc((min(100vw,1200px) - var(--pad) * 2) / 7.6));line-height:.9;color:var(--grey-700);white-space:nowrap;margin:48px 0 0;letter-spacing:-.01em;}
.site-foot .mark svg{outline:1.5px solid var(--grey-700);}
.foot-bot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #FFFFFF2E;padding-top:16px;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;}
.foot-bot a{color:var(--ash);display:inline-flex;align-items:center;min-height:44px;text-decoration:none;}
.foot-bot a:hover{color:var(--chalk);}

/* ============ MOTION ============ */
.js .rv{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.js .rv.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{transition:none!important;animation:none!important;}
  .js .rv{opacity:1;transform:none;}
}

/* ============ SCREENS ============ */
@media (max-width:1180px){
  .nav{display:none;}
  .burger{display:flex;}
  .mnav{position:fixed;inset:calc(var(--header-h) + var(--bw)) 0 0 0;background:var(--putty);overflow-y:auto;padding:12px var(--pad) 40px;display:none;}
  .mnav.open{display:block;}
  .mnav .mh{font-family:var(--mono);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--stone);margin:20px 0 4px;}
  .mnav a:not(.btn){display:flex;justify-content:space-between;align-items:center;min-height:52px;border-bottom:var(--bw) solid var(--ink);color:var(--ink);text-decoration:none;font-family:var(--display);font-size:24px;font-weight:800;text-transform:uppercase;}
  .mnav a span{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--stone);}
  .mnav .btn{margin-top:28px;width:100%;}
  .foot-cols{grid-template-columns:repeat(4,minmax(0,1fr));}
  .foot-brand{grid-column:1/-1;}
  .pc-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .pc-cta{grid-column:1/-1;justify-items:start;grid-auto-flow:column;align-items:center;justify-content:start;gap:20px;}
}
@media (max-width:1024px){
  :root{--h1:60px;--h2:48px;--section-y:80px;}
  .hero-grid,.book,.refer,.split,.faq-grid{grid-template-columns:minmax(0,1fr);gap:44px;}
  .hero-grid{max-width:640px;}
  .sec-head{grid-template-columns:minmax(0,1fr);gap:18px;}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr));}
  .g-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .g-grid>div:nth-child(3){border-left:none;}
  .g-grid>div:nth-child(n+3){border-top:1px solid #FFFFFF33;}
  .ptool,.form{max-width:640px;}
  .tool-sec{grid-template-columns:minmax(0,1fr);grid-template-areas:"tool" "table";}
  .tool-sec .hero-tool{max-width:640px;}
  .pic-duo{grid-template-columns:minmax(0,1fr);}
  .hero-pic{max-width:640px;}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr));}
  .facts>div:nth-child(3){border-left:none;}
  .facts>div:nth-child(n+3){border-top:1px solid var(--line-soft);}
  .steps{grid-template-columns:minmax(0,1fr);max-width:640px;}
  .annc .annc-r{display:none;}
}
@media (max-width:767px){
  :root{--h1:46px;--h2:38px;--h3:24px;--pad:20px;--section-y:64px;--body-size:16px;--lead:17px;--header-h:64px;--ml:14px;}
  .hero{padding:32px 0 56px;}
  .hero-grid{margin-top:24px;gap:48px;}
  .wm{font-size:23px;}
  .head-cta .btn{padding:0 14px;font-size:18px;min-height:46px;}
  .btn{font-size:19px;padding:0 16px;}
  .btn-row{gap:12px;flex-wrap:nowrap;}
  .btn-row .btn{flex:1 1 auto;min-width:0;}
  .stats>div{padding:0 14px;}
  .stats dt{font-size:30px;}
  .cards,.ph-row{grid-template-columns:minmax(0,1fr);}
  .svc-list{grid-template-columns:minmax(0,1fr);}
  .facts{grid-template-columns:minmax(0,1fr);}
  .facts>div{border-left:none;border-top:1px solid var(--line-soft);}
  .proof-grid{grid-template-columns:minmax(0,1fr);}
  .proof-grid>div{padding:22px 0;border-left:none;border-top:1px solid var(--line-soft);}
  .proof-grid>div:first-child{border-top:none;}
  .pf-v{font-size:42px;}
  .pair-in,.pair--wide .pair-in{aspect-ratio:3/2;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .mark{width:34px;height:34px;}
  .facts>div:first-child{border-top:none;}
  .g-grid{grid-template-columns:minmax(0,1fr);}
  .g-grid>div{border-left:none;border-top:1px solid #FFFFFF33;}
  .g-grid>div:first-child{border-top:none;}
  .pc-body{grid-template-columns:minmax(0,1fr);gap:28px;padding:22px 20px 26px;}
  .pc-cta{grid-auto-flow:row;justify-items:stretch;}
  .pc-cta .ml{text-align:center;}
  .amt{font-size:56px;}
  .form-in{padding:18px 16px 20px;}
  .form .row2{grid-template-columns:minmax(0,1fr);}
  .pt-in{padding:18px 16px 4px;}
  .pt-out{padding:18px 16px;}
  .pt-out .pv{font-size:54px;}
  .t-total b{font-size:40px;}
  .faq summary{font-size:22px;padding:20px 0;}
  .ptable th,.ptable td{padding:12px 14px;}
  .ptable{font-size:15px;}
  .foot-cols{grid-template-columns:1fr 1fr;gap:24px;}
  .foot-cols .foot-legal{grid-column:1/-1;}
  .foot-bot{flex-direction:column;gap:0;}
  .ph{min-height:160px;}
  .sticker{left:118px;top:-18px;}
  h1{font-size:clamp(28px,calc((100vw - 40px) / 10.4),46px);}
  h1 .o{display:inline;}
  .area-rows .an{font-size:26px;}
  .book-band h2{font-size:var(--h2);}
  .ruler-in span{width:25%;}
  .ruler-in span:nth-child(n+5){display:none;}
  .ptool,.ticket,.form{box-shadow:6px 6px 0 var(--ink);}
}
@media (max-width:420px){
  .head-cta .btn{display:none;}
  .btn .i{display:none;}
}
@media (max-width:359px){
  .sticker{display:none;}
  .pair-in,.pair--wide .pair-in{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:3/4;}
  .t-total{grid-template-columns:minmax(0,1fr);}
  .t-total>div+div{border-left:none;border-top:1px solid var(--line-soft);}
  :root{--pad:16px;--h2:34px;}
  .pt-in,.pt-out,.form-in,.svc-card,.refer-steps li{padding-left:14px;padding-right:14px;}
  .choice{font-size:15px;padding:6px;}
  .svc{padding:8px 10px;}
  .btn{padding:0 12px;}
  .btn-row{gap:10px;}
  .stats>div{padding:0 10px;}
  .stats dt{font-size:26px;}
  .t-body,.t-total>div,.tk-bar,.tk-foot{padding-left:14px;padding-right:14px;}
}