:root{--azure:#1489C4;--brass:#C68A3D;--navy:#0D2438;--sand:#F6EEE1;--ink:#12202B;--muted:rgba(18,32,43,.62);--line:rgba(18,32,43,.14);--pad:clamp(20px,5vw,76px);--serif:Georgia,"Times New Roman",serif;}
.lab-page .site-header{background:linear-gradient(90deg,rgba(13,36,56,.965),rgba(20,68,97,.94),rgba(13,36,56,.965));color:var(--sand);border-bottom-color:rgba(198,138,61,.18);box-shadow:0 10px 34px rgba(5,15,23,.25)}
.lab-page .site-header .wordmark{color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1}
.lab-page .site-header .wordmark::after{content:"LAB.";font-size:.52rem;font-weight:800;letter-spacing:.22em;line-height:1;color:var(--brass)}
.lab-page .primary-nav a{color:rgba(246,238,225,.62)}
.lab-page .primary-nav a:hover,.lab-page .primary-nav a.active{color:#fff}
.lab-page .search-button{color:var(--sand);border-color:rgba(198,138,61,.24);background:rgba(255,255,255,.055)}
.lab-page .search-button:hover{background:rgba(20,137,196,.16)}
.lab-page .search-button kbd{border-color:rgba(198,138,61,.24)}
.lab-page{margin:0;background:var(--sand);overflow-x:hidden}
.lab-experience{color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.lab-experience *{box-sizing:border-box}
.lab-experience img{display:block;width:100%;height:100%;object-fit:cover}
.lab-experience a{color:inherit}
.scene{position:relative;isolation:isolate}
.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.04;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}
.progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:90;background:rgba(18,32,43,.08)}
.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--azure),var(--brass))}
#aura{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.4}
.chapter{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--chapter-color,rgba(18,32,43,.55))}

/* Hero — bright, sun-warmed, not moody like Blue Talisman's dark hero */
.hero{min-height:100svh;background:var(--navy);overflow:hidden}
.hero-image{position:absolute;inset:0;z-index:-2}
.hero-image img{transform:scale(1.05);filter:saturate(1.08) contrast(1.03) brightness(.86)}
.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,36,56,.92) 0%,rgba(13,36,56,.18) 46%,rgba(13,36,56,.5) 100%)}
.hero-title{position:absolute;left:var(--pad);right:var(--pad);bottom:12vh;color:var(--sand)}
.hero-kicker{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:rgba(246,238,225,.82)}
.hero h1{font:italic 500 clamp(52px,10vw,132px)/.94 var(--serif);letter-spacing:-.02em;margin:16px 0 24px;max-width:1050px;color:#fff}
.hero h1 span{display:block}
.hero h1 span:nth-child(2){color:var(--brass);font-style:normal;font-weight:700}
.hero-deck{font:400 clamp(18px,1.8vw,26px)/1.45 Arial,Helvetica,sans-serif;max-width:640px;margin:0;color:rgba(246,238,225,.9);letter-spacing:.01em}
.hero-foot{position:absolute;left:var(--pad);right:var(--pad);bottom:4vh;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(246,238,225,.7)}
.hero-foot-links{display:flex;gap:22px}
.hero-foot-links a{text-decoration:none;border-bottom:1px solid rgba(246,238,225,.5);padding-bottom:3px}
.hero-foot-links .portrait-bridge{color:var(--brass);border-color:var(--brass)}

/* Thesis */
.thesis{padding:clamp(90px,13vw,190px) var(--pad);background:var(--sand)}
.thesis-grid{display:grid;grid-template-columns:.25fr 1.2fr .55fr;gap:clamp(25px,5vw,80px);max-width:1450px;margin:auto}
.thesis-copy h2{font:400 clamp(34px,5.4vw,76px)/1.04 var(--serif);letter-spacing:-.01em;margin:0 0 30px;color:var(--navy)}
.thesis-copy .xl{font-style:italic;font-size:clamp(24px,2.6vw,38px);line-height:1.16;color:var(--azure);font-family:var(--serif)}
.thesis-copy p:not(.xl){font-size:clamp(16px,1.4vw,20px);line-height:1.72;color:var(--muted);max-width:760px}
.fact-stack{align-self:end;border-top:1px solid var(--line)}
.fact-stack div{padding:16px 0;border-bottom:1px solid var(--line)}
.fact-stack b,.fact-stack span{display:block}
.fact-stack b{font-size:10px;letter-spacing:.18em;color:var(--brass)}
.fact-stack span{font:16px/1.4 var(--serif);color:var(--navy);margin-top:6px}

/* Chapter scenes (full-bleed sticky images with copy) */
.chapter-scene{min-height:180vh}
.chapter-visual{position:sticky;top:0;height:100svh;overflow:hidden;z-index:-2}
.chapter-visual.full-bleed img{filter:saturate(1.02) contrast(1.03);transform:scale(1.03)}
.wash{position:absolute;inset:0}
.wash-azure{background:linear-gradient(90deg,rgba(13,36,56,.86) 0%,rgba(13,36,56,.4) 48%,rgba(13,36,56,.2)),radial-gradient(circle at 70% 44%,rgba(20,137,196,.1),rgba(13,36,56,.5) 70%)}
.wash-warm{background:linear-gradient(90deg,rgba(13,36,56,.9) 0%,rgba(60,32,10,.42) 55%,rgba(13,36,56,.25))}
.chapter-copy{position:relative;z-index:2;width:min(680px,88vw);margin-left:var(--pad);padding-top:32vh;padding-bottom:28vh;color:var(--sand);--chapter-color:rgba(246,238,225,.75)}
.chapter-copy.right{margin-left:auto;margin-right:var(--pad)}
.chapter-copy h2{font:400 clamp(48px,8vw,116px)/.92 var(--serif);letter-spacing:-.015em;margin:10px 0 32px;color:#fff}
.chapter-copy .lead{font:italic clamp(22px,2.6vw,36px)/1.28 var(--serif);color:var(--sand)}
.chapter-copy p:not(.chapter):not(.lead){font-size:clamp(16px,1.35vw,20px);line-height:1.72;color:rgba(246,238,225,.85);max-width:640px}
.sense-line{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px;margin-top:36px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(246,238,225,.75)}
.sense-line i{height:2px;background:linear-gradient(90deg,var(--azure),var(--brass))}

/* Interlude */
.interlude{min-height:80svh;display:grid;place-content:center;padding:var(--pad);text-align:center;background:radial-gradient(circle,var(--azure) 0,#0d3d54 40%,var(--navy) 78%)}
.interlude-word{font:italic 400 clamp(48px,9vw,130px)/.9 var(--serif);color:#fff}
.interlude-word.delay{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.7);font-style:normal;font-weight:700}
.interlude p{font:18px/1.6 Arial,Helvetica,sans-serif;color:rgba(246,238,225,.85);margin-top:30px;max-width:600px;margin-left:auto;margin-right:auto}

/* Divided take — the "tea note" controversy, replacing Blue Talisman's paradox orb with a simpler split panel */
.divide{padding:clamp(90px,13vw,180px) var(--pad);background:var(--navy);color:var(--sand);--chapter-color:rgba(246,238,225,.75)}
.divide-head{max-width:1100px;margin:0 auto 60px}
.divide-head h2{font:400 clamp(40px,6vw,86px)/1 var(--serif);margin:10px 0;color:#fff}
.divide-grid{max-width:1300px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(246,238,225,.14)}
.divide-col{padding:clamp(30px,3.4vw,52px);background:var(--navy)}
.divide-col h3{font:400 clamp(26px,2.8vw,40px)/1.1 var(--serif);margin:20px 0 18px;color:#fff}
.divide-col p{font-size:16px;line-height:1.7;color:rgba(246,238,225,.78)}
.divide-tag{font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.divide-col.love .divide-tag{color:#7fd4a8}
.divide-col.mixed .divide-tag{color:var(--brass)}
.divide-verdict{max-width:900px;margin:60px auto 0;text-align:center;font:italic clamp(20px,2.2vw,30px)/1.5 var(--serif);color:var(--sand)}

/* Verdict / score */
.verdict{min-height:100svh;display:grid;position:relative}
.verdict-image{position:sticky;top:0;height:100svh}
.verdict-image img{filter:saturate(1.02) contrast(1.02) brightness(.82)}
.verdict-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,36,56,.94) 0%,rgba(13,36,56,.32) 55%,rgba(13,36,56,.55) 100%)}
.verdict-copy{position:relative;z-index:2;padding:14vh var(--pad);color:var(--sand);max-width:900px;--chapter-color:rgba(246,238,225,.75)}
.verdict-copy h2{font:400 clamp(46px,7.5vw,110px)/.94 var(--serif);margin:10px 0 30px;color:#fff}
.verdict-copy p{font-size:clamp(17px,1.5vw,21px);line-height:1.75;color:rgba(246,238,225,.86);max-width:680px}
.score-block{display:flex;align-items:baseline;gap:16px;margin:38px 0}
.score-block b{font:700 74px/1 var(--serif);color:var(--brass)}
.score-block span{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:rgba(246,238,225,.7)}

/* Pagination between the two LAB reviews */
.lab-pagination{background:var(--navy);padding:clamp(48px,7vw,90px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:24px}
.lab-pagination-single{grid-template-columns:1fr}
.lab-pagination-single a{max-width:520px}
.lab-pagination a{display:block;text-decoration:none;color:var(--sand);padding:26px 30px;border:1px solid rgba(246,238,225,.18);transition:border-color .25s,background .25s}
.lab-pagination a:hover,.lab-pagination a:focus-visible{border-color:var(--brass);background:rgba(198,138,61,.08)}
.lab-pagination .dir{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin-bottom:10px}
.lab-pagination .title{display:block;font:400 clamp(22px,2.4vw,32px)/1.15 var(--serif);color:#fff}
.lab-pagination .next{text-align:right}

/* Reveal-on-scroll */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}

@media(max-width:950px){
  .thesis-grid{grid-template-columns:1fr}
  .fact-stack{margin-top:30px}
  .divide-grid{grid-template-columns:1fr}
  .lab-pagination{grid-template-columns:1fr}
  .lab-pagination .next{text-align:left}
}
@media(max-width:650px){
  .hero-foot>div{display:none}
  .hero-foot-links{width:100%;justify-content:space-between}
  .chapter-copy{width:calc(100% - 32px);margin-left:16px;padding-top:28vh}
  .chapter-copy.right{margin-right:16px}
  .verdict-copy{padding:10vh 20px}
  .score-block b{font-size:56px}
}
@media(prefers-reduced-motion:reduce){
  .lab-experience *{animation:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none;transition:none}
}