/* FIX-3 Misc (2026-10-10): About, blog index + post, thank-you, privacy, 404, LP tweaks.
   Linked from each owned page/template only. Tokens come from tokens.css; nothing here redefines chrome. */

/* ================= ABOUT ================= */
.ab-hero.hero--inner:not(.ty-hero):not(.hero--legal) .hero-bg{background-image:url("../assets/photos/real/pair-6376-1200.webp");background-position:center 55%}
.ab-h2{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(40px,5.4vw,72px);line-height:.92;letter-spacing:.005em;color:var(--ink);margin:12px 0 0;text-wrap:balance}
.ab-h2 em{font-style:normal;color:var(--red-logo)}

/* the tapes: ink ground, two phones, typed transcripts */
.ab-tapes{background:var(--ink);color:#efe9e2;position:relative;overflow:hidden}
.ab-tapes::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);pointer-events:none}
.ab-tapes .container{position:relative}
.ab-tapes .ab-h2{color:#fff}
.ab-tapes-head{max-width:760px;margin-bottom:clamp(32px,4vw,56px)}
.ab-tapes-head p{color:var(--grey-light);font-size:17px;line-height:1.6;margin:16px 0 0;max-width:600px}
.ab-tapes .eyebrow{color:#ff8a76}
.ab-tape-grid{display:grid;grid-template-columns:1fr;gap:clamp(24px,3vw,40px);max-width:1040px}
.ab-tape{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,2.4vw,32px);align-items:start;background:#201c1a;border:1px solid #3a332e;border-radius:20px;padding:clamp(16px,2vw,24px)}
.ab-tape{grid-template-columns:auto minmax(0,1fr);padding:clamp(18px,2.4vw,32px);gap:clamp(20px,3.4vw,48px)}
.ab-tape--dustin{grid-template-columns:minmax(0,1fr) auto;margin-left:auto;width:min(100%,900px)}
.ab-tape--dustin .ab-phone{order:2}
.ab-tape .ab-log{align-self:center}
.ab-pull{font-size:clamp(28px,3vw,44px)!important}
.ab-phone{position:relative;width:clamp(200px,19vw,268px);border-radius:26px;padding:8px;background:#0c0a09;box-shadow:0 22px 50px rgba(0,0,0,.45),inset 0 0 0 2px #3a332e}
.ab-phone video{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:19px;background:#2a2420;object-fit:cover}
.ab-phone--small{width:clamp(150px,13vw,180px)}
.ab-rec{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:6px;font:800 11px/1 var(--athletic);letter-spacing:.12em;color:#fff;background:rgba(12,10,9,.7);padding:6px 8px;border-radius:6px;pointer-events:none}
.ab-rec::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red-logo)}
.ab-who{font-size:14px;line-height:1.45;color:var(--grey-light);margin:4px 0 14px}
.ab-who strong{display:block;font-family:var(--display);font-weight:900;font-size:30px;line-height:1;letter-spacing:.01em;text-transform:uppercase;color:#fff;margin-bottom:4px}
.ab-pull{margin:0 0 18px;font-family:var(--display);font-weight:800;font-size:clamp(25px,2.3vw,34px);line-height:1.02;color:#fff;text-wrap:balance}
.ab-pull em{font-style:normal;color:#ff8a76}
.ab-lines{list-style:none;margin:0;padding:14px 0 0;border-top:1px dashed #4a423b;display:grid;gap:10px}
.ab-lines li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;font-size:15px;line-height:1.5;color:#d9d1c8}
.ab-lines time{font:700 12.5px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ff8a76}

/* review part re-titled for About */
.ab-review{background:var(--paper)}
.ab-review .container{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,64px);align-items:center}
.ab-review .rv-head{margin:0}
.ab-review .rv-grid{grid-template-columns:1fr}
@media(max-width:900px){.ab-review .container{grid-template-columns:1fr}}

/* the chart: clipboard, doctor brand */
.ab-chart-sec{background:var(--cream)}
.ab-chart-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:center}
.ab-chart-intro p{color:var(--ink-3);font-size:17px;line-height:1.6;margin:16px 0 0;max-width:420px}
.ab-chart-mascot{display:block;width:clamp(150px,16vw,230px);height:auto;margin-top:26px}
.ab-chart{position:relative;background:#fff;border-radius:18px;padding:clamp(34px,4vw,52px) clamp(20px,3vw,44px) clamp(22px,3vw,34px);box-shadow:var(--shadow-lift);border:1px solid var(--line);transform:rotate(-.6deg)}
.ab-clip{position:absolute;top:-16px;left:50%;width:150px;height:34px;margin-left:-75px;border-radius:10px 10px 6px 6px;background:linear-gradient(#5a5049,#26211d);box-shadow:0 4px 10px rgba(0,0,0,.25)}
.ab-clip::after{content:"";position:absolute;top:8px;left:50%;width:40px;height:10px;margin-left:-20px;border-radius:6px;background:var(--cream)}
.ab-chart-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;border-bottom:3px solid var(--red-logo);padding-bottom:12px;margin-bottom:6px}
.ab-chart-head span{font:800 12px/1 var(--athletic);letter-spacing:.16em;text-transform:uppercase;color:var(--grey-2)}
.ab-chart-head strong{font-family:var(--display);font-weight:900;font-size:clamp(26px,2.6vw,34px);text-transform:uppercase;line-height:1;color:var(--ink)}
.ab-rows{margin:0}
.ab-rows>div{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}
.ab-rows dt{font:800 12px/1.6 var(--athletic);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.ab-rows dd{margin:0;font-size:16px;line-height:1.5;color:var(--ink-2)}
.ab-rows dd a{font-weight:800;color:var(--ink);display:inline-flex;align-items:center;min-height:44px;margin:-12px 0}
.ab-sign{margin:18px 0 0;text-align:right;font-family:var(--display);font-weight:800;font-size:26px;color:var(--ink)}
.ab-sign span{font:800 11.5px/1 var(--athletic);letter-spacing:.16em;text-transform:uppercase;color:var(--grey-2);margin-right:10px}
.ab-sign i{font-style:normal;color:var(--red-logo)}

@media(max-width:1000px){
  .ab-tape-grid{grid-template-columns:1fr}
  .ab-chart-wrap{grid-template-columns:1fr}
  .ab-chart-mascot{display:none}
}
@media(max-width:620px){
  .ab-tape,.ab-tape--dustin{grid-template-columns:1fr;justify-items:start;width:100%}
  .ab-tape--dustin .ab-phone{order:0}
  .ab-phone{width:min(240px,68vw)}
  .ab-phone--small{width:min(180px,50vw)}
  .ab-rows>div{grid-template-columns:1fr;gap:2px}
  .ab-chart{transform:none}
}
.ab-review .rv-title em{font-style:normal;color:var(--red-logo)}

/* ================= BLOG INDEX ================= */
/* R3 blog (2026-10-10): the case file. Every thumb is a real CSD job photo; numbered answers, lead story, owners on the side. */
.bl-hero.hero--inner:not(.ty-hero):not(.hero--legal) .hero-bg{background-image:url("../assets/blog/img_6211-1000.webp");background-position:center 55%}
.bl-file{background:var(--paper);counter-reset:case}
.bl-head{margin-bottom:clamp(28px,4vw,48px);max-width:820px}
.bl-count{display:inline-flex;align-items:center;gap:10px;margin:14px 0 0;font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink-3)}
.bl-count b{font-family:var(--display);font-weight:900;font-size:22px;color:var(--red-logo)}
.bl-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(28px,4vw,56px);align-items:start}
.page-blog .bl-list{display:block}
.page-blog .bl-list .blog-card{counter-increment:case;display:grid;grid-template-columns:64px minmax(0,1fr) 200px;gap:0 24px;align-items:center;background:none;border:0;border-top:2px solid var(--ink);border-radius:0;box-shadow:none;padding:22px 0;overflow:visible;position:relative}
.page-blog .bl-list .blog-card:hover{transform:none;box-shadow:none}
.page-blog .bl-list .blog-card::before{content:counter(case,decimal-leading-zero);grid-column:1;grid-row:1;align-self:start;font-family:var(--display);font-weight:900;font-size:40px;line-height:.9;color:var(--red-logo)}
.page-blog .bl-list .blog-card>a{grid-column:3;grid-row:1;display:block;border-radius:12px;overflow:hidden;background:var(--stone)}
.page-blog .bl-list .blog-card img{aspect-ratio:4/3;height:auto;border-radius:12px;transition:transform .3s ease}
.page-blog .bl-list .blog-card:hover img{transform:scale(1.04)}
.page-blog .bl-list .bc-body{grid-column:2;grid-row:1;padding:0;gap:8px}
.page-blog .bl-list .bc-date{font:700 12.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:var(--grey-2);text-transform:none}
.page-blog .bl-list .bc-title{font-size:clamp(26px,2.4vw,34px)!important;line-height:.98;text-wrap:balance}
.page-blog .bl-list .blog-card p{font-size:15.5px;line-height:1.55;max-width:560px}
.page-blog .bl-list .bc-link{display:inline-flex;align-items:center;min-height:44px;margin:-6px 0 -10px;align-self:flex-start}
/* the newest answer runs as the lead story */
.page-blog .bl-list .blog-card:first-child{grid-template-columns:1fr;border-top:0;padding:0 0 30px}
.page-blog .bl-list .blog-card:first-child::before{position:absolute;top:16px;left:16px;z-index:2;font-size:15px;line-height:1;font-family:var(--athletic);font-weight:800;letter-spacing:.14em;content:"NEWEST";color:#fff;background:var(--red);padding:9px 12px;border-radius:8px}
.page-blog .bl-list .blog-card:first-child>a{grid-column:1;grid-row:1;border-radius:16px}
.page-blog .bl-list .blog-card:first-child>a::after{content:"Our job photo";position:absolute;right:14px;bottom:14px;font:800 11px/1 var(--athletic);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(22,19,17,.72);padding:8px 10px;border-radius:6px}
.page-blog .bl-list .blog-card:first-child>a{position:relative}
.page-blog .bl-list .blog-card:first-child img{aspect-ratio:16/8;object-fit:cover;object-position:center 60%;border-radius:16px}
.page-blog .bl-list .blog-card:first-child .bc-body{grid-column:1;grid-row:2;padding-top:20px}
.page-blog .bl-list .blog-card:first-child .bc-title{font-size:clamp(34px,4vw,56px)!important}
.bl-aside{position:sticky;top:110px}
.bl-ask{background:var(--ink);color:#efe9e2;border-radius:18px;padding:26px 24px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-lift)}
.bl-ask .faces img{width:56px;height:56px;border-color:var(--ink)}
.bl-ask .faces img+img{margin-left:-12px}
.bl-ask-k{margin:4px 0 0;font:800 12px/1 var(--athletic);letter-spacing:.16em;text-transform:uppercase;color:#ff8a76}
.bl-ask-t{margin:0;font-family:var(--display);font-weight:900;font-size:34px;line-height:.95;text-transform:uppercase;color:#fff}
.bl-ask-t em{display:block;font-style:normal;color:#ff8a76;font-size:22px;margin-top:6px}
.bl-ask .btn{justify-content:center}
.bl-ask-link{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:var(--red-logo);text-underline-offset:4px}
.bl-ask-m{display:block;width:150px;height:auto;margin:-6px 0 -4px auto}
@media(max-width:1000px){
  .bl-layout{grid-template-columns:1fr}
  .bl-aside{position:static}
  .bl-ask-m{display:none}
}
@media(max-width:700px){
  /* phone: number | title | a small real thumb, so the list still shows the jobs */
  .page-blog .bl-list .blog-card{grid-template-columns:40px minmax(0,1fr) 88px;gap:0 12px;padding:16px 0;align-items:start}
  .page-blog .bl-list .blog-card::before{font-size:28px}
  .page-blog .bl-list .blog-card>a{border-radius:10px}
  .page-blog .bl-list .blog-card img{aspect-ratio:1/1;object-fit:cover;border-radius:10px}
  .page-blog .bl-list .blog-card p{display:none}
  .page-blog .bl-list .blog-card:first-child p{display:block}
  .page-blog .bl-list .blog-card:first-child img{aspect-ratio:4/3}
  .page-blog .bl-list .bc-title{font-size:21px!important;line-height:1.02}
  .page-blog .bl-list .bc-link{display:none}
  .page-blog .bl-list .blog-card:first-child .bc-link{display:inline-flex}
}

/* ================= POST ================= */
/* hero: the post's own real photo in the shared inner-hero frame (an <img>, not a background, so it gets srcset + alt) */
.ps-hero.hero--inner:not(.ty-hero):not(.hero--legal) .hero-bg.ps-frame{background-image:none;overflow:hidden}
.ps-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block}
.ps-photo-tag{position:absolute;left:12px;bottom:12px;z-index:1;font:800 11px/1 var(--athletic);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(22,19,17,.72);padding:8px 10px;border-radius:6px}
.ps-sec{background:var(--paper)}
.ps-layout{display:grid;grid-template-columns:minmax(0,700px) 280px;gap:clamp(28px,5vw,80px);justify-content:space-between;align-items:start}
.ps-byline{display:flex;align-items:center;gap:12px;margin:0 0 26px;padding-bottom:18px;border-bottom:2px solid var(--ink);font-size:14px;line-height:1.4;color:var(--ink-3)}
.ps-byline strong{display:block;color:var(--ink);font-size:15px}
.ps-byline .faces img{width:36px;height:36px}
.ps-byline .faces img+img{margin-left:-10px}
/* post hero: a calmer title size so the hero CTA stays in the first screen */
@media(min-width:701px){.page-blog .ps-hero.hero--post h1.hero-headline{font-size:clamp(36px,3.1vw,46px)!important;line-height:.95!important}}
/* readable measure: about 68 characters at 18px */
.page-post .ps-body{counter-reset:h2;max-width:68ch}
.page-post .ps-body p,.page-post .ps-body li{font-size:18px;line-height:1.72}
.page-post .ps-body h2{counter-increment:h2;position:relative;padding-top:18px;margin:52px 0 16px;border-top:1px solid var(--line);text-wrap:balance;scroll-margin-top:110px}
.page-post .ps-body h2::before{content:counter(h2,decimal-leading-zero);display:block;font:800 13px/1 var(--athletic);letter-spacing:.16em;color:var(--red);margin-bottom:10px}
.page-post .ps-body>h2:first-child{margin-top:0;border-top:0;padding-top:0}
.page-post .ps-body>p:first-child+h2{margin-top:8px}
.page-post .ps-body>p:first-child{font-size:21px;line-height:1.55;color:var(--ink-2)}
.page-post .ps-body ul{list-style:none;margin-left:0;padding:0}
.page-post .ps-body ul li{position:relative;padding-left:26px}
.page-post .ps-body ul li::before{content:"";position:absolute;left:2px;top:.62em;width:10px;height:10px;border-radius:2px;background:var(--red-logo);transform:rotate(45deg)}
.page-post .ps-body ol{padding-left:4px;margin-left:22px}
.page-post .ps-body ol li::marker{font-family:var(--display);font-weight:900;color:var(--red-logo)}
.page-post .ps-body p.ps-sub>strong:first-child{display:block;margin-top:26px;font-family:var(--display);font-weight:800;font-size:24px;line-height:1.05;text-transform:uppercase;color:var(--ink)}
.page-post .ps-body a{text-decoration-thickness:2px;text-underline-offset:3px}
/* the one inline CTA: a Doctor's note with the flashlight bear, mid-article */
.page-post .ps-inline{display:grid;grid-template-columns:132px minmax(0,1fr);gap:4px 22px;align-items:center;margin:44px 0;padding:22px 24px 22px 14px;background:#fff;border:1px solid var(--line);border-left:8px solid var(--red-logo);border-radius:16px;box-shadow:var(--shadow)}
.ps-inline-m{width:132px;height:auto;align-self:end;margin-bottom:-22px}
.ps-inline-b{display:flex;flex-direction:column;gap:10px;min-width:0}
.page-post .ps-body .ps-inline p{margin:0}
.page-post .ps-body .ps-inline-k{font:800 12px/1 var(--athletic);letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.page-post .ps-body .ps-inline-t{font-family:var(--display);font-weight:900;font-size:30px;line-height:.95;text-transform:uppercase;color:var(--ink)}
.ps-inline-t em{font-style:normal;color:var(--red-logo)}
.page-post .ps-body .ps-inline-s{font-size:15.5px;line-height:1.55;color:var(--ink-3)}
.ps-inline-a{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:4px}
.page-post .ps-body .ps-inline-a a{text-decoration:none}
.page-post .ps-body .ps-inline .btn,.page-post .ps-body .ps-inline .btn:hover{color:#fff}
.page-post .ps-body .ps-inline-call{display:inline-flex;align-items:center;min-height:44px;font-weight:800;color:var(--ink);text-decoration:underline;text-decoration-color:var(--red-logo)}
/* proof pair (encapsulation vs vapor barrier post: IMG_6220 -> IMG_6376, the one proven pair) */
.ps-pair{margin:36px 0 8px}
.ps-pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ps-pair-grid>div{position:relative;border-radius:12px;overflow:hidden;background:var(--stone)}
.ps-pair-grid img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.ps-pair-tag{position:absolute;left:10px;top:10px;font:800 12px/1 var(--athletic);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--ink);padding:8px 10px;border-radius:6px}
.ps-pair-tag--after{background:var(--red)}
.ps-pair figcaption{margin-top:10px;font-size:14.5px;line-height:1.5;color:var(--ink-3)}
/* rail: in this answer */
.ps-aside{position:sticky;top:110px}
.ps-toc{border-top:6px solid var(--ink);padding-top:16px}
.ps-toc-k{margin:0 0 10px;font:800 12px/1 var(--athletic);letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.ps-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}
.ps-toc li{counter-increment:toc;border-bottom:1px solid var(--line)}
.ps-toc ol a{display:grid;grid-template-columns:30px 1fr;align-items:baseline;min-height:44px;padding:10px 0;font-size:15px;line-height:1.35;font-weight:600;color:var(--ink-2);text-decoration:none}
.ps-toc ol a::before{content:counter(toc,decimal-leading-zero);font:800 12px/1 var(--athletic);letter-spacing:.1em;color:var(--red-logo)}
.ps-toc ol a:hover{color:var(--red)}
.ps-toc-call{margin:16px 0 0;font-size:14.5px;color:var(--ink-3)}
.ps-toc-call a{display:inline-flex;align-items:center;min-height:44px;font-family:var(--display);font-weight:900;font-size:24px;color:var(--ink);text-decoration:none}
/* related answers */
.ps-rel{background:#fff;border-top:1px solid var(--line)}
.ps-rel-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px;margin-bottom:26px}
.ps-rel-head .eyebrow{flex-basis:100%}
.ps-rel-head h2{margin:0;font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(36px,4.2vw,56px);line-height:.92;color:var(--ink)}
.ps-rel-head h2 em{font-style:normal;color:var(--red-logo)}
.ps-rel .ps-rel-all{color:var(--ink)}
.ps-rel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ps-rel-card{display:flex;flex-direction:column;gap:10px;border-top:2px solid var(--ink);padding-top:16px}
.ps-rel-img{display:block;border-radius:12px;overflow:hidden;background:var(--stone)}
.ps-rel-img img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .3s ease}
.ps-rel-card:hover img{transform:scale(1.04)}
.ps-rel-card .bc-date{font:700 12.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--grey-2)}
.ps-rel-card h3{margin:0;font-family:var(--display);font-weight:800;font-size:24px;line-height:1;text-transform:uppercase;text-wrap:balance}
.ps-rel-card h3 a{color:var(--ink);text-decoration:none}
.ps-rel-card h3 a:hover{color:var(--red)}
@media(max-width:1000px){
  .ps-layout{grid-template-columns:1fr}
  .ps-aside{display:none}
  .ps-rel-grid{grid-template-columns:1fr 1fr}
  .ps-rel-card:nth-child(3){display:none}
}
@media(max-width:700px){
  .ps-frame img{position:absolute}
  .page-post .ps-body p,.page-post .ps-body li{font-size:17px;line-height:1.7}
  .page-post .ps-inline{grid-template-columns:1fr;padding:20px 18px;border-left-width:6px}
  .ps-inline-m{display:none}
  .page-post .ps-body .ps-inline-t{font-size:27px}
  .ps-inline-a .btn{width:100%;justify-content:center}
  .ps-rel-grid{grid-template-columns:1fr;gap:18px}
  .ps-rel-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:4px 14px;align-items:start}
  .ps-rel-card:nth-child(3){display:grid}
  .ps-rel-img{grid-row:1/3}
  .ps-rel-card h3{font-size:20px}
}

/* ================= THANK-YOU ================= */
.ty2.ty-hero{background:var(--ink);position:relative;overflow:hidden}
.ty2 .container{padding-block:clamp(40px,6vw,96px)!important}
.ty2-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(20px,4vw,60px);align-items:center}
.ty2-k{margin:0 0 14px;font:800 13px/1.4 var(--athletic);letter-spacing:.18em;text-transform:uppercase;color:#ff8a76}
.ty2-poster{margin:0;font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(64px,9.6vw,150px);line-height:.84;letter-spacing:-.005em;color:#fff;text-wrap:balance}
.ty2-poster em{font-style:normal;color:var(--red-logo);display:block}
.ty2 .hero-sub{color:#e4dcd2;max-width:540px;margin:22px 0 0;font-size:18px;line-height:1.6;text-align:left}
.ty2 .hero-ctas{justify-content:flex-start;margin-top:26px}
.ty2-mascot{width:100%;max-width:400px;height:auto;justify-self:center;filter:drop-shadow(0 24px 40px rgba(0,0,0,.5))}
.ty2-next{background:var(--paper)}
.ty2-ticket{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:2px solid var(--ink);border-radius:18px;box-shadow:var(--shadow-lift);counter-reset:tk}
.ty2-ticket li{counter-increment:tk;position:relative;padding:clamp(22px,2.6vw,34px)}
.ty2-ticket li+li{border-left:2px dashed var(--ink)}
.ty2-ticket li::before{content:counter(tk,decimal-leading-zero);display:block;font-family:var(--display);font-weight:900;font-size:54px;line-height:.85;color:var(--red-logo);margin-bottom:12px}
.ty2-when{display:block;font:800 12px/1.3 var(--athletic);letter-spacing:.14em;text-transform:uppercase;color:var(--grey-2)}
.ty2-ticket h2{margin:6px 0 8px;font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(28px,2.6vw,36px)!important;line-height:.95;color:var(--ink)}
.ty2-ticket p{margin:0;font-size:16px;line-height:1.55;color:var(--ink-3)}
.ty2-wait{background:var(--cream)}
.ty2-wait-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;max-width:980px}
.ty2-wait-p{font-size:17px;line-height:1.6;color:var(--ink-3);margin:16px 0 0;max-width:520px}
.ty2-more{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;font-weight:800;color:var(--red);text-decoration:underline;text-underline-offset:4px}
@media(max-width:820px){
  .ty2-grid{grid-template-columns:1fr}
  .ty2-mascot{display:none}
  .ty2-ticket{grid-template-columns:1fr}
  .ty2-ticket li+li{border-left:0;border-top:2px dashed var(--ink)}
  .ty2-wait-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .ty2 .container{padding-block:28px 40px!important}
  .ty2-poster{font-size:clamp(54px,16vw,72px)}
  .ty2 .hero-sub{font-size:16px;margin-top:14px}
  .ty2 .hero-ctas{margin-top:18px}
}
@media(max-width:820px){.ty2-wait .ab-phone{width:min(200px,56vw)}.ty2-wait-grid>div:last-child{order:-1}}

/* ================= 404 ================= */
.nf2{background:var(--ink);color:#efe9e2;position:relative;overflow:hidden}
.nf2-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(20px,4vw,60px);align-items:center;padding-block:clamp(48px,7vw,110px)}
.nf2-k{margin:0 0 14px;font:700 13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;color:#ff8a76}
.nf2-poster{margin:0;font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(64px,8.6vw,132px);line-height:.84;color:#fff}
.nf2-poster em{display:block;font-style:normal;color:var(--red-logo)}
.nf2-sub{margin:22px 0 0;max-width:520px;font-size:18px;line-height:1.6;color:#d9d1c8}
.nf2-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.nf2 .btn-ink-line{background:transparent!important;color:#fff!important;border:2px solid #fff!important;box-shadow:none}
.nf2-try{margin:34px 0 4px;font:800 12px/1 var(--athletic);letter-spacing:.16em;text-transform:uppercase;color:var(--grey-light)}
.nf2-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 22px}
.nf2-links a{display:inline-flex;align-items:center;min-height:44px;font-family:var(--display);font-weight:800;font-size:24px;text-transform:uppercase;color:#fff;text-decoration:underline;text-decoration-color:var(--red-logo);text-underline-offset:5px}
.nf2-art{position:relative;justify-self:center;width:min(100%,400px)}
.nf2-art img{position:relative;z-index:1;width:100%;height:auto;filter:drop-shadow(0 24px 40px rgba(0,0,0,.5))}
.nf2-beam{position:absolute;z-index:0;left:40%;top:52%;width:110%;height:60%;background:radial-gradient(closest-side,rgba(255,236,190,.28),rgba(255,236,190,0));transform:rotate(-12deg);animation:nf2sweep 6s ease-in-out infinite alternate}
@keyframes nf2sweep{from{transform:translateX(-10%) rotate(-16deg)}to{transform:translateX(12%) rotate(-6deg)}}
@media(prefers-reduced-motion:reduce){.nf2-beam{animation:none}}
@media(max-width:820px){
  .nf2-grid{grid-template-columns:1fr;padding-block:28px 48px}
  .nf2-art{order:-1;width:150px;justify-self:start}
  .nf2-poster{font-size:clamp(56px,17vw,80px)}
  .nf2-sub{font-size:16px;margin-top:14px}
}

/* ================= LP fixes (loaded after each LP's inline style + lp-chrome.css) ================= */
.lp-kw{line-height:1.35}
.lp-hero .container{align-items:start}
.lp-hero .container>div:first-child{padding-top:clamp(0px,2vw,24px)}
.lp-hero-bg{opacity:.62}
.lp-hero-scrim{background:rgba(24,20,18,.3)}
/* S3 (final judge): light scrim so the job photo reads; the copy sits on its own solid panel instead. */
.lp-hero .container>div:first-child{background:rgba(22,19,17,.94);border-radius:14px;padding:clamp(20px,3vw,36px);box-shadow:0 18px 40px rgba(0,0,0,.28)}
@media(min-width:641px){.lp-headline{font-size:clamp(44px,5.4vw,80px)!important;line-height:.92!important}}
.xray{aspect-ratio:3/2}
.xray img{object-position:center 45%}
.xray-cap{margin:14px 0 0;font-size:14.5px;line-height:1.5;color:var(--ink-3)}
@media(max-width:700px){.xray{aspect-ratio:4/3}}
.ty2-wait .eyebrow,.ab-chart-sec .eyebrow,.ty2-more{color:var(--red-dark)}