:root{--paper:#f6f2e8;--ink:#123f4b;--green:#285f52;--gold:#c8a25c;--muted:#65706d;--line:#d9d1bf}
body.depth-page{background:var(--paper);color:var(--ink)}
.depth-page main{overflow:hidden}.depth-page .site-header{background:rgba(246,242,232,.96)}
.depth-mini-nav{border-top:1px solid rgba(18,63,75,.08);border-bottom:1px solid rgba(18,63,75,.12);background:#f8f5ed;position:sticky;top:0;z-index:20}
.depth-mini-nav .wrap{height:52px;display:flex;align-items:center;justify-content:space-between;gap:20px}.depth-mini-nav a{font:600 12px/1.1 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none}.depth-mini-nav a:last-child{color:#8c692c}.depth-mini-nav a:hover{opacity:.65}
.paper-wrap{max-width:1120px;margin:auto;padding:0 28px}.paper-kicker{font:700 11px/1.2 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
.method-cover{padding:90px 0 72px;border-bottom:1px solid var(--line)}.method-cover-grid{display:grid;grid-template-columns:1.25fr .55fr;gap:80px;align-items:end}.method-cover h1{font:400 clamp(54px,7vw,102px)/.92 'Playfair Display',serif;letter-spacing:-.045em;margin:20px 0 26px;max-width:850px}.method-cover h1 em{font-weight:400;color:var(--green)}.method-deck{font:400 20px/1.55 'DM Sans',sans-serif;max-width:700px;color:#344f51}.paper-meta{border-left:1px solid var(--gold);padding-left:25px;font:500 12px/1.8 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.09em;color:#6c7169}.paper-meta b{display:block;color:var(--ink);font-size:13px}.method-thesis{padding:70px 0}.method-loop{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.method-loop div{padding:27px 12px 28px 0;position:relative;font:600 15px/1.2 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.06em}.method-loop div:not(:last-child):after{content:'→';position:absolute;right:18px;color:var(--gold)}
.paper-section{padding:78px 0;border-top:1px solid var(--line)}.paper-grid{display:grid;grid-template-columns:250px 1fr;gap:70px}.paper-side h2{font:400 35px/1.05 'Playfair Display',serif;margin:10px 0}.paper-side p{font:400 13px/1.55 'DM Sans',sans-serif;color:#6a716c}.paper-body{max-width:760px}.paper-body>p{font:400 18px/1.72 'DM Sans',sans-serif;margin:0 0 25px;color:#304e50}.method-roles{display:grid;grid-template-columns:1fr 1fr;margin-top:36px;border-top:1px solid var(--ink)}.method-role{padding:25px 32px 28px 0;border-bottom:1px solid var(--line)}.method-role:nth-child(even){padding-left:32px;border-left:1px solid var(--line)}.method-role span{font:700 11px/1 'DM Sans',sans-serif;color:var(--gold);letter-spacing:.12em}.method-role h3{font:500 24px/1.1 'Playfair Display',serif;margin:9px 0}.method-role p{font:400 14px/1.55 'DM Sans',sans-serif;color:#536462;margin:0}.margin-note{margin:38px 0 8px;border-left:3px solid var(--gold);padding:4px 0 4px 22px;font:500 17px/1.55 'DM Sans',sans-serif;color:var(--ink)}.margin-note b{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px;color:#8b6b2e}.skill-ledger{margin-top:28px}.skill-row{display:grid;grid-template-columns:48px 220px 1fr;gap:20px;padding:21px 0;border-top:1px solid var(--line);align-items:start}.skill-row:last-child{border-bottom:1px solid var(--line)}.skill-row>span{font:600 12px/1 'DM Sans',sans-serif;color:var(--gold)}.skill-row h3{font:500 20px/1.15 'Playfair Display',serif;margin:0}.skill-row p{font:400 14px/1.55 'DM Sans',sans-serif;color:#536462;margin:0}.method-report{background:#123f4b;color:#fff;padding:75px 0}.method-report .paper-grid{align-items:start}.method-report .paper-kicker,.method-report .paper-side p{color:#d5b774}.method-report .paper-side h2{color:#fff}.method-report .paper-body>p{color:#e7efec}.report-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.35);margin-top:28px}.report-list div{padding:24px 22px 0 0}.report-list b{font:500 18px/1.25 'Playfair Display',serif;display:block;margin-bottom:8px}.report-list span{font:400 13px/1.5 'DM Sans',sans-serif;color:#cad7d2}.paper-end{padding:50px 0 70px}.paper-end .paper-wrap{display:flex;justify-content:space-between;gap:20px}.paper-end a{color:var(--ink);text-decoration:none;font:600 14px 'DM Sans',sans-serif;border-bottom:1px solid var(--gold);padding-bottom:8px}
/* Mary letter */
.letter-page{background:#f8f4eb}.letter-hero{padding:72px 0 96px}.letter-layout{max-width:1180px;margin:auto;padding:0 30px;display:grid;grid-template-columns:minmax(320px,.82fr) minmax(480px,1.18fr);gap:90px;align-items:start}.mary-portrait-wrap{position:sticky;top:90px}.mary-portrait{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:2px;display:block}.portrait-caption{display:flex;justify-content:space-between;border-top:1px solid var(--gold);margin-top:15px;padding-top:10px;font:600 10px/1.4 'DM Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#65706d}.letter-sheet{padding-top:18px}.letter-sheet .paper-kicker{margin-bottom:28px}.letter-sheet h1{font:400 clamp(52px,6vw,88px)/.95 'Playfair Display',serif;letter-spacing:-.04em;margin:0 0 42px}.letter-sheet h1 em{font-weight:400;color:var(--green)}.dear{font:italic 400 29px/1.3 'Playfair Display',serif;margin:0 0 26px}.letter-copy{max-width:660px}.letter-copy p{font:400 18px/1.78 'DM Sans',sans-serif;color:#344e4f;margin:0 0 25px}.letter-copy .letter-break{font:500 25px/1.45 'Playfair Display',serif;color:var(--ink);margin:38px 0}.letter-signoff{margin-top:48px;border-top:1px solid var(--line);padding-top:28px}.letter-signoff>span{font:italic 400 21px 'Playfair Display',serif}.mary-name{font:500 32px/1.1 'Playfair Display',serif;margin:18px 0 5px}.mary-role{font:600 11px/1.5 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#6e7771}.letter-actions{margin-top:48px;display:flex;gap:32px;flex-wrap:wrap}.letter-actions a{font:600 14px 'DM Sans',sans-serif;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:8px}.letter-close{background:#123f4b;color:#fff;padding:62px 30px;text-align:center}.letter-close p{font:400 34px/1.2 'Playfair Display',serif;margin:0 0 25px}.letter-close a{display:inline-block;background:#d5b774;color:#123f4b;text-decoration:none;border-radius:999px;padding:14px 24px;font:700 13px 'DM Sans',sans-serif}
@media(max-width:850px){.method-cover{padding:62px 0 50px}.method-cover-grid,.paper-grid,.letter-layout{grid-template-columns:1fr;gap:35px}.paper-meta{max-width:400px}.method-loop{grid-template-columns:1fr}.method-loop div{border-bottom:1px solid var(--line)}.method-loop div:not(:last-child):after{right:5px}.paper-section{padding:55px 0}.method-roles{grid-template-columns:1fr}.method-role:nth-child(even){padding-left:0;border-left:0}.skill-row{grid-template-columns:36px 1fr}.skill-row p{grid-column:2}.report-list{grid-template-columns:1fr}.letter-hero{padding:42px 0 70px}.letter-layout{padding:0 22px}.mary-portrait-wrap{position:relative;top:auto;max-width:520px}.mary-portrait{aspect-ratio:4/4.6}.letter-sheet{padding-top:5px}}
@media(max-width:560px){.paper-wrap{padding:0 20px}.method-cover h1{font-size:50px}.method-deck{font-size:17px}.paper-grid{gap:25px}.paper-side h2{font-size:31px}.paper-body>p,.letter-copy p{font-size:16px}.method-roles{display:block}.skill-row{grid-template-columns:28px 1fr;gap:10px}.paper-end .paper-wrap{flex-direction:column;align-items:flex-start}.depth-mini-nav .wrap{height:46px;padding:0 18px}.depth-mini-nav a{font-size:10px}.letter-layout{padding:0 18px}.letter-sheet h1{font-size:50px}.dear{font-size:25px}.letter-copy .letter-break{font-size:22px}.portrait-caption{font-size:9px}.letter-close p{font-size:29px}}
