@font-face{font-family:Literata;src:url('fonts/literata.ttf') format('truetype');font-display:swap;font-weight:200 900}@font-face{font-family:Hanken;src:url('fonts/hanken-regular.ttf') format('truetype');font-display:swap;font-weight:400}@font-face{font-family:Hanken;src:url('fonts/hanken-semibold.ttf') format('truetype');font-display:swap;font-weight:600}
:root{color-scheme:light dark;--paper:#f7f3ec;--surface:#fffbf5;--ink:#292127;--muted:#62565b;--line:#c9b9c0;--accent:#8d425e;--button-text:#fff8fb;--tint:#eee3e6;--radius:12px}*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 Hanken,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Literata,Georgia,serif;font-weight:450;letter-spacing:-.045em;line-height:1.18}h1{font-size:clamp(44px,4.8vw,66px)}h2{font-size:clamp(32px,3.4vw,46px)}h3{font-size:24px}p{max-width:60ch}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}img{max-width:100%;height:auto;display:block}.wrap{max-width:1280px;margin-inline:auto;padding-inline:40px}.skip{position:fixed;top:-100px;left:16px;background:var(--surface);padding:10px 20px;z-index:3}.skip:focus{top:12px}.nav{height:80px;display:flex;justify-content:space-between;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-family:Literata,Georgia,serif;font-size:22px;text-decoration:none;white-space:nowrap}.brand img{border-radius:9px}.nav nav{display:flex;gap:30px;font-size:15px}.nav nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:48px;padding-top:44px;padding-bottom:88px}.hero-copy p{font-size:20px;margin:26px 0 30px;max-width:38ch}.hero figure img{border-radius:var(--radius);aspect-ratio:3/2;object-fit:cover}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;background:var(--accent);color:var(--button-text);padding:13px 23px;border-radius:8px;font-weight:600;text-decoration:none;white-space:nowrap}.button:hover{color:var(--button-text);filter:brightness(.94)}.casebook{padding-block:94px 120px;display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;border-top:1px solid var(--line)}.intro p{margin-top:24px;color:var(--muted);max-width:36ch}.chapters details{padding-block:20px;border-bottom:1px solid var(--line)}.chapters details:first-child{padding-top:0}.chapters summary{font-family:Literata,Georgia,serif;font-size:24px;line-height:1.4}.chapters summary span{display:block;font-family:Hanken,sans-serif;font-size:13px;color:var(--muted);margin-top:4px}.chapters p{font-size:16px;margin-top:16px;color:var(--muted)}summary{cursor:pointer}.investigate{padding-block:70px 110px}.investigate-heading{max-width:650px;margin:0 0 58px 12%}.investigate-heading p{margin-top:22px;color:var(--muted)}.screens{display:grid;grid-template-columns:1fr .8fr 1fr;gap:34px;align-items:center}.screens img,.help img{border:1px solid var(--line);border-radius:var(--radius)}.screens figcaption{font-size:15px;color:var(--muted);margin-top:18px}.notebook-screen{padding-top:95px}.notebook-copy p{font-size:18px;margin-bottom:28px}.help{display:grid;grid-template-columns:1fr .7fr;gap:120px;align-items:center;padding-block:110px}.help p{margin-top:26px;max-width:37ch;color:var(--muted)}.help figure{max-width:300px;justify-self:center}.release{display:grid;grid-template-columns:1.4fr .6fr;gap:100px;padding-block:100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.release p{margin-top:24px;max-width:46ch}.availability{color:var(--accent);font-weight:600}.price{border-left:1px solid var(--line);padding-left:40px}.price strong{font-family:Literata,Georgia,serif;font-size:54px;font-weight:450;display:block;line-height:1.2}.price span{font-size:15px;color:var(--muted)}.price p{font-size:19px}.price small{display:block;font-size:14px;color:var(--muted);margin-top:20px}.questions{max-width:900px;padding-block:110px}.questions h2{margin-bottom:38px}.questions details{padding:22px 0;border-bottom:1px solid var(--line)}.questions summary{font-weight:600}.questions p{font-size:17px;margin-top:16px;color:var(--muted)}footer{padding-block:48px 56px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}footer p{font-size:14px;color:var(--muted)}footer div{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:14px;width:100%}.legal{max-width:850px;padding-block:70px 100px;overflow-wrap:anywhere}.legal h1{font-size:44px;line-height:1.2}.legal h2{font-size:27px;margin:42px 0 16px;letter-spacing:-.025em}.legal p{margin-top:16px}.date{color:var(--muted)}
@media(prefers-color-scheme:dark){:root{--paper:#1c191c;--surface:#252125;--ink:#f1e7e8;--muted:#d0bcc5;--line:#6e5864;--accent:#f0a9c4;--button-text:#4a1630;--tint:#3b3138}.hero figure img{filter:brightness(.88)}}
@media(prefers-reduced-motion:no-preference){.button{transition:transform .2s ease,filter .2s ease}.button:hover{transform:translateY(-2px)}.js-reveal .reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.js-reveal .reveal.visible{opacity:1;transform:none}}
@media(max-width:1023px){.wrap{padding-inline:28px}.nav nav{gap:18px}.hero{gap:28px}.hero-copy p{font-size:18px}.casebook{gap:48px}.screens{grid-template-columns:1fr 1fr;gap:32px}.notebook-copy{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:28px}.notebook-screen{padding-top:65px}.help{gap:60px}.release{gap:45px}}
@media(max-width:767px){.wrap{padding-inline:22px}.nav{height:auto;min-height:76px;flex-wrap:wrap;gap:16px;padding-block:16px}.nav nav{gap:20px;font-size:14px;flex-wrap:wrap}.nav nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:70px;gap:38px}.hero h1{font-size:48px;max-width:14ch}.hero-copy p{font-size:18px;max-width:36ch}.hero figure{margin-right:0}.casebook{grid-template-columns:1fr;gap:40px;padding-block:64px}.chapters summary{font-size:23px}.investigate{padding-block:64px}.investigate-heading{margin:0 0 36px}.screens{grid-template-columns:1fr;gap:36px;max-width:360px;margin:auto}.notebook-copy{grid-column:auto;grid-row:auto;display:block}.notebook-copy p{margin-bottom:18px}.notebook-screen{padding-top:0}.help{grid-template-columns:1fr;gap:40px;padding-block:64px}.help figure{max-width:300px}.release{grid-template-columns:1fr;gap:38px;padding-block:64px}.price{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.questions{padding-block:64px}.legal{padding-block:40px 70px}.legal h1{font-size:36px}.legal h2{font-size:25px}footer{padding-block:36px}}
@media(max-width:359px){.hero h1{font-size:42px}.wrap{padding-inline:18px}.nav nav{gap:16px}}