/* Shared navigation: the header remains transparent over each photographic hero. */
.site-header--expanded{gap:22px}
.site-header .site-nav{display:flex;align-items:center;gap:clamp(17px,2.2vw,34px);margin:0 0 0 auto}
.site-header .site-nav>a,.site-header .site-nav summary{font-size:12px;color:#d8cde5;white-space:nowrap;letter-spacing:.01em}
.site-header .site-nav>a:hover,.site-header .site-nav summary:hover,.site-header .site-nav [aria-current="page"]{color:var(--highlight)}
.site-header .site-nav [aria-current="page"]{text-decoration:underline;text-decoration-color:var(--highlight);text-underline-offset:8px}
.site-header .site-nav .mobile-nav-cta{display:none}
.nav-problems{position:relative}
.nav-problems summary{list-style:none;cursor:pointer;padding:13px 0}
.nav-problems summary::-webkit-details-marker{display:none}
.nav-problems summary span{color:var(--highlight);padding-left:5px}
.nav-problems--current summary{color:var(--highlight)!important}
.nav-problems-panel{position:absolute;top:100%;left:-20px;min-width:230px;padding:8px 20px;background:#1a0e2d;border:1px solid rgba(226,214,241,.25);box-shadow:0 20px 45px rgba(0,0,0,.3)}
.nav-problems-panel a{display:block;padding:13px 0;color:#e7dfef;border-bottom:1px solid rgba(226,214,241,.18)}
.nav-problems-panel a:last-child{border-bottom:0}
.nav-problems-panel a:hover{color:var(--highlight)}
.menu-toggle{display:none;background:transparent;color:var(--white);border:1px solid rgba(231,223,239,.4);height:40px;width:46px;padding:10px;cursor:pointer}
.menu-toggle span{display:block;height:1px;background:currentColor;margin:4px 0}
.menu-toggle[aria-expanded="true"]{background:var(--highlight);border-color:var(--highlight);color:#160d29}
.footer--expanded .footer-inner{flex-wrap:wrap;row-gap:28px}
.footer--expanded .footer-inner>nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 19px;width:100%;padding-top:22px;border-top:1px solid rgba(226,214,241,.22)}
.footer--expanded .footer-inner>nav a{font:700 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;color:#bcb0cd}
.footer--expanded .footer-inner>nav a:hover{color:var(--highlight)}
.section-more{position:relative;z-index:3;padding-top:28px;margin-top:24px;border-top:1px solid rgba(226,214,241,.3)}
.section-more a{display:inline-flex;justify-content:space-between;gap:20px;min-width:min(100%,315px);padding:8px 0;color:var(--highlight);font-size:13px;font-weight:700;border-bottom:1px solid rgba(233,255,63,.5)}
.section-more a:hover{color:#f3ff84;border-color:#f3ff84}
.section-more--pair{display:flex;gap:30px;flex-wrap:wrap}
.diagnostic .section-more{margin-top:22px}
@media(prefers-reduced-motion:no-preference){
  .diagram-motion .evidence-figure img{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}
  .diagram-motion .evidence-figure.is-visible img{opacity:1;transform:translateY(0)}
}

/* Interior pages share the same purple photographic seam as the homepage. */
.detail-page{--page-seam:#130a23;background:var(--page-seam)}
.detail-page main{background:var(--page-seam)}
.detail-page main>section{position:relative;isolation:isolate;overflow:hidden}
.detail-page main>section:not(.detail-hero)::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,var(--page-seam),transparent 115px,transparent calc(100% - 115px),var(--page-seam))}
.detail-photo{position:absolute;inset:0;z-index:0;overflow:hidden;background:var(--page-seam);pointer-events:none}
.detail-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.78) contrast(1.18);transform:scale(1.04)}
.detail-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,10,35,.98) 0%,rgba(19,10,35,.79) 37%,rgba(19,10,35,.27) 100%),linear-gradient(180deg,var(--page-seam),rgba(19,10,35,.14) 24%,rgba(19,10,35,.25) 74%,var(--page-seam)),linear-gradient(130deg,rgba(82,39,121,.24),rgba(19,10,35,.46))}
.detail-hero{display:flex;align-items:center;min-height:min(780px,100svh);padding:155px 0 105px;background:var(--page-seam)}
.detail-hero .detail-photo img{object-position:70% 43%}
.detail-hero .detail-photo::after{background:linear-gradient(90deg,#130a23 0%,rgba(19,10,35,.97) 25%,rgba(19,10,35,.69) 52%,rgba(19,10,35,.22) 100%),linear-gradient(180deg,rgba(19,10,35,.28),rgba(19,10,35,.08) 35%,var(--page-seam)),linear-gradient(130deg,rgba(82,39,121,.27),rgba(19,10,35,.39))}
.detail-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,transparent calc(100% - 150px),var(--page-seam));pointer-events:none}
.detail-hero-content,.detail-hero-tail{position:relative;z-index:2}
.detail-hero-content{padding-bottom:15px}
.detail-hero h1,.detail-section h2,.detail-statement h2,.detail-close h2{font-family:"Chakra Petch","Space Grotesk",sans-serif;letter-spacing:-.068em}
.detail-hero h1{max-width:1030px;margin:32px 0 28px;font-size:clamp(64px,6.45vw,103px);line-height:.93}
.detail-hero h1 em,.detail-section h2 em,.detail-statement h2 em,.detail-close h2 em{font-style:italic;font-weight:400;color:var(--highlight)}
.detail-hero p{max-width:610px;margin:0 0 26px;color:#e6def0;font-size:19px;line-height:1.58}
.detail-hero-tail{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;font:700 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:#bcafd0}

.detail-section{padding:125px 0 135px;background:var(--page-seam)}
.detail-section--gradient{background:radial-gradient(ellipse 55% 55% at 92% 43%,rgba(203,223,57,.09),transparent 72%),radial-gradient(ellipse 55% 52% at 12% 68%,rgba(97,46,145,.22),transparent 78%),var(--page-seam)}
.detail-section--photo .detail-photo::after{background:linear-gradient(90deg,rgba(19,10,35,.96) 0%,rgba(19,10,35,.82) 35%,rgba(19,10,35,.42) 100%),linear-gradient(180deg,var(--page-seam),rgba(19,10,35,.14) 24%,rgba(19,10,35,.2) 70%,var(--page-seam)),linear-gradient(125deg,rgba(92,42,133,.24),rgba(19,10,35,.37))}
.detail-section-grid,.detail-rows-layout,.detail-statement-content,.detail-close-grid{position:relative;z-index:2}
.detail-section-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(60px,7vw,120px)}
.detail-section--reverse .detail-section-copy{order:2}
.detail-section h2,.detail-statement h2,.detail-close h2{font-size:clamp(53px,5.25vw,83px);line-height:.99;margin:28px 0 25px}
.detail-section-copy>p,.detail-statement p,.detail-close-grid p{max-width:610px;font-size:19px;line-height:1.58;color:#d6cce3}
.detail-note{padding-top:19px;border-top:1px solid rgba(228,217,245,.34);color:#a99aba!important;font:700 11px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.09em}
.detail-figure{min-width:0;margin:0}
.detail-figure picture,.detail-figure img{display:block;width:100%;height:auto}
.detail-figure figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:10px}
.detail-figure figcaption span{color:var(--highlight)}
.detail-section--rows{padding-top:145px;padding-bottom:145px}
.detail-rows-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(65px,8vw,140px)}
.detail-rows-layout>div:first-child{max-width:620px}
.detail-rows-intro{max-width:560px;color:#d6cce3;font-size:18px;line-height:1.6}
.detail-rows{list-style:none;margin:0;padding:0;border-top:1px solid rgba(226,214,241,.47)}
.detail-rows li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;padding:25px 0;border-bottom:1px solid rgba(226,214,241,.4)}
.detail-row-index{font:700 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;color:var(--highlight);padding-top:5px}
.detail-rows h3{font-family:"Chakra Petch","Space Grotesk",sans-serif;font-size:clamp(24px,2.3vw,35px);letter-spacing:-.04em;line-height:1.1;margin:0 0 8px}
.detail-rows p{font-size:15px;line-height:1.62;color:#d2c7df;margin:0}
.detail-statement{min-height:640px;display:flex;align-items:center;padding:145px 0}
.detail-statement .detail-photo img{object-position:55% 48%}
.detail-statement-content{max-width:1440px}
.detail-statement h2{max-width:1000px;font-size:clamp(62px,6.1vw,96px)}
.detail-statement p{max-width:635px;margin-bottom:20px}
.detail-source{margin:0;padding:28px max(48px,calc((100vw - 1440px)/2));background:var(--page-seam);font:400 12px/1.65 "Space Grotesk",sans-serif;color:#a99abb}
.detail-source a{color:#d6cce3;text-decoration:underline;text-underline-offset:3px}
.detail-close{padding:110px 0 130px;background:radial-gradient(ellipse 55% 85% at 10% 50%,rgba(94,49,137,.26),transparent 72%),var(--page-seam)}
.detail-close-grid{display:grid;grid-template-columns:1fr minmax(290px,.38fr);align-items:end;gap:80px}
.detail-close h2{margin-bottom:0}
.detail-close-grid p{font-size:16px}
.detail-close-grid .button{margin-top:7px;width:100%;max-width:310px}
.detail-diagnostic{background:var(--page-seam);padding-block:125px}
.detail-diagnostic .diagnostic-intro h2{font-size:clamp(55px,5.8vw,86px)}
.contact-action{padding:135px 0 150px}
.contact-action-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .65fr;gap:80px;align-items:end}
.contact-action-right{padding-bottom:11px}
.contact-action-right .button{width:100%;max-width:350px}
.contact-action-right p{color:#b8adc8;font-size:13px;line-height:1.6;margin:20px 0 0}

@media(max-width:1180px){
  .site-header .site-nav{gap:16px}
  .site-header .site-nav>a,.site-header .site-nav summary{font-size:11px}
}
@media(max-width:980px){
  .site-header--expanded{justify-content:space-between}
  .site-header .site-nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100svh - 68px);overflow-y:auto;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:20px 30px 28px;background:rgba(19,10,35,.98);border-bottom:1px solid rgba(226,214,241,.28);box-shadow:0 22px 45px rgba(0,0,0,.26)}
  .site-header .site-nav.is-open{display:flex}
  .site-header .site-nav>a,.site-header .site-nav summary{font-size:16px;padding:14px 0;border-bottom:1px solid rgba(226,214,241,.2)}
  .nav-problems-panel{position:static;min-width:0;padding:0 0 0 16px;border:0;box-shadow:none;background:transparent}
  .nav-problems-panel a{font-size:14px}
  .menu-toggle{display:block;order:3}
  .site-header--expanded .header-link{margin-left:auto}
  .detail-section-grid,.detail-rows-layout{gap:45px}
  .detail-section h2,.detail-statement h2,.detail-close h2{font-size:clamp(48px,6vw,72px)}
}
@media(max-width:760px){
  .site-header--expanded .header-link{display:none}
  .site-header .site-nav{padding:14px 20px 25px}
  .site-header .site-nav .mobile-nav-cta{display:flex;justify-content:space-between;align-items:center;color:#160d29;background:var(--highlight);padding:14px 17px;margin-top:20px;font-weight:700;border:0}
  .detail-page main>section:not(.detail-hero)::before{background:linear-gradient(to bottom,var(--page-seam),transparent 75px,transparent calc(100% - 75px),var(--page-seam))}
  .detail-hero{min-height:760px;align-items:flex-end;padding:220px 0 95px}
  .detail-hero .detail-photo img{object-position:52% 25%}
  .detail-hero .detail-photo::after{background:linear-gradient(0deg,var(--page-seam) 0%,rgba(19,10,35,.96) 22%,rgba(19,10,35,.7) 53%,rgba(19,10,35,.3) 100%),linear-gradient(125deg,rgba(82,39,121,.25),rgba(19,10,35,.36))}
  .detail-hero h1{font-size:clamp(46px,9.5vw,73px);margin:22px 0}
  .detail-hero p{font-size:16px;line-height:1.54}
  .detail-hero-tail{bottom:19px;font-size:8px}
  .detail-section,.detail-section--rows,.detail-statement{padding:95px 0 105px}
  .detail-section-grid,.detail-rows-layout,.detail-close-grid,.contact-action-grid{display:block}
  .detail-section--reverse .detail-section-copy{order:0}
  .detail-section h2,.detail-statement h2,.detail-close h2{font-size:clamp(45px,9vw,64px)}
  .detail-section-copy>p,.detail-statement p{font-size:16px}
  .detail-figure{margin-top:40px}
  .detail-rows{margin-top:38px}
  .detail-rows li{grid-template-columns:52px minmax(0,1fr)}
  .detail-rows h3{font-size:27px}
  .detail-statement{min-height:650px;align-items:flex-end}
  .detail-statement .detail-photo::after{background:linear-gradient(0deg,var(--page-seam),rgba(19,10,35,.85) 49%,rgba(19,10,35,.38)),linear-gradient(125deg,rgba(82,39,121,.25),rgba(19,10,35,.36))}
  .detail-close{padding:90px 0 115px}
  .detail-close-grid>div:last-child{margin-top:28px}
  .detail-close-grid .button{max-width:none}
  .detail-source{padding-inline:20px}
  .detail-diagnostic{padding-block:95px}
  .contact-action-right{margin-top:35px}
  .footer--expanded .footer-inner>nav{justify-content:flex-start}
}
@media(max-width:400px){
  .detail-hero h1{font-size:clamp(40px,10.4vw,47px)}
  .detail-section h2,.detail-statement h2,.detail-close h2{font-size:clamp(39px,10vw,48px)}
  .detail-rows h3{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.site-header .site-nav a{transition:none}}

/* Keep the complete mechanical form visible on phones and small tablets.
   Full-height cover on long copy sections enlarged these images excessively. */
@media(max-width:900px){
  .detail-photo{
    top:0;right:0;bottom:auto;left:0;height:clamp(310px,85vw,430px);
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 47%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 47%,transparent 100%);
  }
  .detail-hero .detail-photo{height:clamp(370px,105vw,520px)}
  .detail-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transform:none}
  .detail-hero .detail-photo img{object-position:58% 35%}
  .detail-statement .detail-photo img{object-position:55% 35%}
}