:root{
  --ivory:#f5f0e7;
  --ivory-2:#fffdf8;
  --navy:#0b2138;
  --navy-2:#15324e;
  --pink:#efb8c1;
  --pink-2:#dc8e9a;
  --leather:#8b4f30;
  --leather-2:#6c351f;
  --black:#111315;
  --silver:#a8aeb3;
  --silver-2:#d7dadd;
  --ink:#171a1d;
  --muted:#62666a;
  --line:#d7d0c5;
  --serif:Georgia,'Times New Roman',serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --shadow:0 18px 44px rgba(20,25,31,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);line-height:1.55}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.container{width:min(1180px,calc(100% - 46px));margin-inline:auto}
.narrow{width:min(820px,calc(100% - 46px));margin-inline:auto}
.skip{position:absolute;left:-9999px;top:auto}.skip:focus{left:16px;top:16px;background:#fff;padding:10px 14px;z-index:200}

.site-header{position:sticky;top:0;z-index:100;background:rgba(245,240,231,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(11,33,56,.13)}
.nav-wrap{min-height:72px;display:flex;align-items:center;gap:24px}
.wordmark{font-family:var(--serif);font-weight:700;letter-spacing:.075em;color:var(--navy);font-size:1.04rem;white-space:nowrap}.wordmark span{color:var(--pink-2)}
.nav-links{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:.78rem;font-weight:700;letter-spacing:.02em}.nav-links a{padding:10px 0;border-bottom:2px solid transparent}.nav-links a:hover,.nav-links a.active{border-color:var(--pink-2)}
.nav-cta{margin-left:8px}.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:var(--navy);font-size:1.5rem;padding:8px}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:5px;border:1px solid transparent;font-weight:800;font-size:.76rem;letter-spacing:.045em;text-transform:uppercase;transition:.18s ease;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.leather,.btn-leather{background:linear-gradient(145deg,#9a6040 0%,var(--leather) 52%,var(--leather-2) 100%);color:#fff;border:3px solid var(--black);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 0 0 5px rgba(20,10,5,.05),0 5px 14px rgba(38,23,15,.16)}
.btn-leather{border-radius:5px;padding:8px 17px}
.btn-outline{border-color:var(--silver);background:rgba(255,255,255,.42);color:var(--navy)}
.btn-pink{background:var(--pink);border-color:var(--navy);color:var(--navy)}

.eyebrow{margin:0 0 12px;color:var(--pink-2);font-size:.69rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
h1,h2,h3,h4{margin:0;color:var(--navy);font-family:var(--serif);line-height:1.05}
h1{font-size:clamp(3rem,5.2vw,4.75rem);letter-spacing:-.045em}
h2{font-size:clamp(2rem,3.3vw,3.15rem);letter-spacing:-.035em}
h3{font-size:1.28rem}
h4{font-size:1.05rem}
.pink{color:var(--pink-2)}
.lead{font-size:1.02rem;color:#3f4449;max-width:625px}.small{font-size:.82rem;color:var(--muted)}

.pattern-navy{background-color:var(--navy);background-image:radial-gradient(circle,rgba(246,241,232,.55) 1px,transparent 1.25px);background-size:14px 14px;color:#fff}
.pattern-navy h1,.pattern-navy h2,.pattern-navy h3,.pattern-navy h4{color:#fff}.pattern-navy p{color:#edf1f3}.pattern-navy .eyebrow{color:var(--pink)}
.silver-rule{height:1px;background:linear-gradient(90deg,transparent,var(--silver),transparent)}
.pink-rule{width:44px;height:3px;background:var(--pink-2);margin:14px 0 18px}

/* HOME */
.home-hero{display:grid;grid-template-columns:1.02fr .98fr;min-height:560px;border-bottom:1px solid var(--line)}
.home-copy{padding:72px 5vw 62px max(24px,calc((100vw - 1180px)/2));display:flex;flex-direction:column;justify-content:center}
.home-copy .lead{margin:22px 0 0;max-width:520px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.home-photo{position:relative;min-height:560px;overflow:hidden;background:var(--pink)}
.home-photo img{width:100%;height:100%;object-fit:cover;object-position:center 33%}
.home-photo:before{content:'';position:absolute;right:0;top:0;width:18px;height:100%;z-index:2;background:repeating-linear-gradient(135deg,var(--pink) 0 7px,var(--ivory) 7px 14px,var(--navy) 14px 21px)}
.home-photo:after{content:'';position:absolute;inset:auto 0 0;height:18%;background:linear-gradient(transparent,rgba(11,33,56,.13))}
.home-field{padding:0 0 48px}.trust-bar{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.17)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trust-item{text-align:center;padding:8px 10px}.trust-item strong{display:block;color:var(--pink);font-family:var(--serif);font-size:1.65rem}.trust-item span{font-size:.72rem;letter-spacing:.03em;color:#f3f5f6}
.home-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;position:relative}
.home-card{background:var(--ivory-2);border:1px solid var(--line);padding:26px;min-height:220px;box-shadow:0 8px 20px rgba(0,0,0,.05)}
.home-card h3{margin-bottom:14px}.home-card p{font-size:.9rem;color:#555a5e}.check-list{list-style:none;padding:0;margin:12px 0 0}.check-list li{padding:5px 0 5px 21px;position:relative;font-size:.86rem}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--pink-2);font-weight:900}
.leather-corner{position:absolute;right:-18px;bottom:-44px;width:125px;height:92px;transform:skewX(-24deg);border-radius:7px 0 0 0}
.home-white{padding:74px 0}.editorial-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;align-items:center}.editorial-photo{background:#fff;border:1px solid var(--silver);padding:8px;box-shadow:var(--shadow);position:relative}.editorial-photo img{aspect-ratio:1/1;object-fit:cover;object-position:center 30%}.editorial-photo .pink-block{position:absolute;right:-16px;bottom:-16px;width:115px;height:115px;background:var(--pink);z-index:-1}.editorial-copy p{color:#474d52}.editorial-quote{font-family:var(--serif);font-size:1.23rem;color:var(--navy);border-left:4px solid var(--pink);padding-left:16px}

/* ABOUT */
.about-hero{padding:66px 0 30px}.about-grid{display:grid;grid-template-columns:1fr .9fr;gap:54px;align-items:center}.about-photo{position:relative;background:var(--navy);padding:9px;border:1px solid var(--silver)}.about-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 30%;filter:grayscale(1) contrast(1.04)}.about-photo:after{content:'';position:absolute;right:-16px;bottom:-16px;width:92px;height:92px;background:var(--pink);z-index:-1}.about-intro p{color:#444b50}.signature{font-family:var(--display);color:var(--navy);font-size:1.18rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;margin-top:10px}.signature::after{content:"";display:block;width:38px;height:3px;background:var(--navy);transform:rotate(-3deg)}
.stats-section{padding:30px 0}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.stat-card{background:var(--ivory-2);border:1px solid rgba(255,255,255,.3);padding:18px 14px;text-align:center}.stat-card strong{display:block;font-family:var(--serif);color:var(--navy);font-size:1.8rem}.stat-card span{font-size:.68rem;color:#4f555a;text-transform:uppercase;letter-spacing:.04em}
.about-details{padding:48px 0 72px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-card{background:rgba(255,255,255,.52);border:1px solid var(--line);padding:28px}.detail-card p{color:#53595e}.detail-card.leather h3,.detail-card.leather p{color:#fff}.timeline{display:grid;gap:0;margin-top:22px}.timeline-row{display:grid;grid-template-columns:160px 1fr;gap:22px;padding:21px 0;border-top:1px solid var(--line)}.timeline-row strong{font-family:var(--serif);color:var(--navy)}

/* BLOG */
.blog-hero{padding:62px 0 28px;text-align:center}.blog-hero .lead{margin:16px auto 0}.filter-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:24px}.filter-pill{padding:7px 12px;border:1px solid var(--line);background:var(--ivory-2);font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.filter-pill.active{background:var(--pink);border-color:var(--navy)}
.blog-wrap{padding:0 0 72px}.featured-post{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--silver);box-shadow:var(--shadow);overflow:hidden;margin-bottom:20px}.featured-copy{padding:38px}.featured-copy h2{font-size:clamp(2rem,3vw,2.9rem)}.featured-copy p{max-width:510px}.featured-media{min-height:320px;position:relative;background:var(--pink)}.featured-media img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.featured-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,33,56,.06),transparent)}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.post-card{background:rgba(255,255,255,.62);border:1px solid var(--line);min-height:220px;padding:22px;display:flex;flex-direction:column}.post-card .tag{font-size:.65rem;color:var(--pink-2);text-transform:uppercase;letter-spacing:.1em;font-weight:900}.post-card h3{font-size:1.16rem;margin:10px 0}.post-card p{font-size:.84rem;color:#565c61;margin:0}.post-card a{font-size:.75rem;font-weight:900;margin-top:auto;padding-top:16px;color:var(--navy)}
.icon-disc{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--pink);border:1px solid var(--silver);margin-bottom:12px;font-family:var(--serif);font-size:1.1rem}

/* BOOKING */
.booking-top{padding:56px 0 20px}.booking-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:24px;align-items:start}.booking-main h1{font-size:clamp(3rem,4.8vw,4.25rem)}.qualifier{padding:24px;margin-top:24px;border:1px solid rgba(255,255,255,.2)}.qualifier-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.qualifier h3{font-size:1.08rem}.qualifier ul{list-style:none;padding:0;margin:12px 0 0}.qualifier li{font-size:.82rem;padding:5px 0 5px 20px;position:relative}.qualifier li:before{content:'✓';position:absolute;left:0;color:var(--pink);font-weight:900}.qualifier .no li:before{content:'×'}
.promise{padding:16px 20px;margin-top:14px;display:flex;gap:16px;align-items:center}.promise strong{font-family:var(--serif);font-size:1.05rem}.promise span{font-size:.81rem;color:#fff}
.call-icons{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:14px}.call-icon{padding:20px 12px;text-align:center;border-right:1px solid var(--line)}.call-icon:last-child{border-right:0}.call-icon strong{display:block;color:var(--navy);font-size:.72rem;text-transform:uppercase}.call-icon span{display:block;color:var(--muted);font-size:.68rem;margin-top:4px}
.scheduler{background:var(--ivory-2);border:1px solid var(--silver);padding:26px;box-shadow:var(--shadow);position:sticky;top:92px}.scheduler-inner{border:1px solid var(--line);padding:20px}.cal-head{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;font-size:.69rem;text-align:center}.cal-grid span{padding:7px 3px}.cal-grid .muted{color:#aaa}.cal-grid .selected{background:var(--leather);color:#fff;border:2px solid var(--black);border-radius:50%}.scheduler select{width:100%;padding:10px;border:1px solid var(--line);background:#fff;margin:16px 0}.booking-more{padding:50px 0 76px}.expect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.expect{padding:24px;border:1px solid var(--line);background:rgba(255,255,255,.55)}.expect p{font-size:.86rem;color:#555a5f}.expect.leather h3,.expect.leather p{color:#fff}

/* VSL */
.vsl-hero{padding:0 0 30px}.vsl-panel{padding:42px 0}.vsl-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:34px;align-items:center}.vsl-copy h1{font-size:clamp(2.8rem,4.5vw,4.2rem)}.vsl-copy p{font-size:.91rem}.vsl-list{list-style:none;padding:0;margin:18px 0 0}.vsl-list li{padding:6px 0 6px 21px;position:relative;font-size:.84rem}.vsl-list li:before{content:'✓';position:absolute;left:0;color:var(--pink);font-weight:900}.video-shell{border:3px solid var(--silver);box-shadow:inset 0 0 0 3px #666,0 12px 28px rgba(0,0,0,.23);padding:7px;background:#565b60;border-radius:8px}.video-stage{aspect-ratio:16/9;position:relative;overflow:hidden;background:#111}.video-stage img{width:100%;height:100%;object-fit:cover;object-position:center 32%;filter:saturate(.9)}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:var(--pink-2);color:#fff;font-size:1.45rem;border:2px solid #fff;box-shadow:0 8px 22px rgba(0,0,0,.22)}.video-controls{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:26px 12px 10px;font-size:.7rem;display:flex;justify-content:space-between}.vsl-callout{margin-top:-1px;padding:14px 22px;text-align:center;background:var(--pink);border:1px solid var(--navy);font-family:var(--serif);color:var(--navy);font-size:1.05rem}.pain-section{padding:60px 0}.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.pain-card{background:rgba(255,255,255,.58);border:1px solid var(--line);padding:22px}.pain-card p{font-size:.84rem;color:#565c61}.steps{padding:58px 0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-card{padding:26px;border:1px solid var(--line);background:var(--ivory-2)}.step-no{font-family:var(--serif);color:var(--pink-2);font-size:1.8rem}.guarantee{margin-top:22px;padding:28px;display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center}.guarantee .big{font-family:var(--serif);font-size:2.4rem;text-align:center}.guarantee h3,.guarantee p{color:#fff}.faq{padding:56px 0}.faq-item{padding:18px 0;border-top:1px solid var(--line)}.faq-item h3{font-size:1.05rem}.faq-item p{color:#565c61}.metric-band{padding:24px 0}.metric-band-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-band-item{background:var(--ivory-2);padding:18px;text-align:center}.metric-band-item strong{display:block;font-family:var(--serif);font-size:1.7rem;color:var(--navy)}.metric-band-item span{font-size:.7rem;color:#4f555a;text-transform:uppercase}

/* ARTICLE */
.article-hero{padding:64px 0 42px}.article-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center}.article-photo{background:#fff;border:1px solid var(--silver);padding:8px;position:relative}.article-photo img{aspect-ratio:1/1;object-fit:cover;object-position:center 28%}.article-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;font-size:.73rem;color:var(--muted)}.article-sequence{padding:24px 0}.sequence-line{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.sequence-line span{padding:7px 10px;border:1px solid rgba(255,255,255,.25);font-size:.69rem;text-transform:uppercase;letter-spacing:.04em}.article-body{padding:52px 0}.article-intro{font-family:var(--serif);font-size:1.28rem;color:var(--navy);line-height:1.45}.article-items{display:grid;gap:0;margin-top:28px}.article-item{display:grid;grid-template-columns:84px 1fr;gap:22px;padding:28px 0;border-top:1px solid var(--line)}.article-num{font-family:var(--serif);font-size:2.2rem;color:var(--pink-2)}.article-item p{color:#4f555a}.article-example{background:var(--ivory-2);border-left:3px solid var(--pink-2);padding:14px 16px;margin-top:12px;font-size:.86rem}.always-on{padding:26px;margin:30px 0}.always-on ul{margin:12px 0 0;padding-left:18px}.always-on li{margin:8px 0;font-size:.88rem}.toolbox{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.tool{border:1px solid var(--line);background:rgba(255,255,255,.55);padding:18px}.tool strong{display:block;color:var(--navy);font-family:var(--serif)}.author-card{display:grid;grid-template-columns:130px 1fr;gap:22px;align-items:center;padding:24px;border:1px solid var(--line);background:var(--ivory-2);margin-top:38px}.author-card img{width:130px;height:130px;object-fit:cover;object-position:center 28%}

/* FOOTER */
.site-footer{background:#efe8dd;border-top:1px solid var(--line);padding:40px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:30px}.site-footer p{font-size:.82rem;color:#5b6064}.site-footer a:hover{color:var(--pink-2)}.socials{display:flex;gap:8px;flex-wrap:wrap}.socials a{border:1px solid var(--silver);padding:6px 8px;font-size:.7rem;background:var(--ivory-2)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:26px;padding-top:18px;font-size:.7rem;color:#777}

@media(max-width:900px){
  .nav-links{position:absolute;left:0;right:0;top:72px;background:var(--ivory);border-bottom:1px solid var(--line);padding:14px 23px;display:none;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-toggle{display:block}.nav-cta{margin-left:0}
  .home-hero,.about-grid,.editorial-split,.featured-post,.booking-grid,.vsl-grid,.article-hero-grid{grid-template-columns:1fr}.home-copy{padding:54px 23px 42px}.home-photo{min-height:430px}.trust-grid{grid-template-columns:repeat(2,1fr)}.home-card-grid,.post-grid,.detail-grid,.expect-grid,.steps-grid,.toolbox{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}.pain-grid{grid-template-columns:1fr 1fr}.scheduler{position:static}.article-photo{max-width:560px}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .container,.narrow{width:min(100% - 30px,1180px)}.nav-wrap{min-height:66px}.nav-links{top:66px}.wordmark{font-size:.92rem}.nav-cta{font-size:.64rem;min-height:38px;padding:7px 10px}
  h1{font-size:2.75rem}h2{font-size:2rem}.home-photo{min-height:360px}.home-card-grid,.post-grid,.detail-grid,.expect-grid,.steps-grid,.toolbox,.pain-grid,.stats-grid,.footer-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.home-white,.about-details,.blog-wrap,.booking-more,.pain-section,.steps,.faq{padding:46px 0}.qualifier-grid{grid-template-columns:1fr}.call-icons{grid-template-columns:1fr 1fr}.call-icon:nth-child(2){border-right:0}.call-icon:nth-child(-n+2){border-bottom:1px solid var(--line)}.vsl-panel{padding:30px 0}.guarantee{grid-template-columns:1fr}.metric-band-grid{grid-template-columns:1fr}.article-item{grid-template-columns:52px 1fr;gap:12px}.article-num{font-size:1.7rem}.author-card{grid-template-columns:1fr}.author-card img{width:100%;height:auto;aspect-ratio:1/1}.timeline-row{grid-template-columns:1fr;gap:5px}.footer-bottom{flex-direction:column}
}

/* =========================================================
   V3 HOME — AGENCY SALES MODEL / MODERN BLUEPRINT
   ========================================================= */
:root{
  --display:"Avenir Next Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --sans:"Avenir Next","Helvetica Neue",Arial,sans-serif;
  --serif:var(--display);
  --blush:#f2c7c8;
  --blush-deep:#dfa7a9;
  --cream:#f7f2e9;
  --cream-2:#fffaf2;
  --blueprint:#0c2942;
  --blueprint-2:#0a2237;
  --leather-hi:#a36945;
  --leather-mid:#824b2d;
  --leather-lo:#5c2f1d;
  --stitch:#111214;
}
body{font-family:var(--sans);font-style:normal}
h1,h2,h3,h4,.wordmark{font-family:var(--display);font-style:normal}
.blueprint-home{background:var(--cream);color:#152333}
.blueprint-home .site-header{background:rgba(247,242,233,.96);border-bottom:1px solid rgba(12,41,66,.18)}
.blueprint-home .wordmark{font-family:var(--display);font-size:1.58rem;letter-spacing:.18em;font-weight:800;color:#0d2439}
.blueprint-home .nav-links{gap:44px;font-size:.76rem;text-transform:uppercase;letter-spacing:.065em}
.blueprint-home .nav-links a:hover,.blueprint-home .nav-links a.active{border-color:var(--blush-deep)}
.home-nav .nav-wrap{min-height:76px}

.leather-button,.leather-card,.leather-banner,.leather-corner-patch{
  position:relative;
  color:#fff;
  background:
    radial-gradient(circle at 18% 23%,rgba(255,255,255,.11) 0 1px,transparent 1.5px),
    radial-gradient(circle at 72% 64%,rgba(35,12,4,.20) 0 1px,transparent 1.7px),
    radial-gradient(circle at 42% 82%,rgba(255,255,255,.07) 0 1px,transparent 1.3px),
    linear-gradient(145deg,var(--leather-hi) 0%,var(--leather-mid) 45%,var(--leather-lo) 100%);
  background-size:11px 11px,17px 17px,13px 13px,auto;
  border:3px solid var(--stitch);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 0 15px rgba(27,9,3,.16),0 7px 16px rgba(17,18,20,.18);
}
.leather-button::after,.leather-card::after,.leather-banner::after{
  content:"";position:absolute;inset:5px;border:1.5px dashed rgba(17,18,20,.92);border-radius:inherit;pointer-events:none;opacity:.92
}
.leather-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:10px 20px;border-radius:7px;text-transform:uppercase;font-size:.72rem;font-weight:900;letter-spacing:.11em;transition:transform .2s ease,box-shadow .2s ease}
.leather-button:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 11px 21px rgba(17,18,20,.21)}
.leather-button span,.leather-button b{position:relative;z-index:2}.leather-button b{font-size:1.2rem;font-weight:400}

.blueprint-hero{display:grid;grid-template-columns:minmax(340px,31%) minmax(0,69%);min-height:650px;border-bottom:1px solid rgba(12,41,66,.14)}
.blueprint-copy{padding:46px 34px 0 max(42px,calc((100vw - 1280px)/2 + 28px));position:relative;background:
  radial-gradient(circle at 17% 19%,rgba(12,41,66,.055) 0 1px,transparent 1.4px) 0 0/8px 8px,
  var(--cream-2);z-index:3}
.micro-label{margin:0 0 14px;text-transform:uppercase;font-size:.66rem;letter-spacing:.14em;font-weight:900;color:var(--blush-deep)}
.blueprint-copy h1{font-size:clamp(2.75rem,4.1vw,4.45rem);line-height:1.02;letter-spacing:.01em;text-transform:uppercase;font-weight:900;max-width:430px;color:#0e263c}
.blueprint-copy h1 span{color:var(--blush-deep)}
.hero-deck{max-width:390px;font-size:.98rem;line-height:1.56;color:#2d3944;margin:20px 0 22px}
.blueprint-copy .hero-actions{display:flex;align-items:center;gap:22px;margin-top:10px}
.text-link{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--blush-deep);padding-bottom:4px;color:#0e263c}

.scot-id-card{width:min(370px,calc(100% - 44px));display:grid;grid-template-columns:47% 53%;gap:18px;align-items:center;background:#fbf7ef;border:1px solid #c9bba9;border-radius:8px;padding:10px;margin-top:34px;margin-left:56px;box-shadow:0 14px 28px rgba(20,31,41,.10);position:relative;z-index:7}
.scot-id-card::before{content:"";position:absolute;inset:5px;border:1px dashed rgba(130,75,45,.32);border-radius:5px;pointer-events:none}
.id-photo{position:relative;z-index:1;overflow:hidden;border-radius:3px;border:1px solid #b7aa99}.id-photo img{width:100%;aspect-ratio:.82/1;object-fit:cover;object-position:center 24%}
.id-copy{position:relative;z-index:1;padding-right:8px}.id-name{margin:0;color:#0e263c;font-family:var(--display);font-weight:900;letter-spacing:.12em;font-size:1.02rem}.id-role{font-size:.69rem;text-transform:uppercase;font-weight:800;line-height:1.45;margin:7px 0}.short-rule{display:block;width:34px;height:2px;background:var(--blush-deep);margin:10px 0}.id-copy>p:last-of-type{font-size:.72rem;line-height:1.45;color:#43505b}.id-copy a{font-size:.64rem;text-transform:uppercase;font-weight:900;letter-spacing:.08em;border-bottom:1px solid var(--blush-deep)}

.blueprint-board{position:relative;overflow:hidden;background:var(--blueprint);color:#f8f3eb;padding:50px 54px 44px;min-height:650px;isolation:isolate}
.board-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(180,201,217,.20) 1px,transparent 1.3px);background-size:9px 9px;opacity:.52;z-index:-2}
.blueprint-board::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.03),transparent 31%,rgba(255,255,255,.02) 70%,transparent);z-index:-1;pointer-events:none}
.board-registration{position:absolute;width:150px;height:70px;border-top:1px solid rgba(204,218,228,.24);border-left:1px solid rgba(204,218,228,.24)}.reg-a{left:28px;top:28px}.reg-b{right:28px;bottom:30px;transform:rotate(180deg)}
.board-label{text-transform:uppercase;font-size:.69rem;letter-spacing:.18em;color:#dce6ed;font-weight:800;margin-bottom:16px}
.board-title{text-align:center;font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:.035em;font-size:clamp(2.25rem,3.4vw,3.72rem);line-height:1.07;margin:0 auto;color:#f8f3eb;max-width:820px}.board-title span{color:var(--blush)}
.board-rule{width:82px;height:2px;background:var(--blush-deep);margin:18px auto 22px}
.system-stages{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:56px;position:relative;z-index:3;margin:34px auto 0;max-width:980px}
.system-stage{border-radius:12px;min-height:188px;padding:26px 16px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(16px);opacity:0;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.25,1),box-shadow .35s ease}
.blueprint-board.is-live .system-stage{opacity:1;transform:translateY(0)}
.blueprint-board.is-live .system-stage:nth-child(1){transition-delay:.18s}.blueprint-board.is-live .system-stage:nth-child(2){transition-delay:.36s}.blueprint-board.is-live .system-stage:nth-child(3){transition-delay:.54s}.blueprint-board.is-live .system-stage:nth-child(4){transition-delay:.72s}
.system-stage.is-active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 0 0 3px rgba(242,199,200,.42),0 0 30px rgba(242,199,200,.18),0 8px 18px rgba(0,0,0,.28)}
.stage-icon{width:54px;height:44px;display:grid;place-items:center;font-size:2rem;line-height:1;color:#f7f1e8;margin-bottom:7px}
.system-stage h2{color:#fff;font-family:var(--display);text-transform:uppercase;font-size:1.18rem;letter-spacing:.11em;font-weight:900;margin:0 0 7px}
.system-stage p{margin:0;color:#f6e9df;font-size:.78rem;line-height:1.42}
.system-track{position:absolute;left:8%;right:8%;top:59.5%;height:20px;z-index:1;pointer-events:none}.track-line{position:absolute;left:0;right:0;top:9px;height:2px;background:rgba(223,233,239,.7);transform-origin:left center;transform:scaleX(0)}.blueprint-board.is-live .track-line{animation:drawTrack 1.5s .15s ease forwards}.track-line::after{content:"";position:absolute;right:-3px;top:-5px;width:10px;height:10px;border-top:2px solid #e2edf4;border-right:2px solid #e2edf4;transform:rotate(45deg)}
.track-pulse{position:absolute;top:4px;left:0;width:12px;height:12px;border-radius:50%;background:var(--blush);box-shadow:0 0 0 4px rgba(242,199,200,.18),0 0 18px rgba(242,199,200,.8);opacity:0}.blueprint-board.is-live .track-pulse{animation:pulseTravel 6.4s 1.5s cubic-bezier(.45,.02,.52,.98) infinite}
.return-loop{position:relative;width:86%;height:58px;margin:18px auto 0;border-left:1px solid rgba(223,233,239,.72);border-bottom:1px solid rgba(223,233,239,.72);border-right:1px solid rgba(223,233,239,.72);border-radius:0 0 22px 22px;opacity:.72}.return-loop span{position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);background:var(--blueprint);padding:0 10px;font-size:.53rem;letter-spacing:.16em;color:#b7c8d5;white-space:nowrap}
.principles-panel{position:absolute;right:24px;top:36px;width:205px;border:1px solid rgba(200,216,227,.26);padding:14px 16px;background:rgba(5,24,39,.20)}.principles-panel p{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:.58rem;color:#d9e5ed;font-weight:900}.principles-panel ul{list-style:none;margin:0;padding:0}.principles-panel li{font-size:.61rem;padding:4px 0 4px 15px;color:#c6d5df;position:relative}.principles-panel li::before{content:"•";position:absolute;left:1px;color:var(--blush)}

.proof-ribbon{background:#f9f5ee;border-bottom:1px solid #d6cdc1}.proof-ribbon-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:0;min-height:72px}.proof-ribbon-inner>div{padding:14px 22px;border-right:1px solid #ddd2c6;display:flex;flex-direction:column;justify-content:center}.proof-ribbon-inner>div:last-child{border-right:0}.proof-ribbon strong{font-family:var(--display);font-size:1.12rem;color:#0e263c;letter-spacing:.045em}.proof-ribbon span{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:#68717a;margin-top:2px}

.home-editorial-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:18px;padding:20px 0 18px}
.editorial-tile{position:relative;min-height:235px;border-radius:11px;padding:24px 26px;display:grid;grid-template-columns:1fr .62fr;gap:18px;overflow:hidden;border:1px solid #cfc5b9;transition:transform .25s ease,box-shadow .25s ease}
.editorial-tile:hover{transform:translateY(-4px);box-shadow:0 15px 28px rgba(21,35,47,.12)}
.editorial-tile h2{font-size:1.62rem;text-transform:uppercase;letter-spacing:.02em;line-height:1.05;font-weight:900}.editorial-tile p:not(.micro-label){font-size:.76rem;line-height:1.48}.tile-link{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;border-bottom:1px solid var(--blush-deep)}
.navy-dot-tile{background-color:var(--blueprint);background-image:radial-gradient(circle,rgba(188,207,220,.25) 1px,transparent 1.3px);background-size:9px 9px;color:#f5f0e7;border-color:#071b2d}.navy-dot-tile h2{color:#fff}.navy-dot-tile p:not(.micro-label){color:#d5e0e7}.navy-dot-tile .tile-link{color:#fff}
.light-tile{background:#fbf7ef}.light-tile h2{color:#0e263c}.light-tile p:not(.micro-label){color:#41505d}
.wireframe-art{align-self:center;border:2px solid rgba(233,239,243,.46);height:145px;padding:14px;display:grid;gap:8px}.wireframe-art span{display:block;border:1px solid rgba(233,239,243,.45)}.wireframe-art span:nth-child(1){height:30px}.wireframe-art span:nth-child(2){height:18px;width:70%}.wireframe-art span:nth-child(3){height:18px}.wireframe-art span:nth-child(4){height:14px;width:34%;background:var(--blush);border-color:var(--blush)}
.authority-mark{align-self:center;justify-self:center;width:110px;height:110px;border:2px solid #73818b;display:grid;place-items:center;font-size:4rem;font-weight:900;color:#73818b;clip-path:polygon(50% 0,92% 22%,92% 75%,50% 100%,8% 75%,8% 22%)}
.tag-art{align-self:center;justify-self:center;width:118px;height:150px;border:2px solid rgba(233,239,243,.55);clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%);display:grid;place-items:center}.tag-art span{font-size:3.2rem;color:var(--blush)}
.leather-corner-patch{position:absolute;right:-17px;bottom:-20px;width:90px;height:82px;transform:rotate(-8deg);border-radius:4px;background:linear-gradient(145deg,var(--leather-hi),var(--leather-mid) 55%,var(--leather-lo));border:3px solid var(--stitch);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}.leather-corner-patch::after{content:"";position:absolute;inset:7px;border-top:1.5px dashed #111;border-left:1.5px dashed #111;transform:rotate(-1deg)}

.home-closing{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;padding-bottom:34px;align-items:center}.leather-banner{border-radius:10px;min-height:92px;padding:18px 24px;display:grid;grid-template-columns:64px 1fr auto;gap:20px;align-items:center}.leather-icon{width:48px;height:48px;border:1px solid #f1e6dc;border-radius:50%;display:grid;place-items:center;font-size:1.45rem;position:relative;z-index:2}.leather-banner>div,.leather-banner>a{position:relative;z-index:2}.leather-banner .micro-label{color:#f0d7d2;margin-bottom:4px}.leather-banner h2{color:#fff;font-size:1.28rem;font-weight:750;letter-spacing:.01em;text-transform:none}.silver-button{display:inline-flex;align-items:center;gap:15px;justify-content:center;min-height:45px;padding:10px 18px;border-radius:4px;background:linear-gradient(#17354e,#0b263d);border:2px solid #b8bdc1;box-shadow:inset 0 0 0 2px #091b2b;color:#fff;text-transform:uppercase;font-weight:900;font-size:.66rem;letter-spacing:.08em;white-space:nowrap}.silver-button span{font-size:1.3rem;font-weight:400}.call-note{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:center}.calendar-icon{font-size:2.2rem;color:#6b7882}.call-note strong{display:block;text-transform:uppercase;font-size:.66rem;letter-spacing:.08em;color:#0e263c}.call-note p{font-size:.72rem;line-height:1.45;margin:4px 0;color:#4c5964}.home-footer{padding-top:30px}

[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.25,1)}[data-reveal].is-visible{opacity:1;transform:none}
@keyframes drawTrack{to{transform:scaleX(1)}}
@keyframes pulseTravel{0%{left:0;opacity:0}5%{opacity:1}24%{left:26%;opacity:1}49%{left:51%;opacity:1}74%{left:76%;opacity:1}96%{left:100%;opacity:1}100%{left:100%;opacity:0}}

@media(max-width:1100px){
  .principles-panel{display:none}.system-stages{gap:30px}.blueprint-board{padding-left:34px;padding-right:34px}.scot-id-card{margin-left:10px}.home-editorial-grid{grid-template-columns:1fr 1fr}.editorial-tile:nth-child(3){grid-column:1/-1}
}
@media(max-width:900px){
  .blueprint-hero{grid-template-columns:1fr}.blueprint-copy{padding:48px 24px 32px}.blueprint-copy h1{max-width:650px}.hero-deck{max-width:620px}.scot-id-card{margin:30px 0 0;width:min(560px,100%)}.blueprint-board{min-height:auto;padding:42px 24px}.system-stages{grid-template-columns:1fr 1fr;gap:22px}.system-track,.return-loop{display:none}.proof-ribbon-inner{grid-template-columns:1fr 1fr}.proof-ribbon-inner>div:nth-child(2){border-right:0}.proof-ribbon-inner>div:nth-child(-n+2){border-bottom:1px solid #ddd2c6}.home-closing{grid-template-columns:1fr}.call-note{padding:0 10px 10px}.leather-banner{grid-template-columns:52px 1fr}.leather-banner .silver-button{grid-column:2;justify-self:start}
}
@media(max-width:620px){
  .blueprint-home .wordmark{font-size:1.13rem;letter-spacing:.13em}.home-nav .nav-wrap{min-height:66px}.blueprint-copy h1{font-size:2.55rem;line-height:1.02}.blueprint-copy .hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.scot-id-card{grid-template-columns:42% 58%;gap:12px}.id-copy>p:last-of-type{font-size:.67rem}.board-title{font-size:2.08rem}.system-stages{grid-template-columns:1fr}.system-stage{min-height:150px}.proof-ribbon-inner{grid-template-columns:1fr}.proof-ribbon-inner>div{border-right:0;border-bottom:1px solid #ddd2c6}.home-editorial-grid{grid-template-columns:1fr}.editorial-tile,.editorial-tile:nth-child(3){grid-column:auto;grid-template-columns:1fr .5fr;min-height:220px}.home-closing{padding-bottom:28px}.leather-banner{grid-template-columns:1fr;padding:20px}.leather-icon{display:none}.leather-banner .silver-button{grid-column:1;justify-self:stretch}.call-note{grid-template-columns:40px 1fr}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}.system-stage{opacity:1;transform:none;transition:none}.track-line{transform:scaleX(1)!important}.track-pulse{display:none}.editorial-tile,.leather-button{transition:none}
}

/* v4 homepage blueprint refinement */
.blueprint-hero-v4{min-height:690px}
.blueprint-hero-v4 .blueprint-copy{padding-top:38px}
.blueprint-hero-v4 .blueprint-copy h1{max-width:420px}
.blueprint-hero-v4 .hero-deck{max-width:380px}
.blueprint-board-v4{padding:44px 34px 28px;min-height:690px}
.blueprint-board-v4 .board-title{max-width:640px}
.blueprint-frame{position:relative;max-width:980px;min-height:460px;margin:24px auto 0}
.flow-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1}
.flow-path{fill:none;stroke:rgba(227,236,242,.92);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;marker-end:url(#flow-arrow);filter:drop-shadow(0 0 4px rgba(245,242,233,.16));opacity:.95;stroke-dasharray:1000;stroke-dashoffset:1000}
.blueprint-board.is-live .flow-path:nth-of-type(1){animation:drawFlow .55s .15s forwards ease}
.blueprint-board.is-live .flow-path:nth-of-type(2){animation:drawFlow .55s .55s forwards ease}
.blueprint-board.is-live .flow-path:nth-of-type(3){animation:drawFlow .50s 1.0s forwards ease}
.blueprint-board.is-live .flow-path:nth-of-type(4){animation:drawFlow .7s 1.45s forwards ease}
.blueprint-board.is-live .flow-path:nth-of-type(5){animation:drawFlow .45s 2.1s forwards ease}
.blueprint-board.is-live .flow-path:nth-of-type(6){animation:drawFlow 1.05s 2.45s forwards ease}
.flow-dot{fill:var(--blush);stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 6px rgba(245,196,199,.85)) drop-shadow(0 0 14px rgba(245,196,199,.52));opacity:0}
.bp-node,.result-panel{position:absolute;z-index:3;opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.25,1)}
.blueprint-board.is-live .bp-node,.blueprint-board.is-live .result-panel{opacity:1;transform:translateY(0)}
.blueprint-board.is-live .bp-marketing{transition-delay:.20s}.blueprint-board.is-live .bp-sales{transition-delay:.48s}.blueprint-board.is-live .bp-service{transition-delay:.76s}.blueprint-board.is-live .bp-backoffice{transition-delay:1.12s}.blueprint-board.is-live .result-panel{transition-delay:1.48s}
.bp-node p,.result-panel p{margin:12px 0 0;color:#d7e3ea;font-size:.80rem;line-height:1.45;max-width:240px}
.bp-top{top:58px}
.bp-marketing{left:34px}
.bp-sales{left:334px}
.bp-service{left:632px}
.bp-backoffice{left:314px;top:244px}
.bp-chip,.result-chip{display:flex;align-items:center;gap:14px;min-height:86px;padding:17px 20px;border-radius:14px;position:relative;z-index:2}
.bp-chip{width:198px}.bp-chip.wide{width:252px}.result-chip{width:190px;margin-bottom:8px}
.bp-chip .chip-icon,.result-chip .chip-icon{font-size:1.65rem;line-height:1;flex:0 0 auto;color:#fff;opacity:.96;min-width:32px;text-align:center}
.bp-chip .chip-text,.result-chip .chip-text{color:#fff;text-transform:uppercase;letter-spacing:.1em;font-weight:900;font-size:1rem;line-height:1.1}
.bp-backoffice p{max-width:268px}
.result-panel{right:6px;top:164px;width:232px;min-height:214px;border:1px solid rgba(230,238,243,.3);border-radius:18px;padding:18px 18px 20px;background:linear-gradient(180deg,rgba(7,23,39,.08),rgba(7,23,39,.18))}
.result-panel::before{content:"";position:absolute;inset:8px;border:1px solid rgba(206,219,229,.16);border-radius:13px;pointer-events:none}
.result-panel p{max-width:180px;font-size:.88rem;line-height:1.48}
.result-underline{display:block;width:70px;height:3px;border-radius:2px;background:var(--blush-deep);margin-top:18px}
.principles-panel{right:4px;top:2px;width:188px;border-radius:8px;background:rgba(5,24,39,.16)}
.principles-panel li::before{color:var(--blush)}
.bp-node.is-active .bp-chip,.result-panel.is-active .result-chip{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 0 0 3px rgba(244,210,211,.22),0 0 24px rgba(244,210,211,.18),0 10px 24px rgba(0,0,0,.24)}
.brand-strip{background:#fbf8f2;border-top:1px solid #d7cdbf;border-bottom:1px solid #d7cdbf}
.brand-strip-inner{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:center;min-height:72px}
.brand-label{font-size:.56rem;text-transform:uppercase;letter-spacing:.18em;color:#495a67;font-weight:900}
.brand-strip-logos{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:center}
.brand-strip-logos span{display:block;text-align:center;padding:10px 8px;border-left:1px solid #ddd2c6;color:#203445;font-size:1rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;text-transform:none}
.brand-strip-logos span:first-child{border-left:0}

@keyframes drawFlow{to{stroke-dashoffset:0}}

@media(max-width:1120px){
  .bp-sales{left:300px}.bp-service{left:568px}.bp-backoffice{left:275px}.bp-chip{width:176px}.bp-chip.wide{width:228px}.result-panel{width:210px}
}
@media(max-width:980px){
  .blueprint-hero-v4{grid-template-columns:1fr}.blueprint-board-v4{min-height:auto;padding:36px 24px}.blueprint-frame{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-height:auto}.flow-map{display:none}.bp-node,.result-panel,.principles-panel{position:static;opacity:1;transform:none}.bp-node p,.result-panel p{max-width:none}.bp-chip,.result-chip,.bp-chip.wide{width:100%}.result-panel{width:auto;min-height:0}.principles-panel{width:auto}.brand-strip-inner{grid-template-columns:1fr}.brand-strip-logos{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:680px){
  .blueprint-hero-v4 .blueprint-copy{padding:38px 24px 24px}.blueprint-board-v4 .board-title{font-size:2.18rem;max-width:520px}.blueprint-frame{grid-template-columns:1fr}.brand-strip-logos{grid-template-columns:1fr 1fr}.brand-strip-logos span{font-size:.9rem;border-top:1px solid #ddd2c6}.brand-strip-logos span:nth-child(1),.brand-strip-logos span:nth-child(2){border-top:0}
}
@media(prefers-reduced-motion:reduce){
  .flow-path{stroke-dashoffset:0}.flow-dot{display:none}
}

/* v5 hero layout tightening */
.blueprint-hero-v4{grid-template-columns:minmax(430px,36%) minmax(0,64%);min-height:690px}
.blueprint-hero-v4 .blueprint-copy{
  padding:34px 28px 0 max(22px,calc((100vw - 1280px)/2 + 24px));
  display:flex;
  flex-direction:column;
}
.blueprint-hero-v4 .micro-label{margin-bottom:10px}
.blueprint-hero-v4 .blueprint-copy h1{
  max-width:520px;
  font-size:clamp(3.35rem,4.2vw,4.95rem);
  line-height:.93;
  letter-spacing:-.015em;
  text-wrap:balance;
  margin-bottom:14px;
}
.blueprint-hero-v4 .hero-deck{
  max-width:430px;
  margin:0 0 18px;
  font-size:1rem;
  line-height:1.5;
}
.blueprint-hero-v4 .hero-actions{gap:20px;margin-top:4px}
.blueprint-hero-v4 .scot-id-card{margin-top:30px;margin-left:44px;width:min(392px,calc(100% - 30px))}
.blueprint-board-v4{padding:38px 32px 26px;min-height:690px}
.blueprint-board-v4 .board-label{margin-bottom:10px}
.blueprint-board-v4 .board-title{font-size:clamp(2.7rem,3.9vw,4.1rem);line-height:1.02;max-width:700px}
.blueprint-board-v4 .board-rule{margin:14px auto 18px}
.blueprint-board-v4 .blueprint-frame{margin-top:12px}
.brand-strip-inner{min-height:64px}

@media(max-width:1200px){
  .blueprint-hero-v4{grid-template-columns:minmax(390px,34%) minmax(0,66%)}
  .blueprint-hero-v4 .blueprint-copy h1{font-size:clamp(3rem,3.8vw,4.4rem);max-width:480px}
}
@media(max-width:980px){
  .blueprint-hero-v4 .blueprint-copy{padding:38px 24px 28px}
  .blueprint-hero-v4 .blueprint-copy h1{max-width:620px;font-size:clamp(2.8rem,6.4vw,4.2rem);line-height:.95}
  .blueprint-hero-v4 .hero-deck{max-width:620px}
  .blueprint-hero-v4 .scot-id-card{margin-left:0;width:min(560px,100%)}
}
@media(max-width:620px){
  .blueprint-hero-v4 .blueprint-copy h1{font-size:2.7rem;line-height:.94;max-width:100%}
  .blueprint-hero-v4 .hero-deck{font-size:.96rem}
}

/* v6 hero composition: wider usable left rail + overlapping Scot card */
@media(min-width:981px){
  .blueprint-hero-v4{
    grid-template-columns:minmax(520px,38%) minmax(0,62%);
    min-height:690px;
  }
  .blueprint-hero-v4 .blueprint-copy{
    padding:32px 22px 0 104px;
    overflow:visible;
  }
  .blueprint-hero-v4 .micro-label{
    margin-bottom:10px;
  }
  .blueprint-hero-v4 .blueprint-copy h1{
    max-width:475px;
    font-size:clamp(3.05rem,3.45vw,3.65rem);
    line-height:.95;
    letter-spacing:-.02em;
    text-wrap:pretty;
    margin:0 0 14px;
  }
  .blueprint-hero-v4 .hero-deck{
    max-width:455px;
    font-size:.98rem;
    line-height:1.48;
    margin:0 0 17px;
  }
  .blueprint-hero-v4 .hero-actions{
    margin-top:2px;
  }
  .blueprint-hero-v4 .scot-id-card{
    width:430px;
    margin-top:18px;
    margin-left:16px;
    transform:translateX(82px);
    z-index:12;
  }
  .blueprint-board-v4{
    padding:36px 28px 24px;
  }
  .blueprint-board-v4 .board-label{
    margin-bottom:8px;
  }
  .blueprint-board-v4 .board-title{
    max-width:760px;
    font-size:clamp(2.6rem,3.15vw,3.3rem);
    line-height:1.03;
  }
  .blueprint-board-v4 .board-rule{
    margin:13px auto 16px;
  }
  .blueprint-board-v4 .blueprint-frame{
    margin-top:8px;
  }
}

@media(min-width:1280px){
  .blueprint-hero-v4 .blueprint-copy{
    padding-left:104px;
  }
  .blueprint-hero-v4 .blueprint-copy h1{
    max-width:490px;
    font-size:3.6rem;
  }
  .blueprint-hero-v4 .hero-deck{
    max-width:470px;
  }
  .blueprint-hero-v4 .scot-id-card{
    width:440px;
    transform:translateX(92px);
  }
}

@media(min-width:1500px){
  .blueprint-hero-v4 .blueprint-copy{
    padding-left:112px;
  }
  .blueprint-hero-v4 .blueprint-copy h1{
    max-width:505px;
    font-size:3.7rem;
  }
  .blueprint-hero-v4 .hero-deck{
    max-width:485px;
  }
}

/* v7 leather pill header + logo refinement + hero overlap */
.site-header{
  top:12px;
  padding-bottom:8px;
  background:transparent !important;
  border-bottom:0 !important;
  backdrop-filter:none;
  box-shadow:none;
}
.site-header .nav-wrap{
  min-height:76px;
  padding:0 14px 0 24px;
  border-radius:999px;
  position:relative;
  background:
    radial-gradient(circle at 12% 22%, rgba(255,255,255,.10) 0 1.2px, transparent 1.6px),
    radial-gradient(circle at 74% 66%, rgba(19,8,3,.20) 0 1px, transparent 1.6px),
    radial-gradient(circle at 33% 82%, rgba(255,255,255,.06) 0 1px, transparent 1.5px),
    linear-gradient(145deg, #a66b49 0%, #8c5335 26%, #724028 58%, #5d301e 100%);
  background-size: 12px 12px, 18px 18px, 14px 14px, auto;
  border:3px solid #151618;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.12),
    inset 0 0 18px rgba(32,13,5,.20),
    0 10px 26px rgba(18,20,23,.16);
}
.site-header .nav-wrap::before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:999px;
  border:1.6px dashed rgba(18,19,21,.92);
  pointer-events:none;
  opacity:.92;
}
.site-header .nav-wrap::after{
  content:"";
  position:absolute;
  inset:14px 18px auto 18px;
  height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,.28), rgba(255,255,255,.08));
  pointer-events:none;
}
.site-header .wordmark{
  display:inline-flex;
  align-items:center;
  gap:0;
  font-family:var(--display);
  font-weight:900;
  letter-spacing:.14em;
  font-size:1.52rem;
  color:#f8f2e8;
  text-transform:uppercase;
  position:relative;
  z-index:2;
}
.site-header .wordmark span{
  color:var(--blush);
  margin-left:-.02em;
}
.site-header .nav-links{
  gap:34px;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#f8f2e8;
  position:relative;
  z-index:2;
}
.site-header .nav-links a{
  padding:10px 0;
  border-bottom:2px solid transparent;
}
.site-header .nav-links a:hover,
.site-header .nav-links a.active{border-color:var(--blush)}
.site-header .menu-toggle{color:#f8f2e8;position:relative;z-index:2}
.site-header .nav-cta{
  margin-left:10px;
  position:relative;
  z-index:2;
}
.site-header .leather-button,
.site-header .btn-leather,
.site-header .nav-cta{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 0 14px rgba(23,8,3,.18),0 5px 12px rgba(0,0,0,.18);
}
.site-footer .wordmark{
  display:inline-flex;
  gap:0;
  font-family:var(--display);
  font-weight:900;
  letter-spacing:.12em;
  font-size:1.12rem;
  color:#0d2439;
  text-transform:uppercase;
}
.site-footer .wordmark span{color:var(--blush-deep);margin-left:-.02em}

@media(min-width:981px){
  .blueprint-hero-v4{
    grid-template-columns:minmax(560px,41%) minmax(0,59%);
  }
  .blueprint-hero-v4 .blueprint-copy{
    padding:28px 14px 0 76px;
    overflow:visible;
  }
  .blueprint-hero-v4 .micro-label{
    max-width:480px;
    margin-bottom:8px;
  }
  .blueprint-hero-v4 .blueprint-copy h1{
    max-width:610px;
    font-size:clamp(3.35rem,4vw,4.15rem);
    line-height:.89;
    letter-spacing:-.03em;
    text-wrap:pretty;
    margin:0 0 12px;
  }
  .blueprint-hero-v4 .hero-deck{
    max-width:520px;
    font-size:1rem;
    line-height:1.42;
    margin:0 0 15px;
  }
  .blueprint-hero-v4 .hero-actions{gap:18px;margin-top:2px}
  .blueprint-hero-v4 .scot-id-card{
    width:450px;
    margin-top:10px;
    margin-left:0;
    transform:translateX(152px) translateY(-6px);
    z-index:14;
  }
  .blueprint-board-v4{
    padding:34px 26px 24px;
  }
  .principles-panel{
    top:-10px;
    right:-14px;
    width:182px;
    z-index:5;
  }
}

@media(min-width:1280px){
  .blueprint-hero-v4 .blueprint-copy{padding-left:84px}
  .blueprint-hero-v4 .blueprint-copy h1{max-width:620px;font-size:4.2rem}
  .blueprint-hero-v4 .hero-deck{max-width:530px}
  .blueprint-hero-v4 .scot-id-card{transform:translateX(170px) translateY(-8px)}
  .principles-panel{right:-18px;top:-14px}
}

@media(max-width:980px){
  .site-header{top:8px;padding-bottom:6px}
  .site-header .nav-wrap{padding:0 14px 0 18px}
  .site-header .wordmark{font-size:1.18rem;letter-spacing:.12em}
}

@media(max-width:900px){
  .site-header .nav-links{
    top:72px;
    background:rgba(247,242,233,.98);
    color:#0d2439;
    border:1px solid var(--line);
    border-radius:18px;
    margin-top:8px;
    box-shadow:0 10px 24px rgba(18,20,23,.12);
  }
}

@media(max-width:620px){
  .site-header .wordmark{font-size:1rem;letter-spacing:.1em}
  .site-header .nav-wrap{min-height:68px;padding:0 12px 0 16px}
}

/* v8 nav notches, rounded site containers, and leather footer */
body{
  background:linear-gradient(180deg,#ede6dc 0%, #f4eee6 36%, #ece4d8 100%);
}
main{
  width:min(1320px,calc(100% - 24px));
  margin:8px auto 24px;
  display:flex;
  flex-direction:column;
  gap:18px;
}
main > section,
main > article{
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(17,27,36,.08);
  box-shadow:0 14px 34px rgba(17,25,32,.08);
  background:rgba(255,250,243,.84);
}
.blueprint-home main > section,
.blueprint-home main > article{
  background:rgba(255,250,243,.78);
}
.container{width:min(1180px,calc(100% - 46px));margin-inline:auto}
.site-header .container{width:min(1320px,calc(100% - 24px));}
.site-header .nav-wrap{
  min-height:80px;
  padding:0 22px 0 28px;
}
.site-header .nav-links{gap:38px}
.site-header .nav-links a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 2px 18px;
  border-bottom:0;
}
.site-header .nav-links a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:2px;
  transform:translateX(-50%);
  width:10px;
  height:10px;
  border-radius:50%;
  background:#fbf7ef;
  border:1px solid rgba(20,21,23,.52);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.42), 0 1px 0 rgba(255,255,255,.12);
}
.site-header .nav-links a::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  transform:translateX(-50%);
  width:26px;
  height:9px;
  border-radius:0 0 12px 12px;
  background:rgba(0,0,0,.12);
  opacity:.32;
  filter:blur(.2px);
}
.site-header .nav-links a:hover,
.site-header .nav-links a.active{
  border-bottom:0;
}
.site-header .nav-links a.active::after{
  background:#0c2942;
  border-color:#071c2e;
  box-shadow:0 0 0 2px rgba(255,255,255,.12), inset 0 1px 2px rgba(255,255,255,.16);
}
.site-header .nav-links a:hover::after{
  background:#fff;
}
.site-header .wordmark{margin-right:8px}

.brand-strip,
.proof-ribbon{background:#fbf8f2}
.brand-strip-inner,
.proof-ribbon-inner{min-height:68px}
.blueprint-hero-v4 .scot-id-card{
  box-shadow:0 20px 34px rgba(20,31,41,.12);
}

.site-footer{
  width:min(1320px,calc(100% - 24px));
  margin:0 auto 30px;
  padding:38px 0 24px;
  border-radius:30px;
  border:3px solid #151618;
  background:
    radial-gradient(circle at 14% 24%, rgba(255,255,255,.08) 0 1.1px, transparent 1.6px),
    radial-gradient(circle at 76% 70%, rgba(23,9,4,.18) 0 1px, transparent 1.6px),
    radial-gradient(circle at 36% 82%, rgba(255,255,255,.06) 0 1px, transparent 1.4px),
    linear-gradient(145deg, #a06644 0%, #875132 28%, #6c3c25 64%, #562b1b 100%);
  background-size:12px 12px,18px 18px,14px 14px,auto;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10), inset 0 0 20px rgba(30,13,6,.22), 0 14px 32px rgba(17,20,24,.12);
  position:relative;
  overflow:hidden;
}
.site-footer::before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:22px;
  border:1.6px dashed rgba(17,18,20,.9);
  pointer-events:none;
}
.site-footer::after{
  content:"";
  position:absolute;
  inset:18px 22px auto 22px;
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.08), rgba(255,255,255,.24), rgba(255,255,255,.08));
  pointer-events:none;
}
.site-footer .container{position:relative;z-index:1;width:min(1180px,calc(100% - 54px))}
.site-footer,.site-footer p,.site-footer a,.site-footer strong,.site-footer .footer-bottom{color:#f8f1e7}
.site-footer .wordmark{color:#fff}
.site-footer .wordmark span{color:var(--blush)}
.site-footer a:hover{color:#fff}
.site-footer .socials a{
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.08);
}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.18)}

@media(max-width:980px){
  main{width:min(100% - 18px,1320px);gap:14px}
  main > section,
  main > article,
  .site-footer{border-radius:24px}
}
@media(max-width:900px){
  .site-header .nav-links a{padding:8px 0 8px}
  .site-header .nav-links a::before,
  .site-header .nav-links a::after{display:none}
  .site-header .nav-links{
    background:#fbf7ef;
  }
}
@media(max-width:620px){
  .site-header .container,
  main,
  .site-footer{width:min(100% - 14px,1320px)}
  .site-header .nav-wrap{min-height:72px;padding:0 14px 0 18px}
  .site-header .nav-links{gap:18px}
  main > section,
  main > article,
  .site-footer{border-radius:20px}
}

/* v9 fine-tuning: more overlap on Scot card + move principles box */
@media(min-width:981px){
  .blueprint-hero-v4 .scot-id-card{
    transform:translateX(212px) translateY(-14px);
    z-index:18;
  }
  .principles-panel{
    top:-26px;
    right:-42px;
    width:194px;
    z-index:6;
  }
}

@media(min-width:1280px){
  .blueprint-hero-v4 .scot-id-card{
    transform:translateX(236px) translateY(-18px);
  }
  .principles-panel{
    top:-28px;
    right:-52px;
    width:198px;
  }
}

/* v10 layout rebalance: roomier container + Scot card overlaps only final third */
main{
  width:min(1440px,calc(100% - 20px));
}
.site-header .container,
.site-footer{
  width:min(1440px,calc(100% - 20px));
}
.site-footer .container{
  width:min(1260px,calc(100% - 54px));
}

@media(min-width:981px){
  .blueprint-hero-v4{
    grid-template-columns:minmax(590px,40%) minmax(0,60%);
    min-height:710px;
  }
  .blueprint-hero-v4 .blueprint-copy{
    padding:28px 18px 0 88px;
  }
  .blueprint-hero-v4 .blueprint-copy h1{
    max-width:635px;
    font-size:clamp(3.45rem,3.9vw,4.3rem);
    line-height:.89;
  }
  .blueprint-hero-v4 .hero-deck{
    max-width:540px;
  }
  .blueprint-board-v4{
    padding:34px 34px 26px 24px;
    min-height:710px;
  }
  .blueprint-frame{
    max-width:1080px;
    min-height:480px;
  }
  .blueprint-hero-v4 .scot-id-card{
    width:452px;
    margin-top:8px;
    margin-left:0;
    transform:translateX(132px) translateY(-8px);
    z-index:18;
  }
  .principles-panel{
    top:-18px;
    right:-34px;
    width:188px;
  }
}

@media(min-width:1280px){
  .blueprint-hero-v4{
    grid-template-columns:minmax(610px,41%) minmax(0,59%);
  }
  .blueprint-hero-v4 .blueprint-copy{
    padding-left:96px;
  }
  .blueprint-hero-v4 .blueprint-copy h1{
    max-width:650px;
    font-size:4.35rem;
  }
  .blueprint-hero-v4 .hero-deck{
    max-width:550px;
  }
  .blueprint-board-v4{
    padding-right:38px;
  }
  .blueprint-frame{
    max-width:1120px;
  }
  .blueprint-hero-v4 .scot-id-card{
    transform:translateX(142px) translateY(-8px);
  }
  .principles-panel{
    right:-38px;
    top:-20px;
    width:190px;
  }
}

@media(max-width:620px){
  main,
  .site-header .container,
  .site-footer{width:min(100% - 14px,1440px)}
}

/* v11 — rebalance Agency Sales Model diagram so every node fits cleanly */
@media(min-width:981px){
  .blueprint-board-v4{
    padding-left:28px;
    padding-right:28px;
  }
  .blueprint-frame{
    width:100%;
    max-width:1000px;
    min-height:510px;
    margin:18px auto 0;
  }

  /* Percentage positioning now tracks the 1000-unit SVG flow map exactly. */
  .bp-node{
    width:21%;
  }
  .bp-top{
    top:72px;
  }
  .bp-marketing{left:3.4%}
  .bp-sales{left:33.4%}
  .bp-service{left:63.2%}
  .bp-backoffice{
    left:31.4%;
    top:265px;
    width:27%;
  }

  .bp-chip,
  .bp-chip.wide{
    width:100%;
    min-width:0;
    padding:16px 14px;
  }
  .bp-chip .chip-text{
    font-size:.94rem;
    letter-spacing:.08em;
    white-space:nowrap;
  }
  .bp-node p{
    width:100%;
    max-width:none;
    margin-top:10px;
    font-size:.76rem;
    line-height:1.38;
  }

  .result-panel{
    right:1.5%;
    top:268px;
    width:23%;
    min-height:198px;
    padding:16px;
  }
  .result-chip{
    width:100%;
    min-width:0;
    padding:15px 12px;
  }
  .result-chip .chip-text{
    font-size:.92rem;
    letter-spacing:.07em;
  }
  .result-panel p{
    max-width:none;
    font-size:.79rem;
    line-height:1.42;
  }

  /* Keep principles in its own clear pocket above/right of the flow. */
  .principles-panel{
    top:-104px;
    right:0;
    width:184px;
    padding:10px 12px;
    z-index:7;
  }
  .principles-panel p{
    margin-bottom:5px;
    font-size:.54rem;
  }
  .principles-panel li{
    padding:2px 0 2px 13px;
    font-size:.57rem;
    line-height:1.25;
  }

  /* Give the diagram a touch more breathing room below the title. */
  .blueprint-board-v4 .board-rule{
    margin-bottom:10px;
  }
}

@media(min-width:1280px){
  .blueprint-frame{
    max-width:1040px;
  }
}



/* v15: clean principles placement — reserved board-level upper-right pocket */
@media(min-width:981px){
  .blueprint-board-v4 .board-title{
    text-align:left;
    margin:0;
    max-width:720px;
  }
  .blueprint-board-v4 .board-rule{
    margin:14px 0 18px;
  }
  .blueprint-board-v4 .blueprint-frame{
    margin-top:18px;
  }
  .blueprint-board-v4 > .principles-panel{
    top:222px;
    right:28px;
    width:188px;
    padding:12px 14px;
    z-index:10;
    background:rgba(5,24,39,.28);
    border-color:rgba(200,216,227,.30);
  }
  .blueprint-board-v4 > .principles-panel p{
    margin-bottom:7px;
    font-size:.54rem;
    letter-spacing:.12em;
  }
  .blueprint-board-v4 > .principles-panel li{
    font-size:.56rem;
    line-height:1.25;
    padding:3px 0 3px 13px;
  }
}
@media(min-width:1280px){
  .blueprint-board-v4 .board-title{max-width:740px}
  .blueprint-board-v4 > .principles-panel{
    top:226px;
    right:32px;
    width:192px;
  }
}

/* v16: stronger Scot/Smith contrast, smaller cream card, and principles box lifted clear of Service */
.site-header .wordmark span,
.site-footer .wordmark span{
  font-size:.88em;
  letter-spacing:.11em;
  position:relative;
  top:.02em;
}

.id-name{
  display:inline-flex;
  align-items:baseline;
  gap:0;
}
.id-name span{
  font-size:.86em;
  letter-spacing:.10em;
  color:var(--blush-deep);
  position:relative;
  top:.02em;
}

@media(min-width:981px){
  .blueprint-hero-v4 .scot-id-card{
    width:418px;
    grid-template-columns:45% 55%;
    gap:14px;
    padding:8px;
    transform:translateX(138px) translateY(-6px);
  }
  .id-copy{padding-right:6px}
  .id-role{font-size:.64rem;margin:6px 0}
  .id-copy>p:last-of-type{font-size:.68rem;line-height:1.38}
  .id-copy a{font-size:.60rem}

  /* Pull principles into the empty upper-right pocket above Service. */
  .blueprint-board-v4 > .principles-panel{
    top:162px;
    right:20px;
    width:176px;
    padding:11px 12px;
  }
}

@media(min-width:1280px){
  .blueprint-hero-v4 .scot-id-card{
    width:424px;
    transform:translateX(146px) translateY(-6px);
  }
  .blueprint-board-v4 > .principles-panel{
    top:166px;
    right:24px;
    width:180px;
  }
}

/* v17: finer logo contrast + panel nudge + card drop */
.site-header .wordmark span,
.site-footer .wordmark span,
.id-name span{
  font-size:.70em;
  text-transform:lowercase;
  letter-spacing:.04em;
}

@media(min-width:981px){
  .blueprint-board-v4 > .principles-panel{
    top:126px;
    right:18px;
    width:176px;
  }
  .blueprint-hero-v4 .scot-id-card{
    width:416px;
    transform:translateX(146px) translateY(14px);
  }
}

@media(min-width:1280px){
  .blueprint-board-v4 > .principles-panel{
    top:130px;
    right:22px;
    width:180px;
  }
  .blueprint-hero-v4 .scot-id-card{
    transform:translateX(154px) translateY(14px);
  }
}

/* v18: add Home tab on homepage nav and tighten insights page to screenshot composition */
.blog-hero-compact{padding:52px 0 16px}
.narrow-blog{width:min(1140px,calc(100% - 52px));margin-inline:auto}
.blog-hero-compact .eyebrow{margin-bottom:10px}
.blog-hero-compact h1{max-width:900px;margin-inline:auto;font-size:clamp(3.3rem,5vw,4.9rem);line-height:.96;letter-spacing:-.03em}
.blog-hero-compact .lead{max-width:780px;margin:18px auto 0;font-size:1rem;line-height:1.55}
.blog-hero-compact .filter-row{margin-top:28px;justify-content:center;gap:10px}
.blog-wrap-featured-only{padding:18px 0 24px}
.blog-wrap-featured-only .featured-post{margin:0;border-radius:28px;overflow:hidden;border:1px solid #d5cbc0;box-shadow:none}
.blog-wrap-featured-only .featured-copy{padding:34px 40px 34px 38px}
.blog-wrap-featured-only .featured-copy h2{font-size:clamp(2.5rem,4vw,3.6rem);line-height:.95;max-width:520px}
.blog-wrap-featured-only .featured-copy p{max-width:560px;font-size:1rem;line-height:1.52}
.blog-wrap-featured-only .featured-media{min-height:420px}
.blog-wrap-featured-only .featured-media img{object-position:center 24%}
/* ensure blog section visually ends as a rounded container under the feature */
.blog-wrap-featured-only{border-top-left-radius:34px;border-top-right-radius:34px;border-bottom-left-radius:34px;border-bottom-right-radius:34px}

@media(max-width:980px){
  .narrow-blog{width:min(100% - 36px,1140px)}
  .blog-wrap-featured-only .featured-post{grid-template-columns:1fr}
  .blog-wrap-featured-only .featured-media{min-height:320px}
}
@media(max-width:620px){
  .blog-hero-compact{padding:38px 0 12px}
  .blog-hero-compact h1{font-size:2.6rem}
  .blog-wrap-featured-only .featured-copy{padding:28px 24px}
}

/* v19 Insights article cards + photo-led article pages */
.insights-index{padding:58px 0 36px;background:transparent !important;box-shadow:none !important;border:0 !important}
.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.insight-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden;border-radius:22px;background:#fffaf3;border:1px solid #d7cdc1;transition:transform .22s ease,box-shadow .22s ease}
.insight-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(19,29,37,.10)}
.insight-card-photo{aspect-ratio:16/9;overflow:hidden;background:#0c2942}
.insight-card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.insight-card-photo img[src$=".svg"]{object-fit:cover}
.insight-card:hover .insight-card-photo img{transform:scale(1.025)}
.insight-card-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.insight-card .tag{font-size:.62rem;color:var(--blush-deep);text-transform:uppercase;letter-spacing:.11em;font-weight:900}
.insight-card h3{font-family:var(--display);font-size:1.45rem;line-height:1.02;text-transform:uppercase;letter-spacing:.01em;margin:9px 0 10px;color:#0e263c}
.insight-card p{font-size:.82rem;line-height:1.48;color:#56616a;margin:0 0 16px}
.insight-read{margin-top:auto;font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#0e263c;border-bottom:1px solid var(--blush-deep);align-self:flex-start;padding-bottom:2px}
.article-photo-wide img{aspect-ratio:16/10;object-fit:cover;object-position:center 25%}

@media(max-width:900px){.insights-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.insights-grid{grid-template-columns:1fr}.insight-card h3{font-size:1.3rem}}

/* v20: bottom-align lowercase smith with SCOT */
.site-header .wordmark,
.site-footer .wordmark,
.id-name{
  align-items:flex-end;
}
.site-header .wordmark span,
.site-footer .wordmark span,
.id-name span{
  position:static;
  top:auto;
  line-height:1;
  margin-bottom:0;
}

/* v21: exact bottom alignment for SCOT + smith; navy/cream wordmark palette */
.site-header .wordmark,
.site-footer .wordmark,
.id-name{
  display:inline-flex;
  align-items:flex-end;
  gap:0;
  line-height:1;
}

.site-header .wordmark,
.site-footer .wordmark,
.id-name{
  color:var(--navy);
}

.site-header .wordmark span,
.site-footer .wordmark span,
.id-name span{
  display:inline-block;
  align-self:flex-end;
  position:static;
  top:auto;
  margin:0 0 0 .015em;
  padding:0;
  line-height:1;
  font-size:.70em;
  text-transform:lowercase;
  letter-spacing:.04em;
  color:var(--cream);
  transform:none;
}

/* Cream fill stays visible inside the cream bio card with a hairline navy edge. */
.id-name span{
  -webkit-text-stroke:.45px var(--navy);
  text-shadow:0 0 0 var(--navy);
}

/* v22: make SCOT feel more like the primary logo anchor */
.site-header .wordmark,
.site-footer .wordmark,
.id-name{
  font-weight:950;
  letter-spacing:.09em;
  line-height:.94;
}

.site-header .wordmark,
.site-footer .wordmark{
  font-size:1.7rem;
}

.id-name{
  font-size:1.08rem;
}

.site-header .wordmark:not(span),
.site-footer .wordmark:not(span),
.id-name:not(span){
  text-rendering:geometricPrecision;
}

.site-header .wordmark,
.site-footer .wordmark,
.id-name{
  text-shadow:0 0 0 var(--navy);
}

.site-header .wordmark span,
.site-footer .wordmark span,
.id-name span{
  margin-left:.02em;
  font-size:.70em;
}

@media(max-width:980px){
  .site-header .wordmark,
  .site-footer .wordmark{
    font-size:1.38rem;
  }
}

@media(max-width:620px){
  .site-header .wordmark,
  .site-footer .wordmark{
    font-size:1.18rem;
  }
}

/* v23 — detailed booking page built around Scot's 12-element booking-page sequence */
.booking-page-v23{gap:18px}
.booking-page-v23 > section{background:#fbf7ef}
.booking-hero-v23{padding:54px 0 46px}
.booking-hero-grid-v23{display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center}
.booking-hero-copy-v23 h1{font-size:clamp(3.2rem,5.2vw,5rem);max-width:650px}
.booking-hero-copy-v23 .lead{max-width:640px;margin-top:20px}
.booking-mini-proof-v23{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:34px;border-top:1px solid var(--line);padding-top:18px}
.booking-mini-proof-v23 strong{display:block;color:var(--navy);font-size:1.45rem;font-family:var(--display);font-weight:900}
.booking-mini-proof-v23 span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#66717a}
.call-output-v23{padding:34px 34px 30px;border-radius:24px;border:1px solid rgba(255,255,255,.16);position:relative;overflow:hidden}
.call-output-v23::after{content:"";position:absolute;right:-22px;bottom:-24px;width:120px;height:90px;background:linear-gradient(145deg,#a36945,#824b2d 54%,#5c2f1d);border:3px solid #111214;border-radius:8px;transform:rotate(-7deg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.call-output-v23 h2{font-size:2.35rem;max-width:520px}
.output-stack-v23{display:grid;gap:10px;margin-top:22px;position:relative;z-index:1}
.output-stack-v23>div{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:12px 0;border-top:1px solid rgba(255,255,255,.16)}
.output-stack-v23 span{color:var(--blush);font-weight:900;font-size:.72rem;letter-spacing:.08em}
.output-stack-v23 p{margin:0;color:#e5edf2;font-size:.82rem;line-height:1.42}.output-stack-v23 strong{color:#fff}
.booking-proof-v23{padding:0}
.booking-proof-grid-v23{display:grid;grid-template-columns:repeat(4,1fr)}
.booking-proof-grid-v23>div{padding:21px 20px;border-right:1px solid var(--line)}.booking-proof-grid-v23>div:last-child{border-right:0}
.booking-proof-grid-v23 strong{display:block;color:var(--navy);font-family:var(--display);font-size:1.5rem;font-weight:900}.booking-proof-grid-v23 span{font-size:.69rem;text-transform:uppercase;letter-spacing:.055em;color:#65717b}
.booking-qualify-v23,.booking-how-v23,.booking-risk-v23,.booking-founder-v23,.booking-faq-v23,.booking-expect-v23,.booking-widget-v23{padding:54px 0}
.section-heading-v23{max-width:760px;margin-bottom:24px}.section-heading-v23>p:not(.eyebrow){color:#56616a}.section-heading-v23 h2{max-width:720px}
.qualifier-v23{border-radius:22px;padding:28px 30px}
.booking-steps-v23{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.booking-steps-v23 article{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fffaf2;position:relative;min-height:220px}
.booking-steps-v23 article>span{display:block;color:var(--pink-2);font-size:.72rem;font-weight:900;letter-spacing:.1em;margin-bottom:20px}.booking-steps-v23 article h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.03em}.booking-steps-v23 article p{font-size:.88rem;color:#535f68}.booking-steps-v23 article.leather h3,.booking-steps-v23 article.leather p{color:#fff}
.booking-risk-grid-v23{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.booking-risk-grid-v23>article{padding:34px;border-radius:22px;border:1px solid var(--line);min-height:290px}
.booking-risk-grid-v23 .pattern-navy h2{color:#fff}.booking-risk-grid-v23 .pattern-navy p{color:#e4edf2}
.light-link-v23{color:#fff;border-color:var(--blush)}
.investment-card-v23{background:#fffaf2}.investment-card-v23 p{color:#535e67}
.investment-math-v23{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:26px}.investment-math-v23 span{padding:8px 10px;border:1px solid var(--line);background:#fff;font-size:.68rem;text-transform:uppercase;font-weight:900;letter-spacing:.05em}.investment-math-v23 b{color:var(--pink-2)}
.booking-founder-grid-v23{display:grid;grid-template-columns:.7fr 1.3fr;gap:42px;align-items:center}.booking-founder-photo-v23{position:relative;padding:8px;border:1px solid var(--silver);background:#fff}.booking-founder-photo-v23 img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 24%}.booking-founder-photo-v23::after{content:"";position:absolute;right:-14px;bottom:-14px;width:90px;height:74px;background:linear-gradient(145deg,#a36945,#824b2d 54%,#5c2f1d);border:3px solid #111214;z-index:-1}
.booking-founder-grid-v23 p:not(.eyebrow){color:#535e67;max-width:690px}
.faq-stack-v23{display:grid;gap:10px}.faq-stack-v23 details{border:1px solid var(--line);border-radius:14px;background:#fffaf2;padding:0 20px}.faq-stack-v23 summary{cursor:pointer;list-style:none;padding:18px 28px 18px 0;font-weight:900;color:var(--navy);position:relative}.faq-stack-v23 summary::-webkit-details-marker{display:none}.faq-stack-v23 summary::after{content:"+";position:absolute;right:0;top:16px;color:var(--pink-2);font-size:1.2rem}.faq-stack-v23 details[open] summary::after{content:"−"}.faq-stack-v23 details p{margin:0;padding:0 0 18px;color:#55616a;font-size:.88rem;max-width:900px}
.booking-expect-grid-v23{display:grid;grid-template-columns:.72fr 1.28fr;gap:48px;align-items:start}.booking-expect-grid-v23>div>p:not(.eyebrow){color:#56616a}.booking-expect-grid-v23 ol{list-style:none;margin:0;padding:0;display:grid;gap:0}.booking-expect-grid-v23 li{display:grid;grid-template-columns:90px 120px 1fr;gap:16px;padding:17px 0;border-top:1px solid var(--line);align-items:start}.booking-expect-grid-v23 li span{color:var(--pink-2);font-size:.72rem;font-weight:900}.booking-expect-grid-v23 li strong{color:var(--navy);text-transform:uppercase;font-size:.72rem;letter-spacing:.05em}.booking-expect-grid-v23 li p{margin:0;color:#56616a;font-size:.84rem}
.booking-widget-v23{background-color:var(--blueprint)!important;background-image:radial-gradient(circle,rgba(188,207,220,.25) 1px,transparent 1.3px)!important;background-size:9px 9px!important;color:#fff}
.booking-widget-grid-v23{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:start}.booking-widget-copy-v23 h2{color:#fff}.booking-widget-copy-v23>p:not(.eyebrow){color:#d8e3ea}.booking-play-link-v23{display:block;margin-top:28px;padding:18px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(255,255,255,.05)}.booking-play-link-v23 span{display:block;color:var(--blush);text-transform:uppercase;font-size:.6rem;letter-spacing:.1em;font-weight:900}.booking-play-link-v23 strong{display:block;color:#fff;margin-top:6px}
.booking-form-v23{background:#fbf7ef;color:var(--ink);border-radius:22px;padding:28px;border:3px solid #111214;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 14px 28px rgba(0,0,0,.18);display:grid;grid-template-columns:1fr 1fr;gap:16px}.booking-form-v23 label{display:block;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:var(--navy)}.booking-form-v23 label:nth-of-type(6),.booking-form-v23 label:nth-of-type(7),.booking-submit-v23,.booking-form-note-v23{grid-column:1/-1}.booking-form-v23 input,.booking-form-v23 select,.booking-form-v23 textarea{display:block;width:100%;margin-top:7px;border:1px solid #cfc4b7;background:#fffdf8;border-radius:7px;padding:11px 12px;color:#182531;text-transform:none;letter-spacing:0;font-weight:500}.booking-form-v23 textarea{resize:vertical}.booking-submit-v23{width:100%;margin-top:2px}.booking-form-note-v23{text-align:center;margin:0}
.booking-mobile-bar-v23{display:none}

/* Insights: the booking article is a Play, not a playbook. */
.blog-hero-compact .filter-row .filter-pill:nth-child(2){background:var(--navy);color:#fff;border-color:var(--navy)}

@media(max-width:900px){
  .booking-hero-grid-v23,.booking-risk-grid-v23,.booking-founder-grid-v23,.booking-expect-grid-v23,.booking-widget-grid-v23{grid-template-columns:1fr}.booking-proof-grid-v23{grid-template-columns:1fr 1fr}.booking-proof-grid-v23>div:nth-child(2){border-right:0}.booking-proof-grid-v23>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.booking-steps-v23{grid-template-columns:1fr}.booking-expect-grid-v23 li{grid-template-columns:78px 105px 1fr}.booking-form-v23{grid-template-columns:1fr}.booking-form-v23 label,.booking-submit-v23,.booking-form-note-v23{grid-column:1}.booking-mobile-bar-v23{display:block;position:fixed;left:10px;right:10px;bottom:10px;z-index:120;transition:opacity .2s ease,transform .2s ease}.booking-mobile-bar-v23 a{display:block;text-align:center;padding:13px 18px;border-radius:999px;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;background:linear-gradient(145deg,#a36945,#824b2d 54%,#5c2f1d);border:3px solid #111214;box-shadow:0 10px 24px rgba(0,0,0,.22)}.booking-mobile-bar-v23.is-hidden{opacity:0;transform:translateY(20px);pointer-events:none}
}
@media(max-width:620px){
  .booking-hero-v23{padding:40px 0 30px}.booking-mini-proof-v23{grid-template-columns:1fr}.booking-proof-grid-v23{grid-template-columns:1fr}.booking-proof-grid-v23>div{border-right:0;border-bottom:1px solid var(--line)}.booking-proof-grid-v23>div:last-child{border-bottom:0}.call-output-v23{padding:28px 22px}.booking-qualify-v23,.booking-how-v23,.booking-risk-v23,.booking-founder-v23,.booking-faq-v23,.booking-expect-v23,.booking-widget-v23{padding:42px 0}.qualifier-v23{padding:24px 20px}.booking-expect-grid-v23 li{grid-template-columns:1fr;gap:5px}.booking-form-v23{padding:22px 18px}
}

/* v24: use cognac/leather fill for "smith" in the cream bio card instead of outline */
.id-name span{
  color:#9a613f;
  -webkit-text-stroke:0 transparent;
  text-shadow:none;
}

/* v25: clean up blueprint node labels and standardize CTA button language */
@media(min-width:981px){
  /* Center the icon + label group so the chips feel balanced. */
  .bp-chip,
  .result-chip{
    justify-content:center;
    padding-left:16px;
    padding-right:16px;
  }

  /* Marketing was crowding the edge slightly; reduce its tracking/size a touch. */
  .bp-marketing .bp-chip{position:relative;justify-content:center;}
  .bp-marketing .chip-icon{position:absolute;left:14px;min-width:30px;}
  .bp-marketing .chip-text{
    width:100%;
    padding:0 24px;
    text-align:center;
    font-size:.88rem;
    letter-spacing:.05em;
  }

  /* Keep the other node labels strong, but a hair tighter. */
  .bp-sales .chip-text,
  .bp-service .chip-text,
  .bp-backoffice .chip-text,
  .result-chip .chip-text{
    letter-spacing:.06em;
  }

  /* Booked Calls sat a little too far right in the result area; center the chip better and pull the panel left a touch. */
  .result-panel{
    right:3.4%;
  }
  .result-chip{
    margin-inline:auto;
  }
}

/* v26: remove redundant nav booking item, soften navy dots, fix booking step card, and add cool shadows to cream sections */

/* Make the dotted navy backgrounds a little quieter so white copy reads more cleanly. */
.pattern-navy{
  background-image:radial-gradient(circle,rgba(246,241,232,.28) 1px,transparent 1.35px);
}
.board-grid{
  background-image:radial-gradient(circle,rgba(180,201,217,.16) 1px,transparent 1.35px);
  opacity:.38;
}
.navy-dot-tile{
  background-image:radial-gradient(circle,rgba(188,207,220,.18) 1px,transparent 1.35px);
}
.booking-widget-v23{
  background-image:radial-gradient(circle,rgba(188,207,220,.17) 1px,transparent 1.35px)!important;
}

/* Add a subtle cool blue shadow so cream sections feel less flat. */
main > section,
main > article{
  box-shadow:0 16px 34px rgba(23,50,79,.09), 0 2px 0 rgba(255,255,255,.42) inset;
}
.booking-steps-v23 article:not(.leather),
.booking-risk-grid-v23 > article:not(.pattern-navy),
.faq-stack-v23 details,
.booking-founder-photo-v23,
.booking-form-v23,
.blog-card,
.article-card,
.filter-row + *{
  box-shadow:0 14px 28px rgba(26,57,92,.08);
}

/* Fix the middle "How it works" card so it renders as a true leather card instead of a washed-out one. */
.booking-steps-v23 article.leather{
  background:linear-gradient(145deg,#a06644 0%, #875132 28%, #6c3c25 64%, #562b1b 100%);
  border:3px solid #111214;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10), inset 0 0 18px rgba(30,13,6,.16), 0 14px 28px rgba(25,52,82,.08);
}
.booking-steps-v23 article.leather > span,
.booking-steps-v23 article.leather h3,
.booking-steps-v23 article.leather p{
  color:#fff;
}
.booking-steps-v23 article.leather::after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:12px;
  border:1.6px dashed rgba(17,18,20,.9);
  pointer-events:none;
}

/* With the nav item removed, tighten the desktop nav spacing a touch so the leather bar still feels balanced. */
@media(min-width:901px){
  .site-header .nav-links{gap:32px;}
}

/* v27: unify the home-page nav across the site, soften hero dots, and switch leather from spotted to weathered grain */

/* Apply the home-page nav sizing rhythm sitewide so the header no longer shifts from page to page. */
.site-header .wordmark{
  font-family:var(--display);
  font-size:1.58rem;
  letter-spacing:.18em;
  font-weight:800;
}
.site-header .nav-links{
  gap:44px;
  font-size:.76rem;
  letter-spacing:.065em;
}
.site-header .nav-links a:hover,
.site-header .nav-links a.active{
  border-color:var(--blush-deep);
}
@media(max-width:980px){
  .site-header .wordmark{font-size:1.34rem;letter-spacing:.14em}
  .site-header .nav-links{gap:28px}
}
@media(max-width:620px){
  .site-header .wordmark{font-size:1.14rem;letter-spacing:.11em}
}

/* Weather the leather: less dotted/spotted, more grain, wear, and subtle directional pull. */
.site-header .nav-wrap,
.leather-button,
.leather-card,
.leather-banner,
.leather-corner-patch,
.btn-leather,
.leather{
  background:
    linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.03) 18%, rgba(0,0,0,.10) 100%),
    repeating-linear-gradient(112deg, rgba(255,255,255,.045) 0 2px, transparent 2px 14px),
    repeating-linear-gradient(22deg, rgba(43,20,10,.07) 0 1px, transparent 1px 18px),
    linear-gradient(145deg, #a66a48 0%, #8d5436 26%, #74422b 61%, #5c301f 100%);
  background-size:auto, auto, auto, auto;
}
.site-header .nav-wrap{
  background:
    linear-gradient(180deg, rgba(255,255,255,.11) 0%, rgba(255,255,255,.025) 18%, rgba(0,0,0,.11) 100%),
    repeating-linear-gradient(112deg, rgba(255,255,255,.05) 0 2px, transparent 2px 15px),
    repeating-linear-gradient(24deg, rgba(48,23,10,.08) 0 1px, transparent 1px 19px),
    linear-gradient(145deg, #a76c4a 0%, #905637 24%, #77452c 60%, #5f3321 100%);
}
.site-header .nav-wrap::after,
.leather-button::before,
.leather-card::before,
.leather-banner::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.045) 34%, transparent 50%, rgba(255,255,255,.028) 63%, transparent 100%);
  mix-blend-mode:screen;
}
.leather-button span,.leather-button b,.leather-card > *, .leather-banner > *{position:relative;z-index:2}

/* Home hero navy board gets the subtle dotted texture back, but quieter. */
.blueprint-board-v4 .board-grid,
.blueprint-board .board-grid{
  background-image:radial-gradient(circle,rgba(188,207,220,.13) 1px,transparent 1.45px);
  background-size:11px 11px;
  opacity:.34;
}

/* Keep home-page CTA naming consistent with the rest of the site. */
.silver-button,
.nav-cta,
.hero-actions .leather-button{
  text-transform:uppercase;
}


/* v29: repaired full build + weathered pull-up leather texture (CSS-only, no spot pattern) */
:root{--leather-grain:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMjAiIGhlaWdodD0iMTQwIiB2aWV3Qm94PSIwIDAgMjIwIDE0MCI+PGZpbHRlciBpZD0ibiI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuNDIgMC43MiIgbnVtT2N0YXZlcz0iNCIgc2VlZD0iOCIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjxmZUNvbG9yTWF0cml4IHR5cGU9InNhdHVyYXRlIiB2YWx1ZXM9IjAiLz48ZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVGdW5jQSB0eXBlPSJ0YWJsZSIgdGFibGVWYWx1ZXM9IjAgLjM0Ii8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNuKSIgb3BhY2l0eT0iLjQyIi8+PC9zdmc+");}

/* Subtle dotted blueprint texture on the home navy hero — texture, not noise. */
.blueprint-board-v4 .board-grid,
.blueprint-board .board-grid{
  background-image:radial-gradient(circle,rgba(188,207,220,.12) 1px,transparent 1.45px);
  background-size:11px 11px;
  opacity:.34;
}

/* Rich weathered / pull-up leather. Fine grain + broad wear fields + burnished edges. */
.site-header .nav-wrap,
.leather-button,
.leather-card,
.leather-banner,
.leather-corner-patch,
.btn-leather,
.leather,
.booking-steps-v23 article.leather{
  background-color:#7b462c;
  background-image:
    var(--leather-grain),
    radial-gradient(ellipse at 18% 22%,rgba(218,151,102,.32) 0%,rgba(176,106,67,.12) 24%,transparent 48%),
    radial-gradient(ellipse at 78% 70%,rgba(60,27,14,.30) 0%,rgba(60,27,14,.10) 34%,transparent 62%),
    radial-gradient(ellipse at 58% 16%,rgba(235,173,126,.15) 0%,transparent 42%),
    linear-gradient(104deg,transparent 0 22%,rgba(248,206,168,.06) 26%,transparent 33% 58%,rgba(44,20,10,.08) 63%,transparent 72%),
    linear-gradient(145deg,#a66c49 0%,#91593a 28%,#74432a 64%,#5b301e 100%);
  background-blend-mode:soft-light,screen,multiply,soft-light,overlay,normal;
  background-size:220px 140px,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;
}

/* Stronger pull-up / handled-edge variation on the large leather pieces. */
.site-header .nav-wrap,
.leather-banner{
  background-image:
    var(--leather-grain),
    radial-gradient(ellipse at 10% 28%,rgba(222,153,105,.30) 0%,transparent 36%),
    radial-gradient(ellipse at 48% 72%,rgba(54,24,12,.22) 0%,transparent 52%),
    radial-gradient(ellipse at 88% 20%,rgba(228,164,115,.17) 0%,transparent 34%),
    linear-gradient(96deg,rgba(255,223,190,.04),transparent 28%,rgba(47,22,11,.07) 70%,transparent),
    linear-gradient(145deg,#a66b48 0%,#8d5436 27%,#72402a 63%,#5a2f1e 100%);
  background-blend-mode:soft-light,screen,multiply,soft-light,overlay,normal;
}

/* Dark, burnished rim gives the leather physical thickness without turning black. */
.site-header .nav-wrap,
.leather-button,
.leather-card,
.leather-banner,
.leather-corner-patch,
.btn-leather,
.leather,
.booking-steps-v23 article.leather{
  box-shadow:
    inset 0 1px 0 rgba(255,235,215,.16),
    inset 0 -5px 10px rgba(47,19,9,.20),
    inset 5px 0 10px rgba(47,19,9,.08),
    inset -5px 0 10px rgba(47,19,9,.10),
    0 8px 18px rgba(19,27,35,.16);
}

/* Preserve the stitched black piping. */
.leather-button::after,
.leather-card::after,
.leather-banner::after{
  border-color:rgba(15,16,18,.88);
  opacity:.94;
}

/* Consistent home header treatment across pages; active page still gets the navy dot. */
.site-header .wordmark{font-family:var(--display);font-size:1.58rem;letter-spacing:.16em;font-weight:950;text-shadow:.35px 0 currentColor,-.35px 0 currentColor;}
.site-header .wordmark span{font-weight:500;text-shadow:none;}
.site-header .nav-links{gap:44px;font-size:.76rem;letter-spacing:.065em;}
.site-header .nav-links a:hover,.site-header .nav-links a.active{border-color:var(--blush-deep);}
@media(max-width:980px){.site-header .wordmark{font-size:1.34rem;letter-spacing:.14em}.site-header .nav-links{gap:28px}}
@media(max-width:620px){.site-header .wordmark{font-size:1.14rem;letter-spacing:.11em}}

/* v30: shorten Insights featured play so hero + feature fit more comfortably in first desktop view */
@media(min-width:981px){
  .blog-wrap-featured-only{
    padding-top:12px;
    padding-bottom:18px;
  }
  .blog-wrap-featured-only .featured-post{
    height:330px;
    min-height:330px;
  }
  .blog-wrap-featured-only .featured-copy{
    padding:26px 36px 24px 36px;
    overflow:hidden;
  }
  .blog-wrap-featured-only .featured-copy .eyebrow{
    margin-bottom:8px;
  }
  .blog-wrap-featured-only .featured-copy h2{
    font-size:clamp(2.25rem,3.2vw,3.15rem);
    line-height:.96;
    margin-bottom:12px;
  }
  .blog-wrap-featured-only .featured-copy p{
    font-size:.94rem;
    line-height:1.42;
    margin-bottom:16px;
  }
  .blog-wrap-featured-only .featured-copy .btn{
    margin-top:0;
  }
  .blog-wrap-featured-only .featured-media{
    min-height:0;
    height:330px;
  }
  .blog-wrap-featured-only .featured-media img{
    height:330px;
    object-fit:cover;
    object-position:center 18%;
  }
}

/* v31: let the Writing feature fill the rest of page one without cropping Scot's head */
@media(min-width:981px){
  .blog-wrap-featured-only{
    padding-top:12px;
    padding-bottom:20px;
  }
  .blog-wrap-featured-only .featured-post{
    height:390px;
    min-height:390px;
  }
  .blog-wrap-featured-only .featured-copy{
    padding:32px 40px 30px 40px;
  }
  .blog-wrap-featured-only .featured-copy h2{
    font-size:clamp(2.35rem,3.35vw,3.3rem);
  }
  .blog-wrap-featured-only .featured-media{
    height:390px;
    min-height:390px;
    overflow:hidden;
  }
  .blog-wrap-featured-only .featured-media a{
    display:block;
    width:100%;
    height:100%;
  }
  .blog-wrap-featured-only .featured-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
  }
}

/* v32: keep About trust metrics fully above the 1440x900 desktop fold */
@media(min-width:981px){
  .about-hero{
    padding:40px 0 20px;
  }
  .about-grid{
    gap:48px;
  }
  .about-intro p:not(.eyebrow){
    margin:13px 0;
    font-size:.94rem;
    line-height:1.48;
  }
  .about-intro .pink-rule{
    margin:12px 0 14px;
  }
  .about-intro .signature{
    margin-top:5px;
  }
  .stats-section{
    padding:20px 0;
  }
  .stat-card{
    padding:15px 12px;
  }
}

/* v33 — richer proof/content drawn from Scot's current Automated Inbound About page */
.operator-proof-strip{
  background:#fbf8f2;
  border-top:1px solid #d7cdbf;
  border-bottom:1px solid #d7cdbf;
}
.operator-proof-grid{
  min-height:70px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:stretch;
}
.operator-proof-grid>div{
  padding:15px 20px;
  display:flex;
  align-items:center;
  gap:12px;
  border-right:1px solid #ddd2c6;
}
.operator-proof-grid>div:last-child{border-right:0}
.operator-proof-grid strong{
  color:var(--navy);
  font-family:var(--display);
  font-size:1.35rem;
  line-height:1;
  white-space:nowrap;
}
.operator-proof-grid span{
  color:#5b6670;
  font-size:.66rem;
  line-height:1.3;
  text-transform:uppercase;
  letter-spacing:.055em;
  font-weight:800;
}
.about-story-intro{max-width:850px;margin-bottom:28px}
.about-story-intro>p:not(.eyebrow){color:#535e67;max-width:820px}
.about-source-grid .detail-card{min-height:235px}

@media(max-width:900px){
  .operator-proof-grid{grid-template-columns:1fr 1fr}
  .operator-proof-grid>div:nth-child(2){border-right:0}
  .operator-proof-grid>div:nth-child(-n+2){border-bottom:1px solid #ddd2c6}
}
@media(max-width:620px){
  .operator-proof-grid{grid-template-columns:1fr}
  .operator-proof-grid>div{border-right:0;border-bottom:1px solid #ddd2c6}
  .operator-proof-grid>div:last-child{border-bottom:0}
}

/* v34 writing graphics: topic-led visuals replace repeated portraits on article cards and hero media */
.article-photo.editorial-graphic{background:#f7f2e9;padding:0;overflow:hidden;border-radius:22px;}
.article-photo.editorial-graphic img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center;}
@media(max-width:620px){.insights-index{padding-top:34px}}

/* =========================================================
   v35 — heavier SCOT logo + complete mobile normalization
   QA targets: 390x844 and 430x932
   ========================================================= */

/* SCOT is the visual anchor; smith stays smaller/refined. */
.site-header .wordmark{
  font-weight:1000;
  -webkit-text-stroke:.65px currentColor;
  text-shadow:.55px 0 currentColor,-.55px 0 currentColor,0 .35px currentColor;
}
.site-header .wordmark span{
  font-weight:500;
  -webkit-text-stroke:0 transparent;
  text-shadow:none;
}

@media(max-width:900px){
  /* Same floating leather header on every page. */
  .site-header{
    top:6px;
    padding-bottom:6px;
  }
  .site-header .container{
    width:min(100% - 12px,1320px);
  }
  .site-header .nav-wrap{
    min-height:68px;
    padding:0 9px 0 15px;
    gap:8px;
    display:grid;
    grid-template-columns:auto 1fr auto auto;
    align-items:center;
  }
  .site-header .wordmark{
    margin:0;
    font-size:1.28rem;
    letter-spacing:.115em;
    white-space:nowrap;
  }
  .site-header .menu-toggle{
    display:grid;
    place-items:center;
    grid-column:3;
    width:38px;
    height:38px;
    margin:0;
    padding:0;
    border:0;
    color:#f8f2e8;
    font-size:1.15rem;
    line-height:1;
    position:relative;
    z-index:5;
  }
  .site-header .nav-cta{
    grid-column:4;
    margin:0;
    min-height:40px;
    padding:7px 11px;
    gap:7px;
    font-size:.60rem;
    letter-spacing:.075em;
    border-width:2px;
    white-space:nowrap;
  }
  .site-header .nav-cta b{font-size:.95rem}
  .site-header .nav-links{
    position:absolute;
    left:8px;
    right:8px;
    top:72px;
    z-index:50;
    margin:6px 0 0;
    padding:14px 18px;
    gap:4px;
    border-radius:16px;
    background:#fbf7ef;
    color:var(--navy);
    border:1px solid rgba(12,41,66,.16);
    box-shadow:0 14px 30px rgba(17,31,44,.16);
  }
  .site-header .nav-links a{
    width:100%;
    justify-content:flex-start;
    padding:11px 4px;
    font-size:.76rem;
  }

  /* Universal mobile canvas / section rhythm. */
  main{
    width:min(100% - 12px,1320px);
    margin:4px auto 16px;
    gap:12px;
  }
  main > section,
  main > article{
    border-radius:20px;
  }
  .container,.narrow{
    width:min(100% - 28px,1180px);
  }
  h1,h2,h3{overflow-wrap:normal;word-break:normal;text-wrap:balance}
  h1{font-size:clamp(2.45rem,10.4vw,3.25rem);line-height:.96}
  h2{font-size:clamp(2rem,8.2vw,2.65rem);line-height:1}
  p,.lead{max-width:100%}

  /* About */
  .about-hero{padding:34px 0 30px}
  .about-grid{grid-template-columns:1fr;gap:24px}
  .about-intro p:not(.eyebrow){font-size:.93rem;line-height:1.5}
  .about-photo{max-width:520px;margin-inline:auto;width:100%;padding:7px}
  .about-photo img{aspect-ratio:4/3;object-position:center 24%}
  .stats-section{padding:18px 0}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .stat-card{padding:15px 9px;min-height:92px;display:flex;flex-direction:column;justify-content:center}
  .stat-card strong{font-size:1.55rem}
  .stat-card span{font-size:.61rem;line-height:1.35}
  .stat-card:last-child:nth-child(odd){grid-column:1/-1}
  .about-details{padding:42px 0}
  .detail-grid{grid-template-columns:1fr;gap:12px}
  .detail-card{min-height:0;padding:22px}
  .timeline-row{grid-template-columns:1fr;gap:5px;padding:17px 0}

  /* Writing / insights */
  .blog-hero-compact{padding:34px 0 18px}
  .blog-hero-compact h1{font-size:clamp(2.65rem,11vw,3.4rem);line-height:.96}
  .blog-hero-compact .lead{font-size:.93rem;line-height:1.5;margin-top:14px}
  .blog-hero-compact .filter-row{margin-top:18px;gap:6px}
  .filter-pill{font-size:.59rem;padding:6px 8px}
  .blog-wrap-featured-only{padding:0 0 18px}
  .blog-wrap-featured-only .featured-post{grid-template-columns:1fr;border-radius:20px}
  .blog-wrap-featured-only .featured-media{order:-1;height:245px;min-height:245px}
  .blog-wrap-featured-only .featured-media img{height:100%;object-fit:cover;object-position:center top}
  .blog-wrap-featured-only .featured-copy{padding:24px 22px 26px}
  .blog-wrap-featured-only .featured-copy h2{font-size:2.2rem;line-height:.98}
  .blog-wrap-featured-only .featured-copy p{font-size:.89rem;line-height:1.48}
  .insights-index{padding:44px 0 34px!important;margin-top:8px}
  .insights-grid{grid-template-columns:1fr;gap:16px}

  /* Booking */
  .booking-hero-v23{padding:34px 0 30px}
  .booking-hero-grid-v23{grid-template-columns:1fr;gap:24px}
  .booking-hero-copy-v23 h1{font-size:clamp(2.65rem,10.5vw,3.45rem);line-height:.96}
  .booking-hero-copy-v23 .lead{font-size:.93rem;line-height:1.5;margin-top:15px}
  .booking-mini-proof-v23{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:22px;padding-top:14px}
  .booking-mini-proof-v23 strong{font-size:1.18rem}
  .booking-mini-proof-v23 span{font-size:.52rem;line-height:1.28}
  .call-output-v23{padding:24px 20px;border-radius:18px}
  .call-output-v23 h2{font-size:2rem}
  .booking-proof-grid-v23{grid-template-columns:1fr 1fr}
  .booking-proof-grid-v23>div{padding:15px 12px}
  .booking-qualify-v23,.booking-how-v23,.booking-risk-v23,.booking-founder-v23,.booking-faq-v23,.booking-expect-v23,.booking-widget-v23{padding:40px 0}
  .booking-steps-v23,.booking-risk-grid-v23,.booking-founder-grid-v23,.booking-expect-grid-v23,.booking-widget-grid-v23{grid-template-columns:1fr}
  .booking-steps-v23 article{min-height:0;padding:23px}
  .booking-founder-photo-v23{max-width:430px;margin-inline:auto}
  .booking-expect-grid-v23{gap:26px}
  .booking-expect-grid-v23 li{grid-template-columns:72px 95px 1fr;gap:10px}
  .booking-form-v23{grid-template-columns:1fr;padding:22px 18px}
  .booking-form-v23 label,.booking-submit-v23,.booking-form-note-v23{grid-column:1}

  /* VSL */
  .vsl-hero{padding:0 0 18px}
  .vsl-panel{padding:30px 0 26px}
  .vsl-grid{grid-template-columns:1fr;gap:24px}
  .vsl-copy h1{font-size:clamp(2.65rem,10.8vw,3.45rem);line-height:.96}
  .vsl-copy p{font-size:.9rem;line-height:1.48}
  .vsl-list li{font-size:.79rem;line-height:1.4}
  .video-shell{padding:5px;border-width:2px}
  .vsl-callout{font-size:.92rem;padding:12px 15px}
  .pain-section,.steps,.faq{padding:42px 0}
  .pain-grid,.steps-grid{grid-template-columns:1fr;gap:12px}
  .metric-band-grid{grid-template-columns:repeat(3,1fr);gap:6px}
  .metric-band-item{padding:14px 8px}
  .metric-band-item strong{font-size:1.35rem}
  .metric-band-item span{font-size:.55rem;line-height:1.3}
  .guarantee{grid-template-columns:1fr;padding:22px;gap:12px}

  /* Articles / Plays */
  .article-hero{padding:36px 0 30px}
  .article-hero-grid{grid-template-columns:1fr;gap:24px}
  .article-hero h1{font-size:clamp(2.55rem,10.5vw,3.35rem);line-height:.97}
  .article-photo,.article-photo.editorial-graphic{max-width:none;width:100%;padding:0;border-radius:18px;overflow:hidden}
  .article-photo img,.article-photo-wide img,.article-photo.editorial-graphic img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center}
  .article-meta{margin-top:14px}
  .article-sequence{padding:18px 0}
  .sequence-line{justify-content:flex-start}
  .sequence-line span{font-size:.58rem;padding:6px 8px}
  .article-body{padding:40px 0}
  .article-intro{font-size:1.08rem;line-height:1.5}
  .article-item{grid-template-columns:42px 1fr;gap:10px;padding:23px 0}
  .article-num{font-size:1.55rem}
  .toolbox{grid-template-columns:1fr}
  .author-card{grid-template-columns:88px 1fr;gap:15px;padding:18px}
  .author-card img{width:88px;height:88px;aspect-ratio:1/1;border-radius:8px}

  /* Footer */
  .site-footer{width:min(100% - 12px,1320px);margin-bottom:12px;padding:30px 0 20px;border-radius:20px}
  .site-footer .container{width:min(100% - 34px,1180px)}
  .footer-grid{grid-template-columns:1fr;gap:22px}
  .footer-bottom{flex-direction:column;gap:7px;margin-top:20px}
}

@media(max-width:620px){
  .site-header .nav-wrap{min-height:66px;padding-left:13px;padding-right:7px}
  .site-header .wordmark{font-size:1.16rem;letter-spacing:.095em}
  .site-header .nav-cta{min-height:38px;padding:6px 9px;font-size:.56rem}
  .site-header .menu-toggle{width:34px;height:36px}
  .site-header .nav-links{top:68px}

  /* Home: compress the complete hero into a deliberate first-screen composition. */
  .blueprint-home main{gap:12px}
  .blueprint-home .blueprint-hero-v4{
    min-height:calc(100svh - 86px);
    display:flex;
    flex-direction:column;
  }
  .blueprint-hero-v4 .blueprint-copy{
    padding:24px 18px 16px;
    flex:0 0 auto;
  }
  .blueprint-hero-v4 .micro-label{margin-bottom:7px;font-size:.58rem}
  .blueprint-hero-v4 .blueprint-copy h1{
    font-size:2.42rem;
    line-height:.91;
    max-width:100%;
    margin-bottom:10px;
  }
  .blueprint-hero-v4 .hero-deck{
    font-size:.86rem;
    line-height:1.42;
    margin:0 0 12px;
  }
  .blueprint-hero-v4 .hero-actions{margin-top:0;gap:10px}
  .blueprint-hero-v4 .hero-actions .text-link{display:none}
  .blueprint-hero-v4 .hero-actions .leather-button{min-height:42px;padding:8px 14px;font-size:.62rem}
  .blueprint-hero-v4 .scot-id-card{
    width:100%;
    margin:14px 0 0;
    padding:7px;
    grid-template-columns:88px 1fr;
    gap:11px;
    transform:none!important;
  }
  .blueprint-hero-v4 .id-photo img{aspect-ratio:1/1;object-position:center 23%}
  .blueprint-hero-v4 .id-copy{padding-right:5px}
  .blueprint-hero-v4 .id-name{font-size:.92rem}
  .blueprint-hero-v4 .id-role{font-size:.58rem;margin:4px 0}
  .blueprint-hero-v4 .short-rule{margin:6px 0;width:26px}
  .blueprint-hero-v4 .id-copy>p:last-of-type{display:none}
  .blueprint-hero-v4 .id-copy a{font-size:.56rem}

  .blueprint-board-v4{
    min-height:0;
    flex:1 1 auto;
    padding:18px 16px 18px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .blueprint-board-v4 .board-label{font-size:.56rem;margin-bottom:6px}
  .blueprint-board-v4 .board-title{
    font-size:1.78rem;
    line-height:.98;
    max-width:100%;
    margin:0;
  }
  .blueprint-board-v4 .board-rule{margin:9px 0 10px;width:74px}
  .blueprint-board-v4 > .principles-panel{display:none}
  .blueprint-board-v4 .blueprint-frame{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin:0;
    min-height:0;
  }
  .blueprint-board-v4 .flow-map{display:none}
  .blueprint-board-v4 .bp-node,
  .blueprint-board-v4 .result-panel{
    position:static;
    width:auto;
    min-height:0;
    opacity:1;
    transform:none;
    padding:0;
    border:0;
    background:none;
  }
  .blueprint-board-v4 .bp-node p,
  .blueprint-board-v4 .result-panel p,
  .blueprint-board-v4 .result-underline{display:none}
  .blueprint-board-v4 .bp-chip,
  .blueprint-board-v4 .bp-chip.wide,
  .blueprint-board-v4 .result-chip{
    width:100%;
    min-height:50px;
    margin:0;
    padding:8px 9px;
    gap:7px;
    border-radius:10px;
    justify-content:center;
  }
  .blueprint-board-v4 .bp-chip .chip-icon,
  .blueprint-board-v4 .result-chip .chip-icon{
    min-width:19px;
    font-size:1rem;
  }
  .blueprint-board-v4 .bp-chip .chip-text,
  .blueprint-board-v4 .result-chip .chip-text{
    font-size:.61rem;
    letter-spacing:.04em;
    white-space:normal;
    text-align:center;
  }
  .blueprint-board-v4 .result-panel{grid-column:1/-1}
  .blueprint-board-v4 .result-chip{max-width:56%;margin-inline:auto}

  /* Keep page-one heroes from visually bleeding into the next rounded section. */
  .about-hero,
  .booking-hero-v23,
  .vsl-hero,
  .article-hero,
  .blog-hero-compact{
    scroll-margin-top:82px;
  }

  .booking-mini-proof-v23{grid-template-columns:1fr 1fr}
  .booking-mini-proof-v23>div:last-child{grid-column:1/-1}
  .booking-proof-grid-v23{grid-template-columns:1fr 1fr}
  .booking-expect-grid-v23 li{grid-template-columns:1fr;gap:5px}
  .metric-band-grid{grid-template-columns:1fr 1fr 1fr}
}

@media(min-width:621px) and (max-width:900px){
  .blueprint-hero-v4 .blueprint-copy{padding:32px 28px 24px}
  .blueprint-hero-v4 .scot-id-card{margin-left:0;transform:none!important}
  .blueprint-board-v4{padding:30px 24px}
}

/* v36 — heavier logo + mobile About/Writing first-screen refinements */

/* Make SCOT feel like a real, fat wordmark rather than spaced display text. */
.site-header .wordmark,
.site-footer .wordmark{
  font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;
  font-weight:900;
  letter-spacing:.035em;
  -webkit-text-stroke:.45px currentColor;
  text-rendering:geometricPrecision;
}
.site-header .wordmark span,
.site-footer .wordmark span{
  font-family:var(--display);
  font-weight:750;
  letter-spacing:.035em;
  -webkit-text-stroke:0 transparent;
}

@media(max-width:620px){
  /* ABOUT: lose the signature and compact the copy so Scot's photo lands cleanly at the bottom of page one. */
  .about-hero{
    padding:24px 0 18px;
  }
  .about-grid{
    gap:14px;
  }
  .about-intro .signature{
    display:none!important;
  }
  .about-intro .eyebrow{
    margin-bottom:8px;
  }
  .about-intro h1{
    font-size:clamp(2.25rem,9.6vw,2.85rem);
    line-height:.94;
    margin-bottom:9px;
  }
  .about-intro .pink-rule{
    margin:10px 0 12px;
  }
  .about-intro p:not(.eyebrow){
    font-size:.86rem;
    line-height:1.42;
    margin:0 0 8px;
  }
  .about-photo{
    width:100%;
    max-width:none;
    margin:2px auto 0;
    padding:6px;
  }
  .about-photo img{
    width:100%;
    height:238px;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center 22%;
  }
  .stats-section{
    padding:16px 0;
  }

  /* WRITING: make the featured play part of the first-screen composition. The photo is hidden on small phones so the feature itself, not a repeated Scot portrait, fills the bottom of the hero cleanly. */
  .blog-hero-compact{
    padding:24px 0 10px;
  }
  .blog-hero-compact .eyebrow{
    margin-bottom:7px;
  }
  .blog-hero-compact h1{
    font-size:clamp(2.35rem,10.2vw,2.95rem);
    line-height:.94;
  }
  .blog-hero-compact .lead{
    font-size:.84rem;
    line-height:1.42;
    margin-top:10px;
  }
  .blog-hero-compact .filter-row{
    margin-top:12px;
    gap:5px;
  }
  .filter-pill{
    font-size:.54rem;
    padding:5px 7px;
  }
  .blog-wrap-featured-only{
    padding:0 0 12px;
    margin-top:0;
  }
  .blog-wrap-featured-only .featured-post{
    display:block;
    min-height:0;
    margin:0;
    border-radius:18px;
  }
  .blog-wrap-featured-only .featured-media{
    display:none;
  }
  .blog-wrap-featured-only .featured-copy{
    min-height:0;
    padding:19px 19px 20px;
  }
  .blog-wrap-featured-only .featured-copy .eyebrow{
    margin-bottom:7px;
  }
  .blog-wrap-featured-only .featured-copy h2{
    font-size:1.82rem;
    line-height:.96;
    margin-bottom:9px;
  }
  .blog-wrap-featured-only .featured-copy p{
    font-size:.78rem;
    line-height:1.4;
    margin-bottom:12px;
  }
  .blog-wrap-featured-only .featured-copy .btn{
    min-height:38px;
    padding:7px 12px;
    font-size:.59rem;
  }
  .insights-index{
    margin-top:20px!important;
    padding-top:40px!important;
  }

  /* Keep the mobile nav logo heavier without making the leather pill taller. */
  .site-header .wordmark{
    font-size:1.18rem;
    letter-spacing:.025em;
    -webkit-text-stroke:.5px currentColor;
  }
  .site-header .wordmark span{
    font-size:.66em;
    letter-spacing:.02em;
  }
}

/* v37 — mobile first-screen composition for About + Writing */
@media(max-width:620px){
  /* ABOUT: remove the portrait on phones and use the recovered height for the trust metrics. */
  .about-photo{
    display:none!important;
  }
  .about-hero{
    padding:18px 0 12px;
  }
  .about-grid{
    display:block;
  }
  .about-intro .eyebrow{
    margin-bottom:6px;
    font-size:.56rem;
  }
  .about-intro h1{
    font-size:clamp(2.08rem,9vw,2.5rem);
    line-height:.93;
    margin-bottom:7px;
  }
  .about-intro .pink-rule{
    margin:8px 0 9px;
  }
  .about-intro p:not(.eyebrow){
    font-size:.78rem;
    line-height:1.34;
    margin:0 0 7px;
  }
  .stats-section{
    padding:10px 0;
  }
  .stats-grid{
    grid-template-columns:repeat(2,1fr);
    gap:6px;
  }
  .stat-card{
    min-height:62px;
    padding:7px 7px;
    border-radius:9px;
  }
  .stat-card strong{
    font-size:1.32rem;
    line-height:1;
  }
  .stat-card span{
    font-size:.52rem;
    line-height:1.18;
    margin-top:4px;
  }
  .stat-card:last-child:nth-child(odd){
    grid-column:1/-1;
    min-height:54px;
  }

  /* WRITING: page one is exactly two visual sections — intro + featured play. */
  .blog-hero-compact{
    min-height:275px;
    padding:18px 0 12px;
    display:flex;
    align-items:center;
  }
  .blog-hero-compact .eyebrow{
    margin-bottom:6px;
  }
  .blog-hero-compact h1{
    font-size:clamp(2.28rem,9.7vw,2.72rem);
    line-height:.93;
  }
  .blog-hero-compact .lead{
    font-size:.79rem;
    line-height:1.34;
    margin-top:8px;
  }
  .blog-hero-compact .filter-row{
    margin-top:10px;
    gap:5px;
    flex-wrap:nowrap;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:2px;
  }
  .blog-hero-compact .filter-row::-webkit-scrollbar{display:none}
  .blog-hero-compact .filter-pill{
    flex:0 0 auto;
    font-size:.52rem;
    padding:5px 7px;
  }

  .blog-wrap-featured-only{
    min-height:calc(100svh - 365px);
    padding:0!important;
    margin-top:0!important;
    background:var(--blueprint)!important;
    background-image:radial-gradient(circle,rgba(188,207,220,.14) 1px,transparent 1.35px)!important;
    background-size:11px 11px!important;
    display:flex;
    align-items:stretch;
  }
  .blog-wrap-featured-only > .container{
    width:100%;
    display:flex;
    padding:0;
  }
  .blog-wrap-featured-only .featured-post{
    width:100%;
    min-height:100%;
    margin:0;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:transparent;
    display:block;
  }
  .blog-wrap-featured-only .featured-media{
    display:none!important;
  }
  .blog-wrap-featured-only .featured-copy{
    min-height:100%;
    padding:24px 20px 22px;
    border:0;
    border-radius:0;
    background:transparent!important;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .blog-wrap-featured-only .featured-copy .eyebrow{
    margin-bottom:7px;
  }
  .blog-wrap-featured-only .featured-copy h2{
    font-size:1.78rem;
    line-height:.95;
    margin-bottom:8px;
  }
  .blog-wrap-featured-only .featured-copy p{
    font-size:.76rem;
    line-height:1.36;
    margin-bottom:12px;
  }
  .blog-wrap-featured-only .featured-copy .btn{
    align-self:flex-start;
    min-height:37px;
    padding:7px 11px;
    font-size:.56rem;
  }

  /* Start the article library decisively on page two; no third card peeking into the hero screen. */
  .insights-index{
    margin-top:24px!important;
    padding-top:34px!important;
  }
}

/* v37.1 — let the mobile About trust panel own the bottom of page one instead of letting page two peek through. */
@media(max-width:620px){
  .stats-section{
    min-height:55svh;
    display:flex;
    align-items:center;
  }
  .stats-section > .container{
    width:min(100% - 28px,1180px);
  }
}

/* v38 — mobile About composition + a more visual Featured Play on Writing */
@media(max-width:620px){
  /* About: lower the opening slightly, improve readability, and let the trust panel end cleanly on page one. */
  .about-hero{
    min-height:402px;
    padding:28px 0 14px;
    display:flex;
    align-items:flex-start;
  }
  .about-intro .eyebrow{
    margin-top:3px;
    margin-bottom:8px;
    font-size:.58rem;
  }
  .about-intro h1{
    font-size:clamp(2.08rem,9vw,2.5rem);
    line-height:.94;
    margin-bottom:9px;
  }
  .about-intro .pink-rule{
    margin:10px 0 11px;
  }
  .about-intro p:not(.eyebrow){
    font-size:.86rem;
    line-height:1.42;
    margin:0 0 9px;
  }
  .stats-section{
    min-height:0!important;
    height:314px;
    padding:16px 0 15px;
    display:flex;
    align-items:flex-end;
  }
  .stats-section > .container{
    width:min(100% - 28px,1180px);
  }
  .stats-grid{
    width:100%;
    grid-template-columns:repeat(2,1fr);
    gap:6px;
  }
  .stat-card{
    min-height:58px;
    padding:7px 7px;
  }
  .stat-card strong{
    font-size:1.28rem;
  }
  .stat-card span{
    font-size:.50rem;
    line-height:1.15;
  }
  .stat-card:last-child:nth-child(odd){
    min-height:52px;
  }

  /* Writing: keep the two-box first screen, but give the Featured Play an actual editorial graphic. */
  .blog-hero-compact{
    min-height:272px;
    padding:17px 0 10px;
  }
  .blog-wrap-featured-only{
    min-height:0;
    height:456px;
    padding:0!important;
  }
  .blog-wrap-featured-only .featured-post{
    height:100%;
    display:grid;
    grid-template-rows:142px 1fr;
  }
  .blog-wrap-featured-only .featured-media{
    display:block!important;
    order:0;
    height:142px;
    min-height:142px;
    padding:14px 18px 0;
    background:transparent;
  }
  .blog-wrap-featured-only .featured-media a{
    display:block;
    width:100%;
    height:100%;
  }
  .blog-wrap-featured-only .featured-media img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    border-radius:14px 14px 0 0;
  }
  .blog-wrap-featured-only .featured-media::after{display:none}
  .blog-wrap-featured-only .featured-copy{
    min-height:0;
    padding:14px 20px 20px;
    justify-content:flex-start;
  }
  .blog-wrap-featured-only .featured-copy .eyebrow{
    margin-bottom:6px;
  }
  .blog-wrap-featured-only .featured-copy h2{
    font-size:1.65rem;
    line-height:.95;
    margin-bottom:7px;
  }
  .blog-wrap-featured-only .featured-copy p{
    font-size:.72rem;
    line-height:1.32;
    margin-bottom:10px;
  }
  .blog-wrap-featured-only .featured-copy .btn{
    min-height:35px;
    padding:6px 10px;
    font-size:.53rem;
  }
  .insights-index{
    margin-top:28px!important;
    padding-top:38px!important;
  }
}

@media(max-width:620px) and (min-height:900px){
  .about-hero{min-height:438px}
  .stats-section{height:352px}
  .blog-hero-compact{min-height:300px}
  .blog-wrap-featured-only{height:502px}
  .blog-wrap-featured-only .featured-post{grid-template-rows:164px 1fr}
  .blog-wrap-featured-only .featured-media{height:164px;min-height:164px}
}

@media(min-width:621px){
  /* Desktop/tablet Featured Play uses the same editorial graphic rather than another Scot portrait. */
  .blog-wrap-featured-only .featured-media{
    background:#0d2942;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:26px;
  }
  .blog-wrap-featured-only .featured-media img{
    object-fit:contain;
    object-position:center;
    border-radius:18px;
  }
}

/* v38.1 — align the bottom of the mobile first-screen compositions with the viewport. */
@media(max-width:620px){
  .stats-section{height:348px;}
  .blog-wrap-featured-only{height:470px;}
}
@media(max-width:620px) and (min-height:900px){
  .stats-section{height:400px;}
  .blog-wrap-featured-only{height:540px;}
}


/* v39 — mobile spacing refinements for About trust metrics and Writing featured play */
@media(max-width:620px){
  /* ABOUT: distribute the trust cards across the navy panel instead of bunching them at the bottom. */
  .stats-section{
    height:332px !important;
    padding:18px 0 18px !important;
    align-items:stretch !important;
  }
  .stats-section > .container{
    display:flex;
    width:min(100% - 28px,1180px);
  }
  .stats-grid{
    height:100%;
    width:100%;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    align-content:space-between;
    align-items:stretch;
  }
  .stat-card{
    min-height:72px;
    padding:10px 10px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .stat-card strong{
    font-size:1.48rem;
    line-height:1;
    margin-bottom:5px;
  }
  .stat-card span{
    font-size:.56rem;
    line-height:1.2;
  }
  .stat-card:last-child:nth-child(odd){
    grid-column:1/-1;
    min-height:68px;
  }

  /* WRITING: spread the featured-play content through the blue panel so the box feels intentional, not bottom-heavy. */
  .blog-wrap-featured-only{
    height:486px !important;
    padding:0 !important;
  }
  .blog-wrap-featured-only > .container{
    height:100%;
  }
  .blog-wrap-featured-only .featured-post{
    height:100%;
    display:flex !important;
    flex-direction:column;
    justify-content:space-between;
  }
  .blog-wrap-featured-only .featured-copy{
    order:1;
    min-height:auto;
    padding:20px 20px 0;
    display:block;
  }
  .blog-wrap-featured-only .featured-copy .eyebrow{
    margin-bottom:6px;
  }
  .blog-wrap-featured-only .featured-copy h2{
    font-size:1.68rem;
    line-height:.95;
    margin-bottom:10px;
  }
  .blog-wrap-featured-only .featured-copy p{
    font-size:.73rem;
    line-height:1.34;
    margin-bottom:12px;
  }
  .blog-wrap-featured-only .featured-copy .btn{
    min-height:36px;
    padding:6px 10px;
    font-size:.53rem;
  }
  .blog-wrap-featured-only .featured-media{
    order:2;
    display:flex !important;
    flex:1 1 auto;
    height:auto !important;
    min-height:0 !important;
    padding:12px 18px 26px;
    align-items:center;
    justify-content:center;
    background:transparent;
  }
  .blog-wrap-featured-only .featured-media a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
  }
  .blog-wrap-featured-only .featured-media img{
    width:100%;
    height:auto;
    max-height:192px;
    object-fit:contain;
    object-position:center;
    border-radius:16px;
  }
}

@media(max-width:620px) and (min-height:900px){
  .stats-section{height:372px !important;}
  .blog-wrap-featured-only{height:558px !important;}
  .blog-wrap-featured-only .featured-media img{max-height:228px;}
}

/* v40 — mobile readability + slightly larger Featured Play graphic */
@media(max-width:620px){
  /* About: bump the body copy up without making page one feel crowded. */
  .about-intro p:not(.eyebrow){
    font-size:.92rem;
    line-height:1.46;
  }
  .stat-card span{
    font-size:.59rem;
    line-height:1.22;
  }

  /* Writing: give the Featured Play graphic a little more visual weight at the bottom. */
  .blog-wrap-featured-only .featured-media{
    padding:8px 14px 20px;
  }
  .blog-wrap-featured-only .featured-media img{
    max-height:218px;
    width:min(100%, 360px);
  }
}

@media(max-width:620px) and (min-height:900px){
  .blog-wrap-featured-only .featured-media img{
    max-height:252px;
  }
}

/* v41 — final mobile spacing tune for About trust panel + Writing Featured Play */
@media(max-width:620px){
  /* About: slightly shorter navy panel, tighter card spacing, still anchored as the page-one finish. */
  .stats-section{
    height:306px !important;
    min-height:0 !important;
    padding:14px 0 14px !important;
    align-items:stretch !important;
  }
  .stats-section > .container{
    display:flex;
    align-items:stretch;
  }
  .stats-grid{
    height:100%;
    gap:6px;
    align-content:space-between;
  }
  .stat-card{
    min-height:66px;
    padding:8px 9px;
  }
  .stat-card:last-child:nth-child(odd){
    min-height:62px;
  }

  /* Writing: lower the CTA slightly and let the thumbnail become the visual anchor at the bottom. */
  .blog-wrap-featured-only .featured-copy p{
    margin-bottom:6px;
  }
  .blog-wrap-featured-only .featured-copy .btn{
    margin-top:12px;
  }
  .blog-wrap-featured-only .featured-media{
    padding:4px 10px 14px;
  }
  .blog-wrap-featured-only .featured-media img{
    width:min(100%, 382px);
    max-height:238px;
  }
}

@media(max-width:620px) and (min-height:900px){
  .stats-section{height:344px !important;}
  .blog-wrap-featured-only .featured-media img{max-height:274px;}
}


/* v42 — About mobile: make the navy trust panel the exact page-one finish */
@media(max-width:620px){
  /* Keep the compact cards from v41, but give the navy section enough height
     to carry cleanly to the bottom of the first mobile viewport. */
  .stats-section{
    height:343px !important;
    min-height:343px !important;
    padding:14px 0 !important;
  }

  /* Prevent the next cream About section from visually creeping into page one. */
  .about-details{
    margin-top:0 !important;
  }
}

@media(max-width:620px) and (min-height:900px){
  .stats-section{
    height:387px !important;
    min-height:387px !important;
  }
}


/* v43 — About mobile: four strongest proof points in a compact 2x2 panel,
   with hero + trust panel treated as one full first screen. */
.about-page-one{display:contents;}

@media(max-width:620px){
  .about-page-one{
    display:flex;
    flex-direction:column;
    gap:12px;
    min-height:calc(100svh - 82px);
  }

  .about-page-one .about-hero{
    flex:1 1 auto;
    min-height:0 !important;
    margin:0;
  }

  .about-page-one .stats-section{
    flex:0 0 226px;
    height:226px !important;
    min-height:226px !important;
    padding:14px 0 !important;
    margin:0;
    align-items:stretch !important;
  }

  .about-page-one .stats-section > .container{
    width:min(100% - 28px,1180px);
    height:100%;
    display:flex;
  }

  .about-page-one .stats-grid{
    width:100%;
    height:100%;
    grid-template-columns:repeat(2,1fr);
    grid-template-rows:repeat(2,1fr);
    gap:8px;
    align-content:stretch;
  }

  .about-page-one .stat-card{
    min-height:0 !important;
    height:auto;
    padding:10px 8px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .about-page-one .stat-card strong{
    font-size:1.5rem;
    line-height:1;
    margin-bottom:5px;
  }

  .about-page-one .stat-card span{
    font-size:.58rem;
    line-height:1.18;
  }

  .about-page-one .stat-card:last-child:nth-child(odd){
    grid-column:auto;
    min-height:0;
  }

  /* Page two begins after the first-screen wrapper, never inside it. */
  .about-details{
    margin-top:0 !important;
  }
}


/* v44 — About mobile: more breathing room and larger body copy,
   while leaving the bottom trust-panel position untouched. */
@media(max-width:620px){
  .about-page-one .about-hero{
    padding-top:42px !important;
    padding-bottom:12px !important;
  }

  .about-page-one .about-intro .eyebrow{
    margin-top:8px !important;
    margin-bottom:11px !important;
    font-size:.61rem !important;
  }

  .about-page-one .about-intro h1{
    margin-bottom:12px !important;
  }

  .about-page-one .about-intro .pink-rule{
    margin:12px 0 14px !important;
  }

  .about-page-one .about-intro p:not(.eyebrow){
    font-size:.94rem !important;
    line-height:1.47 !important;
    margin-bottom:12px !important;
  }
}


/* v45 — About mobile: nudge opening down ~0.25in and increase body copy one more step. */
@media(max-width:620px){
  .about-page-one .about-hero{
    padding-top:66px !important;
  }

  .about-page-one .about-intro p:not(.eyebrow){
    font-size:1rem !important;
    line-height:1.5 !important;
  }
}


/* v46 — About mobile: move ONLY the eyebrow back up to its v44 position.
   Keep the title/body at the v45 vertical position and leave the trust panel untouched. */
@media(max-width:620px){
  .about-page-one .about-hero{
    padding-top:42px !important;
  }

  .about-page-one .about-intro .eyebrow{
    margin-top:8px !important;
    margin-bottom:11px !important;
  }

  .about-page-one .about-intro h1{
    margin-top:24px !important;
  }
}