.divers-page{--g:clamp(24px,5vw,86px);padding:0 var(--g) clamp(100px,12vw,170px);color:var(--ink)}
.divers-page *{box-sizing:border-box}.divers-page img{display:block;width:100%;max-width:100%}.divers-page figure{margin:0}
.divers-page .opening{display:block;padding:clamp(68px,8vw,112px) 0 clamp(70px,8vw,112px)}
.divers-page .opening h1{margin:0;font:500 clamp(46px,5.5vw,84px)/1.02 'DM Sans',Arial,sans-serif;letter-spacing:-.068em}
.divers-page .opening-meta{max-width:760px;padding-top:clamp(42px,5vw,66px)}.divers-page .project-meta{display:flex;align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:25px}
.divers-page .project-place{color:#42483f;font-size:13px;line-height:1.45}.divers-page .method-line{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#4f5550}.divers-page .method-line span+span::before{content:none}
.divers-page .video-link{display:inline-flex;align-items:center;margin-top:28px;padding:11px 17px;border:1px solid var(--ink);border-radius:999px;color:var(--ink);font-size:13px;line-height:1;transition:background .2s ease,color .2s ease}.divers-page .video-link:hover{background:var(--ink);color:#fff}
.divers-page .project-overview{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:clamp(22px,3vw,46px);align-items:stretch;width:min(100%,1040px);border-top:1px solid var(--rule);padding-top:clamp(70px,8vw,115px);margin:0 auto}
.divers-page .overview-poster{display:flex;align-self:start;align-items:flex-start;background:transparent}.divers-page .overview-poster img{height:auto;object-fit:contain}
.divers-page .overview-card{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(44px,7vw,105px);padding:clamp(34px,4.3vw,64px);background:#eceeeb}
.divers-page .overview-card h2{margin:0;font-size:clamp(32px,3.8vw,56px);font-weight:500;line-height:1.05;letter-spacing:-.05em}.divers-page .overview-card p{max-width:690px;margin:0 0 1.15em;font-size:clamp(15px,1.12vw,17px);line-height:1.65}.divers-page .overview-card p:last-child{margin-bottom:0}
.divers-page .double-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(45px,7vw,100px);width:min(100%,1040px);border-top:1px solid var(--rule);padding-top:clamp(75px,9vw,130px);margin:clamp(85px,10vw,145px) auto 0}
.divers-page .double-section h2{min-height:2.2em;margin:0 0 34px;font-size:clamp(31px,3.4vw,48px);font-weight:500;line-height:1.1;letter-spacing:-.048em}.divers-page .double-section h2 span{color:var(--accent)}
.divers-page .double-section p{margin:0 0 1.3em;font-size:clamp(15px,1.1vw,17px);line-height:1.7}.divers-page .double-section .lead{font:400 clamp(23px,2.25vw,33px)/1.32 'Playfair Display',Georgia,serif;letter-spacing:-.03em;margin-bottom:32px}
.divers-page .spatial-sequence{width:min(100%,780px);border-top:1px solid var(--rule);padding-top:28px;margin:clamp(62px,7vw,96px) auto 0}.divers-page .spatial-sequence h2{margin:0 0 18px;font-size:20px;font-weight:500;letter-spacing:-.025em}.divers-page .spatial-sequence p{margin:0;font-size:clamp(15px,1.1vw,17px);line-height:1.7}
.divers-page .diagram-pair{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(20px,3vw,42px);align-items:start;width:min(100%,1040px);margin:clamp(65px,8vw,110px) auto 0}.divers-page .diagram-pair img{height:auto;background:#fff}.divers-page .diagram-pair img:first-child{margin-top:clamp(150px,17vw,245px)}
.divers-page .content-section{border-top:1px solid var(--rule);padding-top:clamp(75px,9vw,130px);margin-top:clamp(85px,10vw,145px)}.divers-page .text-column{width:min(100%,780px);margin:0 auto}.divers-page .text-column h2{margin:0;font-size:clamp(38px,4.5vw,66px);font-weight:500;line-height:1.05;letter-spacing:-.052em}
.divers-page .reflection-list{width:min(100%,780px);margin:clamp(48px,6vw,76px) auto 0}.divers-page .reflection-list article{display:grid;grid-template-columns:42px 1fr;gap:18px;border-top:1px solid var(--ink);padding:18px 0 clamp(42px,5vw,65px)}.divers-page .reflection-list article>span{padding-top:7px;color:var(--accent);font-size:12px}.divers-page .reflection-list h3{margin:0 0 18px;font:400 clamp(25px,2.4vw,35px)/1.22 'Playfair Display',Georgia,serif;letter-spacing:-.035em}.divers-page .reflection-list p{max-width:570px;margin:0;font-size:14px;line-height:1.65}
.divers-page .compact-panel{width:min(100%,1040px);margin:clamp(75px,9vw,125px) auto 0;padding:clamp(30px,4vw,52px);background:#eceeeb}.divers-page .compact-panel h2{margin:0 0 28px;font-size:clamp(27px,3vw,40px);font-weight:500;line-height:1.1;letter-spacing:-.04em}.divers-page .method-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:36px}.divers-page .method-buttons span{padding:9px 15px;border:1px solid #777d78;border-radius:999px;font-size:12px;line-height:1}.divers-page .compact-panel dl{margin:0}.divers-page .compact-panel dl>div{display:grid;grid-template-columns:minmax(150px,26%) 1fr;gap:24px;padding:15px 0;border-top:1px solid #c7cac6;font-size:13px;line-height:1.55}.divers-page .compact-panel dt{font-weight:600}.divers-page .compact-panel dd{max-width:620px;margin:0}.divers-page .project-information{background:#dfe5e1}.divers-page .project-information dt{color:#626862;font-weight:400}.divers-page .project-information dl>div{padding:10px 0}
@media(max-width:720px){.divers-page{--g:26px}.divers-page .opening{padding:56px 0 70px}.divers-page .opening h1{font-size:clamp(44px,12vw,64px)}.divers-page .opening-meta{padding-top:36px}.divers-page .project-overview{grid-template-columns:1fr;padding-top:65px}.divers-page .overview-card{gap:42px;padding:32px 26px 38px}.divers-page .double-section{grid-template-columns:1fr;padding-top:72px;margin-top:80px}.divers-page .double-section article+article{border-top:1px solid var(--rule);padding-top:62px}.divers-page .double-section h2{min-height:0;font-size:clamp(34px,9vw,46px)}.divers-page .spatial-sequence{margin-top:65px}.divers-page .diagram-pair{grid-template-columns:1fr;gap:28px;margin-top:65px}.divers-page .diagram-pair img:first-child{width:min(100%,430px);margin:0 auto}.divers-page .content-section{padding-top:72px;margin-top:80px}.divers-page .text-column h2{font-size:clamp(34px,9vw,46px)}.divers-page .reflection-list{margin-top:42px}.divers-page .reflection-list h3{font-size:28px}.divers-page .compact-panel{margin-top:68px;padding:28px 24px 34px}.divers-page .compact-panel dl>div{grid-template-columns:1fr;gap:5px;padding:14px 0}}

/* Match the shared horizontal methods format used by Fantasy-Architects. */
.divers-page .methods-overview{margin-top:clamp(75px,9vw,125px);padding:clamp(30px,4vw,48px);background:#f4f5f6}
.divers-page .methods-overview .method-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.divers-page .methods-overview .method-details>div{display:block;min-width:0;padding:0 clamp(14px,1.8vw,24px);border-top:0;border-left:1px solid var(--rule)}
.divers-page .methods-overview .method-details>div:first-child{padding-left:0;border-left:0}
.divers-page .methods-overview .method-details>div:last-child{padding-right:0}
.divers-page .methods-overview .method-details dt{margin:0 0 12px;font:550 15px/1.35 'Space Grotesk','Geist',Arial,sans-serif}
.divers-page .methods-overview .method-details dd{max-width:none;font-size:13px;line-height:1.55;color:#5f6561}
@media(max-width:720px){.divers-page .methods-overview{margin-top:68px}.divers-page .methods-overview .method-details{display:block}.divers-page .methods-overview .method-details>div{padding:18px 0;border-left:0;border-top:1px solid var(--rule)}.divers-page .methods-overview .method-details>div:first-child{padding-top:0;border-top:0}}

/* Keep Methods aligned with the Fantasy-Architects project format. */
body:has(main.divers-page) main.divers-page .methods-overview{
  box-sizing:border-box!important;
  width:min(100%,1040px)!important;
  max-width:1040px!important;
  margin:var(--work-section) auto 0!important;
  padding:clamp(30px,4vw,48px)!important;
  background:#f4f5f6!important;
}
body:has(main.divers-page) main.divers-page .methods-overview .method-details{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
}
body:has(main.divers-page) main.divers-page .methods-overview .method-details>div{
  display:block!important;
  min-width:0!important;
  padding:0 clamp(14px,1.8vw,24px)!important;
  border-top:0!important;
  border-left:1px solid var(--work-rule)!important;
}
body:has(main.divers-page) main.divers-page .methods-overview .method-details>div:first-child{padding-left:0!important;border-left:0!important}
body:has(main.divers-page) main.divers-page .methods-overview .method-details>div:last-child{padding-right:0!important}
body:has(main.divers-page) main.divers-page .methods-overview .method-details dt{margin:0 0 12px!important;color:var(--work-ink)!important;font:550 15px/1.35 'Space Grotesk','Geist',Arial,sans-serif!important}
body:has(main.divers-page) main.divers-page .methods-overview .method-details dd{max-width:none!important;margin:0!important;color:var(--work-muted)!important;font-size:13px!important;line-height:1.55!important}
body:has(main.divers-page) main.divers-page .reflection-list article:first-child{border-top:0!important}
@media(max-width:720px){body:has(main.divers-page) main.divers-page .methods-overview .method-details{display:block!important}body:has(main.divers-page) main.divers-page .methods-overview .method-details>div{padding:18px 0!important;border-left:0!important;border-top:1px solid var(--work-rule)!important}body:has(main.divers-page) main.divers-page .methods-overview .method-details>div:first-child{padding-top:0!important;border-top:0!important}}