/* Editorial additions. Existing artwork, hero, navigation and reading tools are retained. */
.depth-senses{background:var(--paper);color:#243033;padding:0 0 100px}
.depth-senses>.wrap{padding-top:60px;position:relative}
.depth-senses>.wrap::before{content:"";position:absolute;top:0;left:52px;right:52px;height:1px;background:#293b3b26}
.depth-kicker{font:10px var(--mono);letter-spacing:.19em;text-transform:uppercase;color:var(--warm);line-height:1.8;margin:0 0 16px}
.depth-senses .depth-kicker{color:#87562e}
.depth-title{font-family:Georgia,var(--serif);font-size:clamp(33px,4vw,47px);font-weight:400;line-height:1.25;letter-spacing:.015em;margin:0}
.depth-title small{display:block;font-family:var(--serif);font-size:clamp(21px,2.3vw,29px);line-height:1.8;letter-spacing:.05em;margin-top:14px}
.depth-intro{max-width:660px;font-size:15px;line-height:2.1;color:#b8c7c2;margin:24px 0 0}
.depth-senses .depth-intro{color:#56605d}
.depth-sound-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:44px}
.depth-sound{border-top:1px solid #293b3b3b;padding-top:22px;min-width:0}
.depth-number{display:block;font:11px var(--mono);color:#956338;letter-spacing:.12em;margin-bottom:17px}
.depth-sound h3{font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.7;margin:0 0 18px}
.depth-sound blockquote{margin:0 0 20px;padding-left:17px;border-left:2px solid #b58a5d}
.depth-sound blockquote p{font-family:var(--serif);font-size:17px;line-height:2;color:#344744;margin:0}
.depth-sound>p{font-size:14px;line-height:2.1;color:#56605d}
.depth-source{font-size:11px;letter-spacing:.04em;line-height:1.8;color:#69706a;margin:32px 0 16px}
.depth-text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:13px;line-height:1.8;border-bottom:1px solid #d8aa7270;color:var(--warm);text-underline-offset:5px}
.depth-text-link:hover{text-decoration:underline}
.depth-senses .depth-text-link{color:#754b27;border-color:#95633870}
.depth-world{padding-top:76px;margin-top:48px;border-top:1px solid var(--line);scroll-margin-top:108px}
.depth-wayfinding{display:flex;gap:8px 28px;flex-wrap:wrap;padding:0 0 34px;margin-bottom:42px;border-bottom:1px solid var(--line)}
.depth-wayfinding a{font-size:12px;letter-spacing:.05em;color:#d0c4ae;min-height:44px;display:inline-flex;align-items:center;gap:12px}
.depth-wayfinding a:hover{color:var(--warm)}
.depth-wayfinding span{color:#81938e;font:10px var(--mono)}
.depth-city-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:42px;align-items:start;margin-top:40px}
.depth-figure{margin:0;min-width:0}
.depth-art{position:relative;display:block;width:100%;padding:0;border:1px solid var(--line);background:#182428;cursor:zoom-in;color:var(--paper);overflow:hidden}
.depth-art img{display:block;width:100%;height:auto;transition:filter .2s}
.depth-art:hover img{filter:brightness(1.08)}
.depth-art>span{position:absolute;right:12px;bottom:12px;background:#0c181be6;border:1px solid #e9b57770;padding:8px 12px;font-size:11px;letter-spacing:.06em;line-height:1.5;pointer-events:none}
.depth-figure figcaption{font-size:11px;line-height:1.9;color:#9eafa8;margin-top:13px}
.depth-stops{margin:0;padding:0;list-style:none;counter-reset:city}
.depth-stops li{counter-increment:city;position:relative;padding:0 0 22px 38px;margin-bottom:22px;border-bottom:1px solid var(--line);min-width:0}
.depth-stops li::before{content:"0" counter(city);position:absolute;left:0;top:3px;font:10px var(--mono);color:var(--warm)}
.depth-stops li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.depth-stops h4{font-family:var(--serif);font-size:19px;font-weight:400;letter-spacing:.04em;line-height:1.7;margin:0 0 9px}
.depth-stops p{font-size:14px;line-height:2;color:#b8c7c2;margin:0}
.depth-city-foot{margin-top:24px;font-size:13px;line-height:2;color:#a5b6ae}
.depth-machine-section{padding-top:76px;margin-top:70px;border-top:1px solid var(--line);scroll-margin-top:108px}
.depth-machine{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:center;margin-top:44px;padding-bottom:48px}
.depth-machine+.depth-machine{padding-top:44px;border-top:1px solid var(--line);margin-top:0;padding-bottom:0}
.depth-machine:nth-of-type(2)>.depth-figure{order:2}
.depth-machine-copy{min-width:0}
.depth-machine h4{font-family:var(--serif);font-size:clamp(23px,2.4vw,31px);font-weight:400;line-height:1.8;letter-spacing:.04em;margin:0 0 19px}
.depth-machine-copy>p:not(.depth-kicker){font-size:15px;line-height:2.1;color:#b8c7c2;margin:0 0 20px}
.depth-observe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:26px 0 18px;border-block:1px solid var(--line);padding-block:21px}
.depth-observe div{min-width:0}
.depth-observe dt{font-size:12px;color:#e7c89e;margin-bottom:6px;line-height:1.7}
.depth-observe dd{font-size:11px;line-height:1.9;color:#a5b6ae;margin:0}
.depth-reading{background:var(--paper);color:#243033;padding-block:80px;scroll-margin-top:86px}
.depth-reading-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:80px}
.depth-reading .depth-kicker{color:#87562e}
.depth-reading .depth-title{font-size:clamp(32px,3.6vw,44px)}
.depth-reading .depth-intro{color:#56605d;font-size:14px}
.depth-faq{border-top:1px solid #293b3b40}
.depth-faq details{border-bottom:1px solid #293b3b40}
.depth-faq summary{list-style:none;position:relative;padding:21px 36px 21px 0;font-size:15px;line-height:1.8;font-weight:500;cursor:pointer;min-height:64px}
.depth-faq summary::-webkit-details-marker{display:none}
.depth-faq summary::after{content:"＋";position:absolute;right:4px;top:21px;color:#81552d;font-weight:400}
.depth-faq details[open]>summary::after{content:"−"}
.depth-faq details>div{padding:0 32px 24px 0;font-size:14px;line-height:2.1;color:#56605d}
.depth-faq p{margin:0 0 14px}
.depth-faq p:last-child{margin-bottom:0}
.depth-faq a{color:#754b27;text-decoration:underline;text-underline-offset:5px;display:inline-block;padding-block:4px}
.depth-art:focus-visible,.depth-text-link:focus-visible,.depth-wayfinding a:focus-visible,.depth-faq summary:focus-visible{outline:3px solid #bb8047;outline-offset:5px}
@media(max-width:1000px){
 .depth-city-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .depth-stops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
 .depth-stops li{margin-bottom:0}
 .depth-stops li:nth-last-child(-n+2){border-bottom:0;padding-bottom:0}
 .depth-machine{gap:32px}
 .depth-reading-grid{gap:42px}
}
@media(max-width:760px){
 .depth-senses{padding-bottom:64px}
 .depth-senses>.wrap{padding-top:42px}
 .depth-senses>.wrap::before{left:24px;right:24px}
 .depth-title{font-size:34px;overflow-wrap:anywhere}
 .depth-title small{font-size:23px;line-height:1.8;letter-spacing:.025em}
 .depth-intro{font-size:16px;line-height:2;margin-top:20px}
 .depth-sound-grid{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:32px}
 .depth-sound{padding-top:20px}
 .depth-sound h3{font-size:21px;margin-bottom:14px}
 .depth-sound>p{font-size:16px;line-height:2}
 .depth-sound blockquote p{font-size:18px}
 .depth-number{margin-bottom:12px}
 .depth-world{padding-top:42px;margin-top:34px;scroll-margin-top:92px}
 .depth-wayfinding{gap:4px 24px;margin-bottom:30px;padding-bottom:22px}
 .depth-wayfinding a{font-size:13px}
 .depth-city-grid{margin-top:28px;gap:28px}
 .depth-stops{grid-template-columns:minmax(0,1fr);gap:24px}
 .depth-stops li:nth-last-child(2){border-bottom:1px solid var(--line);padding-bottom:22px}
 .depth-stops h4{font-size:21px}
 .depth-stops p{font-size:16px;line-height:2}
 .depth-city-foot{font-size:14px}
 .depth-machine-section{padding-top:46px;margin-top:46px;scroll-margin-top:92px}
 .depth-machine{grid-template-columns:minmax(0,1fr);gap:26px;align-items:start;padding-bottom:36px;margin-top:30px}
 .depth-machine+.depth-machine{padding-top:36px}
 .depth-machine:nth-of-type(2)>.depth-figure{order:0}
 .depth-machine h4{font-size:25px}
 .depth-machine-copy>p:not(.depth-kicker){font-size:16px;line-height:2}
 .depth-observe{gap:12px;padding-block:18px}
 .depth-observe dt{font-size:12px}
 .depth-observe dd{font-size:12px}
 .depth-text-link{font-size:14px}
 .depth-reading{padding-block:60px}
 .depth-reading-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .depth-reading .depth-intro{font-size:16px}
 .depth-faq summary{font-size:16px;padding-right:32px}
 .depth-faq details>div{font-size:16px;padding-right:0}
}
@media(prefers-reduced-motion:reduce){.depth-art img{transition:none}}
