/* Double Shot Marketing, Kit 02 site layer (2026-10-12).
   The whole site's stylesheet: base, type roles, nav, buttons, grounds, sections, cards,
   the menu board, forms, call to action, footer and the phone bar. Loaded after
   fonts/fonts.css and system/tokens.css. Built from ../brand-kit-02/web/site.css (the
   approved concept) and ../brand-kit-02/DESIGN.md. base/components/elements.css stay
   in system/ for wakeup/, which still loads them; site pages no longer do.
   Contrast law: small text on orange sits in an ink chip; --hot only for the single hot
   dot on ink. Measured: paper on olive 7.0:1, ink on kraft-light 8.5:1, ink on sky 7.0:1,
   paper on orange-deep 4.73:1 (buttons). */

/* ---------------------------------------------------------------- base */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --focus:var(--ink);
  --input-bg:color-mix(in srgb, var(--paper) 55%, #fff);
  --orange-deep-hover:color-mix(in srgb, var(--orange-deep) 78%, var(--ink));
  --wrap:1296px;
  --pad:48px;
  --sec:120px;
  --spark:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M10 0C10.8 6.5 13.5 9.2 20 10 13.5 10.8 10.8 13.5 10 20 9.2 13.5 6.5 10.8 0 10 6.5 9.2 9.2 6.5 10 0z'/></svg>");
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;background:var(--ink);}
body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-body-l);
  line-height:var(--leading-body);-webkit-font-smoothing:antialiased;overflow-x:clip;}
/* grain on every ground (DESIGN.md): one fixed layer, multiply, never in the way of a tap */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.07;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='260' height='260' filter='url(%23g)' opacity='0.6'/></svg>");}
img,svg,video,iframe{display:block;max-width:100%;}
img{height:auto;}
a{color:inherit;}
ul,ol{list-style:none;}
button,input,select,textarea{font:inherit;color:inherit;}
h1,h2,h3{font-weight:400;text-wrap:balance;}
p{text-wrap:pretty;}
strong,b{font-weight:700;}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad);}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.skip{position:absolute;left:16px;top:-80px;z-index:100;background:var(--paper);color:var(--ink);padding:12px 18px;border-radius:var(--radius-pill);
  font:500 var(--fs-label)/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;}
.skip:focus{top:16px;}
.on-dark{--focus:var(--paper);color:var(--paper);}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px;}
.mt-s{margin-top:12px;} .mt-m{margin-top:24px;} .mt-l{margin-top:40px;} .mt-xl{margin-top:72px;}

/* ---------------------------------------------------------------- type roles */
.h1{font-family:var(--font-display);font-weight:400;font-size:clamp(46px,6.2vw,92px);line-height:.92;letter-spacing:-.025em;}
.h2,.sec h2{font-family:var(--font-display);font-weight:400;font-size:var(--fs-h2);line-height:1;letter-spacing:-.015em;}
.h3{font-family:var(--font-sans);font-weight:800;font-size:var(--fs-h3);line-height:1.15;letter-spacing:-.01em;}
.kicker{display:block;font:500 var(--fs-label)/1.4 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;}
.lede{font-size:var(--fs-lead);line-height:1.5;max-width:36em;}
.lead{font-size:var(--fs-lead);line-height:1.5;max-width:40em;margin-top:18px;}
.serif-line{font-family:var(--font-serif);font-weight:400;line-height:1.08;letter-spacing:-.005em;}
.serif-line em{font-style:italic;}
.ranch-label{font-family:var(--font-ranch);font-weight:800;font-stretch:75%;text-transform:uppercase;letter-spacing:.14em;}
.dot-hot{color:var(--hot);}
.ink-soft{color:var(--ink-soft);}
.on-dark .muted{color:var(--paper-75);}
/* links inside running text */
/* ink text, orange-deep underline: AA on every light ground (orange-deep text is 3.05:1 on kraft) */
.inline-links a,.prose a,.link{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--orange-deep);text-decoration-thickness:2px;text-underline-offset:4px;}
.inline-links a:hover,.prose a:hover,.link:hover{color:var(--ink);text-decoration-thickness:3.5px;}
.on-dark .inline-links a,.on-dark .prose a,.on-dark .link{color:var(--orange-bleach);}
.on-dark .inline-links a:hover,.on-dark .prose a:hover,.on-dark .link:hover{color:var(--paper);}
.g-olive .inline-links a,.g-olive .link{color:var(--paper);}
.prose p+p{margin-top:16px;}
.prose p{max-width:62ch;}

/* the stroke icons from system/defs.js */
.ds-icon{display:inline-block;width:24px;height:24px;flex-shrink:0;}
.ds-icon svg{width:100%;height:100%;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;}
.ds-icon.tilt-l svg{transform:rotate(-2.5deg);} .ds-icon.tilt-r svg{transform:rotate(2deg);}
.bean{display:inline-block;vertical-align:-.12em;height:1em;}
.bean svg{display:block;height:100%;width:auto;}

/* ---------------------------------------------------------------- buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:16px 26px;border:0;border-radius:var(--radius-pill);
  font:500 14px/1 var(--font-mono);letter-spacing:.13em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:background-color var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out),box-shadow var(--dur-hover) var(--ease-out),transform var(--dur-hover) var(--ease-out);}
.btn-sm{min-height:42px;padding:12px 18px;font-size:13px;}
.btn-lg{min-height:58px;padding:20px 32px;font-size:15px;}
/* JOB primary: the one action. Paper on orange-deep, 4.73:1. --hot is never a button. */
.btn-primary{background:var(--orange-deep);color:var(--paper);}
.btn-primary:hover{background:var(--orange-deep-hover);}
.btn-ink{background:var(--ink);color:var(--paper);}
.btn-ink:hover{background:var(--ink-soft);}
.btn-line{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 1.5px var(--paper);}
.btn-line:hover{background:var(--paper);color:var(--ink);}
.btn-line-ink{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);}
.btn-line-ink:hover{background:var(--ink);color:var(--paper);}
.btn-paper{background:var(--paper);color:var(--ink);}
.btn-paper:hover{background:var(--orange-ghost);}
.btn:active{transform:translateY(1px) scale(.98);}
.btn[disabled]{opacity:.6;cursor:progress;transform:none;}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}

/* ---------------------------------------------------------------- chips and stamps */
/* JOB ink chip: the only way small text sits on orange grounds */
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-pill);font:500 var(--fs-label)/1.25 var(--font-mono);letter-spacing:.13em;text-transform:uppercase;}
.chip-ink{background:var(--ink);color:var(--paper);}
.chip-line{box-shadow:inset 0 0 0 1.5px currentColor;}
.chip-kraft{background:var(--kraft-light);color:var(--ink);}
/* double-rule label (L10 pattern, typeset words only, never the brand name) */
.stamp{display:inline-block;padding:12px 20px 11px;border:2px solid currentColor;box-shadow:inset 0 0 0 3px var(--stamp-gap,var(--ink)),inset 0 0 0 4.5px currentColor;
  font:800 15px/1 var(--font-ranch);font-stretch:75%;letter-spacing:.2em;text-transform:uppercase;}
.hours{font-size:var(--fs-small);line-height:1.5;}
.on-dark .hours{color:var(--paper-75);}

/* ---------------------------------------------------------------- nav */
.site-head{position:absolute;top:0;left:0;right:0;z-index:40;color:var(--paper);--focus:var(--paper);}
.nav{display:flex;align-items:center;gap:28px;padding-top:22px;padding-bottom:22px;}
.nav-logo{display:block;flex:none;border-radius:4px;}
.nav-logo img{height:68px;width:auto;}
.nav-tabs{display:flex;gap:26px;margin-left:auto;}
.nav-tabs a,.nav-phone{display:block;font:500 var(--fs-label)/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--paper);
  text-decoration:none;padding:12px 0 10px;border-bottom:1.5px solid transparent;transition:border-color var(--dur-hover) var(--ease-out);}
.nav-tabs a:hover,.nav-phone:hover{border-bottom-color:currentColor;}
.nav-tabs a[aria-current="page"]{border-bottom-color:var(--orange-bleach);}
.nav-actions{display:flex;align-items:center;gap:22px;}
.nav-toggle{display:none;}
.nav-toggle .i-close{display:none;}
.nav-open .nav-toggle .i-open{display:none;}
.nav-open .nav-toggle .i-close{display:block;}

/* ---------------------------------------------------------------- grounds */
.sec{position:relative;padding:var(--sec) 0;}
.g-paper{background:radial-gradient(90% 60% at 20% 10%, rgba(255,255,255,.32), transparent 60%),var(--paper);}
.g-deep{background:radial-gradient(80% 60% at 85% 90%, rgba(255,255,255,.25), transparent 65%),var(--paper-deep);}
.g-ink{background:radial-gradient(90% 70% at 25% 20%, rgba(74,62,51,.55), transparent 60%),var(--ink);color:var(--paper);--focus:var(--paper);}
.g-olive{background:radial-gradient(90% 70% at 25% 20%, rgba(122,122,78,.45), transparent 60%),var(--olive);color:var(--paper);--focus:var(--paper);}
.g-kraft{background:radial-gradient(80% 60% at 30% 25%, rgba(255,255,255,.35), transparent 60%),var(--kraft-light);}
.g-sky{background:radial-gradient(80% 70% at 72% 30%, rgba(255,255,255,.3), transparent 60%),var(--sky);}
.g-sun{background:
  radial-gradient(120% 90% at 14% 8%, rgba(223,154,118,.62), transparent 58%),
  radial-gradient(70% 55% at 78% 22%, rgba(232,196,172,.38), transparent 60%),
  radial-gradient(150% 120% at 88% 112%, rgba(166,78,46,.55), transparent 62%),
  radial-gradient(60% 45% at 40% 70%, rgba(223,154,118,.28), transparent 55%), var(--orange);}

/* section heads: the h2 on the left, the content on the right (concept pattern) */
.sec-intro{max-width:820px;margin-bottom:56px;}
.split-head{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:start;}
.spot{display:block;width:220px;height:auto;pointer-events:none;user-select:none;}

/* ---------------------------------------------------------------- page head (inner pages) */
.page-head{position:relative;padding:168px 0 var(--sec);}
.ph-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center;}
.ph-grid.solo{grid-template-columns:minmax(0,1fr) auto;align-items:end;}
.page-head .kicker{color:var(--orange-bleach);margin-bottom:22px;}
.page-head .h1{max-width:13ch;}
.page-head .lede{margin:26px 0 32px;max-width:560px;}
.page-head .hours{margin-top:18px;}
.page-head .spot{width:250px;opacity:.95;}
.ph-media{display:grid;gap:12px;justify-items:start;}
.ph-media .frame{border-radius:var(--radius-card);overflow:hidden;border:2px solid var(--paper);background:var(--ink-soft);width:100%;}
.ph-media .frame img{width:100%;}
.ph-media.photo .frame img{aspect-ratio:3/2;object-fit:cover;}
.ph-media.ad{justify-items:center;}
.ph-media.ad .frame{width:auto;max-width:100%;background:transparent;}
.ph-media.ad .frame img{max-height:540px;width:auto;}
.ph-media.tall{justify-items:center;}
.ph-media.tall .frame{width:auto;}
.ph-media.tall .frame img{max-height:520px;width:auto;}
.ph-media figcaption{font-size:var(--fs-small);line-height:1.45;color:var(--paper-75);}
.ph-media.ad figcaption,.ph-media.tall figcaption{text-align:center;justify-self:center;}

/* ---------------------------------------------------------------- home hero */
.hero{position:relative;min-height:860px;display:flex;flex-direction:column;justify-content:flex-end;background:var(--ink);color:var(--paper);overflow:hidden;--focus:var(--paper);}
.hero-img{position:absolute;top:0;right:0;width:62%;height:100%;object-fit:cover;object-position:80% 50%;}
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,var(--ink) 38%,rgba(41,35,31,.85) 46%,rgba(41,35,31,0) 66%),
             linear-gradient(180deg,rgba(41,35,31,.65),rgba(41,35,31,0) 22%);}
.hero-copy{position:relative;z-index:2;padding-top:180px;padding-bottom:88px;width:100%;}
.hero-h1{max-width:760px;}
.hero-big{display:block;font-family:var(--font-display);font-size:clamp(52px,7.2vw,104px);line-height:.9;letter-spacing:-.025em;}
.hero-sub{display:block;margin-top:26px;max-width:520px;font:500 var(--fs-lead)/1.5 var(--font-sans);letter-spacing:0;}
.hero .btn-row{margin-top:30px;}
.talk-chip{display:flex;align-items:center;gap:14px;margin-top:30px;max-width:520px;}
.avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--paper);}
.talk-chip p{display:grid;gap:2px;font-size:var(--fs-small);line-height:1.4;}
.tc-who{font-weight:700;}
.tc-hours{color:var(--paper-75);}

/* the band: names under the hero, on the orange (large bold ink type only, 4.14:1) */
.band{background:var(--orange);color:var(--ink);padding:20px 0;}
.band .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 26px;}
.band ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;row-gap:4px;
  font:800 20px/1.3 var(--font-ranch);font-stretch:72%;letter-spacing:.14em;text-transform:uppercase;}
.band li{display:flex;align-items:center;white-space:nowrap;}
.band li+li::before{content:"";width:12px;height:12px;margin:0 16px;flex:none;background:var(--ink);-webkit-mask:var(--spark) center/contain no-repeat;mask:var(--spark) center/contain no-repeat;}

/* ---------------------------------------------------------------- lists and steps */
/* numbered "what you get" list */
.get{counter-reset:g;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;}
.get.one{grid-template-columns:minmax(0,1fr);}
.get li{counter-increment:g;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:18px 0;border-top:1.5px solid var(--ink);font-size:var(--fs-body-l);line-height:1.45;}
.get li::before{content:counter(g,decimal-leading-zero);font:500 var(--fs-label)/1.9 var(--font-mono);letter-spacing:.12em;color:var(--orange-deep);}
/* plain rows: a name and a note */
.rows li{padding:16px 0;border-top:1.5px solid var(--ink);font-size:var(--fs-body-l);line-height:1.45;}
.rows li:last-child{border-bottom:1.5px solid var(--ink);}
.rows a{font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:4px;}
.rows a:hover{color:var(--orange-deep);}
.rows .note{color:var(--ink-soft);}
.rows .note::before{content:"";display:inline-block;width:7px;height:7px;margin:0 12px 0 10px;border-radius:50%;background:var(--orange-deep);vertical-align:.18em;}
/* numbered steps (how we run it, how it works) */
.steps{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:28px;margin-top:56px;}
.step{border-top:1px solid var(--hairline-on-ink);padding-top:22px;}
.step .n{font-family:var(--font-display);font-size:var(--fs-num);line-height:1;color:var(--orange-bleach);}
.step .p-name{margin:16px 0 10px;font:800 23px/1.1 var(--font-ranch);font-stretch:75%;letter-spacing:.08em;text-transform:uppercase;}
.step .p-body{color:var(--paper-75);font-size:var(--fs-body-m);line-height:1.55;max-width:34ch;}
.steps.on-light .step{border-top:1.5px solid var(--ink);}
.steps.on-light .n{color:var(--ink);}
.steps.on-light .p-body{color:var(--ink);}

/* ---------------------------------------------------------------- two columns (who it is for / what it is not) */
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;}
.two h2{font-size:clamp(32px,3.6vw,48px);margin-bottom:20px;}
.two p{font-size:var(--fs-body-l);}
.two-foot{display:flex;justify-content:flex-end;margin-top:12px;}

/* ---------------------------------------------------------------- proof cards */
.proof-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 56px;align-items:end;margin-bottom:56px;}
.proof-head .lead{margin-top:0;max-width:30em;}
.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch;}
.proof-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.proof-card{display:flex;flex-direction:column;background:var(--paper);color:var(--ink);border:var(--frame);border-radius:var(--radius-card);overflow:hidden;}
.pc-media{aspect-ratio:4/3;background:var(--ink);border-bottom:var(--frame);overflow:hidden;}
.pc-media img{width:100%;height:100%;object-fit:cover;}
.pc-media.contain img{object-fit:contain;padding:14px;}
.pc-media.screen{background:var(--kraft-light);padding:20px 18px 0;}
.pc-media.screen img{object-fit:cover;object-position:top;border-radius:4px 4px 0 0;box-shadow:0 0 0 1.5px var(--ink);}
.pc-body{display:grid;gap:8px;align-content:start;padding:24px 26px 26px;flex:1;}
.pc-client{font:500 var(--fs-label)/1.4 var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft);}
.pc-num{font-family:var(--font-display);font-size:58px;line-height:1;letter-spacing:-.02em;color:var(--orange-deep);margin-top:6px;}
.pc-unit{font:800 18px/1.2 var(--font-ranch);font-stretch:75%;letter-spacing:.06em;text-transform:uppercase;}
.pc-body p{font-size:var(--fs-body-m);line-height:1.55;color:var(--ink-soft);}
.more{justify-self:start;margin-top:6px;color:var(--orange-deep);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;}
.more:hover{color:var(--ink);}
/* wide: the olive panel holds the number, the paper side holds the story */
.proof-card.wide{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);}
.proof-card.wide .pc-left{display:grid;gap:10px;align-content:center;padding:44px 40px;color:var(--paper);
  background:radial-gradient(90% 70% at 25% 20%, rgba(122,122,78,.45), transparent 60%),var(--olive);}
.proof-card.wide .pc-client{color:var(--paper);}
.proof-card.wide .pc-num{color:var(--paper);font-size:84px;}
.pc-name{font-family:var(--font-serif);font-size:clamp(30px,3vw,40px);line-height:1.08;}
.proof-card.wide .pc-right{display:grid;gap:14px;align-content:center;padding:44px 40px;}
.proof-card.wide .pc-right p{font-size:var(--fs-body-l);line-height:1.55;}

/* ---------------------------------------------------------------- FAQ */
.faq-split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:start;}
.faq{border-top:1.5px solid var(--ink);}
.faq details{border-bottom:1.5px solid var(--ink);}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font:800 22px/1.25 var(--font-sans);}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"";flex:none;width:12px;height:12px;border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:rotate(45deg) translate(-3px,-3px);transition:transform var(--dur-hover) var(--ease-out);}
.faq details[open] summary::after{transform:rotate(225deg) translate(-3px,-3px);}
.faq summary:hover{color:var(--orange-deep);}
.faq .a p{padding:0 0 24px;max-width:62ch;font-size:var(--fs-body-l);}
.faq .a a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--orange-deep);text-decoration-thickness:2px;text-underline-offset:4px;}

/* ---------------------------------------------------------------- the menu board */
.menu-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px 44px;align-items:center;padding-bottom:40px;border-bottom:2.5px solid var(--ink);}
.menu-top .badge{width:150px;height:auto;}
.menu-top .lead{margin-top:14px;}
.board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 72px;margin-top:48px;}
.board-h{font:900 32px/1 var(--font-ranch);font-stretch:62%;letter-spacing:.03em;text-transform:uppercase;padding-bottom:12px;margin-bottom:10px;border-bottom:1.5px solid var(--ink);}
.menu-row{display:flex;align-items:baseline;gap:12px;padding:7px 0;font:700 19px/1.25 var(--font-ranch);font-stretch:75%;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);}
.menu-row .name{flex:0 1 auto;}
.menu-row .r{flex:none;white-space:nowrap;}
.board-more{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:14px;font-size:var(--fs-small);}
.price-chip{white-space:normal;text-align:left;}

/* ---------------------------------------------------------------- home sections */
.who-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:56px;}
.who-card{border-top:1px solid rgba(242,235,223,.4);padding-top:22px;}
.who-card .ds-icon{width:32px;height:32px;color:var(--orange-bleach);}
.who-card h3{margin:16px 0 8px;font:800 21px/1.2 var(--font-sans);}
.who-card p{font-size:var(--fs-body-m);line-height:1.55;}
.who-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;}
.who-top .spot{width:300px;margin-bottom:-6px;}

.statement-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:56px;align-items:center;}
.statement h2{font-family:var(--font-serif);font-size:clamp(48px,6.6vw,100px);line-height:.98;letter-spacing:-.01em;max-width:11ch;}
.statement h2 em{font-style:italic;}
.st-body{margin-top:26px;font-size:var(--fs-lead);line-height:1.5;color:var(--paper-75);max-width:36em;}
.statement .stamp{margin-top:34px;color:var(--orange-bleach);--stamp-gap:var(--ink);}
.statement .spot{width:280px;}
.promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:64px;}
.promise{border-top:1px solid var(--hairline-on-ink);padding-top:22px;}
.p-name{font:800 20px/1.1 var(--font-ranch);font-stretch:75%;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-bleach);}
.promise .p-body{margin-top:10px;font-size:var(--fs-body-m);line-height:1.55;color:var(--paper-75);}

.how-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:center;}
.how-grid .spot{width:340px;}
.how .lead{color:var(--ink);}

.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;}
.about-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-card);border:var(--frame);}
.about-grid h2{max-width:13ch;}
.about-grid p{margin-top:20px;font-size:var(--fs-body-l);line-height:1.6;color:var(--ink-soft);max-width:46ch;}
.about-grid p+p{margin-top:14px;}
.founder{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px 56px;margin-top:80px;padding:48px;border-radius:var(--radius-card);
  background:radial-gradient(80% 60% at 30% 25%, rgba(255,255,255,.35), transparent 60%),var(--kraft-light);}
.f-name{font-family:var(--font-script);font-size:68px;line-height:1;color:var(--ink);}
.f-meta{margin-top:12px;font:500 var(--fs-label)/1.4 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;}
.founder-body{display:grid;gap:14px;}
.founder-body p{font-size:var(--fs-body-m);line-height:1.6;max-width:60ch;}

/* ---------------------------------------------------------------- the office (2026-10-22): AI real estate interiors + Marshall's own frames */
.office-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 56px;align-items:end;margin-bottom:48px;}
.office-head h2{max-width:11ch;}
.office-head p{font-size:var(--fs-body-l);line-height:1.6;color:var(--ink-soft);max-width:50ch;}
.office-head p+p{margin-top:12px;}
.office-head .btn-row{margin-top:24px;}
.office-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;}
.og{position:relative;margin:0;border:var(--frame);border-radius:var(--radius-card);overflow:hidden;background:var(--paper-deep);}
.og img{display:block;width:100%;height:100%;object-fit:cover;}
.og-lounge{grid-column:span 7;aspect-ratio:3/2;}
.og-marshall{grid-column:span 5;}
.og-marshall img{position:absolute;inset:0;object-position:42% 30%;}
.og-wide,.og-phone,.og-coffee{grid-column:span 4;aspect-ratio:4/3;}
.og-phone img{object-position:70% 50%;}
.office-cap{margin-top:16px;font:500 var(--fs-label)/1.4 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);}
.office-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:64px;}
.office-pair .og{aspect-ratio:3/2;}
@media (max-width:1100px){
  .office-head{grid-template-columns:1fr;gap:20px;}
}
@media (max-width:700px){
  .office-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .og-lounge{grid-column:span 2;}
  .og-marshall,.og-wide,.og-phone,.og-coffee{grid-column:span 1;aspect-ratio:1/1;}
  .og-marshall img{position:static;}
  .og-wide img{object-position:55% 50%;}
  .og-coffee img{object-position:70% 50%;}
  .office-pair{grid-template-columns:1fr;gap:10px;margin-top:48px;}
}

.area-links{margin-top:40px;border-top:1px solid var(--hairline-on-ink);}
.area-links a{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--hairline-on-ink);text-decoration:none;
  font:800 28px/1.15 var(--font-ranch);font-stretch:70%;letter-spacing:.05em;text-transform:uppercase;color:var(--paper);}
.area-links a::after{content:"";flex:none;margin-left:auto;width:13px;height:13px;border-top:2.5px solid currentColor;border-right:2.5px solid currentColor;transform:rotate(45deg);}
.area-links a:hover{color:var(--orange-bleach);}
.areas-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start;}
.areas-grid .prose p{font-size:var(--fs-body-l);color:var(--paper-75);}

/* ---------------------------------------------------------------- call to action: Marshall at the moment of contact */
.cta{position:relative;padding:var(--sec) 0;}
.cta-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center;}
.cta-person{display:grid;gap:14px;justify-items:start;}
.cta-person img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;border-radius:var(--radius-card);border:var(--frame);}
.cta-card{background:var(--paper);color:var(--ink);border:var(--frame);border-radius:var(--radius-container);box-shadow:var(--block-shadow);padding:44px;display:grid;gap:18px;justify-items:start;--focus:var(--ink);}
.cta-card > h1,.cta-card > h2{font-family:var(--font-display);font-size:clamp(40px,4.8vw,66px);line-height:.98;letter-spacing:-.02em;}
.cta-card .body{font-size:var(--fs-body-l);line-height:1.55;max-width:34em;}
.cta-phone{font-family:var(--font-display);font-size:clamp(30px,3.4vw,42px);line-height:1;color:var(--orange-deep);text-decoration:none;}
.cta-phone:hover{color:var(--ink);}
.cta-hours{font-size:var(--fs-small);color:var(--ink-soft);}
.cta-alt{font-size:var(--fs-small);color:var(--ink-soft);}
.cta-alt a{color:var(--orange-deep);font-weight:600;text-decoration:underline;text-underline-offset:3px;}
.g-ink .cta-card{box-shadow:8px 10px 0 var(--orange-deep);}
.cta.top{padding-top:168px;}
.cta.top .cta-grid{align-items:start;}
.cta.top .cta-person{position:sticky;top:32px;}

/* ---------------------------------------------------------------- lead forms (contact, free report) */
.lead-card{position:relative;background:var(--paper);color:var(--ink);border:var(--frame);border-radius:var(--radius-container);padding:36px 40px 32px;--focus:var(--ink);}
.lead-card .lc-h{font:800 var(--fs-h3)/1.15 var(--font-sans);letter-spacing:-.01em;}
.lead-card .lc-s{margin-top:8px;font-size:var(--fs-body-m);color:var(--ink-soft);}
.cta-card .lead-card{width:100%;margin-top:14px;padding:28px 0 0;border:0;border-top:1.5px solid var(--ink);border-radius:0;}
.lead-form{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:24px;}
.lead-form.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 20px;}
.lead-form.two .f-row:has(textarea),.lead-form .f-foot,.lead-form .f-status{grid-column:1 / -1;}
.f-row{display:flex;flex-direction:column;gap:8px;min-width:0;}
.f-row label{font:700 16px/1.3 var(--font-sans);}
.f-opt{margin-left:4px;font:500 12px var(--font-mono);letter-spacing:.08em;text-transform:lowercase;color:var(--ink-soft);}
.lead-form input:not([type="checkbox"]),.lead-form select,.lead-form textarea{width:100%;min-height:52px;padding:13px 16px;font:400 17px/1.4 var(--font-sans);color:var(--ink);background:var(--input-bg);
  border:1.5px solid var(--ink-soft);border-radius:var(--radius-card);transition:border-color var(--dur-hover) var(--ease-out);}
.lead-form textarea{min-height:110px;resize:vertical;}
.lead-form select{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer;
  background:var(--input-bg) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' fill='none' stroke='%2329231F' stroke-width='2'/></svg>") no-repeat right 18px center;}
.lead-form input:hover,.lead-form select:hover,.lead-form textarea:hover{border-color:var(--ink);}
.lead-form input:focus-visible,.lead-form select:focus-visible,.lead-form textarea:focus-visible{border-color:var(--ink);outline:2px solid var(--ink);outline-offset:2px;}
.lead-form [aria-invalid="true"]{border:2px solid var(--orange-deep) !important;}
.f-sms{grid-column:1 / -1;margin:0;padding:0;border:0;min-width:0;display:grid;gap:14px;}
.f-sms legend{padding:0;margin-bottom:12px;font:700 16px/1.3 var(--font-sans);}
.f-check{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:start;cursor:pointer;font-size:14px;line-height:1.5;color:var(--ink-soft);}
.f-check strong{color:var(--ink);}
.f-check a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.f-check input{appearance:none;-webkit-appearance:none;width:24px;height:24px;margin-top:1px;border:1.5px solid var(--ink-soft);border-radius:4px;background:var(--input-bg);cursor:pointer;}
.f-check input:hover{border-color:var(--ink);}
.f-check input:checked{background:var(--ink) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11'><path d='M1 5.5l4 4 8-8' fill='none' stroke='%23F2EBDF' stroke-width='2.2'/></svg>") no-repeat center;border-color:var(--ink);}
.f-check input:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
.f-foot{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap;margin-top:4px;}
.f-foot .btn{min-width:180px;}
.f-consent{font-size:var(--fs-label);line-height:1.5;color:var(--ink-soft);max-width:46ch;}
.f-status{font-size:var(--fs-small);font-weight:700;color:var(--orange-deep);}
.f-status:empty{display:none;}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
.lead-done,.lead-err{display:none;outline:none;}
.lead-done{margin-top:20px;}
.lead-done .ld-h{font:800 var(--fs-h3)/1.2 var(--font-sans);}
.lead-done .ld-s{margin-top:10px;font-size:var(--fs-body-m);color:var(--ink-soft);}
.lead-err{margin-top:22px;border-left:3px solid var(--orange-deep);padding:4px 0 4px 16px;}
.lead-err .ld-h{font-weight:700;font-size:var(--fs-body-l);line-height:1.4;}
.lead-err .ld-links{display:flex;flex-wrap:wrap;gap:0 26px;}
.lead-err .ld-links a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--orange);text-decoration-thickness:2px;}
.lead-card.is-sent .lead-form,.lead-card:has(.lead-done:target) .lead-form{display:none;}
.lead-card.is-sent .lead-done,.lead-done:target{display:block;}
.lead-card.is-error .lead-err,.lead-err:target{display:block;}
.lead-card.is-sent :is(.lc-h,.lc-s),.lead-card:has(.lead-done:target) :is(.lc-h,.lc-s){display:none;}
.lead-card.is-sent .lead-done,.lead-card .lead-done:target{margin-top:0;}

/* free report: the ticket under the lede */
.badge-ticket{display:inline-flex;align-items:center;gap:12px;position:relative;margin-top:2px;padding:14px 64px 14px 20px;border-radius:8px;
  background:var(--kraft-light);color:var(--ink);font:800 15px/1.3 var(--font-ranch);font-stretch:75%;letter-spacing:.14em;text-transform:uppercase;}
.badge-ticket::after{content:"";position:absolute;right:44px;top:6px;bottom:6px;border-left:2px dashed var(--ink);}
.badge-ticket .bean{position:absolute;right:16px;top:50%;height:20px;transform:translateY(-50%);}
.report-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start;}
.report-grid .lede{margin-bottom:28px;}
.alt-line{margin:30px 0 18px;font-size:var(--fs-body-l);font-weight:700;line-height:1.4;max-width:30em;}

/* ---------------------------------------------------------------- services hub */
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.svc-block{display:flex;flex-direction:column;gap:14px;padding:30px 28px 28px;background:var(--paper);border:var(--frame);border-radius:var(--radius-card);}
.svc-block h2{font-family:var(--font-display);font-size:30px;line-height:1.05;letter-spacing:-.01em;}
.svc-block p{font-size:var(--fs-body-m);line-height:1.55;color:var(--ink-soft);}
.svc-block .rows{margin-top:4px;}
.svc-block .rows li{padding:11px 0;font-size:var(--fs-small);border-top-width:1px;}
.svc-block .rows li:last-child{border-bottom-width:1px;}
.svc-block .more{margin-top:auto;padding-top:6px;}
.hub-note{margin-top:56px;font-size:var(--fs-body-l);max-width:62ch;}

/* ---------------------------------------------------------------- work */
.case-head{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;}
.case-lead{display:grid;gap:12px;}
.case-lead img{width:100%;border-radius:var(--radius-card);border:var(--frame);}
.case-lead figcaption{font:500 var(--fs-label)/1.4 var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft);}
.case-lead.panel{justify-items:center;padding:28px;background:var(--ink);border-radius:var(--radius-card);}
.case-lead.panel img{width:auto;max-height:620px;border:0;}
.case-lead.panel figcaption{color:var(--paper-75);}
.case-lead.screen{padding:28px 28px 20px;background:var(--sky);border-radius:var(--radius-card);}
.case-lead.screen figcaption{color:var(--ink);}
.case-lead .ph img{aspect-ratio:3/2;object-fit:cover;}
.case-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.case-strip img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-card);border:var(--frame);}
.case-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start;margin-top:56px;}
.sub-h{font:800 20px/1.1 var(--font-ranch);font-stretch:75%;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-deep);}
.prose .sub-h{margin:34px 0 10px;} .prose .sub-h:first-child{margin-top:0;}
.prose p{font-size:var(--fs-body-l);}
.figures{display:grid;gap:4px;padding:32px 30px;border-radius:var(--radius-card);color:var(--paper);
  background:radial-gradient(90% 70% at 25% 20%, rgba(122,122,78,.45), transparent 60%),var(--olive);}
.fg-head{font:900 30px/1 var(--font-ranch);font-stretch:62%;letter-spacing:.06em;text-transform:uppercase;padding-bottom:14px;margin-bottom:8px;border-bottom:1.5px solid rgba(242,235,223,.5);}
.fg-row{display:flex;align-items:baseline;gap:10px;padding:7px 0;font:500 var(--fs-label)/1.35 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;}
.fg-row::after{content:"";order:2;flex:1 1 16px;min-width:16px;border-bottom:2px dotted rgba(242,235,223,.6);transform:translateY(-4px);}
.fg-row span{order:1;}
.fg-row b{order:3;font:800 19px/1.2 var(--font-ranch);font-stretch:75%;letter-spacing:.05em;text-align:right;}
.t-statement{font-family:var(--font-serif);font-size:clamp(36px,4.4vw,60px);line-height:1.05;max-width:20ch;}
.t-strong{font-weight:700;}

/* ---------------------------------------------------------------- contact */
.ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:48px;}
.way{border-top:2.5px solid var(--ink);padding-top:22px;display:grid;gap:10px;align-content:start;}
.way .ds-icon{width:32px;height:32px;color:var(--orange-deep);}
.way h3{font:800 24px/1.2 var(--font-sans);}
.way p{font-size:var(--fs-body-m);color:var(--ink-soft);}
.w-line{justify-self:start;font-family:var(--font-display);font-size:22px;line-height:1.2;color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2.5px;text-underline-offset:5px;overflow-wrap:anywhere;}
.w-line:hover{color:var(--orange-deep);}
.contact-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;margin-top:80px;}
.contact-two h2{font-size:clamp(30px,3.2vw,42px);margin-bottom:16px;}
.map-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:64px;padding:20px 24px;border:var(--frame);border-radius:var(--radius-card);
  font-weight:700;text-decoration:none;background:var(--paper);}
.map-card .ds-icon{color:var(--orange-deep);}
.map-card:hover{background:var(--paper-deep);}
.map-details{margin-top:16px;}
.map-details summary{cursor:pointer;display:inline-flex;align-items:center;min-height:44px;font:500 var(--fs-label)/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;}
.map-frame{margin-top:12px;border:var(--frame);border-radius:var(--radius-card);overflow:hidden;}
.map-frame iframe{width:100%;height:380px;border:0;}

/* ---------------------------------------------------------------- 404 and legal */
.lost{min-height:min(860px,100vh);display:flex;align-items:center;padding:168px 0 96px;}
.lost-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:56px;align-items:center;width:100%;}
.lost p{margin:24px 0 32px;font-size:var(--fs-lead);color:var(--paper-75);max-width:30em;}
.lost .spot{width:260px;}
.legal-head{padding:168px 0 72px;}
.legal-head .chip{color:var(--orange-bleach);}
.legal-head .h1{margin:22px 0 14px;max-width:14ch;}
.legal-head .stamp-date{font:500 var(--fs-label)/1.4 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--paper-75);}
.legal{padding:72px 0 112px;}
.legal .wrap > *{max-width:70ch;}
.legal h2{font-family:var(--font-display);font-size:clamp(24px,2.6vw,30px);line-height:1.1;margin:48px 0 14px;}
.legal p,.legal li{font-size:17.5px;line-height:1.62;}
.legal p{margin:0 0 16px;}
.legal ul{list-style:disc;padding-left:22px;margin:0 0 18px;}
.legal li{margin:0 0 8px;}
.legal li::marker{color:var(--orange-deep);}
.legal a{color:var(--orange-deep);text-decoration:underline;text-underline-offset:3px;}
.legal .entity{border-top:1.5px solid var(--ink);padding-top:18px;margin-top:52px;font:400 14px/1.7 var(--font-mono);}

/* ---------------------------------------------------------------- footer */
.footer{position:relative;padding:96px 0 48px;color:var(--paper);--focus:var(--paper);
  background:radial-gradient(90% 70% at 25% 20%, rgba(74,62,51,.55), transparent 60%),var(--ink);}
.foot-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;}
.foot-mark img{height:auto;width:min(360px,100%);}
.foot-tag{margin-top:22px;font-size:var(--fs-body-m);line-height:1.55;color:var(--paper-75);max-width:34ch;}
.foot-contact{display:grid;gap:8px;margin-top:26px;font:500 var(--fs-label)/1.6 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;}
.foot-contact a,.foot-contact span{display:inline-flex;align-items:center;gap:12px;text-decoration:none;}
.foot-contact a:hover{color:var(--orange-bleach);}
.foot-contact .ds-icon{width:17px;height:17px;color:var(--orange-bleach);}
.foot-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;}
.fl-h{margin-bottom:14px;font:500 var(--fs-label)/1.4 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--orange-bleach);}
.foot-links a,.foot-links span{display:block;padding:5px 0;font-size:var(--fs-small);line-height:1.4;color:var(--paper);text-decoration:none;}
.foot-links span{color:var(--paper-75);}
.foot-links a:hover{color:var(--orange-bleach);text-decoration:underline;text-underline-offset:3px;}
.foot-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:64px;padding-top:20px;border-top:1px solid var(--hairline-on-ink);
  font:500 12px/1.6 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-75);}
.foot-legal{margin-top:14px;padding-top:0;border-top:0;justify-content:flex-start;gap:6px 28px;letter-spacing:.06em;text-transform:none;font-size:13px;}
.foot-legal a{color:var(--paper-75);text-decoration:underline;text-underline-offset:3px;}
.foot-legal a:hover{color:var(--paper);}
.foot-legal .ll{display:inline-flex;gap:22px;}

/* ---------------------------------------------------------------- phone action bar: Call, Text, Book */
.action-bar{display:none;}

/* ---------------------------------------------------------------- reveals (system/k2.js sets html.k2-ready) */
.k2-ready .rv{opacity:0;transform:translate3d(0,22px,0);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);}
.k2-ready .rv.is-in{opacity:1;transform:none;}

/* ---------------------------------------------------------------- 1100 and below */
@media (max-width:1180px){
  .nav-phone{display:none;}
}
@media (max-width:1100px){
  :root{--pad:36px;--sec:96px;}
  .hero{min-height:0;}
  .hero-img{position:relative;width:100%;height:560px;object-position:80% 40%;}
  .hero::before{background:linear-gradient(180deg,rgba(41,35,31,.65),rgba(41,35,31,0) 18%,rgba(41,35,31,0) 46%,var(--ink) 62%);}
  .hero-copy{margin-top:-120px;padding-top:0;padding-bottom:72px;}
  .hero-big{font-size:clamp(52px,9vw,84px);}
  .ph-grid{grid-template-columns:1fr;gap:48px;}
  .ph-grid.solo{grid-template-columns:1fr;}
  .ph-grid.solo .spot{display:none;}
  .ph-media.photo,.ph-media.screen{max-width:760px;}
  .split-head,.faq-split{grid-template-columns:1fr;gap:28px;}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px;}
  .steps.n3{grid-template-columns:repeat(3,minmax(0,1fr));}
  .proof-head{grid-template-columns:1fr;}
  .proof-card.wide{grid-template-columns:1fr;}
  .who-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;}
  .who-top .spot{width:220px;}
  .statement .spot{width:200px;}
  .how-grid{grid-template-columns:minmax(0,1fr) 220px;gap:36px;}
  .how-grid .spot{width:220px;}
  .proof-grid{gap:20px;}
  .pc-body{padding:20px 20px 22px;}
  .pc-num{font-size:48px;}
  .about-grid{gap:44px;}
  .founder{grid-template-columns:1fr;padding:40px;}
  .areas-grid{grid-template-columns:1fr;gap:12px;}
  .cta-grid{gap:36px;}
  .cta-card{padding:36px;}
  .report-grid{grid-template-columns:1fr;gap:40px;}
  .svc-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .case-grid{grid-template-columns:1fr;gap:40px;}
  .foot-top{grid-template-columns:1fr;gap:48px;}
  .menu-top{grid-template-columns:auto minmax(0,1fr);}
  .menu-top .price-chip{grid-column:1 / -1;justify-self:start;}
  .board{gap:44px 48px;}
}
/* ---------------------------------------------------------------- nav collapses at 980 */
@media (max-width:980px){
  .nav{gap:16px;}
  .nav-actions{margin-left:auto;}
  .nav-toggle{display:inline-grid;place-items:center;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--paper);cursor:pointer;
    box-shadow:inset 0 0 0 1.5px var(--hairline-on-ink);}
  .nav-toggle .ds-icon{width:22px;height:22px;}
  .nav-tabs{display:none;}
  .nav-open .nav-tabs{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;margin:0;padding:6px var(--pad) 22px;
    background:var(--ink);border-bottom:1px solid var(--hairline-on-ink);box-shadow:0 24px 40px rgba(0,0,0,.35);}
  .nav-open .nav-tabs a{padding:16px 0;font-size:15px;border-bottom:1px solid var(--hairline-on-ink);}
  .nav-open .nav-tabs a[aria-current="page"]{color:var(--orange-bleach);border-bottom-color:var(--hairline-on-ink);}
  .nav-open{background:var(--ink);}
}
/* ---------------------------------------------------------------- tablet steps */
@media (max-width:860px){
  .action-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--ink);border-top:1px solid var(--hairline-on-ink);--focus:var(--paper);
    transform:translateY(100%);visibility:hidden;transition:transform .3s var(--ease-out),visibility 0s linear .3s;}
  .action-bar.on{transform:none;visibility:visible;transition:transform .3s var(--ease-out),visibility 0s;}
  .action-bar a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:14px 8px;border-radius:var(--radius-pill);
    font:500 13px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;}
  .action-bar a:nth-child(1){background:var(--orange-deep);color:var(--paper);}
  .action-bar a:nth-child(2){background:var(--paper);color:var(--ink);}
  .action-bar a:nth-child(3){color:var(--paper);box-shadow:inset 0 0 0 1.5px var(--paper);}
  .action-bar a:active{transform:scale(.98);}
  .footer{padding-bottom:calc(36px + 68px + env(safe-area-inset-bottom));}
}
@media (prefers-reduced-motion:reduce){.action-bar,.action-bar.on{transition:none;}}

/* ---------------------------------------------------------------- phone: 700 and below */
@media (max-width:700px){
  :root{--pad:20px;--sec:64px;}
  body{font-size:var(--fs-body-m);}
  .nav{padding-top:14px;padding-bottom:14px;}
  .nav-logo img{height:46px;}
  .nav-cta{padding:11px 14px;min-height:40px;font-size:12px;letter-spacing:.1em;}
  .lede,.lead{font-size:19px;}
  .page-head{padding:118px 0 var(--sec);}
  .page-head .h1{font-size:clamp(40px,11.5vw,54px);}
  .page-head .lede{margin:20px 0 26px;}
  .btn-row .btn{flex:1 1 auto;}
  .ph-media.ad .frame img,.ph-media.tall .frame img{max-height:440px;}
  .hero-img{height:420px;object-position:100% 50%;}
  .hero::before{background:linear-gradient(180deg,rgba(41,35,31,.6),rgba(41,35,31,0) 16%,rgba(41,35,31,0) 66%,var(--ink) 92%);}
  .hero-copy{margin-top:-24px;padding-bottom:56px;}
  .hero-big{font-size:clamp(44px,13vw,58px);}
  .hero-sub{font-size:19px;margin-top:18px;}
  .band{padding:16px 0;}
  .band ul{font-size:19px;letter-spacing:.1em;}
  .band li+li::before{margin:0 11px;width:10px;height:10px;}
  .sec-intro{margin-bottom:36px;}
  .get{grid-template-columns:1fr;}
  .get li{font-size:var(--fs-body-m);}
  .steps,.steps.n3{grid-template-columns:1fr;gap:28px;margin-top:36px;}
  .two{grid-template-columns:1fr;gap:40px;}
  .two p{font-size:var(--fs-body-m);}
  .two-foot{justify-content:flex-start;}
  .two-foot .spot{width:180px;}
  .proof-grid,.proof-grid.two{grid-template-columns:1fr;}
  .proof-head{margin-bottom:36px;}
  .proof-card.wide .pc-left,.proof-card.wide .pc-right{padding:30px 24px;}
  .proof-card.wide .pc-num{font-size:68px;}
  .faq summary{font-size:19px;padding:20px 0;}
  .faq .a p{font-size:var(--fs-body-m);}
  .menu-top{grid-template-columns:1fr;gap:18px;padding-bottom:28px;}
  .menu-top .badge{width:110px;}
  .board{grid-template-columns:1fr;gap:40px;margin-top:36px;}
  .board-h{font-size:28px;}
  .menu-row{font-size:17px;letter-spacing:.04em;}
  .who-grid{grid-template-columns:1fr;gap:28px;margin-top:36px;}
  .who-top{grid-template-columns:1fr;gap:24px;}
  .who-top .spot{width:200px;}
  .statement-grid{grid-template-columns:1fr;gap:32px;}
  .statement .spot{width:170px;}
  .promises{grid-template-columns:1fr;gap:24px;margin-top:44px;}
  .how-grid{grid-template-columns:1fr;gap:28px;}
  .how-grid .spot{width:200px;justify-self:start;}
  .founder{padding:30px 22px;margin-top:56px;}
  .f-name{font-size:56px;}
  .area-links a{font-size:23px;padding:18px 0;}
  .cta-person img{aspect-ratio:1/1;}
  .cta-card{padding:28px 22px;box-shadow:5px 6px 0 var(--shadow-ink);}
  .g-ink .cta-card{box-shadow:5px 6px 0 var(--orange-deep);}
  .cta-card .btn-row{width:100%;}
  .cta-card .btn-row .btn:first-child{flex-basis:100%;}
  .cta.top{padding-top:118px;}
  .lead-card{padding:26px 20px 24px;}
  .lead-form.two{grid-template-columns:minmax(0,1fr);}
  .f-foot .btn{width:100%;}
  .badge-ticket{font-size:14px;padding:12px 56px 12px 16px;}
  .svc-grid{grid-template-columns:1fr;}
  .svc-block{padding:26px 22px;}
  .case-strip{gap:8px;}
  .case-lead.panel,.case-lead.screen{padding:18px;}
  .figures{padding:26px 20px;}
  .fg-row b{font-size:17px;}
  .ways{grid-template-columns:1fr;gap:28px;}
  .contact-two{grid-template-columns:1fr;gap:40px;margin-top:56px;}
  .lost{padding:118px 0 64px;min-height:0;}
  .lost-grid{grid-template-columns:1fr;gap:32px;}
  .lost .spot{width:170px;}
  .legal-head{padding:118px 0 48px;}
  .legal{padding:48px 0 72px;}
  .foot-links{grid-template-columns:1fr 1fr;gap:28px 20px;}
  .foot-links > div:first-child{grid-column:1 / -1;}
  .foot-line{flex-direction:column;gap:4px;margin-top:48px;}
  .footer{padding-top:64px;}
  .page-head .spot{display:none;}
  .rows .note{display:block;margin-top:2px;}
  .rows .note::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto !important;}
  .k2-ready .rv{opacity:1;transform:none;transition:none;}
}

/* ---------------------------------------------------------------- page-specific pieces */
.prose a.btn,.inline-links a.btn{color:inherit;text-decoration:none;font-weight:inherit;}
.prose a.btn-line-ink{color:var(--ink);}
.prose a.btn-line-ink:hover{color:var(--paper);}
.g-olive .prose a{color:var(--paper);}
.step .p-name{color:inherit;}
.prose > ol + p{margin-top:22px;}
.towns{margin-top:18px;font:500 var(--fs-label)/1.7 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);max-width:70ch;}
.g-ink .cta-person .chip{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 1.5px var(--paper);}
.foot-contact .em{text-transform:none;letter-spacing:.06em;}
.menu-row .dots{flex:1 1 24px;min-width:24px;border-bottom:2.5px dotted var(--ink);transform:translateY(-5px);}
.board-sec .board-rows{display:grid;}
/* "who it is for": the engraving takes the first column */
.two.with-spot{grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start;}
.two.with-spot .spot{width:200px;}
/* free report: copy, then the form, then the text option (phone order) */
.report-grid{grid-template-areas:"a card" "b card";grid-template-rows:auto 1fr;}
.report-grid .rg-a{grid-area:a;} .report-grid .rg-b{grid-area:b;} .report-grid .lead-card{grid-area:card;}
.report-grid .h1{max-width:12ch;}
@media (max-width:1100px){
  .two.with-spot{grid-template-columns:repeat(2,minmax(0,1fr));}
  .two.with-spot .spot{grid-column:1 / -1;width:170px;}
  .report-grid{grid-template-areas:"a" "card" "b";grid-template-rows:none;}
}
@media (max-width:700px){
  .two.with-spot{grid-template-columns:1fr;}
  .two.with-spot .spot{width:150px;}
}

/* ---------------------------------------------------------------- QA pass 1 (2026-10-12) */
/* headings in the narrow left column of a split stay at a size that fits it */
.split-head > h2,.split-head > .rv > h2,.faq-split > h2{font-size:clamp(34px,3.7vw,54px);}
.page-head .ph-grid:not(.solo) .h1{font-size:clamp(44px,5.6vw,82px);max-width:14ch;}
.statement h2{font-size:clamp(54px,7.4vw,112px);max-width:12ch;}
/* contact: the mug sits beside the heading, small */
.ways-top{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;}
.ways-top .spot{width:150px;}
/* menu rows: the leader and "Ask" sit on the last line when a name wraps */
.menu-row{align-items:flex-end;}
.menu-row .dots{transform:none;margin-bottom:.34em;}
@media (max-width:1100px){
  /* the photo fades into the ink under the headline instead of ending on a hard edge */
  .hero::before{background:linear-gradient(180deg,rgba(41,35,31,.65),rgba(41,35,31,0) 140px);}
  .hero-img{-webkit-mask-image:linear-gradient(180deg,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,#000 58%,transparent 100%);}
}
@media (max-width:700px){
  .hero-img{-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%);}
  .hero-copy{margin-top:-64px;}
  .band .chip{font-size:12px;letter-spacing:.08em;}
  .band li::before,.band li+li::before{content:"";width:10px;height:10px;margin:0 10px 0 0;flex:none;background:var(--ink);-webkit-mask:var(--spark) center/contain no-repeat;mask:var(--spark) center/contain no-repeat;}
  .band ul{flex-direction:column;}
  .ways-top .spot{width:110px;}
  .page-head .ph-grid:not(.solo) .h1{font-size:clamp(40px,11vw,52px);}
}

/* 701 to 860: results as horizontal cards, about and the call to action stack */
@media (max-width:860px){
  .proof-grid,.proof-grid.two{grid-template-columns:1fr;gap:24px;}
  .about-grid{grid-template-columns:1fr;gap:40px;}
  .cta-grid{grid-template-columns:1fr;gap:32px;}
  .cta-person{max-width:520px;}
  .cta-person img{aspect-ratio:16/11;object-position:50% 28%;}
  .cta.top .cta-person{position:static;}
}
@media (min-width:701px) and (max-width:860px){
  .proof-card:not(.wide){display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);}
  .proof-card:not(.wide) .pc-media{aspect-ratio:auto;min-height:100%;border-bottom:0;border-right:var(--frame);}
}

/* ---------------------------------------------------------------- review fixes (lead, 2026-10-12)
   From the visual review of the kit02 preview. */
/* big headlines: .92 let descenders hit the next line (Google Ads 390, Mocksville, Winston-Salem) */
.page-head .h1{line-height:1;}
.h1,.hero-big,.page-head .h1,.cta-card > h1,.cta-card > h2,.statement h2{text-wrap:balance;}
/* proof card site screenshots: anchor top left so the headline in the shot reads whole */
.pc-media.screen img{object-position:left top;}
/* map toggle reads as a control, not a label */
.map-details summary{gap:10px;padding:0 18px;border:1.5px solid currentColor;border-radius:var(--radius-pill);list-style:none;}
.map-details summary::-webkit-details-marker{display:none;}
.map-details summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform var(--dur-hover) var(--ease-out);}
.map-details[open] summary::after{transform:rotate(225deg) translate(-2px,-2px);}
/* small orphans */
.footer a,.inline-links a,.prose a{text-wrap:balance;}
p,.lede,.lead{text-wrap:pretty;}
a[href^="tel:"]{white-space:nowrap;}
@media (max-width:860px){
  /* open phone menu dims the page behind it instead of cutting the hero in half */
  .nav-open .nav-tabs::after{content:"";position:absolute;left:0;right:0;top:100%;height:100vh;background:rgba(20,16,14,.62);pointer-events:none;}
}
@media (max-width:600px){
  /* work page figures: label over value so values never wrap */
  .fg-row{flex-direction:column;align-items:flex-start;gap:2px;padding:9px 0;border-bottom:1px dotted rgba(242,235,223,.45);}
  .fg-row::after{display:none;}
  .fg-row b{text-align:left;}
}