/* Executive Briefing (/executive-briefing): The Caged King Executive Briefing. Page rules layered on home.css; the homepage design system is unchanged. */
:root{--stone:#e5e1d8;--line-stone:#c9c2b3}
h1,h2,h3,h4{text-wrap:balance}
p,li{text-wrap:pretty}

/* Tap targets: nav and footer links reach 44px without changing their look */
@media(min-width:981px){
  .nav-links a{display:inline-block;padding:12px 0}
  .nav-links a.nav-cta{padding:12px 16px}
}
.foot-links a{display:inline-flex;align-items:center;min-height:44px}
.text-link--host{display:inline-flex;align-items:center;min-height:44px;padding:0;border-bottom:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;color:var(--copper-deep)}
.text-link--host:hover{color:#6a3f15}
.inline-link{color:var(--copper-deep);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.inline-link:hover{color:#6a3f15}
.light--stone{background:var(--stone)}

/* Registration panel (dark variant of the homepage briefing form; markup and script behavior are the shared ones) */
.bf-panel{background:#101214;border:1px solid #3a3025;padding:40px 40px 34px;box-shadow:0 40px 80px -44px rgba(0,0,0,.85);position:relative;z-index:1}
.bf-panel__label{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--copper2);margin-bottom:10px}
.bf-session{font-family:"Newsreader",Georgia,serif;font-size:clamp(1.2rem,1.7vw,1.4rem);line-height:1.2;color:var(--bone);margin-bottom:6px;text-wrap:balance}
.bf-panel .micro{color:#a9a49c}
.bf-panel .brief-form{grid-template-columns:1fr;margin-top:26px;max-width:none}
.bf-panel .brief-form label{color:var(--copper2)}
.bf-panel .brief-form .bf-field--name{grid-row:1}
.bf-panel .brief-form .bf-field--email{grid-row:2}
.bf-panel .brief-form .bf-actions{grid-column:1;grid-row:3}
.bf-panel .brief-form .ab-turnstile{grid-column:1;grid-row:4}
.bf-panel .brief-form .bf-submit{width:100%;min-height:56px;padding:0 24px;letter-spacing:.04em;font-size:.95rem}
.bf-panel .brief-form input[aria-invalid="true"]{border-color:#e58a76;box-shadow:inset 0 0 0 1px #e58a76}
.bf-panel .brief-form input:focus-visible{outline-color:var(--copper2)}
.bf-panel .bf-err,.bf-panel .bf-status.err{color:#f2a596}
.bf-panel .bf-status{color:#d7d1c6;max-width:none}
.bf-panel .bf-confirm{margin-top:26px;max-width:none;padding:24px 26px;background:transparent;border-color:var(--copper)}
.bf-panel .bf-confirm h3{color:var(--bone)}
.bf-panel .bf-confirm p{color:#d7d1c6}
.bf-panel .bf-confirm .bf-confirm-session{color:var(--copper2)}
.bf-panel .brief-safe{color:#a9a49c;margin-top:20px;font-size:.92rem}

/* 1 Hero */
.hero-b{padding:152px 0 112px;overflow:hidden;background:radial-gradient(ellipse 55% 70% at 88% 8%,rgba(201,139,77,.13),transparent 62%),var(--ink)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:76px;align-items:center}
.hero-b .eyebrow{margin-bottom:24px}
.product-name{font-family:"DM Sans",system-ui,sans-serif;font-style:normal;font-weight:600;font-size:1rem;letter-spacing:.02em;line-height:1.3;color:var(--copper2);margin-bottom:6px}
.product-sub{font-size:1rem;line-height:1.5;color:#bdb8af;margin:0 0 30px;max-width:34em}
.hero-b h1{font-size:clamp(2.5rem,4.6vw,4.5rem);margin-bottom:22px;max-width:13em}
.hero-b h1 .keep{white-space:nowrap}
.hero-b .lead,.hero-b .body{font-size:1.125rem;line-height:1.55;font-weight:400;color:#cfcac1;max-width:600px}
.hero-b .lead{color:var(--bone);margin-bottom:14px}
.hero-b .lead+.body{margin-bottom:0}
.hero-b .body+.body{margin-top:30px}

/* 2 Problem */
#problem.sec{padding:88px 0 84px}
.prob-head{max-width:760px;margin-bottom:44px}
.prob-head .h-lg{color:#0f0d0a;margin-bottom:22px}
.prob-head .lead{max-width:640px}
.prob-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;border-top:1px solid var(--copper-deep)}
.prob-col{padding:28px 0 4px}
.prob-col h3{font-size:clamp(1.3rem,1.8vw,1.6rem);color:#0f0d0a;margin-bottom:10px}
.prob-col p{color:#4a4339;max-width:30em}
.prob-close{margin-top:36px;padding-top:26px;border-top:1px solid var(--line-light);max-width:46em;color:#3a342b;font-size:1.08rem}


/* 4 Examine */
.exam{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:84px;align-items:start}
.exam-head{position:sticky;top:120px}
.exam-head .h-lg{color:#0f0d0a;font-size:clamp(2.2rem,3.7vw,3.4rem)}
.exam-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--copper-deep)}
.exam-list li{position:relative;padding:34px 0 36px 42px;border-bottom:1px solid var(--line-light);font-family:"Newsreader",Georgia,serif;font-size:clamp(1.35rem,1.9vw,1.7rem);line-height:1.3;color:#1a1713;letter-spacing:-.01em}
.exam-list li::before{content:"";position:absolute;left:4px;top:49px;width:8px;height:8px;transform:rotate(45deg);background:var(--copper-deep)}

/* 5 Take away (soft stone) */
.take{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:84px;align-items:start}
.take-head .h-lg{color:#0f0d0a;margin-bottom:30px}

/* 6 Who (dark): list, participation note and registration card */
.who{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:center}
.who-copy .h-lg{margin-bottom:38px}
.who-list{list-style:none;margin:0 0 36px;padding:0}
.who-list li{position:relative;padding:15px 0 15px 32px;color:#d7d1c6;border-bottom:1px solid #26282a}
.who-list li:first-child{border-top:1px solid #26282a}
.who-list li::before{content:"";position:absolute;left:3px;top:27px;width:7px;height:7px;transform:rotate(45deg);background:var(--copper)}

/* 7 Host */
.about .h-lg{color:#0f0d0a}
.light .about-points li{color:#3a342b}
.light .about-points li::before{background:var(--copper-deep)}
.light .about-photo::after{border-color:var(--copper-deep)}

/* 8 Final registration (dark) with the choice-opening line art */
.final{overflow:hidden}
.open-svg{position:absolute;left:0;right:0;bottom:36px;width:100%;height:240px;display:block;opacity:.55;pointer-events:none}
.final .wrap{position:relative;z-index:1}
.final-copy .h-lg{font-size:clamp(2.2rem,3.9vw,3.7rem);margin-bottom:32px}

/* Tablet and phone */
@media(max-width:980px){
  .hero-b{padding:124px 0 84px}
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:48px}
  .hero-b h1{font-size:clamp(2.4rem,7vw,3.6rem)}
  #problem.sec{padding:64px 0 60px}
  .prob-head{margin-bottom:32px}
  .prob-cols{gap:0 28px}
  .exam,.take,.who{grid-template-columns:minmax(0,1fr);gap:44px}
  .exam-head{position:static}
  .who{gap:56px}
  .about{gap:48px}
}
@media(max-width:560px){
  .bf-panel{padding:30px 22px 26px}
  .exam-list li{padding:26px 0 28px 34px}
  .exam-list li::before{top:41px}
  .btn{text-align:center;padding:14px 20px;line-height:1.35}
  .bf-panel .brief-form .bf-submit{padding:0 16px}
  .open-svg{height:180px}
}

/* registration-first briefing copy (2026-10-21) */
.brief-desc{max-width:760px}
.brief-desc p{font-size:1.15rem;line-height:1.65;color:#3a342b;margin:0 0 1.1em}
.brief-desc p:last-child{margin-bottom:0}
.exam-list li strong{display:block;font-weight:500}
.exam-list li .exam-more{display:block;margin-top:10px;font-family:'DM Sans',system-ui,sans-serif;font-size:1rem;line-height:1.55;color:#4a4339}
@media(max-width:720px){
  .prob-cols{grid-template-columns:minmax(0,1fr);gap:0}
  .prob-col{padding:24px 0 26px;border-bottom:1px solid var(--line-light)}
  .prob-close{margin-top:28px;padding-top:0;border-top:0}
}

/* 2026-10-22 /briefing pass: pattern loop, take-away list, registration card, final invitation */
.loop-head{max-width:760px;margin-bottom:56px}
.loop-head .h-lg{margin-bottom:26px}
.loop-head .body+.body{margin-top:18px}
.loop{--g:56px;--rg:104px;position:relative}
.loop-steps{--arrow-h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 14'%3E%3Cline x1='0' y1='7' x2='49' y2='7' stroke='%23c98b4d' stroke-width='1.5'/%3E%3Cpath d='M42 1.5 55 7 42 12.5' fill='none' stroke='%23c98b4d' stroke-width='1.5'/%3E%3C/svg%3E");--arrow-v:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 14'%3E%3Cline x1='0' y1='7' x2='97' y2='7' stroke='%23c98b4d' stroke-width='1.5'/%3E%3Cpath d='M90 1.5 103 7 90 12.5' fill='none' stroke='%23c98b4d' stroke-width='1.5'/%3E%3C/svg%3E");list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;column-gap:var(--g);row-gap:var(--rg);position:relative}
.loop-steps li{position:relative;border:1px solid #4a3c2c;background:#121212;padding:26px 24px 28px}
.loop-steps li::before{content:"";position:absolute;left:-4px;top:-4px;width:7px;height:7px;transform:rotate(45deg);background:var(--copper)}
.loop-steps li:nth-child(4){grid-column:3;grid-row:2}
.loop-steps li:nth-child(5){grid-column:2;grid-row:2}
.loop-steps li:nth-child(6){grid-column:1;grid-row:2}
.loop-steps li::after{content:"";position:absolute;height:14px;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}
.loop-steps li:nth-child(1)::after,.loop-steps li:nth-child(2)::after{width:var(--g);background-image:var(--arrow-h);left:100%;top:50%;transform:translateY(-50%)}
.loop-steps li:nth-child(4)::after,.loop-steps li:nth-child(5)::after{width:var(--g);background-image:var(--arrow-h);right:100%;top:50%;transform:translateY(-50%) rotate(180deg)}
.loop-steps li:nth-child(3)::after{width:var(--rg);background-image:var(--arrow-v);left:50%;top:calc(100% + var(--rg)/2);transform:translate(-50%,-50%) rotate(90deg)}
.loop-steps li:nth-child(6)::after{width:var(--rg);background-image:var(--arrow-v);left:50%;bottom:calc(100% + var(--rg)/2);transform:translate(-50%,50%) rotate(-90deg)}
.loop-n{display:block;font-family:"Newsreader",Georgia,serif;font-size:2rem;line-height:1;color:var(--copper2);margin-bottom:14px;letter-spacing:-.02em}
.loop-steps p{font-size:1.12rem;line-height:1.4;color:var(--bone);margin:0}
.loop-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc((100% - 2*var(--g))/3);margin:0;text-align:center;font-family:"Newsreader",Georgia,serif;font-style:italic;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.3;color:var(--copper2)}
.loop-close{margin-top:64px;padding-top:38px;border-top:1px solid #3a3733;max-width:44em}
.loop-close p{font-family:"Newsreader",Georgia,serif;font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.35;color:var(--bone);margin:0}
.loop-close p+p{margin-top:16px;font-style:italic;color:var(--copper2)}
@media(max-width:899px){
  .loop{--g:30px}
  .loop-head{margin-bottom:40px}
  .loop-steps{--arrow-s:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 14'%3E%3Cline x1='0' y1='7' x2='23' y2='7' stroke='%23c98b4d' stroke-width='1.5'/%3E%3Cpath d='M17 1.5 29 7 17 12.5' fill='none' stroke='%23c98b4d' stroke-width='1.5'/%3E%3C/svg%3E");grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;max-width:560px;padding-right:34px;row-gap:var(--g)}
  .loop-steps li:nth-child(n){grid-column:1;grid-row:auto}
  .loop-steps li:nth-child(-n+5)::after{left:50%;right:auto;top:calc(100% + var(--g)/2);bottom:auto;width:var(--g);background-image:var(--arrow-s);transform:translate(-50%,-50%) rotate(90deg)}
  .loop-steps li:nth-child(6)::after{display:none}
  .loop-steps::before{content:"";position:absolute;right:0;top:30px;bottom:30px;width:34px;border:1.5px solid var(--copper);border-left:0;border-radius:0 14px 14px 0;pointer-events:none}
  .loop-steps::after{content:"";position:absolute;right:25px;top:24px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:9px solid var(--copper);pointer-events:none}
  .loop-center{position:static;transform:none;width:auto;max-width:560px;margin-top:26px;text-align:left}
  .loop-close{margin-top:44px;padding-top:30px}
}
.take-points{list-style:none;margin:0;padding:0}
.take-points li{position:relative;padding:26px 0 28px 38px;border-top:1px solid var(--line-stone)}
.take-points li::before{content:"";position:absolute;left:3px;top:41px;width:7px;height:7px;transform:rotate(45deg);background:var(--copper-deep)}
.take-points strong{display:block;font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:clamp(1.3rem,1.8vw,1.5rem);line-height:1.3;color:#1a1713}
.take-more{display:block;margin-top:8px;font-size:1rem;line-height:1.55;color:#4a4339;max-width:36em}
.take-action{margin-top:8px;padding-top:34px;border-top:1px solid var(--copper-deep)}
.take-next{margin-top:18px;color:#3a342b;font-size:1.02rem;max-width:34em}
.who{align-items:start}
.who-engage{margin-top:38px;max-width:34em}
.who-engage h3{font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:clamp(1.4rem,2vw,1.7rem);line-height:1.2;color:var(--bone);margin-bottom:10px}
.who-engage p{color:#bdb8af;font-size:1.02rem}
.bf-card-h{font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:clamp(1.5rem,2.2vw,1.9rem);line-height:1.2;color:var(--bone);margin-bottom:22px;text-wrap:balance}
#register-card{scroll-margin-top:96px}
.final-copy{max-width:760px}
.final-copy .btn{margin-top:34px}
@media(max-width:560px){.final-copy .btn{width:100%}}

/* 2026-10-23 copy and typography pass: compact agenda, take-away list and exam intro */
.exam-head .lead{margin-top:22px;max-width:30em}
.exam-list li{padding:24px 0 26px 38px}
.exam-list li::before{top:38px}
.exam-list li strong{font-size:clamp(1.25rem,1.7vw,1.5rem);line-height:1.3}
.exam-list li .exam-more{margin-top:6px;font-size:1rem}
.take-points li{padding:22px 0 24px 38px}
.take-points li::before{top:36px}
.take-head .lead{max-width:30em}
@media(max-width:560px){
  .exam-list li{padding:20px 0 22px 32px}
  .exam-list li::before{top:33px}
  .take-points li{padding:20px 0 22px 32px}
  .take-points li::before{top:32px}
}
