/* Coffee Board of India: Website Redesign. Project page in the annygator portfolio style.
   Tokens, masthead and buttons come from style.css (copied from the other projects). */
:root { --cbc:'Chakra Petch',sans-serif; --cbb:'Inter',sans-serif; --cbm:'IBM Plex Sans Condensed', sans-serif; --cb-or:#ff6b00; --cb-lime:#ffb36b;}
.cb-glow { position:fixed; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(circle at 88% 12%,rgba(255,107,0,.14),transparent 36%),radial-gradient(circle at 10% 72%,rgba(255,179,107,.07),transparent 38%); }
main { position:relative; z-index:1; }
body { font-family:var(--cbb); font-size:18px; line-height:1.6; }
h1,h2,h3 { font-family:var(--cbc); font-weight:700; letter-spacing:-.035em; line-height:1; margin:0; }
p, li, dd, figcaption { font-family:var(--cbb); }
.nav-link, .nav-link span, .ek-btn, .ek-btn span { font-family:var(--cbm); font-weight: 400;}
.cb-wrap { width:min(1180px,92%); margin:0 auto; }
.cb-grad { background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; padding-bottom:.08em; display:inline-block; }
.cb-kicker { font-family:var(--cbm); font-size:14px; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); display:block; margin-bottom:16px; font-weight: 400;}
img { max-width:100%; display:block; }
button { cursor:pointer; }

/* reveal */
.cb-rise { opacity:0; transform:translateY(22px); transition:opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1); }
.cb-rise.is-in { opacity:1; transform:none; }

/* hero */
.cb-hero { min-height:100svh; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(24px,4vw,64px); align-items:center; width:min(1280px,94%); margin:0 auto; padding:130px 0 70px; }
.cb-hero h1 { font-size:clamp(44px,5.4vw,80px); line-height:1.02; margin:0 0 22px; }
.cb-hero h1 em { display:block; font-style:normal; font-size:.5em; letter-spacing:-.02em; color:var(--muted); font-weight:600; margin-top:14px; }
.cb-sub { max-width:520px; margin:0 0 30px; color:var(--muted); font-size:clamp(17px,1.5vw,20px); }
.cb-meta { margin:0; display:grid; gap:12px; max-width:560px; border-top:1px solid var(--hair); padding-top:20px; }
.cb-meta div { display:grid; grid-template-columns:110px 1fr; gap:16px; align-items:baseline; }
.cb-meta dt { font-family:var(--cbm); font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); font-weight: 400;}
.cb-meta dd { margin:0; font-size:16px; }
.cb-hero__img { margin:0; filter:drop-shadow(0 40px 60px rgba(0,0,0,.6)); }
.cb-hero__img img { width:100%; height:auto; }

/* before → after numbers */
.cb-shift { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; padding:10px 0 40px; }
.cb-shift__item { border:1px solid rgba(255,107,0,.3); border-radius:18px; padding:22px 20px 20px; background:linear-gradient(145deg,rgba(255,107,0,.09),rgba(13,10,8,.6)); display:grid; gap:2px; }
.cb-shift__from { font-family:var(--cbm); font-size:15px; letter-spacing:.08em; text-transform:uppercase; color:var(--subtle); text-decoration:line-through; text-decoration-color:rgba(255,107,0,.7); font-weight: 400;}
.cb-shift__item i { font-style:normal; color:var(--accent); font-size:22px; line-height:1; margin:4px 0; }
.cb-shift__item b { font-family:var(--cbc); font-size:clamp(34px,3.6vw,52px); line-height:1; letter-spacing:-.03em; background:linear-gradient(90deg,var(--cb-or),#ffb36b); -webkit-background-clip:text; background-clip:text; color:transparent; }
.cb-shift__item p { margin:6px 0 0; color:var(--muted); font-size:15px; }

/* sections */
.cb-sec { padding:clamp(60px,9vw,120px) 0 0; }
.cb-head { max-width:760px; margin-bottom:clamp(28px,4vw,48px); }
.cb-head h2 { font-size:clamp(34px,4.4vw,60px); line-height:1.04; }
.cb-head p { color:var(--muted); margin:18px 0 0; font-size:clamp(17px,1.4vw,20px); max-width:600px; }

/* the problem: annotated screenshot */
.cb-audit { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:clamp(24px,4vw,56px); align-items:start; }
.cb-browser { border:1px solid rgba(255,107,0,.35); border-radius:18px; overflow:hidden; background:#fff; box-shadow:0 30px 80px rgba(0,0,0,.55); }
.cb-browser__bar { display:flex; align-items:center; gap:7px; padding:12px 16px; background:#1c1612; }
.cb-browser__bar i { width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.25); }
.cb-browser__bar span { margin-left:12px; font-family:var(--cbm); font-size:13px; letter-spacing:.06em; color:var(--subtle); font-weight: 400;}
.cb-pinned { position:relative; line-height:0; max-height:760px; overflow:hidden; }
.cb-pinned img { width:100%; height:auto; }
.cb-pin { position:absolute; left:var(--x); top:var(--y); transform:translate(-50%,-50%); border:0; padding:0; background:none; display:flex; align-items:center; gap:10px; color:#fff; }
.cb-pin b { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:var(--cb-or); font:700 14px/1 var(--cbb); box-shadow:0 0 0 5px rgba(255,107,0,.28),0 6px 18px rgba(0,0,0,.5); animation:cb-pulse 2.2s ease-in-out infinite; }
.cb-pin span { position:absolute; left:40px; top:50%; transform:translateY(-50%) translateX(-6px); white-space:nowrap; line-height:1.2; padding:8px 12px; border-radius:8px; background:#0d0a08; border:1px solid rgba(255,107,0,.6); font:500 13px/1.2 var(--cbb); opacity:0; pointer-events:none; transition:opacity .2s, transform .2s; }
.cb-pin:hover span, .cb-pin:focus-visible span { opacity:1; transform:translateY(-50%); }
@keyframes cb-pulse { 0%,100% { box-shadow:0 0 0 5px rgba(255,107,0,.28),0 6px 18px rgba(0,0,0,.5); } 50% { box-shadow:0 0 0 11px rgba(255,107,0,.08),0 6px 18px rgba(0,0,0,.5); } }
.cb-legend { list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.cb-legend li { display:flex; gap:16px; align-items:center; padding:16px 18px; border:1px solid var(--hair); border-radius:14px; background:rgba(255,255,255,.03); font-size:16px; line-height:1.35; }
.cb-legend b { flex:none; width:32px; height:32px; border-radius:50%; display:grid; place-items:center; background:var(--cb-or); color:#fff; font:700 14px/1 var(--cbb); }

/* audit cards */
.cb-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.cb-card { border:1px solid rgba(255,107,0,.3); border-radius:20px; padding:16px 16px 22px; background:linear-gradient(145deg,rgba(255,107,0,.08),rgba(13,10,8,.65)); display:flex; flex-direction:column; gap:16px; }
.cb-card figure { margin:0; border-radius:12px; overflow:hidden; background:#fff; aspect-ratio:16/9; display:grid; place-items:center; }
.cb-card figure img { width:100%; height:100%; object-fit:cover; object-position:left top; }
.cb-card h3 { font-size:22px; padding:0 6px; }
.cb-card ul { list-style:none; margin:0; padding:0 6px; display:grid; gap:10px; }
.cb-card li { position:relative; padding-left:22px; font-size:16px; line-height:1.4; color:var(--muted); }
.cb-card li::before { content:'×'; position:absolute; left:0; top:0; color:var(--cb-or); font-weight:700; }

/* godna */
.cb-godna { display:grid; grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr); gap:clamp(12px,2vw,24px); align-items:center; }
.cb-godna figure { margin:0; border-radius:20px; overflow:hidden; border:1px solid rgba(255,107,0,.35); background:#0d0a08; box-shadow:0 24px 60px rgba(0,0,0,.5); }
.cb-godna figure img { width:100%; height:auto; aspect-ratio:1/1.05; object-fit:cover; }
.cb-godna figcaption { padding:14px 16px 16px; font-family:var(--cbm); font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--subtle); font-weight: 400;}
.cb-godna__mid { display:grid; justify-items:center; gap:12px; text-align:center; font-family:var(--cbm); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); font-weight: 400;}
.cb-godna__mid i { width:100%; height:1px; background:linear-gradient(90deg,transparent,var(--accent),transparent); position:relative; }
.cb-godna__mid i::after { content:''; position:absolute; right:0; top:-4px; width:8px; height:8px; border-top:1px solid var(--accent); border-right:1px solid var(--accent); transform:rotate(45deg); }
.cb-chips { list-style:none; margin:28px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
.cb-chips li { font-family:var(--cbm); font-size:13px; letter-spacing:.08em; text-transform:uppercase; padding:9px 16px; border-radius:999px; border:1px solid rgba(255,107,0,.7); background:rgba(255,107,0,.16); font-weight: 400;}

/* design system */
.cb-system { margin-top:clamp(36px,5vw,64px); display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:20px; }
.cb-system__col { border:1px solid rgba(255,107,0,.3); border-radius:20px; padding:24px; background:linear-gradient(145deg,rgba(255,107,0,.06),rgba(13,10,8,.65)); }
.cb-system__col h3 { font-size:22px; margin-bottom:20px; }
.cb-swatches { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.cb-swatches span { display:block; aspect-ratio:1/1.1; border-radius:14px; background:var(--c); border:1px solid rgba(255,255,255,.18); margin-bottom:10px; }
.cb-swatches b { display:block; font-family:var(--cbm);  font-size:13px; letter-spacing:.04em; font-weight: 400;}
.cb-swatches em { display:block; font-style:normal; font-size:13px; line-height:1.3; color:var(--subtle); margin-top:2px; }
.cb-type { display:grid; grid-template-columns:auto 1fr; gap:6px 20px; align-items:center; }
.cb-type__a, .cb-type__b { margin:0; font-size:64px; line-height:1; color:var(--cb-or); }
.cb-type__a { font-family:'Literata',serif; font-style:italic; font-weight:600; }
.cb-type__b { font-family:var(--cbb); font-weight:800; color:#c8ff00; }
.cb-type__l { margin:0; font-size:15px; line-height:1.4; color:var(--muted); }
.cb-type__l b { color:var(--text); }

/* wireframe → final */
.cb-flow { display:grid; grid-template-columns:minmax(0,.55fr) auto minmax(0,1fr); gap:clamp(12px,2.4vw,32px); align-items:center; }
.cb-flow figure { margin:0; }
.cb-flow figcaption { margin-top:12px; font-family:var(--cbm); font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--subtle); text-align:center; font-weight: 400;}
.cb-flow__wf img { border-radius:14px; border:1px solid var(--hair); background:#fff; width:100%; height:auto; }
.cb-flow__arrow { font-style:normal; font-size:34px; color:var(--accent); }
.cb-scroll { height:min(78vh,680px); overflow-y:auto; border-radius:18px; border:1px solid rgba(255,107,0,.4); background:#0d0a08; box-shadow:0 30px 80px rgba(0,0,0,.55); scrollbar-width:thin; scrollbar-color:#ff6b00 transparent; overscroll-behavior:contain; }
.cb-scroll img { width:100%; height:auto; }

/* decisions */
.cb-dec { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; }
.cb-dec__c { grid-column:span 2; border:1px solid rgba(255,107,0,.3); border-radius:20px; overflow:hidden; background:linear-gradient(145deg,rgba(255,107,0,.08),rgba(13,10,8,.7)); display:flex; flex-direction:column; }
.cb-dec__c--wide { grid-column:span 3; }
.cb-dec__c img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; background:#0d0a08; }
.cb-dec__c--wide img { aspect-ratio:4.8/1; }
.cb-dec__c div { padding:18px 20px 22px; display:grid; gap:6px; margin-top:auto; }
.cb-dec__c b { font-family:var(--cbm);  font-size:14px; letter-spacing:.12em; color:var(--cb-or); font-weight: 400;}
.cb-dec__c h3 { font-size:22px; }
.cb-dec__c p { margin:0; font-size:15px; color:var(--muted); line-height:1.4; }

/* before / after */
.cb-compare { position:relative; width:min(860px,100%); margin:0 auto; aspect-ratio:4/5; border-radius:20px; overflow:hidden; border:1px solid rgba(255,107,0,.4); box-shadow:0 30px 80px rgba(0,0,0,.55); background:#000; user-select:none; }
.cb-compare img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top; }
.cb-compare__before { position:absolute; inset:0; clip-path:inset(0 calc(100% - var(--p)) 0 0); }
.cb-compare__tag { position:absolute; top:16px; z-index:3; font-family:var(--cbm); font-size:13px; letter-spacing:.12em; text-transform:uppercase; padding:7px 14px; border-radius:999px; background:rgba(13,10,8,.8); border:1px solid rgba(255,255,255,.3); font-weight: 400;}
.cb-compare__tag--b { left:16px; } .cb-compare__tag--a { right:16px; border-color:var(--cb-or); color:#ffb36b; }
.cb-compare__handle { position:absolute; top:0; bottom:0; left:var(--p); width:2px; margin-left:-1px; background:#fff; z-index:2; pointer-events:none; box-shadow:0 0 14px rgba(0,0,0,.6); }
.cb-compare__handle i { position:absolute; top:50%; left:50%; width:48px; height:48px; margin:-24px; border-radius:50%; background:#fff; box-shadow:0 6px 24px rgba(0,0,0,.5); }
.cb-compare__handle i::before, .cb-compare__handle i::after { content:''; position:absolute; top:50%; width:8px; height:8px; margin-top:-4px; border-top:2px solid #1c1612; border-left:2px solid #1c1612; }
.cb-compare__handle i::before { left:14px; transform:rotate(-45deg); } .cb-compare__handle i::after { right:14px; transform:rotate(135deg); }
.cb-compare__range { position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:ew-resize; z-index:4; -webkit-appearance:none; appearance:none; }

/* outcome */
.cb-out { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.cb-out__c { border:1px solid rgba(255,107,0,.3); border-radius:20px; padding:26px; background:linear-gradient(145deg,rgba(255,107,0,.08),rgba(13,10,8,.65)); }
.cb-out__c--next { border-color:rgba(255,107,0,.55); background:linear-gradient(145deg,rgba(255,107,0,.14),rgba(13,10,8,.7)); }
.cb-out__c h3 { font-size:24px; margin-bottom:18px; }
.cb-out__c ul { list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.cb-out__c li { position:relative; padding-left:22px; font-size:16px; line-height:1.4; color:var(--muted); }
.cb-out__c li::before { content:'✓'; position:absolute; left:0; color:var(--cb-lime); font-weight:700; }
.cb-out__c--next li::before { content:'→'; color:var(--cb-or); }

/* footer */
.cb-foot { display:flex; flex-wrap:wrap; gap:18px 32px; justify-content:space-between; align-items:center; margin-top:clamp(60px,9vw,120px); padding:46px 0 60px; border-top:1px solid var(--hair); }
.cb-foot p { margin:0; font-size:15px; color:var(--subtle); flex:1 1 320px; min-width:0; }
.cb-foot a { flex:none; white-space:nowrap; font-family:var(--cbm); font-size:14px; letter-spacing:.1em; text-transform:uppercase; color:var(--accent-soft); font-weight: 400;}
.cb-foot a:hover { color:#fff; }

/* responsive */
@media (max-width:1000px) {
  .cb-hero { grid-template-columns:1fr; padding-top:120px; min-height:0; }
  .cb-shift { grid-template-columns:repeat(2,1fr); }
  .cb-audit { grid-template-columns:1fr; }
  .cb-cards { grid-template-columns:1fr; }
  .cb-godna { grid-template-columns:1fr; }
  .cb-godna__mid { grid-auto-flow:column; justify-content:center; }
  .cb-godna__mid i { width:60px; }
  .cb-system { grid-template-columns:1fr; }
  .cb-flow { grid-template-columns:1fr; }
  .cb-flow__arrow { transform:rotate(90deg); justify-self:center; }
  .cb-flow__wf { max-width:420px; justify-self:center; }
  .cb-dec { grid-template-columns:1fr 1fr; }
  .cb-dec__c, .cb-dec__c--wide, .cb-dec__c:nth-child(3) { grid-column:span 1; }
  .cb-dec__c--wide { grid-column:span 2; }
  .cb-out { grid-template-columns:1fr; }
}
@media (max-width:700px) {
  body { font-size:17px; }
  .cb-hero { padding-top:110px; }
  .cb-meta div { grid-template-columns:90px 1fr; }
  .cb-shift { gap:10px; }
  .cb-shift__item { padding:16px 14px; }
  .cb-swatches { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .cb-dec { grid-template-columns:1fr; }
  .cb-dec__c, .cb-dec__c--wide, .cb-dec__c:nth-child(3) { grid-column:span 1; }
  .cb-pin span { display:none; }
  .cb-compare { aspect-ratio:4/5.4; }
}
@media (prefers-reduced-motion:reduce) { .cb-rise { opacity:1; transform:none; transition:none; } .cb-pin b { animation:none; } }

/* landing-page motion restored inside the scroll frame */
.cb-page{position:relative;container-type:inline-size}
.cb-tick{position:absolute;left:5.5556%;right:0;top:19.4517%;height:1.3349%;background:#f17315;overflow:hidden;display:flex;align-items:center}
.cb-tick__track{display:flex;white-space:nowrap;font:700 .9028cqw/1 Inter,sans-serif;color:#0f0a0a;letter-spacing:0;animation:cb-tick 38s linear infinite;will-change:transform;padding-left:1.4cqw}
.cb-tick__track span{flex:none}
@keyframes cb-tick{to{transform:translateX(-50%)}}
.cb-num{position:absolute;top:37.3%;height:1.85%;background:#0f0b0a;display:flex;align-items:center;overflow:hidden}
.cb-num b{font:800 4.444cqw/1 Inter,sans-serif;color:#f6f2ea;white-space:nowrap;letter-spacing:-.01em}
.cb-num--1{left:4.1%;width:27%}.cb-num--2{left:32.4%;width:25%}
.cb-num--3{left:59.5%;width:16%}.cb-num--3 b{color:#ff6b00}
.cb-num--4{left:76.3%;width:22%}
@media (prefers-reduced-motion:reduce){.cb-tick__track{animation:none}}

/* state-map carousel (window x757-1292, y872-1489 of the 1440x4195 page) */
.cb-car{position:absolute;left:52.5694%;top:20.7866%;width:37.1528%;height:14.7080%;overflow:hidden}
.cb-st{position:absolute;opacity:0;transform:translateX(14%);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.cb-st.is-on{opacity:1;transform:none}
.cb-st.is-out{opacity:0;transform:translateX(-14%)}

/* hero video (frame y72-816 of the 1440 page) */
.cb-fh{--u:calc(100cqw/1440);position:absolute;left:0;right:0;top:1.7163%;height:17.7354%;overflow:hidden;background:#0d0a08;color:#f6f2ea}
.cb-fh__vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cb-fh__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,7,5,.88) 0%,rgba(9,7,5,.62) 42%,rgba(9,7,5,.12) 66%,transparent 80%),rgba(9,7,5,.22)}
.cb-fh > *:not(video):not(.cb-fh__shade){position:absolute;margin:0}
.cb-fh__crumb{left:0;top:0;width:calc(var(--u)*154);height:calc(var(--u)*36);background:#1c1612;font:500 calc(var(--u)*13)/calc(var(--u)*36) Inter,sans-serif;padding-left:calc(var(--u)*60)}
.cb-fh__eyebrow{left:calc(var(--u)*76);top:calc(var(--u)*104);font:700 calc(var(--u)*12)/1 Inter,sans-serif;letter-spacing:.04em;color:#ff6b00}
.cb-fh__h{left:calc(var(--u)*62);top:calc(var(--u)*140);font:300 calc(var(--u)*100)/calc(var(--u)*108) Fraunces,Literata,serif;letter-spacing:-.01em;color:#f6f2ea;font-variation-settings:"opsz" 144}
.cb-fh__h i{font-style:italic}
.cb-fh__p{left:calc(var(--u)*60);top:calc(var(--u)*491);width:calc(var(--u)*570);font:400 calc(var(--u)*18)/calc(var(--u)*21) Inter,sans-serif;color:#f1ece4}
.cb-fh__b{top:calc(var(--u)*594);height:calc(var(--u)*52);display:flex;align-items:center;justify-content:center;border-radius:calc(var(--u)*8);font:700 calc(var(--u)*16)/1 Inter,sans-serif}
.cb-fh__b--1{left:calc(var(--u)*60);width:calc(var(--u)*220);background:#ff6b00;color:#1a0f08}
.cb-fh__b--2{left:calc(var(--u)*300);width:calc(var(--u)*180);background:rgba(30,22,18,.92);border:1px solid #5a4d44;color:#f6f2ea}

/* hover glow on the three "What we do" cards */
.cb-hz{--u:calc(100cqw/1440);--g:255,179,107;position:absolute;top:47.8665%;height:5.6972%;width:27.7083%;border-radius:calc(var(--u)*14);cursor:pointer;transition:box-shadow .35s ease,background .35s ease}
.cb-hz--1{left:4.1667%}.cb-hz--2{left:34.7222%;--g:255,107,0}.cb-hz--3{left:65.2778%;--g:214,200,186}
.cb-hz:hover{box-shadow:0 0 0 1px rgba(var(--g),.7),0 0 calc(var(--u)*34) rgba(var(--g),.38),0 calc(var(--u)*10) calc(var(--u)*50) rgba(var(--g),.22);background:linear-gradient(180deg,rgba(var(--g),.09),transparent 55%)}
@media (prefers-reduced-motion:reduce){.cb-hz{transition:none}}

.cb-top-btn{justify-self:end;height:50px;min-width:228px}
@media (max-width:900px){.cb-top-btn{display:none}}
/* phone masthead: wordmark on top, nav underneath (same as the other pages) */
@media (max-width:700px){
  .masthead{top:10px;grid-template-columns:1fr;gap:0;padding:10px 4% 4px;justify-items:center}
  .wordmark{font-size:25px;justify-self:center}
  .main-nav{gap:26px}
  .nav-link{font-size:16px;letter-spacing:.065em;min-height:44px;padding:8px 0}
  .cb-hero{padding-top:170px}
}

/* Course / Subject / Year block removed from the hero (markup kept in index.html) */
.cb-meta{display:none!important}

/* scroll frames hand the scroll back to the page once they hit the top/bottom */
.cb-scroll{overscroll-behavior:auto!important}

/* 6 Oct: tighter vertical space around the before→after number cards (desktop only) */
@media (min-width:1101px) {
  .cb-hero { min-height:0; padding-bottom:24px; }
  .cb-shift { padding:0 0 12px; }
  #problem.cb-sec { padding-top:56px; }
}

/* 6 Oct: click the final landing frame -> full desktop view overlay */
.cb-scroll { cursor: zoom-in; }
.cb-full { position: fixed; inset: 0; z-index: 200; background: rgba(13, 10, 8, .97); display: flex; flex-direction: column; }
.cb-full[hidden] { display: none; }
.cb-full__bar { flex: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px clamp(14px, 2.5vw, 32px); border-bottom: 1px solid rgba(255, 107, 0, .3); font-family: var(--cbm, 'IBM Plex Sans Condensed', sans-serif); font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: rgba(245, 241, 249, .65); font-weight: 400;}
.cb-full__x { cursor: pointer; font: inherit; letter-spacing: .12em; text-transform: uppercase; color: #f5f0e8; background: rgba(255, 107, 0, .14); border: 1px solid rgba(255, 107, 0, .55); border-radius: 8px; padding: 8px 14px; }
.cb-full__x:hover, .cb-full__x:focus-visible { background: rgba(255, 107, 0, .3); outline: none; }
.cb-full__scroll { flex: 1; min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #ff6b00 transparent; }
.cb-full__wrap { width: min(100%, 1600px); margin: 0 auto; }
.cb-full__wrap .cb-page img:first-child { width: 100%; height: auto; display: block; }
.cb-full-open { overflow: hidden; }

/* section labels (01 / The problem ... 07 / Outcome) removed; markup kept */
.cb-sec .cb-kicker{display:none}

/* 'See the redesign' button in the header removed (markup kept) */
.cb-top-btn{display:none!important}