@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,600&display=swap');
:root{
  --paper:#f4e8cf;
  --paper-light:#fff9ea;
  --ink:#111;
  --orange:#eb7a3e;
  --orange-dark:#e04a3a;
  --teal:#2ca7a0;
  --blue:#4a6fa5;
  --navy:#1e2d4d;
  --plum:#6c2d5a;
  --mustard:#d4a720;
  --rule:2px solid var(--ink);
  --shadow:5px 5px 0 var(--ink);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:radial-gradient(circle at 25% 15%,rgba(17,17,17,.035) 0 1px,transparent 1.5px) 0 0/11px 11px,var(--paper);
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:17px;
  line-height:1.55;
}
p{text-align:justify;text-justify:inter-word;hyphens:none;-webkit-hyphens:none}
a{color:inherit}
.skip-link{position:absolute;left:1rem;top:-5rem;z-index:100;background:var(--ink);color:#fff;padding:.7rem 1rem}
.skip-link:focus{top:1rem}
.ticker{border-bottom:var(--rule);background:var(--mustard);padding:.48rem 1rem;text-align:center;font-family:"Arial Narrow",Arial,sans-serif;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.site-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.5rem;max-width:1440px;margin:0 auto;padding:1rem clamp(1rem,3vw,2.75rem);border-bottom:var(--rule)}
.brand{text-decoration:none;font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.25rem,2.2vw,2rem);font-weight:800;line-height:1;letter-spacing:-.015em}
.brand small{display:block;margin-top:.35rem;font-family:"Arial Narrow",Arial,sans-serif;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}
.site-nav{display:flex;align-items:center;gap:clamp(.7rem,2vw,1.6rem)}
.site-nav a{font-family:"Arial Narrow",Arial,sans-serif;font-size:.82rem;font-weight:900;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current="page"]{text-decoration:underline 3px var(--orange);text-underline-offset:5px}
.site-nav .nav-cta{border:var(--rule);padding:.55rem .85rem;background:var(--orange);box-shadow:3px 3px 0 var(--ink);text-decoration:none}
.page-hero{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);border-bottom:var(--rule)}
.page-hero-main{padding:clamp(3.5rem,8vw,7.5rem) clamp(1rem,5vw,5rem)}
.kicker{display:block;margin-bottom:.75rem;font-family:"Arial Narrow",Arial,sans-serif;font-size:.75rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;font-weight:700;letter-spacing:-.02em}
h1{max-width:900px;margin-bottom:1.5rem;font-size:clamp(2.8rem,6vw,5.4rem);line-height:.96}
.page-hero p{max-width:720px;margin-bottom:0;font-family:Georgia,serif;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.3}
.page-note{display:flex;flex-direction:column;justify-content:space-between;min-height:360px;padding:clamp(2rem,5vw,4rem);border-left:var(--rule);background:var(--teal)}
.page-note.orange{background:var(--orange)}
.page-note.blue{background:var(--blue);color:var(--paper-light)}
.page-note.plum{background:var(--plum);color:var(--paper-light)}
.page-note strong{display:block;font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.8rem,3.4vw,3.5rem);font-weight:700;line-height:1;letter-spacing:-.02em}
.page-note p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5}
.study-desk-art{position:relative;display:block;min-height:560px;padding:0;overflow:hidden;background:var(--ink)}
.study-desk-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.section{max-width:1440px;margin:0 auto;padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,4rem);border-bottom:var(--rule)}
.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);align-items:end;gap:2rem;margin-bottom:2.5rem}
h2{margin-bottom:0;font-size:clamp(2.2rem,4vw,4.2rem);line-height:1}
.section-heading p{margin-bottom:0;font-family:Georgia,serif;font-size:1.18rem;line-height:1.4}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{display:flex;min-height:250px;flex-direction:column;justify-content:space-between;border:var(--rule);padding:1.45rem;background:var(--paper-light);box-shadow:var(--shadow);text-decoration:none}
.card:nth-child(3n+2){background:#ffd8bf}
.card:nth-child(3n+3){background:#cde9e4}
.card:hover,.card:focus-visible{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}
.card-label{font-family:"Arial Narrow",Arial,sans-serif;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.card h3{margin:.9rem 0;font-size:clamp(1.6rem,2.4vw,2.5rem);line-height:1}
.card p{margin-bottom:1rem}
.card-link{font-family:"Arial Narrow",Arial,sans-serif;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.study-card{gap:1.1rem}
.study-card-count{margin-top:auto;padding-top:1rem;border-top:1px solid currentColor;font-family:"Arial Narrow",Arial,sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.study-card-count strong{font-family:"Playfair Display",Georgia,serif;font-size:1.55rem;font-weight:700;letter-spacing:-.02em}
.study-card-track{height:7px;margin-top:.55rem;border:1px solid currentColor;background:rgba(255,255,255,.35)}
.study-card-track span{display:block;height:100%;background:var(--teal);transition:width .35s ease}
.study-card .card-link{align-self:flex-start;border:2px solid var(--ink);padding:.65rem .85rem;background:var(--ink);color:var(--paper-light);box-shadow:3px 3px 0 var(--orange);transition:transform .15s ease,box-shadow .15s ease}
.study-card:hover .card-link,.study-card:focus-visible .card-link{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--orange)}
.list{border-top:var(--rule)}
.list-row{display:grid;grid-template-columns:80px minmax(0,.8fr) minmax(260px,1.2fr) auto;gap:1.5rem;align-items:start;padding:1.5rem 0;border-bottom:var(--rule);text-decoration:none}
.list-row strong{font-family:"Playfair Display",Georgia,serif;font-size:1.35rem;font-weight:700;line-height:1.1}
.list-row p{margin-bottom:0}
.list-row:hover strong{color:var(--orange-dark)}
.button{display:inline-block;border:var(--rule);padding:.8rem 1rem;background:var(--ink);color:var(--paper-light);box-shadow:4px 4px 0 var(--orange);font-family:"Arial Narrow",Arial,sans-serif;font-size:.85rem;font-weight:900;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.button:hover,.button:focus-visible{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--orange)}
.prose{max-width:820px;font-family:Georgia,serif;font-size:1.16rem;line-height:1.7}
.prose p{margin-bottom:1.25rem}
.callout{margin-top:2rem;border:var(--rule);padding:1.5rem;background:var(--mustard);box-shadow:var(--shadow);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem}
.study-intro{border-bottom:var(--rule)}
.study-intro-inner,.study-shell{max-width:1160px;margin:0 auto;padding-right:clamp(1rem,4vw,2.5rem);padding-left:clamp(1rem,4vw,2.5rem)}
.study-crumb{padding:1rem 0;border-bottom:1px solid rgba(17,17,17,.3);font-family:"Arial Narrow",Arial,sans-serif;font-size:.74rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.study-intro-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(2rem,6vw,5rem);align-items:center;padding:clamp(2.75rem,6vw,5rem) 0}
.study-intro h1{max-width:760px;margin-bottom:1.4rem;font-size:clamp(2.7rem,4.8vw,4.7rem);line-height:.98}
.study-intro-copy>p{max-width:720px;margin-bottom:0;font-family:Georgia,serif;font-size:1.1rem;line-height:1.65}
.study-progress{max-width:560px;margin:2rem 0 1.6rem;border:var(--rule);padding:1rem;background:var(--paper-light)}
.study-progress-top{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.65rem;font-family:"Arial Narrow",Arial,sans-serif;font-size:.7rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.study-progress-track{height:9px;border:1px solid var(--ink);background:var(--paper)}
.study-progress-track span{display:block;height:100%;background:var(--teal)}
.study-free{display:block;margin-top:1rem;font-family:"Arial Narrow",Arial,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.study-summary{border:var(--rule);padding:clamp(1.5rem,3vw,2.4rem);background:var(--orange);box-shadow:var(--shadow)}
.study-summary.orange{background:var(--orange)}
.study-summary.plum{background:var(--plum);color:var(--paper-light)}
.study-summary.blue{background:var(--blue);color:var(--paper-light)}
.study-summary.teal{background:var(--teal)}
.study-summary.mustard{background:var(--mustard)}
.study-summary>strong{display:block;margin:1.15rem 0 2.4rem;font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.6rem,2.6vw,2.6rem);font-weight:700;line-height:1.05;letter-spacing:-.02em}
.study-summary dl{margin:0}
.study-summary dl div{padding:1rem 0;border-top:1px solid currentColor}
.study-summary dt{font-family:"Arial Narrow",Arial,sans-serif;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.study-summary dd{margin:.3rem 0 0;font-family:Georgia,serif;font-size:.95rem;line-height:1.45}
.study-section{border-bottom:var(--rule);padding:clamp(3.5rem,7vw,6rem) 0}
.study-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:2.5rem;align-items:end;margin-bottom:2.5rem}
.study-section-heading h2,.honest-grid h2,.study-final h2{font-size:clamp(2.15rem,3.8vw,3.8rem)}
.study-section-heading>p{margin-bottom:0;font-family:Georgia,serif;font-size:1.08rem;line-height:1.5}
.method-grid,.phase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:var(--rule);border-bottom:var(--rule)}
.method-card,.phase-card{min-height:240px;padding:1.6rem;border-right:var(--rule)}
.method-card:first-child,.phase-card:first-child{padding-left:0}
.method-card:last-child,.phase-card:last-child{border-right:0;padding-right:0}
.method-number,.phase-label{display:block;font-family:"Arial Narrow",Arial,sans-serif;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.method-card h3,.phase-card h3{margin:2rem 0 .8rem;font-size:clamp(1.55rem,2.4vw,2.25rem);line-height:1}
.method-card p,.phase-card p{margin-bottom:0;line-height:1.6}
.method-label{display:block;margin-top:1.35rem;padding-top:1rem;border-top:1px solid currentColor;font-family:"Arial Narrow",Arial,sans-serif;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.method-list{margin:.75rem 0 0;padding-left:1.1rem;font-family:Georgia,serif;font-size:.9rem;line-height:1.5}
.method-list li+li{margin-top:.4rem}
.study-note{margin-top:2rem;border:var(--rule);padding:1.35rem;background:var(--mustard);box-shadow:4px 4px 0 var(--ink);font-family:Georgia,serif;line-height:1.55}
.ask-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none}
.ask-grid li{border:var(--rule);padding:1.4rem;background:var(--paper-light);box-shadow:4px 4px 0 var(--ink)}
.ask-grid span{font-family:"Playfair Display",Georgia,serif;font-size:1.4rem;font-weight:700}
.ask-grid p{margin:1.5rem 0 0;line-height:1.6}
.findings{background:rgba(255,249,234,.42)}
.phase-card.current{margin:-2px 0;border:var(--rule);padding:1.6rem;background:#cde9e4}
.phase-label b{display:inline-block;margin-left:.4rem;padding:.2rem .45rem;background:var(--mustard);font-size:.62rem}
.honest-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(2rem,7vw,7rem)}
.honest-list p{padding:1.15rem 0;margin:0;border-top:var(--rule);font-family:Georgia,serif;font-size:1.05rem;line-height:1.55}
.honest-list .text-link{display:inline-block;margin-top:1.5rem}
.study-final{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(2rem,6vw,6rem);align-items:center;max-width:1440px;margin:0 auto;padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,4rem);border-bottom:var(--rule);background:var(--orange)}
.study-final p{max-width:700px;margin-top:1.25rem;font-family:Georgia,serif;font-size:1.08rem}
.study-final>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}
.text-link{font-family:"Arial Narrow",Arial,sans-serif;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.footer{display:flex;justify-content:space-between;gap:2rem;max-width:1440px;margin:0 auto;padding:1.5rem clamp(1rem,3vw,2.75rem);font-family:"Arial Narrow",Arial,sans-serif;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:900px){
  .site-header{grid-template-columns:1fr}
  .site-nav{flex-wrap:wrap}
  .page-hero{grid-template-columns:1fr}
  .page-note{min-height:260px;border-top:var(--rule);border-left:0}
  .study-desk-art{min-height:620px}
  .grid,.grid.two{grid-template-columns:1fr 1fr}
  .list-row{grid-template-columns:60px 1fr}
  .list-row p,.list-row .card-link{grid-column:2}
  .study-intro-grid,.study-section-heading,.honest-grid,.study-final{grid-template-columns:1fr}
  .study-summary{max-width:620px}
  .method-grid,.phase-grid,.ask-grid{grid-template-columns:1fr}
  .method-card,.phase-card,.method-card:first-child,.phase-card:first-child,.method-card:last-child,.phase-card:last-child{min-height:auto;padding:1.5rem 0;border-right:0;border-bottom:var(--rule)}
  .method-card:last-child,.phase-card:last-child{border-bottom:0}
  .phase-card.current{margin:0;padding:1.5rem}
}
@media(max-width:620px){
  body{font-size:16px}
  .site-nav{gap:.6rem 1rem}
  .site-nav .nav-cta{width:100%;text-align:center}
  h1{font-size:clamp(3.1rem,18vw,5rem)}
  .section-heading{grid-template-columns:1fr}
  .grid,.grid.two{grid-template-columns:1fr}
  .study-desk-art{min-height:520px}
  .study-progress-top{align-items:flex-start;flex-direction:column;gap:.25rem}
  .footer{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}