/* Jamie site — ONE shared stylesheet. Edit this file directly; no build step. Sections retain their original cascade order. Zero-specificity html guards isolate the temporary title lab from the main site without changing specificity. Local font paths are relative to this file, including on nested report pages. */ /* ===== styles.css (merged source) ===== */ :root:where(:not([data-title-studies])){font-family:Arial,Helvetica,sans-serif;color:#24322a;background:#ecefea;font-synthesis:none;--bg:#f8faf7;--ink:#24322a;--muted:#788078;--line:#e1e7df;--accent:#567342;--accent-soft:#edf2e6;--card:#fff;--card-line:#e3e8df;--shadow:0 14px 35px -18px #25382130;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace} :where(html:not([data-title-studies])) *{box-sizing:border-box} html:where(:not([data-title-studies])){scroll-behavior:smooth;scroll-padding-top:var(--header-offset,110px)} :where(html:not([data-title-studies])) body{margin:0;min-width:320px} :where(html:not([data-title-studies])) button,:where(html:not([data-title-studies])) a{-webkit-tap-highlight-color:transparent} :where(html:not([data-title-studies])) button{font:inherit;cursor:pointer} :where(html:not([data-title-studies])) a{color:inherit;text-decoration:none} :where(html:not([data-title-studies])) button:focus-visible,:where(html:not([data-title-studies])) a:focus-visible,:where(html:not([data-title-studies])) [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px} :where(html:not([data-title-studies])) ::selection{background:#c2d3ae;color:#18261c} :where(html:not([data-title-studies])) .skip-link{position:fixed;top:-80px;left:15px;padding:12px;background:white;color:#24322a;z-index:40000} :where(html:not([data-title-studies])) .skip-link:focus{top:12px} :where(html:not([data-title-studies])) .muted{color:#8a9188} :where(html:not([data-title-studies])) .pillar-link{display:block}:where(html:not([data-title-studies])) .pillar-link:hover,:where(html:not([data-title-studies])) .pillar-link:focus-visible{background:var(--accent-soft)}:where(html:not([data-title-studies])) .pillar-link:focus-visible{outline-offset:-3px} :where(html:not([data-title-studies])) .prototype-label{color:#81887d}:where(html:not([data-title-studies])) .prototype-label span{margin-left:8px;color:#424e3b} :where(html:not([data-title-studies])) .site-shell{background:var(--bg);color:var(--ink);transition:background .35s,color .35s} :where(html:not([data-title-studies])) .site-header{height:94px;max-width:1440px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:5} :where(html:not([data-title-studies])) .wordmark{font-size:32px;font-weight:700;letter-spacing:-1.8px;display:flex;align-items:center;gap:10px}:where(html:not([data-title-studies])) .brand-symbol{width:30px;height:30px;color:var(--accent)}:where(html:not([data-title-studies])) .wordmark-dot{margin-left:-10px;color:var(--accent)} :where(html:not([data-title-studies])) .site-header nav{display:flex;gap:34px;font-size:13px}:where(html:not([data-title-studies])) .site-header nav a{padding:12px 0}:where(html:not([data-title-studies])) .site-header nav a:hover{color:var(--accent)}:where(html:not([data-title-studies])) .site-header nav span{font-size:11px;margin-left:3px} :where(html:not([data-title-studies])) .header-link{font-size:12px;border:1px solid var(--line);border-radius:5px;padding:12px 16px;display:flex;gap:22px;align-items:center}:where(html:not([data-title-studies])) .header-link:hover{background:var(--accent-soft)} :where(html:not([data-title-studies])) .hero{position:relative;max-width:1600px;margin:auto;min-height:720px;isolation:isolate;overflow:hidden} :where(html:not([data-title-studies])) .hero-backdrop{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1} :where(html:not([data-title-studies])) .orbit-ring{position:absolute;left:50%;top:45%;border:1px solid #b4c4a629;border-radius:50%;width:1100px;height:530px;transform:translate(-50%,-50%) rotate(-14deg)} :where(html:not([data-title-studies])) .ring-two{width:1200px;height:675px;transform:translate(-50%,-50%) rotate(14deg);border-style:dashed;border-color:#b4c4a623} :where(html:not([data-title-studies])) .hero-copy{position:relative;z-index:3;margin:128px auto 0;text-align:center;max-width:570px;pointer-events:none}:where(html:not([data-title-studies])) .hero-copy a{pointer-events:auto} :where(html:not([data-title-studies])) .eyebrow{font:9px var(--mono);font-weight:500;letter-spacing:.13em;line-height:1.6;margin:0 0 27px;display:flex;align-items:center;justify-content:center;gap:8px}:where(html:not([data-title-studies])) .status-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px var(--accent-soft)} :where(html:not([data-title-studies])) h1{font-size:clamp(66px,6.1vw,90px);font-weight:500;letter-spacing:-6px;line-height:1.01;margin:0 0 23px}:where(html:not([data-title-studies])) h1>span{display:block}:where(html:not([data-title-studies])) .title-dot{color:var(--accent)} :where(html:not([data-title-studies])) .hero-description{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 28px} :where(html:not([data-title-studies])) .hero-actions{display:flex;justify-content:center;align-items:center;gap:19px}:where(html:not([data-title-studies])) .button{font-size:12px;font-weight:500;padding:15px 18px;display:inline-flex;justify-content:center;align-items:center;gap:27px;border-radius:5px;transition:transform .2s,background .2s}:where(html:not([data-title-studies])) .button:hover{transform:translateY(-2px)}:where(html:not([data-title-studies])) .button-primary{background:var(--ink);color:var(--bg)}:where(html:not([data-title-studies])) .button-primary:hover{background:var(--accent);color:var(--bg)}:where(html:not([data-title-studies])) .button-text{padding-left:0;padding-right:0;gap:10px}:where(html:not([data-title-studies])) .hero-signature{display:none} :where(html:not([data-title-studies])) .card-scene{position:absolute;inset:0;pointer-events:none;z-index:2}:where(html:not([data-title-studies])) .cards{position:absolute;inset:0} :where(html:not([data-title-studies])) .floating-card{position:absolute;left:50%;top:45%;width:218px;will-change:transform,opacity;pointer-events:auto;outline:none}:where(html:not([data-title-studies])) .card-face{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--card-line);border-radius:11px;padding:18px 18px 13px;box-shadow:var(--shadow);transition:transform .28s,box-shadow .28s;transform-origin:center}:where(html:not([data-title-studies])) .floating-card:hover .card-face,:where(html:not([data-title-studies])) .floating-card:focus-visible .card-face{transform:scale(1.055);box-shadow:0 18px 40px -14px #1c342738}:where(html:not([data-title-studies])) .floating-card:focus-visible .card-face{outline:2px solid var(--accent);outline-offset:3px} :where(html:not([data-title-studies])) .card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}:where(html:not([data-title-studies])) .card-identity{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600}:where(html:not([data-title-studies])) .card-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:14px}:where(html:not([data-title-studies])) .card-icon svg{height:15px;width:15px}:where(html:not([data-title-studies])) .demo-tag{font:7px var(--mono);letter-spacing:.05em;border:1px solid var(--line);color:var(--muted);padding:3px 4px;border-radius:3px} :where(html:not([data-title-studies])) .metric-label{font-size:10px;color:var(--muted);margin:0 0 6px}:where(html:not([data-title-studies])) .metric-row{display:flex;align-items:center;justify-content:space-between;gap:8px}:where(html:not([data-title-studies])) .metric-value{font-size:29px;letter-spacing:-1.5px;font-weight:500}:where(html:not([data-title-studies])) .metric-change{font:9px var(--mono);color:var(--accent)}:where(html:not([data-title-studies])) .sparkline{width:100%;height:48px;display:block;margin:13px 0 8px;overflow:visible;color:var(--accent)}:where(html:not([data-title-studies])) .chart-baseline{stroke:var(--line);stroke-dasharray:3 4}:where(html:not([data-title-studies])) .chart-area{fill:var(--accent);opacity:.055}:where(html:not([data-title-studies])) .chart-line{stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round} :where(html:not([data-title-studies])) .card-foot{border-top:1px solid var(--line);padding-top:9px;font:7px var(--mono);color:var(--muted);display:flex;justify-content:space-between;gap:6px}:where(html:not([data-title-studies])) .ai-title{font-size:17px;font-weight:500;letter-spacing:-.5px;margin:0 0 7px}:where(html:not([data-title-studies])) .ai-description{font-size:10px;line-height:1.6;color:var(--muted);margin:0 0 18px}:where(html:not([data-title-studies])) .workflow{display:flex;align-items:center;gap:7px;margin:18px 0;color:var(--muted);font-size:11px}:where(html:not([data-title-studies])) .workflow-node{background:var(--accent-soft);color:var(--accent);border:1px solid var(--line);border-radius:6px;width:31px;height:31px;display:grid;place-items:center;font-size:13px}:where(html:not([data-title-studies])) .workflow-line{height:1px;flex:1;background:var(--line)}:where(html:not([data-title-studies])) .ai-status{display:flex;align-items:center;gap:5px;color:var(--accent);font-size:8px}:where(html:not([data-title-studies])) .ai-status:before{content:"";height:4px;width:4px;background:currentColor;border-radius:50%}:where(html:not([data-title-studies])) .report-lines{margin:16px 0 20px;display:grid;gap:6px}:where(html:not([data-title-studies])) .report-lines i{display:block;height:4px;background:var(--line);border-radius:5px}:where(html:not([data-title-studies])) .report-lines i:nth-child(2){width:85%}:where(html:not([data-title-studies])) .report-lines i:nth-child(3){width:61%;background:var(--accent);opacity:.35} :where(html:not([data-title-studies])) .scene-caption,:where(html:not([data-title-studies])) .scene-coordinate{display:none} :where(html:not([data-title-studies])) .hero-bottom{position:absolute;bottom:23px;left:56px;right:56px;display:flex;justify-content:space-between;align-items:center;gap:15px;z-index:4}:where(html:not([data-title-studies])) .demo-disclaimer{font:9px var(--mono);color:var(--muted);display:flex;align-items:center;gap:8px}:where(html:not([data-title-studies])) .small-cross{font-size:16px;color:var(--accent)}:where(html:not([data-title-studies])) .motion-toggle{border:1px solid var(--line);border-radius:30px;background:var(--bg);color:var(--muted);font-size:10px;display:flex;align-items:center;gap:7px;padding:9px 12px}:where(html:not([data-title-studies])) .motion-toggle:hover{color:var(--ink)}:where(html:not([data-title-studies])) .motion-toggle:disabled{cursor:default;opacity:.65}:where(html:not([data-title-studies])) .motion-icon{font-size:11px;min-width:9px} :where(html:not([data-title-studies])) .ecosystem{padding:58px 56px 64px;max-width:1440px;margin:auto;border-top:1px solid var(--line)}:where(html:not([data-title-studies])) .section-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}:where(html:not([data-title-studies])) .section-intro .eyebrow{margin:0;font-size:8px;color:var(--muted)}:where(html:not([data-title-studies])) .section-intro h2{font-size:25px;letter-spacing:-1px;font-weight:500;margin:0}:where(html:not([data-title-studies])) .section-intro>p:last-child{font-size:11px;color:var(--muted);margin:0} :where(html:not([data-title-studies])) .pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}:where(html:not([data-title-studies])) .pillar{padding:26px 28px;scroll-margin-top:35px}:where(html:not([data-title-studies])) .pillar+.pillar{border-left:1px solid var(--line)}:where(html:not([data-title-studies])) .pillar:target{background:var(--accent-soft)}:where(html:not([data-title-studies])) .pillar-number{font:8px var(--mono);letter-spacing:.07em;color:var(--muted)}:where(html:not([data-title-studies])) .pillar-title{display:flex;justify-content:space-between;align-items:center;margin-top:23px}:where(html:not([data-title-studies])) .pillar-title h3{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:0}:where(html:not([data-title-studies])) .pillar-title>span{color:var(--accent)}:where(html:not([data-title-studies])) .pillar p{font-size:12px;color:var(--muted);line-height:1.8;max-width:300px;margin:12px 0 25px}:where(html:not([data-title-studies])) .pillar-tag{font:8px var(--mono);color:var(--accent);padding:5px 8px;background:var(--accent-soft);border-radius:3px} :where(html:not([data-title-studies])) .site-footer{padding:26px 56px;max-width:1440px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}:where(html:not([data-title-studies])) .footer-brand{font-size:21px;letter-spacing:-1px;font-weight:600}:where(html:not([data-title-studies])) .site-footer>span{font:8px var(--mono);color:var(--muted)} :where(html:not([data-title-studies])) .noscript-note{padding:20px;text-align:center}:where(html:not([data-title-studies])) .signature-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);border-radius:50%;font:10px var(--mono)}:where(html:not([data-title-studies])) .hero-signature strong{font-weight:400;color:var(--ink)} @media(max-width:1190px) and (min-width:901px){:where(html:not([data-title-studies])) .floating-card{width:185px}:where(html:not([data-title-studies])) .card-face{padding:14px}:where(html:not([data-title-studies])) .metric-value{font-size:25px}:where(html:not([data-title-studies])) .hero-copy{max-width:480px}:where(html:not([data-title-studies])) h1{font-size:73px}:where(html:not([data-title-studies])) .hero-description{font-size:13px}:where(html:not([data-title-studies])) .prototype-label{display:none}} @media(max-width:900px){ :where(html:not([data-title-studies])) .site-header{padding:0 28px;height:83px}:where(html:not([data-title-studies])) .site-header nav{gap:23px}:where(html:not([data-title-studies])) .header-link{display:none} :where(html:not([data-title-studies])) .hero{min-height:980px;display:flex;flex-direction:column} :where(html:not([data-title-studies])) .hero-copy{margin:62px auto 0;max-width:600px;padding:0 25px;text-align:center;flex-shrink:0} :where(html:not([data-title-studies])) .hero-copy .eyebrow{justify-content:center} :where(html:not([data-title-studies])) h1{font-size:83px} :where(html:not([data-title-studies])) .hero-description{max-width:none;font-size:14px} :where(html:not([data-title-studies])) .hero-actions{justify-content:center} :where(html:not([data-title-studies])) .card-scene{position:relative;inset:auto;width:100%;height:460px;margin-top:26px;flex-shrink:0} :where(html:not([data-title-studies])) .floating-card{top:50%;width:210px} :where(html:not([data-title-studies])) .scene-caption{display:none} :where(html:not([data-title-studies])) .scene-coordinate{display:none} :where(html:not([data-title-studies])) .hero-bottom{left:28px;right:28px;bottom:20px}:where(html:not([data-title-studies])) .hero-backdrop .orbit-ring{top:70%;width:900px;height:500px} :where(html:not([data-title-studies])) .ecosystem{padding:40px 28px}:where(html:not([data-title-studies])) .section-intro{flex-wrap:wrap;gap:12px}:where(html:not([data-title-studies])) .section-intro .eyebrow{width:100%;justify-content:flex-start}:where(html:not([data-title-studies])) .section-intro h2{font-size:24px}:where(html:not([data-title-studies])) .section-intro>p:last-child{display:none}:where(html:not([data-title-studies])) .pillar{padding:22px 18px}:where(html:not([data-title-studies])) .pillar-title h3{font-size:19px}:where(html:not([data-title-studies])) .site-footer{padding:25px 28px}:where(html:not([data-title-studies])) .site-footer>span:nth-child(2){display:none} } @media(max-width:540px){ :where(html:not([data-title-studies])) .site-header{height:76px;padding:0 20px}:where(html:not([data-title-studies])) .wordmark{font-size:27px;gap:7px}:where(html:not([data-title-studies])) .brand-symbol{width:24px;height:24px}:where(html:not([data-title-studies])) .wordmark-dot{margin-left:-7px}:where(html:not([data-title-studies])) .site-header nav{gap:14px;font-size:10px}:where(html:not([data-title-studies])) .site-header nav a:last-child span{display:none} :where(html:not([data-title-studies])) .hero{min-height:920px} :where(html:not([data-title-studies])) .hero-copy{margin-top:40px;padding:0 18px;width:100%} :where(html:not([data-title-studies])) .eyebrow{font-size:7px;letter-spacing:.085em;margin-bottom:23px} :where(html:not([data-title-studies])) h1{font-size:65px;letter-spacing:-4.3px} :where(html:not([data-title-studies])) .hero-description{font-size:12px;line-height:1.9;margin-bottom:24px} :where(html:not([data-title-studies])) .hero-actions{gap:18px}:where(html:not([data-title-studies])) .button{font-size:10px;padding:14px 15px;gap:16px}:where(html:not([data-title-studies])) .button-text{padding:14px 0;gap:7px} :where(html:not([data-title-studies])) .card-scene{height:425px;margin-top:28px} :where(html:not([data-title-studies])) .floating-card{width:190px}:where(html:not([data-title-studies])) .card-face{padding:15px}:where(html:not([data-title-studies])) .metric-value{font-size:27px} :where(html:not([data-title-studies])) .hero-bottom{left:20px;right:20px;bottom:22px;align-items:center;flex-direction:column;gap:14px}:where(html:not([data-title-studies])) .demo-disclaimer{font-size:7px}:where(html:not([data-title-studies])) .motion-toggle{font-size:9px} :where(html:not([data-title-studies])) .ecosystem{padding:36px 20px}:where(html:not([data-title-studies])) .section-intro{margin-bottom:24px}:where(html:not([data-title-studies])) .section-intro .eyebrow{font-size:7px;margin:0}:where(html:not([data-title-studies])) .pillar-grid{grid-template-columns:1fr}:where(html:not([data-title-studies])) .pillar{padding:25px}:where(html:not([data-title-studies])) .pillar+.pillar{border-left:0;border-top:1px solid var(--line)}:where(html:not([data-title-studies])) .pillar-title{margin-top:16px}:where(html:not([data-title-studies])) .pillar p{max-width:100%;margin-bottom:19px}:where(html:not([data-title-studies])) .pillar-title h3{font-size:22px}:where(html:not([data-title-studies])) .site-footer{padding:23px 20px}:where(html:not([data-title-studies])) .site-footer>span{font-size:7px} } @media(prefers-reduced-motion:reduce){html:where(:not([data-title-studies])){scroll-behavior:auto}:where(html:not([data-title-studies])) *,:where(html:not([data-title-studies])) *::before,:where(html:not([data-title-studies])) *::after{transition:none!important;animation:none!important}:where(html:not([data-title-studies])) .floating-card{will-change:auto}} /* Shared full-width orbit, adapted from Floating cards A (item 008). Keep card wrappers out of stacking contexts so depth can move each card behind or in front of the central message, whose depth is 8000. */ :where(html:not([data-title-studies])) body[data-concept] .hero{height:840px;min-height:840px;display:block} :where(html:not([data-title-studies])) body[data-concept] .hero-copy{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(760px,90%);max-width:none;margin:0;padding:0;text-align:center;z-index:8000} :where(html:not([data-title-studies])) body[data-concept] .hero-copy .eyebrow{justify-content:center;margin-bottom:22px} :where(html:not([data-title-studies])) body[data-concept] h1{font-size:clamp(56px,5.2vw,78px);letter-spacing:-4px;line-height:1.1} :where(html:not([data-title-studies])) body[data-concept] h1>span{display:inline} :where(html:not([data-title-studies])) body[data-concept] .hero-description{max-width:none;margin:0 0 24px} :where(html:not([data-title-studies])) body[data-concept] .hero-actions{justify-content:center} :where(html:not([data-title-studies])) body[data-concept] .hero-signature{display:none} :where(html:not([data-title-studies])) body[data-concept] .card-scene{position:absolute;inset:0;width:100%;height:100%;margin:0;pointer-events:none;z-index:auto} :where(html:not([data-title-studies])) body[data-concept] .floating-card{top:46%;width:208px;will-change:transform,opacity,filter} :where(html:not([data-title-studies])) body[data-concept] .card-face{padding:14px;min-height:182px} :where(html:not([data-title-studies])) body[data-concept] .card-top{margin-bottom:12px} :where(html:not([data-title-studies])) body[data-concept] .ai-title{font-size:15px} :where(html:not([data-title-studies])) body[data-concept] .ai-description{display:none} :where(html:not([data-title-studies])) body[data-concept] .workflow{margin:14px 0} :where(html:not([data-title-studies])) body[data-concept] .workflow-node{height:24px;width:24px} :where(html:not([data-title-studies])) body[data-concept] .sparkline{height:34px;margin:9px 0 8px} :where(html:not([data-title-studies])) body[data-concept] .scene-caption,:where(html:not([data-title-studies])) body[data-concept] .scene-coordinate{display:none} :where(html:not([data-title-studies])) body[data-concept] .hero-bottom{z-index:20000} :where(html:not([data-title-studies])) body[data-concept] .hero-backdrop .orbit-ring{display:block;left:50%;top:46%;width:min(1100px,95%);height:560px;transform:translate(-50%,-50%) rotate(-10deg)} :where(html:not([data-title-studies])) body[data-concept] .hero-backdrop .ring-two{height:650px;transform:translate(-50%,-50%) rotate(10deg)} :where(html:not([data-title-studies])) body[data-concept] .hero::after{content:"";position:absolute;inset:0;z-index:18000;pointer-events:none;background:linear-gradient(var(--bg),transparent 6%,transparent 89%,var(--bg) 97%)} @media(max-width:900px){ :where(html:not([data-title-studies])) body[data-concept] .hero{height:820px;min-height:820px} :where(html:not([data-title-studies])) body[data-concept] .hero-copy{width:94%;top:46%} :where(html:not([data-title-studies])) body[data-concept] h1{font-size:58px;letter-spacing:-3px} :where(html:not([data-title-studies])) body[data-concept] .floating-card{width:190px} :where(html:not([data-title-studies])) body[data-concept] .hero-backdrop .orbit-ring{height:570px} } @media(max-width:540px){ :where(html:not([data-title-studies])) body[data-concept] .hero{height:860px;min-height:860px} :where(html:not([data-title-studies])) body[data-concept] .hero-copy{top:45%;padding:0 12px} :where(html:not([data-title-studies])) body[data-concept] h1{font-size:55px;line-height:1.02;margin-bottom:21px} :where(html:not([data-title-studies])) body[data-concept] h1>span{display:block} :where(html:not([data-title-studies])) body[data-concept] .hero-copy .eyebrow{font-size:6px;margin-bottom:18px} :where(html:not([data-title-studies])) body[data-concept] .hero-description{font-size:11px;margin-bottom:18px} :where(html:not([data-title-studies])) body[data-concept] .floating-card{top:45%} :where(html:not([data-title-studies])) body[data-concept] .hero-backdrop .orbit-ring{top:45%;height:580px} } @media(prefers-reduced-motion:reduce){:where(html:not([data-title-studies])) body[data-concept] .floating-card{will-change:auto}} /* Individual letters assemble on load without moving the heading's layout. */ :where(html:not([data-title-studies])) #hero-title>span{white-space:nowrap} :where(html:not([data-title-studies])) #hero-title .title-letter{display:inline-block;transform-origin:50% 65%} :where(html:not([data-title-studies])) #hero-title[data-entrance="running"] .title-letter{will-change:transform,opacity} :where(html:not([data-title-studies])) .ecosystem .section-intro{justify-content:center;text-align:center} :where(html:not([data-title-studies])) .hero-motion-controls{display:flex;align-items:center;gap:10px} :where(html:not([data-title-studies])) .intro-replay{flex-shrink:0;padding:9px 12px;border:1px solid var(--line);border-radius:30px;background:var(--bg);color:var(--muted);font-size:10px} :where(html:not([data-title-studies])) .intro-replay:hover{background:#fff}:where(html:not([data-title-studies])) .intro-replay:disabled{opacity:.5;cursor:default} @media(max-width:540px){:where(html:not([data-title-studies])) .intro-replay{align-self:center;font-size:10px}} /* ===== split-cards.css (merged source) ===== */ /* Helios adaptation of Split cards A / item 012 (Harvey audience cards). Same two-panel expand/dim interaction; local HTML/SVG product illustrations. */ :where(html:not([data-title-studies])) .product-split{max-width:1296px;margin:0 auto;padding:72px 56px 80px;color:var(--ink)} :where(html:not([data-title-studies])) .product-split__intro{text-align:center;margin:0 auto 38px} :where(html:not([data-title-studies])) .product-split__intro .eyebrow{color:var(--accent);margin-bottom:17px} :where(html:not([data-title-studies])) .product-split__intro h2{font-weight:500;font-size:42px;line-height:1.15;letter-spacing:-1.8px;margin:0 0 18px} :where(html:not([data-title-studies])) .product-split__intro>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);margin:0} :where(html:not([data-title-studies])) .product-split__cards{display:flex;width:100%;gap:18px;aspect-ratio:2/1;min-height:550px;max-height:630px} :where(html:not([data-title-studies])) .product-split__card{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:12px;color:#f3f5e9;background:#18281f;isolation:isolate;transition:flex-grow .4s ease-in-out,opacity .4s ease-in-out} :where(html:not([data-title-studies])) .product-split__card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 80%,#7e9c6573,transparent 68%),linear-gradient(140deg,#18281f,#293d2c)} :where(html:not([data-title-studies])) .product-split__card--charts::before{background:radial-gradient(ellipse at 0 100%,#82906480,transparent 65%),linear-gradient(145deg,#242d22,#48503b)} :where(html:not([data-title-studies])) .product-split__copy{padding:34px 34px 0;position:relative;z-index:2;max-width:430px} :where(html:not([data-title-studies])) .product-split__label{font:8px var(--mono);letter-spacing:.12em;color:#c5d5b4} :where(html:not([data-title-studies])) .product-split__copy h3{font-size:30px;font-weight:500;letter-spacing:-1px;line-height:1.14;margin:16px 0 15px;text-wrap:balance} :where(html:not([data-title-studies])) .product-split__copy p{font-size:12px;line-height:1.75;color:#c3cdbb;margin:0 0 21px;max-width:325px} :where(html:not([data-title-studies])) .product-split__link{display:inline-flex;align-items:center;gap:22px;border:1px solid #d0dcb65c;border-radius:4px;padding:9px 12px;font-size:10px;color:#f3f5e9} :where(html:not([data-title-studies])) .product-split__link>span{font-size:13px} :where(html:not([data-title-studies])) .product-split__visual{position:absolute;top:272px;left:34px;width:640px;transform:rotate(-3deg);transform-origin:top left;transition:transform .4s ease-in-out;pointer-events:none} :where(html:not([data-title-studies])) .product-split__card--charts .product-split__visual{transform:rotate(3deg);left:38px} :where(html:not([data-title-studies])) .product-split__caption{position:absolute;bottom:0;left:0;right:0;padding:20px 26px 14px;background:linear-gradient(transparent,#18281ff2 35%);font:7px var(--mono);letter-spacing:.05em;color:#c5d5b4;z-index:3} :where(html:not([data-title-studies])) .product-preview{background:#fafbf6;color:#273328;border:1px solid #d5dccf;border-radius:9px;box-shadow:0 24px 60px #0005;overflow:hidden} :where(html:not([data-title-studies])) .product-preview__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:47px;padding:0 19px;border-bottom:1px solid #e2e7dc;background:#fff} :where(html:not([data-title-studies])) .product-preview__bar>strong{font-size:18px;letter-spacing:-.8px;font-weight:600} :where(html:not([data-title-studies])) .product-preview__bar>strong>span{font:8px var(--mono);letter-spacing:.04em;margin-left:8px;color:#6c7966} :where(html:not([data-title-studies])) .product-preview__badge{font:7px var(--mono);color:#6b775e;background:#eff3e8;padding:5px 7px;border:1px solid #e1e8d7;border-radius:3px;margin-left:auto} :where(html:not([data-title-studies])) .product-preview__workspace{display:flex;min-height:320px} :where(html:not([data-title-studies])) .product-preview__sidebar{width:145px;flex-shrink:0;border-right:1px solid #e2e7dc;display:flex;flex-direction:column;gap:5px;padding:22px 12px;font-size:9px;color:#7b8474;background:#f4f6ef} :where(html:not([data-title-studies])) .product-preview__sidebar>span{padding:9px 7px}:where(html:not([data-title-studies])) .product-preview__sidebar .preview-sidebar-label{font:6px var(--mono);letter-spacing:.07em;margin-bottom:8px} :where(html:not([data-title-studies])) .product-preview__sidebar .preview-sidebar-active{background:#e5ebdc;color:#445a36;border-radius:4px} :where(html:not([data-title-studies])) .preview-sidebar-bottom{margin-top:auto;padding:18px 4px 0;border-top:1px solid #e1e5db;font:9px var(--mono)}:where(html:not([data-title-studies])) .preview-sidebar-bottom span{font:8px Arial,Helvetica,sans-serif;margin-left:6px;color:#7b8474} :where(html:not([data-title-studies])) .workflow-preview{padding:25px 23px;flex:1} :where(html:not([data-title-studies])) .preview-section-label{display:flex;justify-content:space-between;gap:15px;font:7px var(--mono);letter-spacing:.04em;color:#7c8574} :where(html:not([data-title-studies])) .workflow-preview h4{font-size:24px;letter-spacing:-.8px;font-weight:500;margin:24px 0 7px}:where(html:not([data-title-studies])) .workflow-preview>p{font-size:10px;color:#7c8574;margin:0} :where(html:not([data-title-studies])) .workflow-preview__flow{display:flex;align-items:center;gap:10px;margin:26px 0} :where(html:not([data-title-studies])) .workflow-preview__flow>div{width:105px;border:1px solid #e0e6d8;border-radius:6px;padding:10px;background:#fff;display:flex;flex-direction:column;gap:6px} :where(html:not([data-title-studies])) .workflow-preview__flow>div>span{color:#62844b;background:#edf2e5;width:23px;height:23px;display:grid;place-items:center;border-radius:4px;font-size:14px;margin-bottom:4px} :where(html:not([data-title-studies])) .workflow-preview__flow strong{font-size:9px;font-weight:500}:where(html:not([data-title-studies])) .workflow-preview__flow small{font-size:7px;color:#7c8574}:where(html:not([data-title-studies])) .workflow-preview__flow i{font-size:12px;color:#9aaa8d;font-style:normal} :where(html:not([data-title-studies])) .workflow-preview__result{border:1px solid #e0e6d8;border-radius:5px;display:flex;align-items:center;gap:11px;padding:13px;background:#f1f5eb;color:#567342} :where(html:not([data-title-studies])) .workflow-preview__result strong{font-size:9px;font-weight:500}:where(html:not([data-title-studies])) .workflow-preview__result p{font-size:8px;color:#7c8574;margin:5px 0 0} :where(html:not([data-title-studies])) .chart-preview{padding:23px 25px 20px} :where(html:not([data-title-studies])) .chart-preview__heading{display:flex;align-items:center;justify-content:space-between;margin-top:21px}:where(html:not([data-title-studies])) .chart-preview__heading p{font-size:10px;color:#7c8574;margin:0 0 7px}:where(html:not([data-title-studies])) .chart-preview__heading strong{font-size:31px;letter-spacing:-1.5px;font-weight:500}:where(html:not([data-title-studies])) .chart-preview__heading small{font:8px var(--mono);color:#62844b;margin-left:7px}:where(html:not([data-title-studies])) .chart-preview__heading>span{display:flex;align-items:center;gap:10px;font:9px var(--mono);color:#7c8574}:where(html:not([data-title-studies])) .chart-preview__asset{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ebf0e3;color:#567342;font-size:23px} :where(html:not([data-title-studies])) .chart-preview__plot{margin-top:22px}:where(html:not([data-title-studies])) .chart-preview__plot svg{display:block;width:100%;height:145px}:where(html:not([data-title-studies])) .chart-preview__grid{stroke:#e4e9de;stroke-dasharray:3 5;stroke-width:1}:where(html:not([data-title-studies])) .chart-preview__axis{display:flex;justify-content:space-between;font:6px var(--mono);color:#7c8574;margin-top:8px} :where(html:not([data-title-studies])) .chart-preview__metrics{display:flex;gap:40px;border-top:1px solid #e2e7dc;margin-top:24px;padding-top:15px}:where(html:not([data-title-studies])) .chart-preview__metrics>div{display:grid;gap:8px}:where(html:not([data-title-studies])) .chart-preview__metrics span{font:6px var(--mono);color:#7c8574}:where(html:not([data-title-studies])) .chart-preview__metrics strong{font-size:18px;letter-spacing:-.5px;font-weight:500}:where(html:not([data-title-studies])) .chart-preview__metrics .preview-placeholder{font-size:11px;color:#7c8574;letter-spacing:0} @media(min-width:801px){ :where(html:not([data-title-studies])) .product-split__cards:focus-within .product-split__card{opacity:.4} :where(html:not([data-title-studies])) .product-split__cards .product-split__card:focus-visible{flex-grow:1.4;opacity:1;outline:2px solid var(--accent);outline-offset:4px} :where(html:not([data-title-studies])) .product-split__card:focus-visible .product-split__visual{transform:rotate(0)} } @media(min-width:801px) and (hover:hover) and (pointer:fine){ :where(html:not([data-title-studies])) .product-split__cards:hover .product-split__card{opacity:.4} :where(html:not([data-title-studies])) .product-split__cards .product-split__card:hover,:where(html:not([data-title-studies])) .product-split__cards .product-split__card:focus-visible{flex-grow:1.4;opacity:1} :where(html:not([data-title-studies])) .product-split__card:hover .product-split__visual{transform:rotate(0)} } @media(max-width:1050px){:where(html:not([data-title-studies])) .product-split{padding-left:28px;padding-right:28px}:where(html:not([data-title-studies])) .product-split__copy{padding:28px 25px 0}:where(html:not([data-title-studies])) .product-split__copy h3{font-size:27px}:where(html:not([data-title-studies])) .product-split__visual{left:25px;top:285px}:where(html:not([data-title-studies])) .product-split__card--charts .product-split__visual{left:25px}} @media(max-width:800px){ :where(html:not([data-title-studies])) .product-split{padding:48px 28px 54px}:where(html:not([data-title-studies])) .product-split__intro h2{font-size:35px}:where(html:not([data-title-studies])) .product-split__cards{flex-direction:column;aspect-ratio:auto;max-height:none;gap:18px}:where(html:not([data-title-studies])) .product-split__card{flex:none;min-height:540px}:where(html:not([data-title-studies])) .product-split__copy{max-width:450px;padding:30px 30px 0}:where(html:not([data-title-studies])) .product-split__copy h3{font-size:30px}:where(html:not([data-title-studies])) .product-split__visual,:where(html:not([data-title-studies])) .product-split__card--charts .product-split__visual{top:260px;left:30px}:where(html:not([data-title-studies])) .product-split__card:focus-visible{outline-offset:4px} } @media(max-width:540px){ :where(html:not([data-title-studies])) .product-split{padding:44px 20px 48px}:where(html:not([data-title-studies])) .product-split__intro{margin-bottom:28px}:where(html:not([data-title-studies])) .product-split__intro .eyebrow{font-size:7px;margin-bottom:15px}:where(html:not([data-title-studies])) .product-split__intro h2{font-size:30px;letter-spacing:-1px}:where(html:not([data-title-studies])) .product-split__intro>p:last-child{font-size:12px}:where(html:not([data-title-studies])) .product-split__copy{padding:25px 24px 0}:where(html:not([data-title-studies])) .product-split__copy h3{font-size:28px}:where(html:not([data-title-studies])) .product-split__copy p{font-size:11px}:where(html:not([data-title-studies])) .product-split__card{min-height:500px}:where(html:not([data-title-studies])) .product-split__visual,:where(html:not([data-title-studies])) .product-split__card--charts .product-split__visual{top:274px;left:24px;width:570px;transform:scale(.78) rotate(-3deg)}:where(html:not([data-title-studies])) .product-split__card--charts .product-split__visual{transform:scale(.78) rotate(3deg)}:where(html:not([data-title-studies])) .product-split__caption{font-size:6px;padding-left:20px;padding-right:15px} } @media(prefers-reduced-motion:reduce){:where(html:not([data-title-studies])) .product-split__card,:where(html:not([data-title-studies])) .product-split__visual{transition:none}} /* ===== site-sections.css (merged source) ===== */ /* Header A (Pangram) adapted to Helios: rounded bar, rich dropdowns, coloured product tiles, sidebar links, and a mobile navigation panel. */ :where(html:not([data-title-studies])) .helios-header{position:relative;z-index:30000;max-width:1280px;margin:16px auto;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 28px #2538210c} :where(html:not([data-title-studies])) .helios-header__bar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:74px;padding:0 24px} :where(html:not([data-title-studies])) .helios-header .wordmark{flex-shrink:0;font-size:30px}:where(html:not([data-title-studies])) .helios-header .brand-symbol{width:27px;height:27px} :where(html:not([data-title-studies])) .helios-header__menu{display:contents}:where(html:not([data-title-studies])) .helios-header__nav{display:flex;gap:3px;align-items:center} :where(html:not([data-title-studies])) .helios-header__nav>button,:where(html:not([data-title-studies])) .helios-header__nav>a{border:0;border-radius:6px;padding:12px 9px;background:transparent;color:inherit;font-size:13px;white-space:nowrap} :where(html:not([data-title-studies])) .helios-header__nav>button>span{display:inline-block;margin-left:5px;transition:transform .2s} :where(html:not([data-title-studies])) .helios-header__nav>button[aria-expanded="true"]>span{transform:rotate(180deg)} :where(html:not([data-title-studies])) .helios-header__nav>button:hover,:where(html:not([data-title-studies])) .helios-header__nav>button[aria-expanded="true"],:where(html:not([data-title-studies])) .helios-header__nav>a:hover{background:var(--accent-soft)} :where(html:not([data-title-studies])) .helios-header__actions{display:flex;align-items:center;gap:20px;font-size:12px;white-space:nowrap}:where(html:not([data-title-studies])) .helios-header__cta,:where(html:not([data-title-studies])) .helios-header__mobile-cta{padding:12px 15px;border-radius:6px;background:var(--accent);color:white} :where(html:not([data-title-studies])) .helios-header__toggle,:where(html:not([data-title-studies])) .helios-header__back,:where(html:not([data-title-studies])) .helios-header__mobile-cta{display:none} :where(html:not([data-title-studies])) .helios-header__panels{position:absolute;left:-1px;right:-1px;top:100%;background:#fff;border:1px solid var(--line);border-radius:0 0 9px 9px;box-shadow:0 24px 36px -14px #25382128;padding:28px} :where(html:not([data-title-studies])) .helios-header__panel{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:30px} :where(html:not([data-title-studies])) .helios-header [hidden]{display:none!important} :where(html:not([data-title-studies])) .nav-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} :where(html:not([data-title-studies])) .nav-feature{min-height:215px;position:relative;overflow:hidden;border-radius:8px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;gap:8px;background:#dce7cc;color:#213522} :where(html:not([data-title-studies])) .nav-feature:before{content:"";position:absolute;right:-50px;bottom:-80px;width:230px;height:230px;border-radius:50%;background:#ffffff25;pointer-events:none} :where(html:not([data-title-studies])) .nav-feature strong{font-size:20px;letter-spacing:-.5px;position:relative}:where(html:not([data-title-studies])) .nav-feature>span:not(.nav-feature__symbol){max-width:240px;font-size:11px;line-height:1.6;position:relative} :where(html:not([data-title-studies])) .nav-feature__symbol{position:absolute;top:19px;right:25px;font-size:65px;opacity:.35;transition:transform .3s,opacity .3s}:where(html:not([data-title-studies])) .nav-feature:hover .nav-feature__symbol,:where(html:not([data-title-studies])) .nav-feature:focus-visible .nav-feature__symbol{transform:translate(-8px,5px) rotate(-8deg);opacity:.65}:where(html:not([data-title-studies])) .nav-feature i{position:absolute;right:22px;bottom:22px;font-style:normal} :where(html:not([data-title-studies])) .nav-feature--green{background:#244d37;color:#fff}:where(html:not([data-title-studies])) .nav-feature--lilac{background:#dfd3eb;color:#453951}:where(html:not([data-title-studies])) .nav-feature--sand{background:#eee2c3;color:#53452d}:where(html:not([data-title-studies])) .nav-monogram{font:50px Georgia,serif} :where(html:not([data-title-studies])) .nav-aside{display:flex;flex-direction:column;align-items:flex-start;gap:17px;padding:7px 0 8px 25px;border-left:1px solid var(--line);font-size:12px}:where(html:not([data-title-studies])) .nav-kicker{font:8px var(--mono);letter-spacing:.08em;color:var(--muted);margin-bottom:5px}:where(html:not([data-title-studies])) .nav-aside a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}:where(html:not([data-title-studies])) .nav-aside__note{font-size:13px;line-height:1.7;color:var(--muted);margin-top:auto;padding-top:20px} :where(html:not([data-title-studies])) .nav-link-list{display:grid;gap:9px}:where(html:not([data-title-studies])) .nav-link-list>a{display:flex;align-items:center;gap:16px;padding:17px;background:#f5f7f0;border-radius:6px}:where(html:not([data-title-studies])) .nav-link-list>a:hover{background:#eaf0e1}:where(html:not([data-title-studies])) .nav-link-list strong,:where(html:not([data-title-studies])) .nav-link-list small{display:block}:where(html:not([data-title-studies])) .nav-link-list strong{font-size:14px;font-weight:500;margin-bottom:5px}:where(html:not([data-title-studies])) .nav-link-list small{font-size:11px;color:var(--muted)}:where(html:not([data-title-studies])) .nav-list-icon{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:5px;background:#e2ebd5;color:var(--accent);font-size:20px}:where(html:not([data-title-studies])) .nav-link-list>a>span:last-child{margin-left:auto} /* Homepage blogs: five distinct cards, each with a real local preview target. */ :where(html:not([data-title-studies])) .home-blogs{max-width:1440px;margin:0 auto;padding:60px 56px 72px;border-top:1px solid var(--line)} :where(html:not([data-title-studies])) .blogs-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:34px}:where(html:not([data-title-studies])) .blogs-heading .eyebrow{justify-content:flex-start;margin-bottom:16px;color:var(--accent)}:where(html:not([data-title-studies])) .blogs-heading h2{font-size:44px;font-weight:500;letter-spacing:-1.8px;line-height:1.1;margin:0 0 14px}:where(html:not([data-title-studies])) .blogs-heading p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted);margin:0}:where(html:not([data-title-studies])) .blogs-all{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--ink);padding-bottom:8px;font-size:12px;white-space:nowrap} :where(html:not([data-title-studies])) .blog-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 22px} :where(html:not([data-title-studies])) .blog-card{grid-column:span 2;min-width:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--card);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}:where(html:not([data-title-studies])) .blog-card:nth-child(-n/**/+2){grid-column:span 3}:where(html:not([data-title-studies])) .blog-card:hover,:where(html:not([data-title-studies])) .blog-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 32px -20px #243a2933} :where(html:not([data-title-studies])) .blog-card__copy{padding:23px;display:flex;flex:1;flex-direction:column}:where(html:not([data-title-studies])) .blog-card__category{font:8px var(--mono);letter-spacing:.07em;color:var(--accent)}:where(html:not([data-title-studies])) .blog-card h3{font-size:23px;font-weight:500;line-height:1.25;letter-spacing:-.7px;margin:14px 0}:where(html:not([data-title-studies])) .blog-card__copy>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 25px}:where(html:not([data-title-studies])) .blog-card__foot{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line);font:7px var(--mono);color:var(--muted)}:where(html:not([data-title-studies])) .blog-card__foot>span:last-child{color:var(--ink)} :where(html:not([data-title-studies])) .report-art{height:185px;position:relative;overflow:hidden;background:#e4ecd9;color:#567342;isolation:isolate}:where(html:not([data-title-studies])) .blog-card:nth-child(-n/**/+2) .report-art{height:215px}:where(html:not([data-title-studies])) .report-art--sand{background:#ede3ce;color:#a47545}:where(html:not([data-title-studies])) .report-art--lilac{background:#e9e0ed;color:#87718f}:where(html:not([data-title-studies])) .report-art--forest{background:#254434;color:#c3d9a6}:where(html:not([data-title-studies])) .report-art--blue{background:#dfeaec;color:#608993} :where(html:not([data-title-studies])) .report-art:before{content:"";position:absolute;width:190px;height:190px;border:1px solid currentColor;border-radius:50%;top:-70px;right:0;opacity:.15}:where(html:not([data-title-studies])) .report-art:after{content:"";position:absolute;width:270px;height:270px;border:1px solid currentColor;border-radius:50%;top:-110px;right:-40px;opacity:.1}:where(html:not([data-title-studies])) .report-art__label{position:absolute;left:20px;top:20px;font:7px var(--mono);letter-spacing:.1em;opacity:.8}:where(html:not([data-title-studies])) .report-art__symbol{position:absolute;right:25px;top:20px;font:70px Georgia,serif;opacity:.45}:where(html:not([data-title-studies])) .report-art__number{position:absolute;left:22px;bottom:15px;font:10px var(--mono);opacity:.75}:where(html:not([data-title-studies])) .report-art svg{position:absolute;left:0;bottom:0;width:100%;height:72%;z-index:-1}:where(html:not([data-title-studies])) .report-art__grid{stroke:currentColor;stroke-width:.6;opacity:.15}:where(html:not([data-title-studies])) .report-art__line{stroke:currentColor;stroke-width:1.7;opacity:.7;stroke-linejoin:round} :where(html:not([data-title-studies])) .blogs-disclaimer{font:9px var(--mono);line-height:1.8;color:var(--muted);margin:25px 0 0} /* The linked blog collection. Plain HTML works from file://, including anchors. */ :where(html:not([data-title-studies])) .reports-main{max-width:1280px;margin:auto;padding:50px 38px 80px}:where(html:not([data-title-studies])) .reports-intro{padding:20px 0 58px;border-bottom:1px solid var(--line)}:where(html:not([data-title-studies])) .reports-back{display:inline-block;font-size:12px;color:var(--accent);padding:8px 0}:where(html:not([data-title-studies])) .reports-intro .eyebrow{justify-content:flex-start;margin:42px 0 22px;color:var(--accent)}:where(html:not([data-title-studies])) .reports-page h1{font-size:76px;line-height:1.04;letter-spacing:-4px;font-weight:500;margin:0 0 25px}:where(html:not([data-title-studies])) .reports-page h1>span{display:inline;color:var(--accent)}:where(html:not([data-title-studies])) .reports-intro>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.8;margin:0 0 26px}:where(html:not([data-title-studies])) .reports-notice{font:8px var(--mono);letter-spacing:.06em;display:inline-block;padding:8px 10px;border:1px solid var(--line);border-radius:4px;color:var(--muted)} :where(html:not([data-title-studies])) .reports-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:70px;padding-top:48px}:where(html:not([data-title-studies])) .reports-index{align-self:start;position:sticky;top:25px}:where(html:not([data-title-studies])) .reports-index>p{font:8px var(--mono);letter-spacing:.06em;color:var(--muted);margin:0 0 18px}:where(html:not([data-title-studies])) .reports-index a{display:flex;gap:14px;font-size:12px;line-height:1.6;padding:15px 0;border-bottom:1px solid var(--line)}:where(html:not([data-title-studies])) .reports-index a:hover{color:var(--accent)}:where(html:not([data-title-studies])) .reports-index a>span{font:9px var(--mono);color:var(--muted);padding-top:3px} :where(html:not([data-title-studies])) .report-preview{padding:25px 0 50px;margin-bottom:35px;border-bottom:1px solid var(--line);scroll-margin-top:28px}:where(html:not([data-title-studies])) .report-preview:target{border-top:2px solid var(--accent);padding-top:23px}:where(html:not([data-title-studies])) .report-preview__meta{display:flex;justify-content:space-between;gap:12px;font:8px var(--mono);letter-spacing:.04em;color:var(--accent);margin-bottom:18px}:where(html:not([data-title-studies])) .report-preview h2{font-size:37px;font-weight:500;letter-spacing:-1.2px;line-height:1.15;margin:0 0 15px}:where(html:not([data-title-studies])) .report-preview__subtitle{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 26px}:where(html:not([data-title-studies])) .report-preview .report-art{height:240px;border-radius:8px;margin-bottom:28px}:where(html:not([data-title-studies])) .report-preview__body{font-size:14px;line-height:1.9}:where(html:not([data-title-studies])) .report-preview__body>p{margin:0 0 25px;color:#66715f}:where(html:not([data-title-studies])) .report-preview__body h3{font-size:17px;font-weight:500;margin:25px 0 10px}:where(html:not([data-title-studies])) .report-preview__body ul{padding-left:20px;margin:0 0 28px}:where(html:not([data-title-studies])) .report-preview__body li{padding-left:5px;margin-bottom:9px}:where(html:not([data-title-studies])) .report-preview__body .report-preview__notice{font:10px/1.8 var(--mono);padding:16px;background:var(--accent-soft);border-radius:5px;color:var(--muted)} @media(max-width:1330px){:where(html:not([data-title-studies])) .helios-header{margin-left:24px;margin-right:24px}} @media(max-width:1120px){:where(html:not([data-title-studies])) .helios-header__bar{gap:14px;padding:0 18px}:where(html:not([data-title-studies])) .helios-header__nav>button,:where(html:not([data-title-studies])) .helios-header__nav>a{font-size:12px;padding:12px 7px}:where(html:not([data-title-studies])) .helios-header__actions{gap:12px}:where(html:not([data-title-studies])) .helios-header__actions>a:first-child{display:none}} @media(max-width:1000px){ :where(html:not([data-title-studies])) .helios-header{margin:12px 24px}:where(html:not([data-title-studies])) .helios-header__bar{min-height:70px}:where(html:not([data-title-studies])) .helios-header__actions{margin-left:auto}:where(html:not([data-title-studies])) .helios-header__toggle{display:block;background:transparent;color:var(--ink);border:0;font-size:23px;padding:9px} :where(html:not([data-title-studies])) .helios-header__menu{display:none;position:absolute;left:-1px;right:-1px;top:100%;padding:12px 18px 20px;background:#fff;border:1px solid var(--line);border-radius:0 0 9px 9px;box-shadow:0 24px 36px -14px #25382128;max-height:var(--menu-height,65dvh);overflow-y:auto;overscroll-behavior:contain} :where(html:not([data-title-studies])) .helios-header[data-mobile-open="true"] .helios-header__menu{display:block}:where(html:not([data-title-studies])) .helios-header__nav{flex-direction:column;align-items:stretch;gap:0}:where(html:not([data-title-studies])) .helios-header__nav>button,:where(html:not([data-title-studies])) .helios-header__nav>a{display:flex;justify-content:space-between;text-align:left;border-radius:0;border-bottom:1px solid var(--line);font-size:16px;padding:15px 8px}:where(html:not([data-title-studies])) .helios-header__panels{position:static;border:0;box-shadow:none;padding:0}:where(html:not([data-title-studies])) .helios-header__panel{grid-template-columns:1fr;gap:20px;padding-top:18px}:where(html:not([data-title-studies])) .helios-header__back{display:block;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;text-align:left;width:100%;padding:16px 8px}:where(html:not([data-title-studies])) .helios-header[data-submenu="true"] .helios-header__nav{display:none}:where(html:not([data-title-studies])) .helios-header__mobile-cta{display:block;margin-top:20px;text-align:center;font-size:12px}:where(html:not([data-title-studies])) .nav-aside{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;gap:15px}:where(html:not([data-title-studies])) .nav-aside__note{display:none}:where(html:not([data-title-studies])) .nav-feature{min-height:180px;padding:20px}:where(html:not([data-title-studies])) .nav-feature strong{font-size:18px}:where(html:not([data-title-studies])) .nav-feature__symbol{font-size:50px}:where(html:not([data-title-studies])) .nav-feature-grid{gap:12px} :where(html:not([data-title-studies])) .home-blogs{padding:44px 28px 55px}:where(html:not([data-title-studies])) .blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(html:not([data-title-studies])) .blog-card,:where(html:not([data-title-studies])) .blog-card:nth-child(-n/**/+2){grid-column:span 1}:where(html:not([data-title-studies])) .blog-card:last-child{grid-column:span 2}:where(html:not([data-title-studies])) .blog-card .report-art,:where(html:not([data-title-studies])) .blog-card:nth-child(-n/**/+2) .report-art{height:185px}:where(html:not([data-title-studies])) .reports-main{padding:30px 28px 60px}:where(html:not([data-title-studies])) .reports-layout{grid-template-columns:200px minmax(0,1fr);gap:30px} } @media(max-width:700px){:where(html:not([data-title-studies])) .reports-layout{grid-template-columns:1fr;gap:20px}:where(html:not([data-title-studies])) .reports-index{position:static}:where(html:not([data-title-studies])) .reports-intro{padding-bottom:36px}:where(html:not([data-title-studies])) .reports-page h1{font-size:56px;letter-spacing:-2.5px}:where(html:not([data-title-studies])) .report-preview h2{font-size:32px}} @media(max-width:540px){ :where(html:not([data-title-studies])) .helios-header{margin:12px 16px}:where(html:not([data-title-studies])) .helios-header__bar{padding:0 14px;gap:8px;min-height:66px}:where(html:not([data-title-studies])) .helios-header .wordmark{font-size:28px}:where(html:not([data-title-studies])) .helios-header__actions{display:none}:where(html:not([data-title-studies])) .helios-header__toggle{margin-left:auto}:where(html:not([data-title-studies])) .nav-feature-grid{grid-template-columns:1fr}:where(html:not([data-title-studies])) .nav-feature{min-height:150px}:where(html:not([data-title-studies])) .nav-feature>span:not(.nav-feature__symbol){max-width:200px}:where(html:not([data-title-studies])) .nav-link-list>a{gap:10px;padding:12px}:where(html:not([data-title-studies])) .nav-link-list small{font-size:10px} :where(html:not([data-title-studies])) .home-blogs{padding:38px 20px 45px}:where(html:not([data-title-studies])) .blogs-heading{display:block;margin-bottom:27px}:where(html:not([data-title-studies])) .blogs-heading h2{font-size:38px}:where(html:not([data-title-studies])) .blogs-heading p:not(.eyebrow){font-size:12px}:where(html:not([data-title-studies])) .blogs-all{display:inline-flex;margin-top:20px;font-size:11px}:where(html:not([data-title-studies])) .blog-card-grid{grid-template-columns:1fr;gap:22px}:where(html:not([data-title-studies])) .blog-card,:where(html:not([data-title-studies])) .blog-card:nth-child(-n/**/+2),:where(html:not([data-title-studies])) .blog-card:last-child{grid-column:auto}:where(html:not([data-title-studies])) .blog-card__copy{padding:21px}:where(html:not([data-title-studies])) .blog-card h3{font-size:23px}:where(html:not([data-title-studies])) .blogs-disclaimer{font-size:8px}:where(html:not([data-title-studies])) .reports-main{padding:20px 20px 45px}:where(html:not([data-title-studies])) .reports-page h1{font-size:47px;letter-spacing:-2px}:where(html:not([data-title-studies])) .reports-intro>p:not(.eyebrow){font-size:13px}:where(html:not([data-title-studies])) .reports-intro .eyebrow{font-size:7px}:where(html:not([data-title-studies])) .reports-layout{padding-top:30px}:where(html:not([data-title-studies])) .report-preview h2{font-size:29px}:where(html:not([data-title-studies])) .report-preview__meta{font-size:7px}:where(html:not([data-title-studies])) .report-preview__body{font-size:13px}:where(html:not([data-title-studies])) .report-preview .report-art{height:190px} } @media(prefers-reduced-motion:reduce){:where(html:not([data-title-studies])) .blog-card,:where(html:not([data-title-studies])) .nav-feature__symbol,:where(html:not([data-title-studies])) .helios-header__nav>button>span{transition:none}} /* Site adaptation: always-floating navigation, expanding after a short scroll. The reserved space never changes, so expansion cannot move the page content. */ :root:where(:not([data-title-studies])){--header-offset:110px} :where(html:not([data-title-studies])) .site-shell{padding-top:110px} :where(html:not([data-title-studies])) .helios-header{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:min(360px,calc(100% - 48px));max-width:1280px;margin:0;border-radius:12px;transition:width .4s cubic-bezier(.22,1,.36,1),box-shadow .4s} :where(html:not([data-title-studies])) .helios-header[data-expanded="true"]{width:calc(100% - 48px);box-shadow:0 12px 36px #25382118} :where(html:not([data-title-studies])) .helios-header__bar{display:grid;grid-template-columns:0px minmax(0,1fr) 0px;gap:0;min-height:74px;padding:0 20px;transition:grid-template-columns .4s cubic-bezier(.22,1,.36,1),gap .4s} :where(html:not([data-title-studies])) .helios-header[data-expanded="true"] .helios-header__bar{grid-template-columns:150px minmax(0,1fr) 150px;gap:16px} :where(html:not([data-title-studies])) .helios-header .wordmark{grid-column:1;grid-row:1;min-width:0;overflow:hidden;white-space:nowrap} :where(html:not([data-title-studies])) .helios-header__logo{display:block;width:120px;max-width:100%;height:auto;object-fit:contain} :where(html:not([data-title-studies])) .helios-header__actions{grid-column:3;grid-row:1;display:flex;justify-content:flex-end;gap:16px;margin:0;min-width:0;overflow:hidden;font-size:12px} :where(html:not([data-title-studies])) .helios-header__actions>a:first-child{display:block} :where(html:not([data-title-studies])) .helios-header .wordmark,:where(html:not([data-title-studies])) .helios-header__actions{visibility:hidden;opacity:0;transition:opacity .22s,visibility .22s} :where(html:not([data-title-studies])) .helios-header[data-expanded="true"] .wordmark,:where(html:not([data-title-studies])) .helios-header[data-expanded="true"] .helios-header__actions{visibility:visible;opacity:1;transition:opacity .3s .12s,visibility 0s} :where(html:not([data-title-studies])) .helios-header__menu,:where(html:not([data-title-studies])) .helios-header[data-mobile-open="true"] .helios-header__menu{display:contents} :where(html:not([data-title-studies])) .helios-header__nav,:where(html:not([data-title-studies])) .helios-header[data-submenu="true"] .helios-header__nav{grid-column:2;grid-row:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:3px;min-width:0} :where(html:not([data-title-studies])) .helios-header__nav>button,:where(html:not([data-title-studies])) .helios-header__nav>a{display:flex;align-items:center;justify-content:center;gap:4px;font-size:13px;padding:12px 9px;border:0;border-radius:5px} :where(html:not([data-title-studies])) .helios-header__toggle,:where(html:not([data-title-studies])) .helios-header__mobile-cta{display:none} :where(html:not([data-title-studies])) .helios-header__panels{position:absolute;top:100%;left:50%;right:auto;transform:translateX(-50%);width:min(1100px,calc(100vw - 48px));max-height:var(--menu-height,70dvh);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);padding:28px;border-radius:0 0 12px 12px;box-shadow:0 24px 36px -14px #25382128} @media(max-width:1120px) and (min-width:1001px){ :where(html:not([data-title-studies])) .helios-header[data-expanded="true"] .helios-header__bar{grid-template-columns:125px minmax(0,1fr) 125px;gap:8px;padding:0 16px} :where(html:not([data-title-studies])) .helios-header__nav>button,:where(html:not([data-title-studies])) .helios-header__nav>a{font-size:12px;padding:12px 7px} :where(html:not([data-title-studies])) .helios-header__actions{gap:10px} } @media(max-width:1000px){ :root:where(:not([data-title-studies])){--header-offset:140px} :where(html:not([data-title-studies])) .helios-header{top:12px;width:min(360px,calc(100% - 32px))} :where(html:not([data-title-studies])) .helios-header[data-expanded="true"]{width:min(760px,calc(100% - 32px))} :where(html:not([data-title-studies])) .helios-header__bar,:where(html:not([data-title-studies])) .helios-header[data-expanded="true"] .helios-header__bar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:0px 58px;gap:0;min-height:0;padding:0 14px;transition:grid-template-rows .35s} :where(html:not([data-title-studies])) .helios-header[data-expanded="true"] .helios-header__bar{grid-template-rows:48px 58px} :where(html:not([data-title-studies])) .helios-header .wordmark{grid-column:1;grid-row:1;font-size:26px;height:100%} :where(html:not([data-title-studies])) .helios-header__logo{width:76px;max-height:38px} :where(html:not([data-title-studies])) .helios-header__actions{grid-column:2;grid-row:1;height:100%;align-items:center;font-size:11px;gap:12px} :where(html:not([data-title-studies])) .helios-header__cta{padding:10px 12px} :where(html:not([data-title-studies])) .helios-header__nav,:where(html:not([data-title-studies])) .helios-header[data-submenu="true"] .helios-header__nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:0} :where(html:not([data-title-studies])) .helios-header__nav>button,:where(html:not([data-title-studies])) .helios-header__nav>a{font-size:13px;min-height:44px;padding:10px 8px} :where(html:not([data-title-studies])) .helios-header__panels{width:calc(100% + 2px);padding:12px 18px 20px} :where(html:not([data-title-studies])) .helios-header__back{display:block} } @media(max-width:540px){ :where(html:not([data-title-studies])) .helios-header,:where(html:not([data-title-studies])) .helios-header[data-expanded="true"]{width:calc(100% - 24px)} :where(html:not([data-title-studies])) .helios-header__bar,:where(html:not([data-title-studies])) .helios-header[data-expanded="true"] .helios-header__bar{padding:0 10px} :where(html:not([data-title-studies])) .helios-header .wordmark{font-size:22px;gap:5px} :where(html:not([data-title-studies])) .helios-header .brand-symbol{width:19px;height:19px} :where(html:not([data-title-studies])) .helios-header__actions{font-size:10px;gap:8px} :where(html:not([data-title-studies])) .helios-header__cta{padding:9px 8px} :where(html:not([data-title-studies])) .helios-header__nav>button,:where(html:not([data-title-studies])) .helios-header__nav>a{font-size:11px;padding:10px 5px;gap:2px} } @media(max-width:359px){ :where(html:not([data-title-studies])) .helios-header__nav>button,:where(html:not([data-title-studies])) .helios-header__nav>a{font-size:10px;padding:10px 4px} :where(html:not([data-title-studies])) .helios-header__nav>button>span{display:none} :where(html:not([data-title-studies])) .helios-header__actions{gap:6px;font-size:9px} :where(html:not([data-title-studies])) .helios-header .wordmark{font-size:20px} } @media print{:where(html:not([data-title-studies])) .site-shell{padding-top:0}:where(html:not([data-title-studies])) .helios-header{display:none}} /* Three report previews in the Blogs disclosure; source prose stays intact. */ :where(html:not([data-title-studies])) .helios-header__panel--blogs{grid-template-columns:minmax(0,1fr);gap:18px} :where(html:not([data-title-studies])) .nav-blog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px} :where(html:not([data-title-studies])) .nav-blog-heading .nav-kicker{margin:0} :where(html:not([data-title-studies])) .nav-blog-heading>a:hover{text-decoration:underline;text-underline-offset:4px} :where(html:not([data-title-studies])) .nav-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} :where(html:not([data-title-studies])) .nav-blog-card{display:flex;flex-direction:column;gap:10px;min-width:0;border-radius:8px} :where(html:not([data-title-studies])) .nav-blog-card img{display:block;width:100%;height:auto;aspect-ratio:876/493;object-fit:contain;padding:6px;background:#11121e;border-radius:7px} :where(html:not([data-title-studies])) .nav-blog-card time{font:10px var(--mono);color:var(--muted)} :where(html:not([data-title-studies])) .nav-blog-card h3{font-size:16px;font-weight:500;line-height:1.4;letter-spacing:-.3px;margin:0} :where(html:not([data-title-studies])) .nav-blog-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:0} :where(html:not([data-title-studies])) .nav-blog-card:hover h3,:where(html:not([data-title-studies])) .nav-blog-card:focus-visible h3{color:var(--accent);text-decoration:underline;text-underline-offset:3px} @media(max-width:700px){ :where(html:not([data-title-studies])) .nav-blog-grid{grid-template-columns:1fr;gap:20px} :where(html:not([data-title-studies])) .nav-blog-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:7px 12px} :where(html:not([data-title-studies])) .nav-blog-card img{grid-column:1;grid-row:1/4;padding:3px} :where(html:not([data-title-studies])) .nav-blog-card time,:where(html:not([data-title-studies])) .nav-blog-card h3,:where(html:not([data-title-studies])) .nav-blog-card p{grid-column:2} :where(html:not([data-title-studies])) .nav-blog-card h3{font-size:14px} :where(html:not([data-title-studies])) .nav-blog-card p{font-size:11px} } /* ===== blog-library/theme.css (merged source) ===== */ @font-face{font-family:headingFont;src:url(blog-library/assets/fda8f8ecccd1.woff2) format("woff2");font-display:swap;font-weight:500;font-style:normal} @font-face{font-family:headingFont;src:url(blog-library/assets/68a2dc9e809c.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal} @font-face{font-family:headingFont;src:url(blog-library/assets/fa52e480589d.woff2) format("woff2");font-display:swap;font-weight:300;font-style:normal} @font-face{font-family:headingItalicFont;src:url(blog-library/assets/23923f100784.woff2) format("woff2");font-display:swap;font-weight:500;font-style:italic} @font-face{font-family:headingItalicFont;src:url(blog-library/assets/24e80b5bf576.woff2) format("woff2");font-display:swap;font-weight:300;font-style:italic} @font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:100;font-stretch:100%;font-display:swap;src:url(blog-library/assets/4feef8d47d97.woff2) format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:200;font-stretch:100%;font-display:swap;src:url(blog-library/assets/4feef8d47d97.woff2) format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(blog-library/assets/4feef8d47d97.woff2) format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(blog-library/assets/4feef8d47d97.woff2) format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(blog-library/assets/4feef8d47d97.woff2) format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(blog-library/assets/4feef8d47d97.woff2) format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(blog-library/assets/4feef8d47d97.woff2) format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(blog-library/assets/d06d29471b1e.woff2) format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:Imbue;font-style:normal;font-weight:100 900;font-display:swap;src:url(blog-library/assets/de1f717b22fd.woff2) format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} :where(html:not([data-title-studies])) .pg-kit *,:where(html:not([data-title-studies])) .pg-kit,:where(html:not([data-title-studies])) .pg-kit :after,:where(html:not([data-title-studies])) .pg-kit :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } :where(html:not([data-title-studies])) :where(.pg-kit) ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } :where(html:not([data-title-studies])) .pg-kit *,:where(html:not([data-title-studies])) .pg-kit,:where(html:not([data-title-studies])) .pg-kit :after,:where(html:not([data-title-studies])) .pg-kit :before{box-sizing:border-box;border:0 solid #e5e7eb} :where(html:not([data-title-studies])) .pg-kit :after,:where(html:not([data-title-studies])) .pg-kit :before{--tw-content:""} :where(html:not([data-title-studies])) .pg-kit,:where(html:not([data-title-studies])) .pg-kit{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent} :where(html:not([data-title-studies])) .pg-kit{margin:0;line-height:inherit} :where(html:not([data-title-studies])) :where(.pg-kit) hr{height:0;color:inherit;border-top-width:1px} :where(html:not([data-title-studies])) :where(.pg-kit) abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted} :where(html:not([data-title-studies])) :where(.pg-kit) h1,:where(html:not([data-title-studies])) :where(.pg-kit) h2,:where(html:not([data-title-studies])) :where(.pg-kit) h3,:where(html:not([data-title-studies])) :where(.pg-kit) h4,:where(html:not([data-title-studies])) :where(.pg-kit) h5,:where(html:not([data-title-studies])) :where(.pg-kit) h6{font-size:inherit;font-weight:inherit} :where(html:not([data-title-studies])) :where(.pg-kit) a{color:inherit;text-decoration:inherit} :where(html:not([data-title-studies])) :where(.pg-kit) b,:where(html:not([data-title-studies])) :where(.pg-kit) strong{font-weight:bolder} :where(html:not([data-title-studies])) :where(.pg-kit) code,:where(html:not([data-title-studies])) :where(.pg-kit) kbd,:where(html:not([data-title-studies])) :where(.pg-kit) pre,:where(html:not([data-title-studies])) :where(.pg-kit) samp{font-family:var(--font-mono),monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em} :where(html:not([data-title-studies])) :where(.pg-kit) small{font-size:80%} :where(html:not([data-title-studies])) :where(.pg-kit) sub,:where(html:not([data-title-studies])) :where(.pg-kit) sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} :where(html:not([data-title-studies])) :where(.pg-kit) sub{bottom:-.25em} :where(html:not([data-title-studies])) :where(.pg-kit) sup{top:-.5em} :where(html:not([data-title-studies])) :where(.pg-kit) table{text-indent:0;border-color:inherit;border-collapse:collapse} :where(html:not([data-title-studies])) :where(.pg-kit) button,:where(html:not([data-title-studies])) :where(.pg-kit) input,:where(html:not([data-title-studies])) :where(.pg-kit) optgroup,:where(html:not([data-title-studies])) :where(.pg-kit) select,:where(html:not([data-title-studies])) :where(.pg-kit) textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0} :where(html:not([data-title-studies])) :where(.pg-kit) button,:where(html:not([data-title-studies])) :where(.pg-kit) select{text-transform:none} :where(html:not([data-title-studies])) :where(.pg-kit) button,:where(html:not([data-title-studies])) :where(.pg-kit) input:where([type=button]),:where(html:not([data-title-studies])) :where(.pg-kit) input:where([type=reset]),:where(html:not([data-title-studies])) :where(.pg-kit) input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none} :where(html:not([data-title-studies])) :where(.pg-kit) :-moz-focusring{outline:auto} :where(html:not([data-title-studies])) :where(.pg-kit) :-moz-ui-invalid{box-shadow:none} :where(html:not([data-title-studies])) :where(.pg-kit) progress{vertical-align:baseline} :where(html:not([data-title-studies])) :where(.pg-kit) ::-webkit-inner-spin-button,:where(html:not([data-title-studies])) :where(.pg-kit) ::-webkit-outer-spin-button{height:auto} :where(html:not([data-title-studies])) :where(.pg-kit) [type=search]{-webkit-appearance:textfield;outline-offset:-2px} :where(html:not([data-title-studies])) :where(.pg-kit) ::-webkit-search-decoration{-webkit-appearance:none} :where(html:not([data-title-studies])) :where(.pg-kit) ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} :where(html:not([data-title-studies])) :where(.pg-kit) summary{display:list-item} :where(html:not([data-title-studies])) :where(.pg-kit) blockquote,:where(html:not([data-title-studies])) :where(.pg-kit) dd,:where(html:not([data-title-studies])) :where(.pg-kit) dl,:where(html:not([data-title-studies])) :where(.pg-kit) figure,:where(html:not([data-title-studies])) :where(.pg-kit) h1,:where(html:not([data-title-studies])) :where(.pg-kit) h2,:where(html:not([data-title-studies])) :where(.pg-kit) h3,:where(html:not([data-title-studies])) :where(.pg-kit) h4,:where(html:not([data-title-studies])) :where(.pg-kit) h5,:where(html:not([data-title-studies])) :where(.pg-kit) h6,:where(html:not([data-title-studies])) :where(.pg-kit) hr,:where(html:not([data-title-studies])) :where(.pg-kit) p,:where(html:not([data-title-studies])) :where(.pg-kit) pre{margin:0} :where(html:not([data-title-studies])) :where(.pg-kit) fieldset{margin:0} :where(html:not([data-title-studies])) :where(.pg-kit) fieldset,:where(html:not([data-title-studies])) :where(.pg-kit) legend{padding:0} :where(html:not([data-title-studies])) :where(.pg-kit) menu,:where(html:not([data-title-studies])) :where(.pg-kit) ol,:where(html:not([data-title-studies])) :where(.pg-kit) ul{list-style:none;margin:0;padding:0} :where(html:not([data-title-studies])) :where(.pg-kit) dialog{padding:0} :where(html:not([data-title-studies])) :where(.pg-kit) textarea{resize:vertical} :where(html:not([data-title-studies])) :where(.pg-kit) input::-moz-placeholder,:where(html:not([data-title-studies])) :where(.pg-kit) textarea::-moz-placeholder{opacity:1;color:#9ca3af} :where(html:not([data-title-studies])) :where(.pg-kit) input::placeholder,:where(html:not([data-title-studies])) :where(.pg-kit) textarea::placeholder{opacity:1;color:#9ca3af} :where(html:not([data-title-studies])) :where(.pg-kit) [role=button],:where(html:not([data-title-studies])) :where(.pg-kit) button{cursor:pointer} :where(html:not([data-title-studies])) :where(.pg-kit) :disabled{cursor:default} :where(html:not([data-title-studies])) :where(.pg-kit) audio,:where(html:not([data-title-studies])) :where(.pg-kit) canvas,:where(html:not([data-title-studies])) :where(.pg-kit) embed,:where(html:not([data-title-studies])) :where(.pg-kit) iframe,:where(html:not([data-title-studies])) :where(.pg-kit) img,:where(html:not([data-title-studies])) :where(.pg-kit) object,:where(html:not([data-title-studies])) :where(.pg-kit) svg,:where(html:not([data-title-studies])) :where(.pg-kit) video{display:block;vertical-align:middle} :where(html:not([data-title-studies])) :where(.pg-kit) img,:where(html:not([data-title-studies])) :where(.pg-kit) video{max-width:100%;height:auto} :where(html:not([data-title-studies])) :where(.pg-kit) [hidden]:where(:not([hidden=until-found])){display:none} :where(html:not([data-title-studies])) .pg-kit{--background:0 0% 95%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:22 100% 50%;--radius:0.5rem;--shadow-ai:0px 1px #ff4d06;--shadow-ai-hover:0px 2px #ff4d0664;--shadow-ai-thick:0px 2px #ff4d06;--shadow-mixed:0px 1px #ffb215;--shadow-mixed-hover:0px 2px #ffab0077;--shadow-mixed-thick:0px 2px #b77b01;--shadow-human:1px 1px #118d57;--shadow-human-hover:1px 1px #118d5755;--shadow-human-thick:1px 1px #118d57} :where(html:not([data-title-studies])) .pg-kit *,:where(html:not([data-title-studies])) .pg-kit{border-color:hsl(var(--border))} :where(html:not([data-title-studies])) .pg-kit{--tw-bg-opacity:1;background-color:rgb(248 247 245/var(--tw-bg-opacity,1));font-family:var(--font-body);--tw-text-opacity:1;color:rgb(20 32 30/var(--tw-text-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) h1{font-family:var(--font-heading);letter-spacing:-.04em} :where(html:not([data-title-studies])) :where(.pg-kit) pre{border-radius:calc(var(--radius) - 2px);--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));padding:1rem;font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .container-max-width{margin-left:auto;margin-right:auto;width:100%;max-width:1280px;padding-left:12px;padding-right:12px} @media (min-width:1024px){:where(html:not([data-title-studies])) :where(.pg-kit) .container-max-width{padding-left:36px;padding-right:36px}} :where(html:not([data-title-studies])) :where(.pg-kit) .container-full{width:100%!important;overflow:hidden;padding-top:60px;padding-bottom:60px} @media (min-width:1024px){:where(html:not([data-title-studies])) :where(.pg-kit) .container-full{padding-top:100px;padding-bottom:100px}} :where(html:not([data-title-studies])) :where(.pg-kit) .ppeiko{font-family:var(--font-heading);letter-spacing:-.04em} :where(html:not([data-title-studies])) :where(.pg-kit) .section-heading{font-family:var(--font-heading);font-size:2.5rem;font-weight:400;line-height:1.1;letter-spacing:-.025em} @media (min-width:1024px){:where(html:not([data-title-studies])) :where(.pg-kit) .section-heading{font-size:3.5rem}} :where(html:not([data-title-studies])) :where(.pg-kit) .section-header-gap{margin-bottom:2.75rem;display:flex;flex-direction:column;gap:1.75rem} :where(html:not([data-title-studies])) :where(.pg-kit) .tag-label-blue{padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;--tw-bg-opacity:1;--tw-text-opacity:1} :where(html:not([data-title-studies])) :where(.pg-kit) .tag-label-blue{background-color:rgb(170 216 249/var(--tw-bg-opacity,1));color:rgb(0 73 209/var(--tw-text-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .font-imbue-number{font-family:var(--font-imbue),serif;font-variation-settings:"wght" 300,"opsz" 144} :where(html:not([data-title-studies])) :where(.pg-kit) .text-body-relaxed{font-size:1rem;line-height:1.5rem;line-height:1.625;letter-spacing:-.025em} :where(html:not([data-title-studies])) :where(.pg-kit) .pointer-events-none{pointer-events:none} :where(html:not([data-title-studies])) :where(.pg-kit) .absolute{position:absolute} :where(html:not([data-title-studies])) :where(.pg-kit) .relative{position:relative} :where(html:not([data-title-studies])) :where(.pg-kit) .sticky{position:sticky} :where(html:not([data-title-studies])) :where(.pg-kit) .bottom-0{bottom:0} :where(html:not([data-title-studies])) :where(.pg-kit) .left-0{left:0} :where(html:not([data-title-studies])) :where(.pg-kit) .right-0{right:0} :where(html:not([data-title-studies])) :where(.pg-kit) .right-6{right:1.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .right-\[5rem\]{right:5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .top-12{top:3rem} :where(html:not([data-title-studies])) :where(.pg-kit) .top-\[-12rem\]{top:-12rem} :where(html:not([data-title-studies])) :where(.pg-kit) .top-\[72px\]{top:72px} :where(html:not([data-title-studies])) :where(.pg-kit) .isolate{isolation:isolate} :where(html:not([data-title-studies])) :where(.pg-kit) .z-0{z-index:0} :where(html:not([data-title-studies])) :where(.pg-kit) .z-10{z-index:10} :where(html:not([data-title-studies])) :where(.pg-kit) .z-20{z-index:20} :where(html:not([data-title-studies])) :where(.pg-kit) .order-1{order:1} :where(html:not([data-title-studies])) :where(.pg-kit) .order-2{order:2} :where(html:not([data-title-studies])) :where(.pg-kit) .mx-auto{margin-left:auto;margin-right:auto} :where(html:not([data-title-studies])) :where(.pg-kit) .my-1{margin-top:.25rem;margin-bottom:.25rem} :where(html:not([data-title-studies])) :where(.pg-kit) .-ml-1{margin-left:-.25rem} :where(html:not([data-title-studies])) :where(.pg-kit) .-ml-12{margin-left:-3rem} :where(html:not([data-title-studies])) :where(.pg-kit) .-ml-6{margin-left:-1.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .-mt-\[72px\]{margin-top:-72px} :where(html:not([data-title-studies])) :where(.pg-kit) .mb-11{margin-bottom:2.75rem} :where(html:not([data-title-studies])) :where(.pg-kit) .mb-2{margin-bottom:.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .mb-4{margin-bottom:1rem} :where(html:not([data-title-studies])) :where(.pg-kit) .ml-3{margin-left:.75rem} :where(html:not([data-title-studies])) :where(.pg-kit) .ml-4{margin-left:1rem} :where(html:not([data-title-studies])) :where(.pg-kit) .mt-12{margin-top:3rem} :where(html:not([data-title-studies])) :where(.pg-kit) .mt-2{margin-top:.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .mt-4{margin-top:1rem} :where(html:not([data-title-studies])) :where(.pg-kit) .mt-6{margin-top:1.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .mt-auto{margin-top:auto} :where(html:not([data-title-studies])) :where(.pg-kit) .line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical} :where(html:not([data-title-studies])) :where(.pg-kit) .line-clamp-2{-webkit-line-clamp:2} :where(html:not([data-title-studies])) :where(.pg-kit) .line-clamp-3{-webkit-line-clamp:3} :where(html:not([data-title-studies])) :where(.pg-kit) .line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical} :where(html:not([data-title-studies])) :where(.pg-kit) .block{display:block} :where(html:not([data-title-studies])) :where(.pg-kit) .inline{display:inline} :where(html:not([data-title-studies])) :where(.pg-kit) .flex{display:flex} :where(html:not([data-title-studies])) :where(.pg-kit) .inline-flex{display:inline-flex} :where(html:not([data-title-studies])) :where(.pg-kit) .grid{display:grid} :where(html:not([data-title-studies])) :where(.pg-kit) .hidden{display:none} :where(html:not([data-title-studies])) :where(.pg-kit) .aspect-\[876\/493\]{aspect-ratio:876/493} :where(html:not([data-title-studies])) :where(.pg-kit) .aspect-square{aspect-ratio:1/1} :where(html:not([data-title-studies])) :where(.pg-kit) .size-4{width:1rem;height:1rem} :where(html:not([data-title-studies])) :where(.pg-kit) .size-8{width:2rem;height:2rem} :where(html:not([data-title-studies])) :where(.pg-kit) .size-9{width:2.25rem;height:2.25rem} :where(html:not([data-title-studies])) :where(.pg-kit) .h-1{height:.25rem} :where(html:not([data-title-studies])) :where(.pg-kit) .h-12{height:3rem} :where(html:not([data-title-studies])) :where(.pg-kit) .h-6{height:1.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .h-7{height:1.75rem} :where(html:not([data-title-studies])) :where(.pg-kit) .h-80{height:20rem} :where(html:not([data-title-studies])) :where(.pg-kit) .h-\[1px\]{height:1px} :where(html:not([data-title-studies])) :where(.pg-kit) .h-\[22px\]{height:22px} :where(html:not([data-title-studies])) :where(.pg-kit) .h-\[44px\]{height:44px} :where(html:not([data-title-studies])) :where(.pg-kit) .h-auto{height:auto} :where(html:not([data-title-studies])) :where(.pg-kit) .h-full{height:100%} :where(html:not([data-title-studies])) :where(.pg-kit) .h-px{height:1px} :where(html:not([data-title-studies])) :where(.pg-kit) .min-h-\[500px\]{min-height:500px} :where(html:not([data-title-studies])) :where(.pg-kit) .w-1{width:.25rem} :where(html:not([data-title-studies])) :where(.pg-kit) .w-12{width:3rem} :where(html:not([data-title-studies])) :where(.pg-kit) .w-20{width:5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .w-36{width:9rem} :where(html:not([data-title-studies])) :where(.pg-kit) .w-6{width:1.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .w-\[120px\]{width:120px} :where(html:not([data-title-studies])) :where(.pg-kit) .w-\[170px\]{width:170px} :where(html:not([data-title-studies])) :where(.pg-kit) .w-\[1px\]{width:1px} :where(html:not([data-title-studies])) :where(.pg-kit) .w-auto{width:auto} :where(html:not([data-title-studies])) :where(.pg-kit) .w-full{width:100%} :where(html:not([data-title-studies])) :where(.pg-kit) .min-w-0{min-width:0} :where(html:not([data-title-studies])) :where(.pg-kit) .min-w-\[200px\]{min-width:200px} :where(html:not([data-title-studies])) :where(.pg-kit) .max-w-2xl{max-width:42rem} :where(html:not([data-title-studies])) :where(.pg-kit) .max-w-\[400px\]{max-width:400px} :where(html:not([data-title-studies])) :where(.pg-kit) .max-w-\[543px\]{max-width:543px} :where(html:not([data-title-studies])) :where(.pg-kit) .flex-1{flex:1 1 0%} :where(html:not([data-title-studies])) :where(.pg-kit) .flex-shrink-0{flex-shrink:0} :where(html:not([data-title-studies])) :where(.pg-kit) .shrink-0{flex-shrink:0} :where(html:not([data-title-studies])) :where(.pg-kit) .grow-0{flex-grow:0} :where(html:not([data-title-studies])) :where(.pg-kit) .basis-full{flex-basis:100%} :where(html:not([data-title-studies])) :where(.pg-kit) .origin-\[100\%_60\%\]{transform-origin:100% 60%} :where(html:not([data-title-studies])) :where(.pg-kit) .-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} :where(html:not([data-title-studies])) :where(.pg-kit) .-rotate-90{--tw-rotate:-90deg} :where(html:not([data-title-studies])) :where(.pg-kit) .rotate-0{--tw-rotate:0deg} :where(html:not([data-title-studies])) :where(.pg-kit) .rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} :where(html:not([data-title-studies])) :where(.pg-kit) .rotate-180{--tw-rotate:180deg} :where(html:not([data-title-studies])) :where(.pg-kit) .rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} :where(html:not([data-title-studies])) :where(.pg-kit) .scale-\[2\]{--tw-scale-x:2;--tw-scale-y:2} :where(html:not([data-title-studies])) :where(.pg-kit) .scale-\[2\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} @keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}} @keyframes fill-width{0%{width:0}to{width:100%}} @keyframes ping{75%,to{transform:scale(2);opacity:0}} @keyframes pulse{50%{opacity:.5}} @keyframes se-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}} @keyframes spin{to{transform:rotate(1turn)}} :where(html:not([data-title-studies])) :where(.pg-kit) .cursor-pointer{cursor:pointer} :where(html:not([data-title-studies])) :where(.pg-kit) .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))} :where(html:not([data-title-studies])) :where(.pg-kit) .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} :where(html:not([data-title-studies])) :where(.pg-kit) .flex-col{flex-direction:column} :where(html:not([data-title-studies])) :where(.pg-kit) .items-start{align-items:flex-start} :where(html:not([data-title-studies])) :where(.pg-kit) .items-end{align-items:flex-end} :where(html:not([data-title-studies])) :where(.pg-kit) .items-center{align-items:center} :where(html:not([data-title-studies])) :where(.pg-kit) .justify-start{justify-content:flex-start} :where(html:not([data-title-studies])) :where(.pg-kit) .justify-center{justify-content:center} :where(html:not([data-title-studies])) :where(.pg-kit) .justify-between{justify-content:space-between} :where(html:not([data-title-studies])) :where(.pg-kit) .gap-1{gap:.25rem} :where(html:not([data-title-studies])) :where(.pg-kit) .gap-12{gap:3rem} :where(html:not([data-title-studies])) :where(.pg-kit) .gap-2{gap:.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .gap-3{gap:.75rem} :where(html:not([data-title-studies])) :where(.pg-kit) .gap-4{gap:1rem} :where(html:not([data-title-studies])) :where(.pg-kit) .gap-5{gap:1.25rem} :where(html:not([data-title-studies])) :where(.pg-kit) .gap-6{gap:1.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .gap-7{gap:1.75rem} :where(html:not([data-title-studies])) :where(.pg-kit) .gap-8{gap:2rem} :where(html:not([data-title-studies])) :where(.pg-kit) .gap-\[6px\]{gap:6px} :where(html:not([data-title-studies])) :where(.pg-kit) .-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.75rem * var(--tw-space-x-reverse));margin-left:calc(-.75rem * calc(1 - var(--tw-space-x-reverse)))} :where(html:not([data-title-studies])) :where(.pg-kit) .-space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(-1.5rem * var(--tw-space-y-reverse))} :where(html:not([data-title-studies])) :where(.pg-kit) .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))} :where(html:not([data-title-studies])) :where(.pg-kit) .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))} :where(html:not([data-title-studies])) :where(.pg-kit) .overflow-hidden{overflow:hidden} :where(html:not([data-title-studies])) :where(.pg-kit) .text-ellipsis{text-overflow:ellipsis} :where(html:not([data-title-studies])) :where(.pg-kit) .whitespace-nowrap{white-space:nowrap} :where(html:not([data-title-studies])) :where(.pg-kit) .whitespace-pre-line{white-space:pre-line} :where(html:not([data-title-studies])) :where(.pg-kit) .rounded-2xl{border-radius:1rem} :where(html:not([data-title-studies])) :where(.pg-kit) .rounded-\[20px\]{border-radius:20px} :where(html:not([data-title-studies])) :where(.pg-kit) .rounded-full{border-radius:9999px} :where(html:not([data-title-studies])) :where(.pg-kit) .rounded-lg{border-radius:var(--radius)} :where(html:not([data-title-studies])) :where(.pg-kit) .rounded-md{border-radius:calc(var(--radius) - 2px)} :where(html:not([data-title-studies])) :where(.pg-kit) .rounded-xl{border-radius:.75rem} :where(html:not([data-title-studies])) :where(.pg-kit) .rounded-t-\[60px\]{border-top-left-radius:60px;border-top-right-radius:60px} :where(html:not([data-title-studies])) :where(.pg-kit) .rounded-bl-\[32px\]{border-bottom-left-radius:32px} :where(html:not([data-title-studies])) :where(.pg-kit) .rounded-bl-\[48px\]{border-bottom-left-radius:48px} :where(html:not([data-title-studies])) :where(.pg-kit) .rounded-tl-\[32px\]{border-top-left-radius:32px} :where(html:not([data-title-studies])) :where(.pg-kit) .rounded-tr-\[48px\]{border-top-right-radius:48px} :where(html:not([data-title-studies])) :where(.pg-kit) .border{border-width:1px} :where(html:not([data-title-studies])) :where(.pg-kit) .border-\[\#15502e\]{--tw-border-opacity:1;border-color:rgb(21 80 46/var(--tw-border-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .bg-\[\#001a16\]{--tw-bg-opacity:1;background-color:rgb(0 26 22/var(--tw-bg-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .bg-\[\#001c17\]{--tw-bg-opacity:1;background-color:rgb(0 28 23/var(--tw-bg-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .bg-\[\#001f1a\]{--tw-bg-opacity:1;background-color:rgb(0 31 26/var(--tw-bg-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .bg-\[\#002b24\]{--tw-bg-opacity:1;background-color:rgb(0 43 36/var(--tw-bg-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .bg-\[\#083428\]{--tw-bg-opacity:1;background-color:rgb(8 52 40/var(--tw-bg-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .bg-\[\#0d4800\]{--tw-bg-opacity:1;background-color:rgb(13 72 0/var(--tw-bg-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .bg-\[\#919eab\]{--tw-bg-opacity:1;background-color:rgb(145 158 171/var(--tw-bg-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .bg-\[\#D9D9D9\]{--tw-bg-opacity:1;background-color:rgb(217 217 217/var(--tw-bg-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .bg-\[\#F8F7F5\]{--tw-bg-opacity:1;background-color:rgb(248 247 245/var(--tw-bg-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .bg-\[\#f4f4ed\]{--tw-bg-opacity:1;background-color:rgb(244 244 237/var(--tw-bg-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .bg-pangram-green{--tw-bg-opacity:1;background-color:rgb(21 80 46/var(--tw-bg-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .bg-pangram-green-dark{--tw-bg-opacity:1;background-color:rgb(1 43 36/var(--tw-bg-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .bg-pangram-orange{--tw-bg-opacity:1;background-color:rgb(255 97 6/var(--tw-bg-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .bg-pangram-yellow{--tw-bg-opacity:1;background-color:rgb(255 231 130/var(--tw-bg-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .bg-opacity-10{--tw-bg-opacity:0.1} :where(html:not([data-title-studies])) :where(.pg-kit) .fill-pangram-blue{fill:#AAD8F9} :where(html:not([data-title-studies])) :where(.pg-kit) .fill-pangram-yellow{fill:#FFE782} :where(html:not([data-title-studies])) :where(.pg-kit) .object-contain{-o-object-fit:contain;object-fit:contain} :where(html:not([data-title-studies])) :where(.pg-kit) .object-cover{-o-object-fit:cover;object-fit:cover} :where(html:not([data-title-studies])) :where(.pg-kit) .p-0{padding:0} :where(html:not([data-title-studies])) :where(.pg-kit) .p-10{padding:2.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .p-2{padding:.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .p-4{padding:1rem} :where(html:not([data-title-studies])) :where(.pg-kit) .p-5{padding:1.25rem} :where(html:not([data-title-studies])) :where(.pg-kit) .p-6{padding:1.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .p-8{padding:2rem} :where(html:not([data-title-studies])) :where(.pg-kit) .\!py-0{padding-top:0!important;padding-bottom:0!important} :where(html:not([data-title-studies])) :where(.pg-kit) .px-1{padding-left:.25rem;padding-right:.25rem} :where(html:not([data-title-studies])) :where(.pg-kit) .px-2{padding-left:.5rem;padding-right:.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .px-3{padding-left:.75rem;padding-right:.75rem} :where(html:not([data-title-studies])) :where(.pg-kit) .px-4{padding-left:1rem;padding-right:1rem} :where(html:not([data-title-studies])) :where(.pg-kit) .px-5{padding-left:1.25rem;padding-right:1.25rem} :where(html:not([data-title-studies])) :where(.pg-kit) .py-1{padding-top:.25rem;padding-bottom:.25rem} :where(html:not([data-title-studies])) :where(.pg-kit) .py-2{padding-top:.5rem;padding-bottom:.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .py-3{padding-top:.75rem;padding-bottom:.75rem} :where(html:not([data-title-studies])) :where(.pg-kit) .py-4{padding-top:1rem;padding-bottom:1rem} :where(html:not([data-title-studies])) :where(.pg-kit) .py-6{padding-top:1.5rem;padding-bottom:1.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .py-8{padding-top:2rem;padding-bottom:2rem} :where(html:not([data-title-studies])) :where(.pg-kit) .pb-4{padding-bottom:1rem} :where(html:not([data-title-studies])) :where(.pg-kit) .pb-\[36px\]{padding-bottom:36px} :where(html:not([data-title-studies])) :where(.pg-kit) .pl-6{padding-left:1.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .pr-2{padding-right:.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .pt-2{padding-top:.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .pt-\[60px\]{padding-top:60px} :where(html:not([data-title-studies])) :where(.pg-kit) .text-left{text-align:left} :where(html:not([data-title-studies])) :where(.pg-kit) .text-center{text-align:center} :where(html:not([data-title-studies])) :where(.pg-kit) .text-right{text-align:right} :where(html:not([data-title-studies])) :where(.pg-kit) .font-heading{font-family:var(--font-heading)} :where(html:not([data-title-studies])) :where(.pg-kit) .font-mono{font-family:var(--font-mono),monospace} :where(html:not([data-title-studies])) :where(.pg-kit) .text-2xl{font-size:1.5rem;line-height:2rem} :where(html:not([data-title-studies])) :where(.pg-kit) .text-\[1\.75rem\]{font-size:1.75rem} :where(html:not([data-title-studies])) :where(.pg-kit) .text-\[14px\]{font-size:14px} :where(html:not([data-title-studies])) :where(.pg-kit) .text-\[1rem\]{font-size:1rem} :where(html:not([data-title-studies])) :where(.pg-kit) .text-\[2\.5rem\]{font-size:2.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .text-\[26px\]{font-size:26px} :where(html:not([data-title-studies])) :where(.pg-kit) .text-base{font-size:1rem;line-height:1.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .text-sm{font-size:.875rem;line-height:1.25rem} :where(html:not([data-title-studies])) :where(.pg-kit) .text-xl{font-size:1.25rem;line-height:1.75rem} :where(html:not([data-title-studies])) :where(.pg-kit) .text-xs{font-size:.75rem;line-height:1rem} :where(html:not([data-title-studies])) :where(.pg-kit) .font-bold{font-weight:700} :where(html:not([data-title-studies])) :where(.pg-kit) .font-light{font-weight:300} :where(html:not([data-title-studies])) :where(.pg-kit) .font-medium{font-weight:500} :where(html:not([data-title-studies])) :where(.pg-kit) .font-normal{font-weight:400} :where(html:not([data-title-studies])) :where(.pg-kit) .font-semibold{font-weight:600} :where(html:not([data-title-studies])) :where(.pg-kit) .uppercase{text-transform:uppercase} :where(html:not([data-title-studies])) :where(.pg-kit) .capitalize{text-transform:capitalize} :where(html:not([data-title-studies])) :where(.pg-kit) .leading-\[1\.1\]{line-height:1.1} :where(html:not([data-title-studies])) :where(.pg-kit) .leading-\[1\.2\]{line-height:1.2} :where(html:not([data-title-studies])) :where(.pg-kit) .leading-\[1\.3\]{line-height:1.3} :where(html:not([data-title-studies])) :where(.pg-kit) .leading-\[1\.4\]{line-height:1.4} :where(html:not([data-title-studies])) :where(.pg-kit) .leading-\[140\%\]{line-height:140%} :where(html:not([data-title-studies])) :where(.pg-kit) .leading-relaxed{line-height:1.625} :where(html:not([data-title-studies])) :where(.pg-kit) .tracking-\[-0\.04em\]{letter-spacing:-.04em} :where(html:not([data-title-studies])) :where(.pg-kit) .tracking-tight{letter-spacing:-.025em} :where(html:not([data-title-studies])) :where(.pg-kit) .tracking-tighter{letter-spacing:-.05em} :where(html:not([data-title-studies])) :where(.pg-kit) .tracking-wider{letter-spacing:.05em} :where(html:not([data-title-studies])) :where(.pg-kit) .text-\[\#15502e\]{--tw-text-opacity:1;color:rgb(21 80 46/var(--tw-text-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .text-\[\#e0fbb6\]{--tw-text-opacity:1;color:rgb(224 251 182/var(--tw-text-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .text-pangram-black{--tw-text-opacity:1;color:rgb(20 32 30/var(--tw-text-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .text-pangram-blue{--tw-text-opacity:1;color:rgb(170 216 249/var(--tw-text-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .text-pangram-gray{--tw-text-opacity:1;color:rgb(243 243 243/var(--tw-text-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .text-pangram-green{--tw-text-opacity:1;color:rgb(21 80 46/var(--tw-text-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .text-pangram-mid-gray{--tw-text-opacity:1;color:rgb(119 119 119/var(--tw-text-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .text-pangram-orange{--tw-text-opacity:1;color:rgb(255 97 6/var(--tw-text-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .text-pangram-purple{--tw-text-opacity:1;color:rgb(244 190 255/var(--tw-text-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .text-white\/40{color:rgb(255 255 255/.4)} :where(html:not([data-title-studies])) :where(.pg-kit) .text-white\/60{color:rgb(255 255 255/.6)} :where(html:not([data-title-studies])) :where(.pg-kit) .text-white\/80{color:rgb(255 255 255/.8)} :where(html:not([data-title-studies])) :where(.pg-kit) .opacity-40{opacity:.4} :where(html:not([data-title-studies])) :where(.pg-kit) .opacity-70{opacity:.7} :where(html:not([data-title-studies])) :where(.pg-kit) .opacity-80{opacity:.8} :where(html:not([data-title-studies])) :where(.pg-kit) .opacity-90{opacity:.9} :where(html:not([data-title-studies])) :where(.pg-kit) .ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)} :where(html:not([data-title-studies])) :where(.pg-kit) .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)} :where(html:not([data-title-studies])) :where(.pg-kit) .ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .ring-offset-background{--tw-ring-offset-color:hsl(var(--background))} :where(html:not([data-title-studies])) :where(.pg-kit) .brightness-0{--tw-brightness:brightness(0)} :where(html:not([data-title-studies])) :where(.pg-kit) .brightness-0{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} :where(html:not([data-title-studies])) :where(.pg-kit) .drop-shadow-xl{--tw-drop-shadow:drop-shadow(0 20px 13px rgb(0 0 0/0.03)) drop-shadow(0 8px 5px rgb(0 0 0/0.08))} :where(html:not([data-title-studies])) :where(.pg-kit) .drop-shadow-xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} :where(html:not([data-title-studies])) :where(.pg-kit) .invert{--tw-invert:invert(100%)} :where(html:not([data-title-studies])) :where(.pg-kit) .invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} :where(html:not([data-title-studies])) :where(.pg-kit) .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s} :where(html:not([data-title-studies])) :where(.pg-kit) .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s} :where(html:not([data-title-studies])) :where(.pg-kit) .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s} :where(html:not([data-title-studies])) :where(.pg-kit) .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s} :where(html:not([data-title-studies])) :where(.pg-kit) .duration-200{transition-duration:.2s} :where(html:not([data-title-studies])) :where(.pg-kit) .duration-300{transition-duration:.3s} :where(html:not([data-title-studies])) :where(.pg-kit) .duration-700{transition-duration:.7s} :where(html:not([data-title-studies])) :where(.pg-kit) .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)} :where(html:not([data-title-studies])) :where(.pg-kit) .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)} :where(html:not([data-title-studies])) :where(.pg-kit) .\@container{container-type:inline-size} @keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}} @keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}} :where(html:not([data-title-studies])) :where(.pg-kit) .duration-200{animation-duration:.2s} :where(html:not([data-title-studies])) :where(.pg-kit) .duration-300{animation-duration:.3s} :where(html:not([data-title-studies])) :where(.pg-kit) .duration-700{animation-duration:.7s} :where(html:not([data-title-studies])) :where(.pg-kit) .ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)} :where(html:not([data-title-studies])) :where(.pg-kit) .ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)} @keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}} @keyframes evidence-appear{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}} @keyframes shimmer-spin{to{--shimmer-angle:360deg}} :where(html:not([data-title-studies])) :where(.pg-kit) .hover\:rounded-none:hover{border-radius:0} :where(html:not([data-title-studies])) :where(.pg-kit) .hover\:rounded-bl-\[32px\]:hover{border-bottom-left-radius:32px} :where(html:not([data-title-studies])) :where(.pg-kit) .hover\:rounded-tr-\[32px\]:hover{border-top-right-radius:32px} :where(html:not([data-title-studies])) :where(.pg-kit) .hover\:bg-\[\#004038\]:hover{--tw-bg-opacity:1;background-color:rgb(0 64 56/var(--tw-bg-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .hover\:bg-\[\#15502e\]:hover{--tw-bg-opacity:1;background-color:rgb(21 80 46/var(--tw-bg-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .hover\:bg-opacity-15:hover{--tw-bg-opacity:0.15} :where(html:not([data-title-studies])) :where(.pg-kit) .hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))} :where(html:not([data-title-studies])) :where(.pg-kit) .hover\:underline:hover{text-decoration-line:underline} :where(html:not([data-title-studies])) :where(.pg-kit) .hover\:opacity-100:hover{opacity:1} :where(html:not([data-title-studies])) :where(.pg-kit) .hover\:opacity-80:hover{opacity:.8} :where(html:not([data-title-studies])) :where(.pg-kit) .focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px} :where(html:not([data-title-studies])) :where(.pg-kit) .focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)} :where(html:not([data-title-studies])) :where(.pg-kit) .focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))} :where(html:not([data-title-studies])) :where(.pg-kit) .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px} :where(html:not([data-title-studies])) :where(.pg-kit) .active\:opacity-100:active{opacity:1} :where(html:not([data-title-studies])) :where(.pg-kit) .disabled\:pointer-events-none:disabled{pointer-events:none} :where(html:not([data-title-studies])) :where(.pg-kit) .disabled\:cursor-not-allowed:disabled{cursor:not-allowed} :where(html:not([data-title-studies])) :where(.pg-kit) .disabled\:opacity-40:disabled{opacity:.4} :where(html:not([data-title-studies])) :where(.pg-kit) .disabled\:opacity-50:disabled{opacity:.5} :where(html:not([data-title-studies])) :where(.pg-kit) .group:hover .group-hover\:translate-x-0\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} :where(html:not([data-title-studies])) :where(.pg-kit) .group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem} :where(html:not([data-title-studies])) :where(.pg-kit) .group:hover .group-hover\:rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} :where(html:not([data-title-studies])) :where(.pg-kit) .group:hover .group-hover\:rotate-45{--tw-rotate:45deg} :where(html:not([data-title-studies])) :where(.pg-kit) .group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05} :where(html:not([data-title-studies])) :where(.pg-kit) .group:hover .group-hover\:scale-105{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} @keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}} @keyframes collapsible-up{0%{height:var(--radix-collapsible-content-height)}to{height:0}} @keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}} @keyframes collapsible-down{0%{height:0}to{height:var(--radix-collapsible-content-height)}} @media (prefers-reduced-motion:no-preference){@keyframes spin{to{transform:rotate(1turn)}}} @media (prefers-reduced-motion:reduce){@keyframes spin{to{transform:rotate(1turn)}}} @media (min-width:640px){:where(html:not([data-title-studies])) :where(.pg-kit) .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} :where(html:not([data-title-studies])) :where(.pg-kit) .sm\:p-7{padding:1.75rem}} @media (min-width:768px){:where(html:not([data-title-studies])) :where(.pg-kit) .md\:\!order-none{order:0!important} :where(html:not([data-title-studies])) :where(.pg-kit) .md\:basis-1\/2{flex-basis:50%} :where(html:not([data-title-studies])) :where(.pg-kit) .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} :where(html:not([data-title-studies])) :where(.pg-kit) .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))} :where(html:not([data-title-studies])) :where(.pg-kit) .md\:gap-12{gap:3rem}} @media (min-width:1024px){:where(html:not([data-title-studies])) :where(.pg-kit) .lg\:order-none{order:0} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:col-span-4{grid-column:span 4/span 4} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:col-span-8{grid-column:span 8/span 8} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:block{display:block} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:flex{display:flex} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:grid{display:grid} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:hidden{display:none} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:size-\[180px\]{width:180px;height:180px} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:h-9{height:2.25rem} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:h-\[340px\]{height:340px} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:w-auto{width:auto} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:basis-1\/3{flex-basis:33.333333%} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:flex-row{flex-direction:row} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:items-end{align-items:flex-end} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:rounded-t-\[100px\]{border-top-left-radius:100px;border-top-right-radius:100px} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:p-10{padding:2.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:p-3{padding:.75rem} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:p-4{padding:1rem} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:p-6{padding:1.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:px-14{padding-left:3.5rem;padding-right:3.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:py-16{padding-top:4rem;padding-bottom:4rem} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:py-\[100px\]{padding-top:100px;padding-bottom:100px} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:pt-\[100px\]{padding-top:100px} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:font-body{font-family:var(--font-body)} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:text-\[25px\]{font-size:25px} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:text-\[3\.5rem\]{font-size:3.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:text-\[68px\]{font-size:68px} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:text-base{font-size:1rem;line-height:1.5rem} :where(html:not([data-title-studies])) :where(.pg-kit) .lg\:text-pangram-green{--tw-text-opacity:1;color:rgb(21 80 46/var(--tw-text-opacity,1))}} @media (min-width:1280px){:where(html:not([data-title-studies])) :where(.pg-kit) .xl\:size-\[272px\]{width:272px;height:272px}} /* Scoped reference typography and layout tokens. */ :where(html:not([data-title-studies])) .pg-kit{ --font-heading: "headingFont", Georgia, serif; --font-heading-italic: "headingItalicFont", Georgia, serif; --font-body: "IBM Plex Sans", Arial, sans-serif; --font-mono: "IBM Plex Mono", monospace; --font-imbue: "Imbue", serif; font-family: var(--font-body); line-height: 1.5; } :where(html:not([data-title-studies])) .pg-kit [hidden]{ display: none !important; } :where(html:not([data-title-studies])) .pg-kit [data-component] button:focus-visible,:where(html:not([data-title-studies])) .pg-kit [data-component] a:focus-visible{ outline: 2px solid #ff6106; outline-offset: 4px; } :where(html:not([data-title-studies])) .pg-kit [data-mobile-panel]{ transition: grid-template-rows 300ms ease; } :where(html:not([data-title-studies])) .pg-kit [data-mobile-panel][aria-hidden="true"]{ visibility: hidden; } :where(html:not([data-title-studies])) .pg-kit [data-desktop-options] button[data-choice]{ cursor: pointer; } :where(html:not([data-title-studies])) .pg-kit [data-desktop-options] button[aria-expanded="false"] > div:last-child:has(svg){ visibility: hidden; } :where(html:not([data-title-studies])) .pg-kit [data-desktop-options] button[aria-expanded="true"]{ background: #083428; } :where(html:not([data-title-studies])) .pg-kit [data-desktop-options] button[aria-expanded="false"]{ background: #002b24; } :where(html:not([data-title-studies])) .pg-kit [data-desktop-options] button[aria-expanded="false"]:hover{ background: #004038; } :where(html:not([data-title-studies])) .pg-kit [data-desktop-image]{ transition: opacity 200ms ease; } :where(html:not([data-title-studies])) .pg-kit [data-viewport]{ touch-action: pan-y; } :where(html:not([data-title-studies])) .pg-kit [data-track]{ transition: transform 550ms cubic-bezier(.22,.61,.36,1); } :where(html:not([data-title-studies])) .pg-kit [data-slide]{ display: flex; } :where(html:not([data-title-studies])) .pg-kit [data-carousel-action]{ cursor: pointer; } :where(html:not([data-title-studies])) .pg-kit .pg-carousel-pause{ font-size: 12px; color: #15502e; border: 1px solid #15502e; border-radius: 24px; padding: 9px 14px; } :where(html:not([data-title-studies])) .pg-kit .pg-live{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); } :where(html:not([data-title-studies])) .pg-kit [data-chart] [data-bar]{ flex-shrink: 0; } :where(html:not([data-title-studies])) .pg-kit dialog{ background:#f8f7f5; color:#14201e; border:0; border-radius:20px; width:min(540px,calc(100% - 40px)); padding:32px; margin:auto; } :where(html:not([data-title-studies])) .pg-kit dialog::backdrop{ background:#001a1699; } :where(html:not([data-title-studies])) .pg-kit dialog h2{ font-family:var(--font-heading); font-size:32px; margin:0 0 20px; line-height:1.2; } :where(html:not([data-title-studies])) .pg-kit dialog p{ margin:0 0 24px; } :where(html:not([data-title-studies])) .pg-kit dialog button{ background:#ff6106; color:white; border:0; padding:10px 22px; border-radius:8px; } @media(prefers-reduced-motion:reduce) { :where(html:not([data-title-studies])) .pg-kit *,:where(html:not([data-title-studies])) .pg-kit *::before,:where(html:not([data-title-studies])) .pg-kit *::after{ transition-duration:0ms!important; animation-duration:0ms!important; scroll-behavior:auto!important; } } /* ===== reports.css (merged source) ===== */ /* Report pages and small content-specific extensions to the saved Blog A layout. */ :where(html:not([data-title-studies])) .rv-home{ margin-top: 38px; } :where(html:not([data-title-studies])) .rv-home [data-component="blog-carousel"] h2{ max-width: 850px; } :where(html:not([data-title-studies])) .rv-home [data-component="blog-carousel"] h3{ min-height: 2.8em; } :where(html:not([data-title-studies])) .rv-home .rv-carousel-toolbar{ flex-wrap: wrap; gap: 20px; } :where(html:not([data-title-studies])) .rv-home .rv-card-image{ background: #11121e; } :where(html:not([data-title-studies])) .rv-home .rv-card-image img{ object-fit: contain; padding: 8px; } :where(html:not([data-title-studies])) .rv-home .rv-card-author{ display: flex; align-items: center; gap: 10px; } :where(html:not([data-title-studies])) .rv-home .rv-card-author img{ width: 32px; height: 32px; border-radius: 50%; object-fit: cover; } :where(html:not([data-title-studies])) .rv-home .rv-card-date{ white-space: nowrap; font-size: 12px; } :where(html:not([data-title-studies])) .rv-home .rv-source-tag{ font: 12px "IBM Plex Mono", monospace; padding: 5px 10px; border: 1px solid; border-radius: 20px; display: inline-block; } :where(html:not([data-title-studies])) .rv-home .rv-card-meta{ display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 13px; } :where(html:not([data-title-studies])) .rv-home .rv-collection-label{ text-transform: none; } :where(html:not([data-title-studies])) .rv-home .rv-controls{ display:flex; align-items:center; gap:12px; } :where(html:not([data-title-studies])) .rv-home .rv-title-decoration{ position: absolute; right: 5%; top: 30px; color: #15502e; font: 110px Georgia, serif; transform: rotate(12deg); opacity: .12; pointer-events:none; } :where(html:not([data-title-studies])) .rv-archive,:where(html:not([data-title-studies])) .rv-post{ font-family: "IBM Plex Sans", Arial, sans-serif; color: #14201e; } :where(html:not([data-title-studies])) .rv-archive{ max-width: 1240px; padding: 65px 36px 100px; margin: auto; } :where(html:not([data-title-studies])) .rv-archive h1{ max-width: 950px; font: 400 clamp(36px,5.5vw,68px)/1.1 "headingFont", Georgia, serif; letter-spacing: -.04em; margin: 30px 0 50px; } :where(html:not([data-title-studies])) .rv-archive-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 28px; } :where(html:not([data-title-studies])) .rv-archive-card{ display:flex; flex-direction:column; gap:18px; min-width:0; } :where(html:not([data-title-studies])) .rv-archive-card>img{ width:100%; height:auto; max-height:246.5px; aspect-ratio:876/493; object-fit:contain; padding:8px; background:#11121e; border-radius:8px; } :where(html:not([data-title-studies])) .rv-archive-card h2{ margin:0; font:400 26px/1.3 "headingFont",Georgia,serif; letter-spacing:-.03em; } :where(html:not([data-title-studies])) .rv-archive-card p{ margin:0; font-size:14px; line-height:1.7; } :where(html:not([data-title-studies])) .rv-archive-card .rv-card-meta{ border-top:1px solid #919eab; padding-top:14px; display:flex; justify-content:space-between; gap:10px; font-size:12px; } :where(html:not([data-title-studies])) .rv-archive-card:hover h2{ text-decoration:underline; text-underline-offset:5px; } :where(html:not([data-title-studies])) .rv-post{ padding:40px 36px 90px; background:#f4f4ed; } :where(html:not([data-title-studies])) .rv-post__heading{ max-width:1050px; margin:0 auto 58px; padding:15px 0 44px; border-bottom:1px solid #cbd0c4; } :where(html:not([data-title-studies])) .rv-breadcrumb{ font-size:13px; line-height:1.7; color:#526050; } :where(html:not([data-title-studies])) .rv-post__category{ display:block; margin:42px 0 24px; font:12px/1.7 "IBM Plex Mono",monospace; text-transform:uppercase; letter-spacing:.04em; color:#15502e; } :where(html:not([data-title-studies])) .rv-post h1{ font:400 clamp(34px,4.7vw,64px)/1.14 "headingFont",Georgia,serif; letter-spacing:-.045em; max-width:1020px; margin:0 0 32px; } :where(html:not([data-title-studies])) .rv-post__byline{ display:flex; flex-wrap:wrap; align-items:center; gap:16px; font-size:14px; } :where(html:not([data-title-studies])) .rv-post__byline img{ width:48px; height:48px; border-radius:50%; object-fit:cover; } :where(html:not([data-title-studies])) .rv-post__byline time{ color:#526050; } :where(html:not([data-title-studies])) .rv-post__actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; } :where(html:not([data-title-studies])) .rv-post__actions a{ padding:10px 15px; border:1px solid #15502e; border-radius:6px; font-size:13px; color:#15502e; } :where(html:not([data-title-studies])) .rv-post__actions a:first-child{ background:#15502e; color:#fff; } :where(html:not([data-title-studies])) .rv-reading-layout{ display:grid; grid-template-columns:220px minmax(0,780px); gap:50px; max-width:1050px; margin:auto; align-items:start; } :where(html:not([data-title-studies])) .rv-toc{ position:sticky; top:var(--header-offset,110px); max-height:calc(100dvh - var(--header-offset,110px) - 24px); overflow:auto; scrollbar-width:thin; padding-right:10px; } :where(html:not([data-title-studies])) .rv-toc summary{ cursor:pointer; font:12px "IBM Plex Mono",monospace; color:#15502e; padding:0 0 18px; } :where(html:not([data-title-studies])) .rv-toc a{ display:block; padding:9px 0; border-top:1px solid #d9ded3; font-size:12px; line-height:1.5; color:#526050; } :where(html:not([data-title-studies])) .rv-toc a:hover{ color:#15502e; } :where(html:not([data-title-studies])) .rv-article-body{ font-size:18px; line-height:1.85; min-width:0; overflow-wrap:break-word; } :where(html:not([data-title-studies])) .rv-article-body p{ margin:0 0 24px; } :where(html:not([data-title-studies])) .rv-article-body h2{ scroll-margin-top:30px; font:400 32px/1.3 "headingFont",Georgia,serif; letter-spacing:-.03em; margin:52px 0 23px; } :where(html:not([data-title-studies])) .rv-article-body h2:first-child{ margin-top:0; } :where(html:not([data-title-studies])) .rv-article-body ul{ margin:0 0 28px; padding-left:24px; } :where(html:not([data-title-studies])) .rv-article-body li{ padding-left:5px; margin-bottom:14px; } :where(html:not([data-title-studies])) .rv-article-body .rv-source-note{ font-size:13px; line-height:1.7; color:#526050; } :where(html:not([data-title-studies])) .rv-figure{ margin:32px 0 42px; } :where(html:not([data-title-studies])) .rv-figure a{ display:block; background:#fff; border:1px solid #d9ded3; border-radius:8px; overflow:hidden; cursor:zoom-in; } :where(html:not([data-title-studies])) .rv-figure img{ display:block; width:100%; height:auto; } :where(html:not([data-title-studies])) .rv-figure figcaption{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; font-size:11px; line-height:1.6; color:#65705e; padding:10px 0; } :where(html:not([data-title-studies])) .rv-figure--portrait{ max-width:180px; } :where(html:not([data-title-studies])) .rv-page-reference{ display:block; width:fit-content; font:10px/1.6 "IBM Plex Mono",monospace; color:#76806e; border-top:1px solid #d9ded3; padding-top:12px; margin:36px 0 22px; } :where(html:not([data-title-studies])) .rv-post__end{ max-width:1050px; margin:65px auto 0; border-top:1px solid #cbd0c4; padding-top:28px; display:flex; gap:20px; flex-wrap:wrap; font-size:14px; } :where(html:not([data-title-studies])) .rv-lightbox{ width:min(1500px,96vw); max-width:96vw; max-height:94dvh; border:0; border-radius:12px; padding:50px 12px 12px; background:#fff; } :where(html:not([data-title-studies])) .rv-lightbox::backdrop{ background:#101b16d9; } :where(html:not([data-title-studies])) .rv-lightbox img{ display:block; max-width:100%; height:auto; margin:auto; } :where(html:not([data-title-studies])) .rv-lightbox button{ position:fixed; top:4dvh; right:4vw; z-index:1; background:#15502e; color:#fff; border:0; border-radius:30px; padding:12px 20px; } :where(html:not([data-title-studies])) .rv-post :focus-visible,:where(html:not([data-title-studies])) .rv-archive :focus-visible{ outline:2px solid #ff6106; outline-offset:4px; } @media(max-width:1023px){:where(html:not([data-title-studies])) .rv-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(html:not([data-title-studies])) .rv-reading-layout{grid-template-columns:180px minmax(0,1fr);gap:28px}:where(html:not([data-title-studies])) .rv-home .rv-title-decoration{display:none}} @media(max-width:767px){:where(html:not([data-title-studies])) .rv-post{padding:25px 22px 60px}:where(html:not([data-title-studies])) .rv-post__heading{margin-bottom:32px}:where(html:not([data-title-studies])) .rv-reading-layout{display:block}:where(html:not([data-title-studies])) .rv-toc{position:static;max-height:260px;margin-bottom:40px}:where(html:not([data-title-studies])) .rv-article-body{font-size:17px;line-height:1.8}:where(html:not([data-title-studies])) .rv-article-body h2{font-size:29px}:where(html:not([data-title-studies])) .rv-post__category{margin-top:28px}:where(html:not([data-title-studies])) .rv-archive{padding:35px 22px 65px}:where(html:not([data-title-studies])) .rv-archive-grid{grid-template-columns:1fr}:where(html:not([data-title-studies])) .rv-home .rv-controls{gap:6px}:where(html:not([data-title-studies])) .rv-home .rv-card-meta{font-size:12px}:where(html:not([data-title-studies])) .rv-home .rv-card-date{font-size:11px}} @media print{:where(html:not([data-title-studies])) .helios-header,:where(html:not([data-title-studies])) .rv-toc,:where(html:not([data-title-studies])) .rv-post__actions,:where(html:not([data-title-studies])) .rv-post__end,:where(html:not([data-title-studies])) .site-footer,:where(html:not([data-title-studies])) .rv-page-reference{display:none}:where(html:not([data-title-studies])) .rv-reading-layout{display:block}:where(html:not([data-title-studies])) .rv-post{background:#fff;padding:0}:where(html:not([data-title-studies])) .rv-article-body{font-size:11pt}:where(html:not([data-title-studies])) .rv-figure{break-inside:avoid}:where(html:not([data-title-studies])) .rv-article-body h2{break-after:avoid}} /* ===== profile.css (merged source) ===== */ /* Site-local adaptations: Statistics A, Image selector C and Blog A. Keep the source catalogue isolated; reuse Helios colours and local fonts. */ :where(html:not([data-title-studies])) .jamie-profile{font-family:"IBM Plex Sans",Arial,sans-serif;color:var(--ink)} :where(html:not([data-title-studies])) .jp-container{width:calc(100% - 80px);max-width:1240px;margin-inline:auto} :where(html:not([data-title-studies])) .jp-section{padding-block:88px} :where(html:not([data-title-studies])) .jp-kicker{font:10px/1.6 var(--mono);letter-spacing:.13em;color:var(--accent);margin:0 0 22px} :where(html:not([data-title-studies])) .jamie-profile h1,:where(html:not([data-title-studies])) .jamie-profile h2,:where(html:not([data-title-studies])) .jp-credential h3,:where(html:not([data-title-studies])) .jp-media-card h3{font-family:"headingFont",Georgia,serif;font-weight:400} :where(html:not([data-title-studies])) .jamie-profile h2{font-size:clamp(36px,4vw,56px);line-height:1.12;letter-spacing:-.035em;margin:0 0 22px} :where(html:not([data-title-studies])) .jamie-profile p{line-height:1.75} :where(html:not([data-title-studies])) .jp-source{display:block;font-size:11px;line-height:1.7;color:#677260;margin-top:22px} :where(html:not([data-title-studies])) a.jp-source:hover{text-decoration:underline} :where(html:not([data-title-studies])) .jp-text-link{font-size:13px;display:inline-block;border-bottom:1px solid var(--accent);padding:8px 0;color:var(--accent)} :where(html:not([data-title-studies])) .jp-text-link:hover{color:var(--ink)} :where(html:not([data-title-studies])) .jp-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:72px;align-items:center;padding-block:48px 64px} :where(html:not([data-title-studies])) .jp-hero h1{font-size:clamp(72px,7.4vw,108px);letter-spacing:-.055em;line-height:.98;margin:20px 0} :where(html:not([data-title-studies])) .jp-hero h1 em{font-weight:400;font-style:normal;color:var(--accent)} :where(html:not([data-title-studies])) .jp-designations{font:11px var(--mono);letter-spacing:.14em;margin:24px 0} :where(html:not([data-title-studies])) .jp-designations span{color:#a1ad95;margin-inline:14px} :where(html:not([data-title-studies])) .jp-lead{font-size:21px;line-height:1.5!important;margin:0 0 18px} :where(html:not([data-title-studies])) .jp-hero-bio{max-width:475px;font-size:15px;color:#65705f;margin:0 0 27px} :where(html:not([data-title-studies])) .jp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px} :where(html:not([data-title-studies])) .jp-portrait{margin:0;border:1px solid var(--line);border-radius:12px 12px 60px 12px;overflow:hidden;background:#e2e5de;align-self:center} :where(html:not([data-title-studies])) .jp-portrait>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover} :where(html:not([data-title-studies])) .jp-portrait figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;padding:22px 30px;background:#edf2e6;font:9px/1.7 var(--mono);letter-spacing:.05em} :where(html:not([data-title-studies])) .jp-portrait figcaption a{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid #a8b49d;font-size:19px} :where(html:not([data-title-studies])) .jp-section-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px 28px;border-block:1px solid var(--line);padding-block:22px;font-size:12px} :where(html:not([data-title-studies])) .jp-section-nav a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:5px} :where(html:not([data-title-studies])) .jp-background{display:grid;grid-template-columns:1fr 1fr;gap:90px} :where(html:not([data-title-studies])) .jp-bio-copy p{margin:0 0 18px;font-size:16px;color:#596453} :where(html:not([data-title-studies])) .jp-credentials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} :where(html:not([data-title-studies])) .jp-credential{padding:32px;min-height:290px;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start} :where(html:not([data-title-studies])) .jp-credential--sage{background:#e6edda;border-bottom-left-radius:60px} :where(html:not([data-title-studies])) .jp-credential--forest{background:#244d37;color:#fff} :where(html:not([data-title-studies])) .jp-credential--sand{background:#eee2c3;border-top-right-radius:60px} :where(html:not([data-title-studies])) .jp-credential--forest .jp-kicker{color:#c9deb8} :where(html:not([data-title-studies])) .jp-credential h3{font-size:52px;letter-spacing:-2px;line-height:1.1;margin:0 0 20px} :where(html:not([data-title-studies])) .jp-credential p{font-size:14px;line-height:1.6;margin:0 0 20px} :where(html:not([data-title-studies])) .jp-credential a{font-size:11px;margin-top:auto;text-decoration:underline;text-underline-offset:4px} :where(html:not([data-title-studies])) .jp-section-heading>p:not(.jp-kicker){max-width:590px;font-size:15px;color:#65705f;margin:0 0 32px} :where(html:not([data-title-studies])) .jp-career{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px 70px} :where(html:not([data-title-studies])) .jp-timeline{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)} :where(html:not([data-title-studies])) .jp-timeline li{display:grid;grid-template-columns:105px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)} :where(html:not([data-title-studies])) .jp-timeline-date{font:10px/1.6 var(--mono);color:var(--accent);padding-top:4px} :where(html:not([data-title-studies])) .jp-timeline h3{font-size:18px;font-weight:500;margin:0 0 9px} :where(html:not([data-title-studies])) .jp-timeline p{font-size:14px;line-height:1.65;margin:0;color:#65705f} :where(html:not([data-title-studies])) .jp-career-note{grid-column:2;font-size:11px;line-height:1.7;color:#65705f;margin:0} :where(html:not([data-title-studies])) .jp-career-note a{text-decoration:underline} :where(html:not([data-title-studies])) .jp-education{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;border-top:1px solid var(--line);padding-top:56px} :where(html:not([data-title-studies])) .jp-education .jp-source a{text-decoration:underline;text-underline-offset:3px} :where(html:not([data-title-studies])) .jp-approach{background:#edf1e8;border-block:1px solid var(--line)} :where(html:not([data-title-studies])) .jp-selector{display:grid;grid-template-columns:1fr;gap:44px} :where(html:not([data-title-studies])) .jp-selector[data-enhanced="true"]{grid-template-columns:320px minmax(0,1fr)} :where(html:not([data-title-studies])) .jp-lens-tabs{display:none} :where(html:not([data-title-studies])) .jp-selector[data-enhanced="true"] .jp-lens-tabs{display:flex;flex-direction:column;align-items:stretch} :where(html:not([data-title-studies])) .jp-lens-tabs button{display:flex;align-items:center;gap:14px;text-align:left;font-size:15px;color:#65705f;border:0;border-top:1px solid #cbd4c3;background:transparent;padding:24px 5px} :where(html:not([data-title-studies])) .jp-lens-tabs button:last-child{border-bottom:1px solid #cbd4c3} :where(html:not([data-title-studies])) .jp-lens-tabs button span{font:10px var(--mono);color:#77816f} :where(html:not([data-title-studies])) .jp-lens-tabs button i{font-style:normal;margin-left:auto} :where(html:not([data-title-studies])) .jp-lens-tabs button[aria-selected="true"]{color:var(--ink);border-top:2px solid var(--accent);background:#e5ecd9} :where(html:not([data-title-studies])) .jp-lens-panel{margin-bottom:40px} :where(html:not([data-title-studies])) .jp-selector[data-enhanced="true"] .jp-lens-panel{margin:0} :where(html:not([data-title-studies])) .jp-lens-panel[hidden]{display:none} :where(html:not([data-title-studies])) .jp-lens-panel h3{font-size:22px;font-weight:500;line-height:1.4;margin:0 0 14px;letter-spacing:-.5px} :where(html:not([data-title-studies])) .jp-lens-panel>p{font-size:14px;color:#596453;max-width:740px;margin:0 0 24px;min-height:74px} :where(html:not([data-title-studies])) .jp-chart-link{display:block;overflow:hidden;border:1px solid #cbd4c3;border-radius:10px;background:#fff} :where(html:not([data-title-studies])) .jp-chart-link img{display:block;object-fit:contain;width:100%;height:auto;aspect-ratio:16/10;padding:12px;background:#11121e} :where(html:not([data-title-studies])) .jp-chart-link>span{display:flex;justify-content:space-between;gap:16px;padding:17px 20px;font-size:12px} :where(html:not([data-title-studies])) .jp-chart-link b{font-weight:400} :where(html:not([data-title-studies])) .jp-next{display:grid;grid-template-columns:1fr 1fr;gap:0 90px} :where(html:not([data-title-studies])) .jp-next .jp-kicker{grid-column:1/-1} :where(html:not([data-title-studies])) .jp-next>div>p{margin:0 0 16px;color:#596453;font-size:16px} :where(html:not([data-title-studies])) .jp-next .jp-text-link{margin-right:22px} :where(html:not([data-title-studies])) .jamie-profile .rv-home{margin-top:0} :where(html:not([data-title-studies])) .jp-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} :where(html:not([data-title-studies])) .jp-media-grid--featured{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px} :where(html:not([data-title-studies])) .jp-media-grid--featured .jp-media-card{background:#edf2e6} :where(html:not([data-title-studies])) .jp-media-grid--featured .jp-media-card:hover{background:#e6edda} :where(html:not([data-title-studies])) .jp-media-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:30px;background:#fff} :where(html:not([data-title-studies])) .jp-media-card:hover{border-color:#a4b494;background:#f2f5ec} :where(html:not([data-title-studies])) .jp-media-card h3{font-size:31px;line-height:1.2;letter-spacing:-.7px;margin:18px 0} :where(html:not([data-title-studies])) .jp-media-card>p{color:#65705f;font-size:14px;margin:0 0 28px} :where(html:not([data-title-studies])) .jp-media-link{font-size:12px;color:var(--accent);margin-top:auto} :where(html:not([data-title-studies])) .jp-commentary{border-top:1px solid var(--line)} :where(html:not([data-title-studies])) .jp-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} :where(html:not([data-title-studies])) .jp-post{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px} :where(html:not([data-title-studies])) .jp-post header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;width:100%;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line);font-size:13px} :where(html:not([data-title-studies])) .jp-post header a{font-weight:500}:where(html:not([data-title-studies])) .jp-post header a:hover{text-decoration:underline} :where(html:not([data-title-studies])) .jp-post header span{display:block;margin-top:4px;font-size:11px;font-weight:400;color:#65705f} :where(html:not([data-title-studies])) .jp-post time{font:10px/1.8 var(--mono);color:#65705f} :where(html:not([data-title-studies])) .jp-post .jp-kicker{margin-bottom:14px} :where(html:not([data-title-studies])) .jp-post blockquote{margin:0 0 26px;font-size:17px} :where(html:not([data-title-studies])) .jp-post blockquote p{margin:0} :where(html:not([data-title-studies])) .jp-post>.jp-text-link{margin-top:auto} :where(html:not([data-title-studies])) .jp-connect{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:52px;background:#244d37;color:#fff;border-radius:12px 12px 70px 12px} :where(html:not([data-title-studies])) .jp-connect .jp-kicker{color:#c9deb8} :where(html:not([data-title-studies])) .jp-connect p:not(.jp-kicker){font-size:15px;max-width:440px;color:#d9e5d1} :where(html:not([data-title-studies])) .jp-connect-links{display:flex;flex-direction:column;justify-content:center} :where(html:not([data-title-studies])) .jp-connect-links>a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 0;border-bottom:1px solid #ffffff40;font-size:20px} :where(html:not([data-title-studies])) .jp-connect-links>a:first-child{border-top:1px solid #ffffff40} :where(html:not([data-title-studies])) .jp-connect-links small{display:block;font:9px var(--mono);letter-spacing:.07em;color:#c9deb8;margin-bottom:8px} :where(html:not([data-title-studies])) .jp-connect-links>a:hover{color:#d5edbd} :where(html:not([data-title-studies])) .jp-sources{margin-block:44px 64px;font-size:12px;color:#65705f;line-height:1.7} :where(html:not([data-title-studies])) .jp-sources summary{cursor:pointer;width:fit-content;padding:12px 0;color:var(--ink)} :where(html:not([data-title-studies])) .jp-sources a{text-decoration:underline;text-underline-offset:3px} :where(html:not([data-title-studies])) .jp-sources li{margin-block:8px} :where(html:not([data-title-studies])) .jp-sources summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px} @media(max-width:1000px){ :where(html:not([data-title-studies])) .jp-container{width:calc(100% - 48px)}:where(html:not([data-title-studies])) .jp-section{padding-block:60px} :where(html:not([data-title-studies])) .jp-hero{gap:32px;padding-block:30px 45px}:where(html:not([data-title-studies])) .jp-hero h1{font-size:76px} :where(html:not([data-title-studies])) .jp-lead{font-size:18px}:where(html:not([data-title-studies])) .jp-portrait figcaption{padding:20px;font-size:8px} :where(html:not([data-title-studies])) .jp-background,:where(html:not([data-title-studies])) .jp-career,:where(html:not([data-title-studies])) .jp-next,:where(html:not([data-title-studies])) .jp-education{gap:35px}:where(html:not([data-title-studies])) .jp-credential{padding:26px} :where(html:not([data-title-studies])) .jp-selector[data-enhanced="true"]{grid-template-columns:240px minmax(0,1fr);gap:25px} :where(html:not([data-title-studies])) .jp-lens-tabs button{font-size:13px;gap:8px}:where(html:not([data-title-studies])) .jp-lens-panel h3{font-size:20px} :where(html:not([data-title-studies])) .jp-media-card{padding:22px}:where(html:not([data-title-studies])) .jp-media-card h3{font-size:26px} :where(html:not([data-title-studies])) .jp-connect{padding:36px;gap:32px} } @media(max-width:700px){ :where(html:not([data-title-studies])) .jp-container{width:calc(100% - 40px)}:where(html:not([data-title-studies])) .jp-section{padding-block:48px} :where(html:not([data-title-studies])) .jp-hero{grid-template-columns:1fr;gap:36px}:where(html:not([data-title-studies])) .jp-hero h1{font-size:78px} :where(html:not([data-title-studies])) .jp-portrait{max-width:500px;width:100%}:where(html:not([data-title-studies])) .jp-hero-bio{max-width:none} :where(html:not([data-title-studies])) .jp-section-nav{justify-content:flex-start;gap:18px 22px;font-size:11px} :where(html:not([data-title-studies])) .jp-background,:where(html:not([data-title-studies])) .jp-career,:where(html:not([data-title-studies])) .jp-next,:where(html:not([data-title-studies])) .jp-education{grid-template-columns:1fr;gap:18px} :where(html:not([data-title-studies])) .jp-credentials,:where(html:not([data-title-studies])) .jp-media-grid,:where(html:not([data-title-studies])) .jp-post-grid{grid-template-columns:1fr;gap:16px} :where(html:not([data-title-studies])) .jp-post{padding:24px}:where(html:not([data-title-studies])) .jp-post blockquote{font-size:16px} :where(html:not([data-title-studies])) .jp-credential{min-height:0;padding:28px}:where(html:not([data-title-studies])) .jp-credential h3{font-size:45px} :where(html:not([data-title-studies])) .jp-timeline li{grid-template-columns:85px minmax(0,1fr);gap:15px} :where(html:not([data-title-studies])) .jp-career-note{grid-column:1}:where(html:not([data-title-studies])) .jp-career .jp-section-heading>p{margin-bottom:12px} :where(html:not([data-title-studies])) .jp-selector[data-enhanced="true"]{grid-template-columns:1fr;gap:28px} :where(html:not([data-title-studies])) .jp-lens-tabs button{font-size:14px;padding:18px 10px} :where(html:not([data-title-studies])) .jp-chart-link img{padding:5px}:where(html:not([data-title-studies])) .jp-chart-link>span{font-size:11px;padding:14px} :where(html:not([data-title-studies])) .jp-lens-panel>p{min-height:0}:where(html:not([data-title-studies])) .jp-next .jp-text-link{margin-block:4px} :where(html:not([data-title-studies])) .jp-connect{grid-template-columns:1fr;padding:28px;gap:20px;border-bottom-right-radius:45px} :where(html:not([data-title-studies])) .jp-connect h2{font-size:34px}:where(html:not([data-title-studies])) .jp-connect-links>a{font-size:18px} :where(html:not([data-title-studies])) .jp-media-card{padding:28px}:where(html:not([data-title-studies])) .jp-sources{margin-block:28px 44px} } @media print{:where(html:not([data-title-studies])) .jp-section-nav,:where(html:not([data-title-studies])) .jp-sources,:where(html:not([data-title-studies])) .jp-actions{display:none}:where(html:not([data-title-studies])) .jp-hero{padding:0}:where(html:not([data-title-studies])) .jp-section{padding-block:25px}:where(html:not([data-title-studies])) .jp-selector[data-enhanced="true"]{display:block}:where(html:not([data-title-studies])) .jp-lens-tabs{display:none!important}:where(html:not([data-title-studies])) .jp-lens-panel[hidden]{display:block}:where(html:not([data-title-studies])) .jp-container{width:100%}} /* ===== Temporary title studies (formerly inline) ===== */ @font-face{font-family:Study Eiko;src:url(blog-library/assets/68a2dc9e809c.woff2) format("woff2");font-weight:400;font-display:swap} @font-face{font-family:Study Eiko Italic;src:url(blog-library/assets/24e80b5bf576.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap} @font-face{font-family:Study Plex;src:url(blog-library/assets/4feef8d47d97.woff2) format("woff2");font-weight:100 700;font-display:swap} @font-face{font-family:Study Mono;src:url(blog-library/assets/d06d29471b1e.woff2) format("woff2");font-weight:400;font-display:swap} @font-face{font-family:Study Imbue;src:url(blog-library/assets/de1f717b22fd.woff2) format("woff2");font-weight:100 900;font-display:swap} :root:where([data-title-studies]){color-scheme:light;--paper:#f7f8f3;--ink:#24322a;--muted:#66715e;--line:#dce2d5;--accent:#567342;--mono:"Study Mono",monospace} :where(html[data-title-studies]) *{box-sizing:border-box}:where(html[data-title-studies]) body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 "Study Plex",Arial,sans-serif}:where(html[data-title-studies]) button,:where(html[data-title-studies]) input{font:inherit}:where(html[data-title-studies]) button,:where(html[data-title-studies]) a,:where(html[data-title-studies]) input{touch-action:manipulation}:where(html[data-title-studies]) button,:where(html[data-title-studies]) a{color:inherit}:where(html[data-title-studies]) button{cursor:pointer}:where(html[data-title-studies]) a{text-underline-offset:4px}:where(html[data-title-studies]) button:focus-visible,:where(html[data-title-studies]) a:focus-visible,:where(html[data-title-studies]) input:focus-visible{outline:2px solid var(--accent);outline-offset:5px} :where(html[data-title-studies]) .shell{max-width:1600px;margin:auto;padding:0 40px}:where(html[data-title-studies]) .topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}:where(html[data-title-studies]) .brand{font-weight:500;font-size:20px;letter-spacing:-1px}:where(html[data-title-studies]) .brand span{color:var(--accent);margin-right:9px}:where(html[data-title-studies]) .meta{font:10px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase}:where(html[data-title-studies]) .topbar a{font-size:12px}:where(html[data-title-studies]) .intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:38px 0 28px}:where(html[data-title-studies]) .intro h1{font:400 clamp(30px,3vw,46px)/1.15 "Study Eiko",Georgia,serif;letter-spacing:-1.5px;margin:10px 0 0}:where(html[data-title-studies]) .intro>p{max-width:350px;font-size:13px;color:var(--muted);margin:0}:where(html[data-title-studies]) .eyebrow{color:var(--accent);margin:0} :where(html[data-title-studies]) .workbench{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}:where(html[data-title-studies]) .choices{display:grid;gap:7px}:where(html[data-title-studies]) .choice{text-align:left;display:flex;align-items:center;gap:14px;min-height:67px;padding:12px 15px;border:1px solid transparent;border-radius:8px;background:transparent}:where(html[data-title-studies]) .choice:hover{background:#edf0e6}:where(html[data-title-studies]) .choice[aria-pressed=true]{background:#e6eddc;border-color:#bdcba9}:where(html[data-title-studies]) .choice .letter{display:grid;place-items:center;border:1px solid #cdd5c3;border-radius:50%;width:27px;height:27px;flex-shrink:0;font:11px var(--mono)}:where(html[data-title-studies]) .choice[aria-pressed=true] .letter{background:var(--ink);color:white;border-color:var(--ink)}:where(html[data-title-studies]) .choice strong{display:block;font-size:13px;font-weight:500}:where(html[data-title-studies]) .choice small{display:block;font-size:11px;color:var(--muted);margin-top:3px}:where(html[data-title-studies]) .chooser-note{font-size:11px;color:var(--muted);padding:10px 15px;margin:0} :where(html[data-title-studies]) .canvas-wrap{min-width:0}:where(html[data-title-studies]) .canvas{position:relative;container-type:inline-size;min-height:550px;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;place-items:center;background:#f8faf7;isolation:isolate}:where(html[data-title-studies]) .canvas-top{position:absolute;top:22px;left:25px;right:25px;display:flex;justify-content:space-between;gap:15px;color:var(--muted);z-index:2}:where(html[data-title-studies]) .canvas-top .status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:7px}:where(html[data-title-studies]) .canvas-bottom{position:absolute;bottom:21px;left:25px;right:25px;display:flex;justify-content:space-between;gap:15px;font:9px/1.5 var(--mono);color:var(--muted)} :where(html[data-title-studies]) .rings{position:absolute;inset:10% -12%;pointer-events:none;z-index:-1}:where(html[data-title-studies]) .rings::before,:where(html[data-title-studies]) .rings::after{content:"";position:absolute;inset:8%;border:1px solid #dce4d780;border-radius:50%;transform:rotate(-18deg)}:where(html[data-title-studies]) .rings::after{inset:20% 2%;transform:rotate(18deg)} :where(html[data-title-studies]) .title-block{width:94%;text-align:center;position:relative;z-index:1;padding:100px 0}:where(html[data-title-studies]) .title-kicker{font:9px/1.6 var(--mono);letter-spacing:.17em;color:var(--accent);margin:0 0 23px}:where(html[data-title-studies]) .study-title{font:500 clamp(42px,8.5cqw,112px)/1.02 Arial,sans-serif;letter-spacing:-.065em;margin:0;perspective:900px}:where(html[data-title-studies]) .word{display:block;white-space:nowrap}:where(html[data-title-studies]) .glyph{display:inline-block;transform-origin:50% 80%}:where(html[data-title-studies]) .word:last-child{color:var(--accent)}:where(html[data-title-studies]) .byline{margin:24px 0 0;color:var(--muted);font-size:12px;letter-spacing:.015em}:where(html[data-title-studies]) .study-title[data-style=a]{font-weight:500} :where(html[data-title-studies]) [data-style=b]{font-family:"Study Eiko",Georgia,serif;letter-spacing:-.055em;font-weight:400;font-size:clamp(46px,9cqw,118px)} :where(html[data-title-studies]) [data-style=c]{font-family:"Study Imbue",Georgia,serif;text-transform:uppercase;font-size:clamp(66px,12cqw,156px);font-weight:600;line-height:.86;letter-spacing:-.025em} :where(html[data-title-studies]) [data-style=c] .word:last-child{font-weight:300;letter-spacing:.015em} :where(html[data-title-studies]) [data-style=d]{font-family:var(--mono);font-size:clamp(32px,6.7cqw,84px);font-weight:400;letter-spacing:-.06em;line-height:1.2} :where(html[data-title-studies]) [data-style=d] .word:last-child::after{content:"_";font-size:.65em;color:var(--accent)} :where(html[data-title-studies]) [data-style=e]{font-family:"Study Plex",Arial,sans-serif;text-transform:uppercase;font-size:clamp(30px,6.5cqw,84px);font-weight:300;letter-spacing:.12em;line-height:1.25} :where(html[data-title-studies]) [data-style=f]{font-weight:700;letter-spacing:-.07em;line-height:1.06} :where(html[data-title-studies]) [data-style=f] .word:first-child{color:transparent;-webkit-text-stroke:1px var(--ink)} :where(html[data-title-studies]) [data-style=g]{font-family:"Study Plex",Arial,sans-serif;font-weight:500;font-size:clamp(44px,8.4cqw,112px);letter-spacing:-.055em} :where(html[data-title-studies]) [data-style=g] .word:last-child{font-family:"Study Eiko Italic",Georgia,serif;font-weight:300;font-style:italic;letter-spacing:-.045em} :where(html[data-title-studies]) [data-style=h]{font-family:"Study Eiko",Georgia,serif;font-weight:400;font-size:clamp(46px,9cqw,118px);letter-spacing:-.055em} @supports(background-clip:text){:where(html[data-title-studies]) [data-style=h] .word{background:linear-gradient(110deg,#24322a 18%,#567342 43%,#94743e 57%,#24322a 78%);background-size:240% 100%;background-position:100% 0;background-clip:text;color:transparent}} :where(html[data-title-studies]) .context{position:absolute;inset:0;pointer-events:none;opacity:.65}:where(html[data-title-studies]) .context[hidden]{display:none}:where(html[data-title-studies]) .mini-card{position:absolute;width:140px;padding:15px;background:#ffffffd9;border:1px solid #dbe2d6;border-radius:8px;box-shadow:0 12px 28px #263a2110;font:9px/1.5 var(--mono);color:#66735c}:where(html[data-title-studies]) .mini-card strong{font:400 23px "Study Eiko",Georgia,serif;display:block;color:#344a30;margin:8px 0}:where(html[data-title-studies]) .mini-card i{display:block;height:3px;margin-top:7px;background:#dce6d1;border-radius:4px}:where(html[data-title-studies]) .mini-card i:last-child{width:64%}:where(html[data-title-studies]) .mini-card:nth-child(1){top:78px;left:5%;transform:rotate(-11deg)}:where(html[data-title-studies]) .mini-card:nth-child(2){top:84px;right:4%;transform:rotate(9deg) scale(.86)}:where(html[data-title-studies]) .mini-card:nth-child(3){bottom:64px;left:9%;transform:rotate(6deg) scale(.85)}:where(html[data-title-studies]) .mini-card:nth-child(4){bottom:65px;right:6%;transform:rotate(-8deg)} :where(html[data-title-studies]) .toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--line)}:where(html[data-title-studies]) .controls{display:flex;align-items:center;gap:22px;flex-wrap:wrap}:where(html[data-title-studies]) .controls label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);cursor:pointer}:where(html[data-title-studies]) input{accent-color:var(--accent)}:where(html[data-title-studies]) .replay{border:0;border-radius:6px;background:var(--ink);color:#fff;padding:11px 17px;font-size:12px}:where(html[data-title-studies]) .replay:disabled{opacity:.5;cursor:default}:where(html[data-title-studies]) .playback{font:10px var(--mono);color:var(--muted)} :where(html[data-title-studies]) .spec{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;padding:23px 0}:where(html[data-title-studies]) .spec p{margin:0;font-size:12px}:where(html[data-title-studies]) .spec .meta{display:block;color:var(--muted);font-size:9px;margin-bottom:7px}:where(html[data-title-studies]) .spec h2{font-size:16px;font-weight:500;margin:0 0 6px}:where(html[data-title-studies]) .spec-description{color:var(--muted)}:where(html[data-title-studies]) footer{display:flex;justify-content:space-between;gap:24px;padding:28px 0;border-top:1px solid var(--line);margin-top:16px;color:var(--muted);font-size:11px}:where(html[data-title-studies]) footer p{margin:0;max-width:700px}:where(html[data-title-studies]) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:where(html[data-title-studies]) noscript p{padding:20px;border:1px solid var(--line)} @media(min-width:1400px){:where(html[data-title-studies]) .canvas{min-height:620px}} @media(max-width:1000px){:where(html[data-title-studies]) .shell{padding-inline:24px}:where(html[data-title-studies]) .workbench{grid-template-columns:1fr}:where(html[data-title-studies]) .choices{grid-template-columns:repeat(4,minmax(0,1fr))}:where(html[data-title-studies]) .choice{padding:10px;gap:9px}:where(html[data-title-studies]) .chooser-note{display:none}:where(html[data-title-studies]) .canvas{min-height:550px}:where(html[data-title-studies]) .intro{padding-top:28px}:where(html[data-title-studies]) .intro>p{max-width:300px}} @media(max-width:600px){:where(html[data-title-studies]) .shell{padding-inline:16px}:where(html[data-title-studies]) .topbar{padding-block:17px}:where(html[data-title-studies]) .topbar>.meta{display:none}:where(html[data-title-studies]) .intro{display:block}:where(html[data-title-studies]) .intro>p{margin-top:15px;max-width:none}:where(html[data-title-studies]) .intro h1{font-size:33px}:where(html[data-title-studies]) .choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}:where(html[data-title-studies]) .choice{min-height:57px}:where(html[data-title-studies]) .choice small{font-size:10px}:where(html[data-title-studies]) .canvas{min-height:470px}:where(html[data-title-studies]) .canvas-top{left:16px;right:16px;font-size:8px}:where(html[data-title-studies]) .canvas-bottom{left:16px;right:16px;font-size:7px}:where(html[data-title-studies]) .canvas-bottom span:last-child{display:none}:where(html[data-title-studies]) .title-kicker{font-size:7px;letter-spacing:.1em}:where(html[data-title-studies]) .byline{font-size:10px}:where(html[data-title-studies]) .mini-card{width:95px;padding:10px;font-size:6px}:where(html[data-title-studies]) .mini-card strong{font-size:17px}:where(html[data-title-studies]) .mini-card:nth-child(1){top:64px;left:5%}:where(html[data-title-studies]) .mini-card:nth-child(2){top:61px;right:5%}:where(html[data-title-studies]) .mini-card:nth-child(3){bottom:46px;left:4%}:where(html[data-title-studies]) .mini-card:nth-child(4){bottom:46px;right:4%}:where(html[data-title-studies]) .controls{gap:12px}:where(html[data-title-studies]) .controls label{font-size:11px}:where(html[data-title-studies]) .toolbar{gap:14px}:where(html[data-title-studies]) .spec{grid-template-columns:1fr 1fr;gap:20px}:where(html[data-title-studies]) .spec>div:first-child{grid-column:1/-1}:where(html[data-title-studies]) footer{display:block}:where(html[data-title-studies]) footer a{display:inline-block;margin-top:10px}} @media(prefers-reduced-motion:reduce){:where(html[data-title-studies]) *,:where(html[data-title-studies]) *::before,:where(html[data-title-studies]) *::after{scroll-behavior:auto!important}}