/* Long-form editorial layer. Source content is page-specific, with an intentional reading rhythm. */
.depth-kicker{display:block;color:#741a25;letter-spacing:.19em;font-size:10px;font-weight:800;line-height:1.6}
.depth-perspective{background:#fff;padding:110px 0 120px;position:relative;overflow:hidden}
.depth-perspective-grid{display:grid;grid-template-columns:.37fr .63fr;gap:11%;align-items:start}
.depth-perspective-annotation{border-top:2px solid #711723;padding-top:22px;position:sticky;top:35px}
.depth-perspective-annotation>span{font-size:11px;letter-spacing:.19em;color:#711723;font-weight:800}
.depth-perspective-annotation>p{font-family:Georgia,serif;font-weight:400;font-size:clamp(24px,2.6vw,37px);line-height:1.27;letter-spacing:-.04em;max-width:340px;margin:35px 0 0;color:#5e141b}
.depth-perspective-rule{display:flex;gap:5px;margin-top:29px}
.depth-perspective-rule i{display:block;width:62px;height:3px;background:#711723}
.depth-perspective-rule i:last-child{width:15px;background:#dfccc6}
.depth-perspective h2{font-family:var(--font);font-weight:800;font-size:clamp(39px,4.6vw,66px);letter-spacing:-.064em;line-height:1.09;margin:21px 0 27px;max-width:850px}
.depth-perspective-prose p{font-size:clamp(17px,1.42vw,20px);line-height:1.77;color:#4f515a;margin:0 0 22px;max-width:810px}
.depth-perspective--editorial{background:#f8f2ee}
.depth-perspective--editorial .depth-perspective-annotation>p{font-size:clamp(29px,3vw,45px);color:#14151d}
.depth-perspective--editorial .depth-perspective-prose h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(43px,5vw,74px)}
.depth-perspective--index{background:#201519;color:#fff}
.depth-perspective--index .depth-perspective-annotation{border-color:#e9b8b5}
.depth-perspective--index .depth-perspective-annotation>span,.depth-perspective--index .depth-kicker,.depth-perspective--index .depth-perspective-annotation>p{color:#f2f0ed}
.depth-perspective--index .depth-perspective-prose p{color:#e0d5d6}
.depth-perspective--index .depth-perspective-rule i{background:#e2a9ac}
.depth-perspective--stages{background:#f8f6f3}
.depth-perspective--stages .depth-perspective-annotation{padding:27px 32px 35px;border:1px solid #d3b7b3;border-top:4px solid #711723;background:#fff;box-shadow:0 20px 45px #37202012}

.depth-evidence{background:#f5eee9;padding:112px 0 115px}
.depth-evidence-head{max-width:900px}
.depth-evidence h2{font-family:var(--font);font-weight:800;letter-spacing:-.06em;line-height:1.11;font-size:clamp(40px,4.4vw,64px);margin:19px 0 15px}
.depth-evidence-head>p{max-width:700px;color:#5d6068;line-height:1.7;font-size:16px}
.depth-evidence-table{margin-top:58px;border-top:2px solid #6b1722;background:#fcfaf8}
.depth-evidence-labels,.depth-evidence-row{display:grid;grid-template-columns:.74fr 1.13fr 1.13fr;column-gap:6%;align-items:start}
.depth-evidence-labels{padding:22px 30px 18px;border-bottom:1px solid #d4c6bf}
.depth-evidence-labels span{color:#761925;font-size:10px;font-weight:800;letter-spacing:.16em}
.depth-evidence-row{padding:30px;border-bottom:1px solid #d4c6bf;min-height:135px;transition:background-color .2s}
.depth-evidence-row:hover{background:#fff}
.depth-evidence-row h3{margin:0;font-size:clamp(22px,2.25vw,31px);font-weight:800;letter-spacing:-.05em;line-height:1.18}
.depth-evidence-row p{font-size:15px;color:#51545b;line-height:1.6;margin:0}
.depth-evidence--index{background:#faf8f5}
.depth-evidence--editorial{background:#fff}
.depth-evidence--editorial .depth-evidence-table{background:#f9f5f1}
.depth-evidence--stages{background:#ede3dd}

.depth-scenario{background:#5c141d;color:#fff;padding:120px 0 126px;position:relative;overflow:hidden}
.depth-scenario::before{content:'';position:absolute;right:-200px;top:-120px;width:670px;height:670px;border-radius:50%;border:1px solid #ffffff2e;box-shadow:0 0 0 100px #ffffff08,0 0 0 190px #ffffff05;pointer-events:none}
.depth-scenario-grid{display:grid;grid-template-columns:1fr .94fr;gap:12%;position:relative;z-index:1}
.depth-scenario-heading>span{font-size:11px;font-weight:800;letter-spacing:.19em;color:#f2f0ed}
.depth-scenario h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(45px,5vw,75px);line-height:1.11;letter-spacing:-.062em;margin:24px 0 30px;max-width:740px}
.depth-scenario-heading small{display:block;border-top:1px solid #ffffff58;padding-top:20px;max-width:430px;color:#eeeae7;font-size:12px;line-height:1.6}
.depth-scenario-story{border-left:1px solid #c78f92;padding-left:42px;margin-top:27px}
.depth-scenario-story p{font-size:clamp(17px,1.52vw,21px);line-height:1.72;color:#fff;margin:0 0 28px}
.depth-scenario--index{background:#311d22}
.depth-scenario--editorial{background:#eae0da;color:#171419}
.depth-scenario--editorial .depth-scenario-heading>span{color:#721825}
.depth-scenario--editorial .depth-scenario-heading small{color:#5e585b;border-color:#b99c9a}
.depth-scenario--editorial .depth-scenario-story{border-color:#9c7777}
.depth-scenario--editorial .depth-scenario-story p{color:#37353a}
.depth-scenario--stages{background:#7b2029}

.depth-caveat{padding:79px 0 80px;background:#fff;border-bottom:1px solid #e7ddd8}
.depth-caveat-grid{display:grid;grid-template-columns:.75fr 1fr;gap:15%}
.depth-caveat h2{font-family:var(--font);font-size:clamp(29px,3.1vw,46px);letter-spacing:-.055em;line-height:1.15;margin:18px 0}
.depth-caveat-grid>div:last-child>p:first-child{font-size:17px;line-height:1.77;color:#41434b;margin:0 0 18px}
.depth-caveat .depth-reference{font-size:12px;color:#676972;line-height:1.65;border-left:2px solid #ac8580;padding-left:15px;margin:27px 0 0}
.depth-caveat .depth-reference a{color:#721725;text-decoration:underline;text-underline-offset:3px}
.depth-caveat .depth-reference a:hover{color:#b02b38}

.depth-faq{padding:110px 0 116px;background:#fbf8f6}
.depth-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:14%}
.depth-faq h2{font-family:var(--font);font-size:clamp(37px,4vw,57px);letter-spacing:-.06em;line-height:1.12;margin:19px 0 18px}
.depth-faq-grid>div:first-child>p{font-size:16px;max-width:430px;color:#5e6167;line-height:1.66}
.depth-faq-list{border-top:2px solid #771c27}
.depth-faq-list details{border-bottom:1px solid #cfbbb5}
.depth-faq-list summary{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:25px 0;font-size:19px;font-weight:800;line-height:1.35;letter-spacing:-.035em;cursor:pointer;list-style:none;color:#15161d}
.depth-faq-list summary::-webkit-details-marker{display:none}
.depth-faq-list summary span{flex-shrink:0;font-weight:400;font-size:22px;color:#731824;transition:transform .18s}
.depth-faq-list details[open] summary span{transform:rotate(45deg)}
.depth-faq-list details>p{margin:0;padding:0 35px 25px 0;font-size:16px;line-height:1.7;color:#53555d}
.depth-faq-list summary:focus-visible{outline:3px solid #8f343f;outline-offset:3px}

@media(max-width:1000px){
 .depth-perspective-grid{grid-template-columns:.34fr .66fr;gap:6%}
 .depth-scenario-grid{gap:7%}
 .depth-evidence-labels,.depth-evidence-row{column-gap:4%}
 .depth-faq-grid{gap:7%}
}
@media(max-width:760px){
 .depth-perspective,.depth-evidence,.depth-scenario,.depth-faq{padding:70px 0 77px}
 .depth-perspective-grid,.depth-scenario-grid,.depth-caveat-grid,.depth-faq-grid{grid-template-columns:1fr;gap:33px}
 .depth-perspective-annotation{position:relative;top:auto;padding:18px 0 0}
 .depth-perspective-annotation>p{font-size:25px;max-width:620px;margin-top:20px}
 .depth-perspective--stages .depth-perspective-annotation{padding:22px}
 .depth-perspective h2,.depth-evidence h2{font-size:clamp(36px,8.4vw,53px)}
 .depth-perspective-prose p{font-size:16px;line-height:1.73}
 .depth-evidence-table{margin-top:37px}
 .depth-evidence-labels{display:none}
 .depth-evidence-row{display:grid;grid-template-columns:1fr;gap:10px;padding:25px 20px;min-height:0}
 .depth-evidence-row h3{font-size:25px}
 .depth-evidence-row p{font-size:14px}
 .depth-evidence-row p:last-child{border-top:1px solid #e9dcd6;padding-top:9px}
 .depth-scenario h2{font-size:clamp(39px,8vw,58px)}
 .depth-scenario-story{border-left:0;border-top:1px solid #c78f92;padding:25px 0 0;margin:0}
 .depth-scenario-story p{font-size:17px;line-height:1.7}
 .depth-caveat{padding:65px 0}
 .depth-caveat h2{font-size:33px}
 .depth-faq h2{font-size:39px}
 .depth-faq-list summary{font-size:18px}
}
