.strata-section{--navy:#05284b;--gold:#cbb588;--gold-light:#e0cc9f;--gold-dark:#7d6124;--cream:#f8f6f3;--rust:#9c5228;--font-head:var(--font-heading), sans-serif;--font-sans:var(--font-sans), "DM Sans", system-ui, sans-serif;--font-mono:var(--font-mono), "JetBrains Mono", ui-monospace, monospace;background:var(--cream);color:var(--navy);font-family:var(--font-sans);padding:96px 24px;position:relative;overflow:hidden}@media (min-width:1024px){.strata-section{padding:128px 32px}}.strata-section .strata-inner{max-width:1080px;margin:0 auto}.strata-section .eyebrow{justify-content:center;align-items:center;gap:14px;margin-bottom:24px;display:flex}.strata-section .eyebrow .rule{background:#b998558c;width:28px;height:1px}.strata-section .eyebrow .text{font-family:var(--font-sans);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-dark);white-space:nowrap;font-size:11px;font-weight:600}.strata-section .headline{font-family:var(--font-head);letter-spacing:-.02em;text-align:center;color:var(--navy);text-wrap:balance;max-width:920px;margin:0 auto 26px;font-size:clamp(30px,5vw,48px);font-weight:400;line-height:1.08}.strata-section .h-strike{color:var(--gold-dark);font-style:italic;display:inline-block;position:relative}.strata-section .h-strike:after{content:"";background:var(--gold-dark);transform-origin:0;height:1.5px;transition:transform .9s cubic-bezier(.65,0,.35,1) .5s;position:absolute;bottom:6%;left:0;right:0;transform:scaleX(0)}.strata-section.is-playing .h-strike:after{transform:scaleX(1)}.strata-section .lede{text-align:center;color:#111111a6;text-wrap:pretty;max-width:640px;margin:0 auto;font-size:16px;line-height:1.65}.strata-section .surface{opacity:0;max-width:980px;margin:clamp(56px,8vw,88px) auto 0;padding:0 4px;transition:opacity .6s .2s,transform .6s .2s;transform:translateY(-6px)}.strata-section.is-playing .surface{opacity:1;transform:translateY(0)}.strata-section .surface-head{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:#05284bb3;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:14px;font-size:10px;display:flex}.strata-section .surface-head .label{align-items:center;gap:10px;display:flex}.strata-section .surface-head .label:before{content:"";background:#05284b66;border-radius:50%;width:5px;height:5px}.strata-section .surface-head .reading{color:#05284bb3}.strata-section .surface-tactics{font-family:var(--font-head);color:#05284bb3;flex-wrap:wrap;gap:14px 28px;padding-bottom:22px;font-size:clamp(15px,1.8vw,19px);font-style:italic;display:flex}.strata-section .surface-tactics span{padding-bottom:6px;display:inline-block;position:relative}.strata-section .surface-tactics span:after{content:"";transform-origin:0;background:#b99855b3;height:1px;transition:transform .6s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.strata-section.is-playing .surface-tactics span:after{transform:scaleX(1)}.strata-section.is-playing .surface-tactics span:first-child:after{transition-delay:.7s}.strata-section.is-playing .surface-tactics span:nth-child(2):after{transition-delay:.85s}.strata-section.is-playing .surface-tactics span:nth-child(3):after{transition-delay:1s}.strata-section.is-playing .surface-tactics span:nth-child(4):after{transition-delay:1.15s}.strata-section .waterline{height:38px;margin-bottom:6px;position:relative}.strata-section .waterline:before{content:"";transform-origin:0;background-image:linear-gradient(90deg,#05284b59 50%,#0000 50%);background-size:8px 1px;height:1px;transition:transform 1s cubic-bezier(.22,1,.36,1) .5s;position:absolute;top:50%;left:0;right:0;transform:scaleX(0)}.strata-section.is-playing .waterline:before{transform:scaleX(1)}.strata-section .waterline-label{background:var(--cream);font-family:var(--font-mono);letter-spacing:.36em;text-transform:uppercase;color:var(--gold-dark);white-space:nowrap;opacity:0;padding:0 16px;font-size:9.5px;transition:opacity .6s 1.1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.strata-section.is-playing .waterline-label{opacity:1}.strata-section .strata{max-width:980px;margin:0 auto}.strata-section .stratum{opacity:0;border-bottom:1px solid #05284b1f;grid-template-columns:100px 1fr 220px;align-items:baseline;column-gap:32px;padding:32px 4px;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);display:grid;position:relative;transform:translateY(16px)}.strata-section .stratum:first-of-type{background:#05284b03}.strata-section .stratum:nth-of-type(2){background:#05284b06}.strata-section .stratum:nth-of-type(3){background:#05284b0a}.strata-section .stratum:nth-of-type(4){background:#05284b0e;border-bottom:1px solid #05284b2e}.strata-section.is-playing .stratum{opacity:1;transform:translateY(0)}.strata-section.is-playing .stratum:first-of-type{transition-delay:1s}.strata-section.is-playing .stratum:nth-of-type(2){transition-delay:1.2s}.strata-section.is-playing .stratum:nth-of-type(3){transition-delay:1.4s}.strata-section.is-playing .stratum:nth-of-type(4){transition-delay:1.6s}.strata-section .stratum .depth{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:#05284bb3;flex-direction:column;gap:4px;font-size:10px;line-height:1.4;display:flex}.strata-section .stratum .depth .layer{color:var(--navy);font-weight:500}.strata-section .stratum .depth .arrow{color:#9c5228;font-size:12px}.strata-section .stratum .body{padding-right:8px}.strata-section .stratum .title{font-family:var(--font-head);color:var(--navy);letter-spacing:-.01em;margin-bottom:10px;font-size:clamp(22px,2.6vw,30px);font-style:italic;font-weight:400;line-height:1.18}.strata-section .stratum .desc{font-family:var(--font-sans);color:#05284bb3;text-wrap:pretty;max-width:56ch;font-size:14.5px;line-height:1.6}.strata-section .stratum .tag{flex-direction:column;align-items:flex-start;gap:14px;padding-top:6px;display:flex}.strata-section .stratum .tag .kind{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--rust);white-space:nowrap;background:#c97a4e0f;border:1px solid #c97a4e80;padding:6px 10px;font-size:9.5px}.strata-section .stratum .tag .bar{background:#05284b14;width:100%;max-width:200px;height:4px;position:relative;overflow:hidden}.strata-section .stratum .tag .bar:after{content:"";background:var(--navy);transform-origin:0;transition:transform .9s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:0;transform:scaleX(0)}.strata-section .stratum:first-of-type .tag .bar:after{width:35%}.strata-section .stratum:nth-of-type(2) .tag .bar:after{width:60%}.strata-section .stratum:nth-of-type(3) .tag .bar:after{width:78%}.strata-section .stratum:nth-of-type(4) .tag .bar:after{width:100%}.strata-section.is-playing .stratum .tag .bar:after{transform:scaleX(1)}.strata-section.is-playing .stratum:first-of-type .tag .bar:after{transition-delay:1.3s}.strata-section.is-playing .stratum:nth-of-type(2) .tag .bar:after{transition-delay:1.5s}.strata-section.is-playing .stratum:nth-of-type(3) .tag .bar:after{transition-delay:1.7s}.strata-section.is-playing .stratum:nth-of-type(4) .tag .bar:after{transition-delay:1.9s}.strata-section .stratum .tag .bar-label{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:#05284bb3;margin-top:-8px;font-size:9px}.strata-section .strata-foot{text-align:center;opacity:0;margin-top:clamp(40px,5vw,60px);padding:0 8px;transition:opacity .7s 2s,transform .7s 2s;transform:translateY(8px)}.strata-section.is-playing .strata-foot{opacity:1;transform:translateY(0)}.strata-section .strata-foot .signed{font-family:var(--font-mono);letter-spacing:.36em;text-transform:uppercase;color:#7d6124;margin-bottom:18px;font-size:9.5px}.strata-section .strata-foot .verdict{font-family:var(--font-head);color:#05284bc7;text-wrap:balance;max-width:720px;margin:0 auto;font-size:clamp(18px,2.2vw,24px);font-style:italic;line-height:1.4}.strata-section .strata-foot .verdict em{color:var(--navy);font-style:italic}@media (max-width:860px){.strata-section .stratum{grid-template-rows:auto auto auto;grid-template-columns:60px 1fr;gap:12px 16px;padding:24px 4px}.strata-section .stratum .depth{grid-area:1/1}.strata-section .stratum .body{grid-area:1/2/span 2}.strata-section .stratum .tag{flex-direction:row;grid-area:3/1/auto/span 2;align-items:center;gap:14px;width:100%}.strata-section .stratum .tag .bar{flex:1}}@media (max-width:480px){.strata-section .stratum .title{font-size:20px}.strata-section .stratum .desc{font-size:14px}.strata-section .stratum .tag .kind{letter-spacing:.22em;padding:5px 8px;font-size:8.5px}.strata-section .surface-head{letter-spacing:.22em;font-size:9px}.strata-section .surface-tactics{gap:10px 20px;font-size:14px}.strata-section .waterline-label{letter-spacing:.26em;padding:0 10px;font-size:8.5px}}@media (prefers-reduced-motion:reduce){.strata-section .surface,.strata-section .stratum,.strata-section .strata-foot,.strata-section .h-strike:after,.strata-section .waterline:before,.strata-section .waterline-label,.strata-section .surface-tactics span:after,.strata-section .stratum .tag .bar:after{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.strata-section .h-strike:after,.strata-section .waterline:before,.strata-section .surface-tactics span:after{transform:scaleX(1)!important}}
