/* Shared editorial frame for project detail pages. Project-specific layouts remain in each page stylesheet. */
.detail,.kerbside,.touch-page{--project-text:700px;--project-gap:clamp(82px,9vw,128px)}
.detail figcaption,.kerbside figcaption,.touch-page figcaption{font-family:'DM Sans',Arial,sans-serif;font-size:11px;line-height:1.5;letter-spacing:.015em;color:var(--muted);padding-top:10px}
.detail .opening,.kerbside .opening,.touch-page .opening{grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:clamp(35px,5vw,78px);padding:clamp(55px,6.5vw,86px) 0 clamp(68px,7vw,92px);align-items:end}
.detail .opening h1,.kerbside .opening h1,.touch-page .opening h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(43px,5.4vw,82px);font-weight:500;line-height:1.02;letter-spacing:-.068em;margin:0;max-width:1050px;text-wrap:balance}
.detail .opening-question p,.kerbside .question,.touch-page .question{font-family:'Playfair Display',Georgia,serif;font-size:clamp(22px,2vw,30px);line-height:1.3;letter-spacing:-.025em;margin:0 0 27px;max-width:660px}
.project-meta{display:flex;flex-direction:column;gap:5px;margin-bottom:20px;color:#42483f;font:12px/1.45 'DM Sans',Arial,sans-serif;letter-spacing:.015em}
.detail .method-line,.kerbside .methods,.touch-page .methods,.kerbside .method-tags{font-size:11px;color:#42483f;gap:8px 17px}
.kerbside .method-tags{display:flex;flex-wrap:wrap}
.kerbside .method-tags span{border-bottom:1px solid transparent;padding-bottom:3px}
.kerbside .method-tags span:hover{border-color:currentColor}
.detail .opening-question,.kerbside .opening-aside,.touch-page .opening-aside{padding-bottom:2px}
.kerbside .subtitle{font-size:clamp(14px,1.25vw,18px);line-height:1.4;margin-top:20px;max-width:620px}
.kerbside .credential{margin-top:22px}
.detail .body-copy,.kerbside .copy,.touch-page .body-copy{max-width:var(--project-text);font-size:clamp(16px,1.2vw,18px);line-height:1.65}
.detail .body-copy .lead,.kerbside .lead,.touch-page .body-copy .lead{font-size:clamp(24px,2.3vw,35px);line-height:1.32}
.detail .section-label h2,.touch-page .section-label h2,.kerbside .contributions h2,.kerbside .info h2,.kerbside .methods-section h2{font-size:clamp(21px,2vw,29px);line-height:1.18}
.detail .journey-intro h2,.kerbside .chapter-head h2,.touch-page .chapter-heading h2{font-size:clamp(34px,4.2vw,62px);line-height:1.08;letter-spacing:-.056em}
.kerbside .section-heading h2{font-size:clamp(31px,3.2vw,48px)}
.detail .journey-number,.kerbside .chapter-num,.touch-page .chapter-no{font-size:clamp(34px,3.4vw,48px);line-height:1;color:var(--accent);letter-spacing:-.065em}
.detail .journey-heading h3{font-size:clamp(23px,2.25vw,33px)}
.detail .manifesto-pause p,.detail .manifesto-end h2,.detail .map-intro p,.kerbside .beyond h2,.touch-page .question-pause,.touch-page .resonance-hinge{font-size:clamp(30px,3.55vw,54px);line-height:1.19;letter-spacing:-.04em}
.detail .finding-grid h3,.kerbside .findings li,.touch-page .findings h3{font-size:clamp(21px,2vw,30px);line-height:1.27}
.detail .finding-grid p,.kerbside .contributions p,.touch-page .findings p{max-width:48ch}
.detail .intro-section,.detail .reflection,.detail .methods-section,.detail .findings,.detail .manifesto-end,.kerbside .overview,.kerbside .chapter,.kerbside .beyond,.kerbside .contributions,.kerbside .methods-section,.touch-page .overview,.touch-page .chapter,.touch-page .methods-section{padding-bottom:var(--project-gap)}
.detail .manifesto-pause{margin:var(--project-gap) 0}
.detail .journeys{margin-top:var(--project-gap)}
.detail .journey-intro{padding-bottom:45px}
.detail .three-routes{padding-bottom:70px}
.detail .journey-diagram{margin-bottom:var(--project-gap)!important}
.detail .journey-pause{margin-bottom:var(--project-gap)}
.detail .journey-two .occupation-grid{margin-bottom:var(--project-gap)}
.detail .exploration-sequence{margin-bottom:var(--project-gap)}
.detail .map-intro{margin-top:var(--project-gap)}
.detail .reflection{margin-top:var(--project-gap)}
.detail .unumbered{display:none}
.detail .finding-grid span{color:var(--accent)}
.touch-page .chapter-no.unumbered{display:block;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}
.kerbside .chapter-head,.touch-page .chapter-heading{margin-bottom:clamp(45px,5vw,65px)}
.kerbside .methods-section{border-top:1px solid var(--rule);padding-top:35px}
.kerbside .methods-section h2{font-weight:500;letter-spacing:-.045em}
.kerbside .info h2,.touch-page .project-info h2{margin-top:18px}
.detail .next-project strong,.kerbside .detail-footer strong,.touch-page .detail-footer strong{font-size:clamp(19px,2vw,28px);letter-spacing:-.035em}
@media(max-width:1080px){.detail .opening,.kerbside .opening,.touch-page .opening{grid-template-columns:1fr;gap:32px}.detail .opening h1,.kerbside .opening h1,.touch-page .opening h1{max-width:850px}}
@media(max-width:720px){.detail,.kerbside,.touch-page{--project-gap:80px}.detail .opening,.kerbside .opening,.touch-page .opening{padding:48px 0 62px;gap:30px}.detail .opening h1,.kerbside .opening h1,.touch-page .opening h1{font-size:clamp(38px,8.7vw,59px);letter-spacing:-.06em;line-height:1.04;text-wrap:pretty}.detail .opening-question p,.kerbside .question,.touch-page .question{font-size:clamp(22px,5.4vw,29px);margin-bottom:22px}.project-meta{font-size:11px}.detail .journey-intro h2,.kerbside .chapter-head h2,.touch-page .chapter-heading h2{font-size:clamp(30px,7vw,43px)}.detail .journey-number,.kerbside .chapter-num,.touch-page .chapter-no{font-size:37px}.detail .manifesto-pause p,.detail .manifesto-end h2,.detail .map-intro p,.kerbside .beyond h2,.touch-page .question-pause,.touch-page .resonance-hinge{font-size:clamp(29px,7vw,39px)}.detail .manifesto-pause,.detail .journeys,.detail .reflection{margin-top:80px}.detail .manifesto-pause{margin-bottom:80px}.detail .journey-heading h3{font-size:27px}.detail .intro-section,.touch-page .overview{padding-top:85px}.kerbside .glance{margin-top:85px}.kerbside .beyond h2{margin:30px 0 55px}.kerbside .methods-section h2{margin:18px 0 25px}.touch-page .journey-index{margin-bottom:80px}.detail .finding-grid h3,.kerbside .findings li,.touch-page .findings h3{font-size:25px}}
@media(min-width:1081px){.detail .opening,.kerbside .opening,.touch-page .opening{align-items:start}}
.detail .finding-grid span{display:none}
.kerbside .findings li:before{display:none}
.kerbside .findings li{grid-template-columns:1fr}
@media(max-width:460px){.detail .opening h1{font-size:clamp(34px,8.5vw,39px)}}

/* Unified project-detail opening and navigation. */
main .opening{
  display:block!important;
  padding:clamp(52px,6vw,78px) 0 clamp(72px,8vw,108px)!important;
}
main .opening h1{
  max-width:980px!important;
  margin:0!important;
  font-family:'Space Grotesk','Geist',Arial,sans-serif!important;
  font-size:clamp(38px,4.35vw,66px)!important;
  font-weight:500!important;
  line-height:1.04!important;
  letter-spacing:-.052em!important;
  text-wrap:balance;
}
main .opening .subtitle,
main .opening .korean-title{margin-top:16px!important}
main .opening-question,
main .opening-aside{
  max-width:760px!important;
  margin-top:clamp(30px,4vw,50px)!important;
  padding:0!important;
}
main .opening-question>p,
main .opening-aside>.question{
  margin:0 0 28px!important;
  font-family:'Geist',Arial,sans-serif!important;
  font-size:clamp(21px,1.8vw,28px)!important;
  font-weight:400!important;
  line-height:1.38!important;
  letter-spacing:-.018em!important;
}
main .project-meta{margin-bottom:22px!important;font-size:13px!important;gap:6px!important}
main .opening .method-line,
main .opening .methods,
main .opening .method-tags{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
main .opening .method-line span,
main .opening .methods span,
main .opening .method-tags span{
  display:inline-flex!important;
  align-items:center;
  min-height:32px;
  border:1px solid #c7cbc8!important;
  border-radius:2px;
  padding:6px 10px!important;
  background:transparent;
  color:#3f4541;
  font:500 13px/1.2 'Geist',Arial,sans-serif!important;
  letter-spacing:0!important;
  text-decoration:none!important;
}
main .backline,
main .backline a,
main .detail-footer,
main .detail-footer>a,
main .footer-back{font-size:14px!important;line-height:1.4!important}
main .backline{padding:22px 0!important}
main .backline{display:none!important}
main .project-modes{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
main .project-modes a{display:inline-flex;align-items:center;min-height:32px;border:1px solid #c8cbc8;border-radius:2px;padding:6px 11px;background:#eceeec;color:#474c48;font:500 13px/1.2 'Geist',Arial,sans-serif;text-decoration:none;transition:background-color .18s ease,border-color .18s ease}
main .project-modes a:hover{background:#e2e5e2;border-color:#aeb3af}
main .project-modes a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
main .next-project>span{font-size:13px!important}
@media(max-width:720px){
  main .opening{padding:44px 0 68px!important}
  main .opening h1{font-size:clamp(34px,9vw,46px)!important;letter-spacing:-.045em!important}
  main .opening-question,
  main .opening-aside{margin-top:30px!important}
  main .opening-question>p,
  main .opening-aside>.question{font-size:21px!important;margin-bottom:24px!important}
  main .backline,
  main .backline a,
  main .detail-footer,
  main .detail-footer>a,
  main .footer-back{font-size:14px!important}
}

/* Work Detail Page system — Fantasy Architects remains the reference implementation. */
main:not(.detail-reduced){
  --wd-page:1180px;
  --wd-visual:1040px;
  --wd-copy:780px;
  --wd-space:clamp(92px,10vw,150px);
  width:min(calc(100% - (var(--gutter,48px) * 2)),var(--wd-page));
  margin-inline:auto;
  color:var(--ink);
}
main:not(.detail-reduced) .backline{
  display:flex!important;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid var(--rule);
  color:var(--muted);
  font:13px/1.4 'Geist',Arial,sans-serif!important;
}
main:not(.detail-reduced) .backline a{color:var(--ink);text-decoration:none}
main:not(.detail-reduced) .opening{border-bottom:0}
main:not(.detail-reduced) .opening h1{font-family:'Space Grotesk','Geist',Arial,sans-serif!important}
main:not(.detail-reduced) .opening-question>p,
main:not(.detail-reduced) .opening-aside>.question{max-width:720px}
main:not(.detail-reduced) .project-meta,
main:not(.detail-reduced) .opening .methods,
main:not(.detail-reduced) .opening .method-tags{font-family:'Geist',Arial,sans-serif!important}
main:not(.detail-reduced) figure.hero{
  width:min(100%,var(--wd-visual));
  margin:0 auto var(--wd-space)!important;
}
main:not(.detail-reduced) figure.hero>img,
main:not(.detail-reduced) figure.hero>.hero-pair,
main:not(.detail-reduced) figure.hero>.hero-media{display:block;width:100%;height:auto}
main:not(.detail-reduced) figure.hero img{max-width:100%;height:auto;object-fit:contain}
main:not(.detail-reduced) figcaption{
  display:flex;
  justify-content:space-between;
  gap:18px;
  font-family:'Geist',Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1.5;
  color:var(--muted);
}
main:not(.detail-reduced) .overview,
main:not(.detail-reduced) .chapter,
main:not(.detail-reduced) .spatial-system,
main:not(.detail-reduced) .sequence,
main:not(.detail-reduced) .reflections,
main:not(.detail-reduced) .emerged,
main:not(.detail-reduced) .synthesis,
main:not(.detail-reduced) .developed,
main:not(.detail-reduced) .concept-shift,
main:not(.detail-reduced) .beyond,
main:not(.detail-reduced) .contributions{
  border-top:1px solid var(--rule);
  margin-top:var(--wd-space)!important;
  padding-top:clamp(68px,7vw,105px)!important;
}
main:not(.detail-reduced) .overview{margin-top:0!important}
main:not(.detail-reduced) .section-grid,
main:not(.detail-reduced) .split{
  display:grid;
  grid-template-columns:minmax(150px,220px) minmax(0,var(--wd-copy));
  justify-content:center;
  gap:clamp(35px,6vw,90px);
}
main:not(.detail-reduced) .section-label{
  font:500 12px/1.4 'Geist',Arial,sans-serif;
  color:var(--muted);
  letter-spacing:.025em;
}
main:not(.detail-reduced) .section-label h2{
  margin:0 0 10px;
  font-family:'Space Grotesk','Geist',Arial,sans-serif!important;
  font-size:clamp(25px,2.4vw,36px)!important;
  font-weight:500;
  letter-spacing:-.04em;
}
main:not(.detail-reduced) .body-copy,
main:not(.detail-reduced) .copy{
  width:min(100%,var(--wd-copy));
  max-width:var(--wd-copy)!important;
  font-family:'Geist',Arial,sans-serif;
  font-size:clamp(16px,1.15vw,18px);
  line-height:1.7;
}
main:not(.detail-reduced) .body-copy p,
main:not(.detail-reduced) .copy p{margin-top:0;margin-bottom:1.35em}
main:not(.detail-reduced) .body-copy .lead,
main:not(.detail-reduced) .copy .lead{font-size:clamp(23px,2.2vw,34px);line-height:1.35;letter-spacing:-.03em}
main:not(.detail-reduced) .chapter-heading,
main:not(.detail-reduced) .chapter-head{
  display:grid;
  grid-template-columns:clamp(55px,7vw,92px) minmax(0,900px);
  gap:clamp(18px,3vw,42px);
  align-items:start;
  margin:0 auto clamp(52px,6vw,82px)!important;
  width:min(100%,var(--wd-visual));
}
main:not(.detail-reduced) .chapter-number,
main:not(.detail-reduced) .chapter-num,
main:not(.detail-reduced) .chapter-no{
  color:var(--accent)!important;
  font:500 clamp(32px,3.4vw,48px)/1 'Space Grotesk','Geist',Arial,sans-serif!important;
  letter-spacing:-.05em;
}
main:not(.detail-reduced) .eyebrow,
main:not(.detail-reduced) .mini-label{
  margin:0 0 10px!important;
  color:var(--muted);
  font:500 11px/1.3 'Geist',Arial,sans-serif!important;
  letter-spacing:.05em;
  text-transform:uppercase;
}
main:not(.detail-reduced) .chapter-heading h2,
main:not(.detail-reduced) .chapter-head h2,
main:not(.detail-reduced) .section-heading h2{
  margin:0;
  font-family:'Space Grotesk','Geist',Arial,sans-serif!important;
  font-size:clamp(34px,4.2vw,60px)!important;
  font-weight:500!important;
  line-height:1.07!important;
  letter-spacing:-.052em!important;
}
main:not(.detail-reduced) :is(.wide-photo,.wide-figure,.drawing-large,.diagram-figure,.rule-figure,.axon,.map-figure,.route-map,.site-diagram,.stage-diagram,.spatial-score,.context-map,.gps-figure,.body-figure,.wide-study,.framework-figure,.plan-drawing,.wide-drawing,.route-display){
  width:min(100%,var(--wd-visual));
  margin:clamp(52px,6vw,86px) auto 0!important;
}
main:not(.detail-reduced) :is(.wide-photo,.wide-figure,.drawing-large,.diagram-figure,.rule-figure,.axon,.map-figure,.route-map,.site-diagram,.stage-diagram,.spatial-score,.context-map,.gps-figure,.body-figure,.wide-study,.framework-figure,.plan-drawing,.wide-drawing) img{display:block;max-width:100%;width:100%;height:auto;object-fit:contain}
main:not(.detail-reduced) :is(.encounter-images,.join-visuals,.explore-photos,.field-archive,.contact-sheet,.walking-grid,.night-strip,.tower-strip,.image-grid,.photo-grid){
  width:min(100%,var(--wd-visual));
  margin:clamp(52px,6vw,86px) auto 0!important;
}
main:not(.detail-reduced) .methods-section,
main:not(.detail-reduced) .project-info,
main:not(.detail-reduced) .info{
  width:min(100%,1040px);
  margin:var(--wd-space) auto 0!important;
  padding:clamp(32px,4vw,54px)!important;
  border:0!important;
  background:#eceeeb;
}
main:not(.detail-reduced) .project-info,
main:not(.detail-reduced) .info{background:#dfe5e1}
main:not(.detail-reduced) .methods-section.section-grid,
main:not(.detail-reduced) .project-info.section-grid,
main:not(.detail-reduced) .methods-section.split,
main:not(.detail-reduced) .info.split{grid-template-columns:minmax(150px,230px) 1fr;gap:clamp(30px,5vw,70px)}
main:not(.detail-reduced) .methods-section .methods,
main:not(.detail-reduced) .methods-section .method-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
main:not(.detail-reduced) .methods-section .methods span,
main:not(.detail-reduced) .methods-section .method-tags span{display:inline-flex;border:1px solid #aeb3af;border-radius:999px;padding:8px 13px;font:500 12px/1 'Geist',Arial,sans-serif}
main:not(.detail-reduced) .method-list>div,
main:not(.detail-reduced) .info-content dl>div,
main:not(.detail-reduced) .info dl>div{border-top:1px solid #c5cac6;padding:13px 0;font-family:'Geist',Arial,sans-serif;font-size:13px;line-height:1.55}
main:not(.detail-reduced) .method-list h3{font-family:'Space Grotesk','Geist',Arial,sans-serif;font-size:16px;font-weight:600}
main:not(.detail-reduced) .detail-footer{
  display:grid!important;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:30px;
  border-top:1px solid var(--ink);
  margin-top:var(--wd-space);
  padding:30px 0 90px!important;
  font-family:'Geist',Arial,sans-serif;
}
main:not(.detail-reduced) .detail-footer>a:last-child{text-align:right;text-decoration:none}
main:not(.detail-reduced) .detail-footer strong{display:block;margin-top:8px;font-family:'Space Grotesk','Geist',Arial,sans-serif!important}
@media(max-width:720px){
  main:not(.detail-reduced){width:min(calc(100% - 48px),var(--wd-page));--wd-space:84px}
  main:not(.detail-reduced) .backline{align-items:flex-start;gap:20px}
  main:not(.detail-reduced) .backline span{text-align:right}
  main:not(.detail-reduced) figure.hero{margin-bottom:84px!important}
  main:not(.detail-reduced) figcaption{display:block}
  main:not(.detail-reduced) figcaption span{display:block}
  main:not(.detail-reduced) .section-grid,
  main:not(.detail-reduced) .split,
  main:not(.detail-reduced) .methods-section.section-grid,
  main:not(.detail-reduced) .project-info.section-grid,
  main:not(.detail-reduced) .methods-section.split,
  main:not(.detail-reduced) .info.split{grid-template-columns:1fr;gap:28px}
  main:not(.detail-reduced) .chapter-heading,
  main:not(.detail-reduced) .chapter-head{grid-template-columns:1fr;gap:14px;margin-bottom:44px!important}
  main:not(.detail-reduced) .chapter-heading h2,
  main:not(.detail-reduced) .chapter-head h2,
  main:not(.detail-reduced) .section-heading h2{font-size:clamp(31px,8vw,43px)!important}
  main:not(.detail-reduced) .methods-section,
  main:not(.detail-reduced) .project-info,
  main:not(.detail-reduced) .info{padding:28px 24px 34px!important}
  main:not(.detail-reduced) .detail-footer{grid-template-columns:1fr;align-items:start}
  main:not(.detail-reduced) .detail-footer>a:last-child{text-align:left;margin-top:38px}
}

/* Portfolio-wide Work detail system v40 */
:root{--work-blue:#3e6487;--work-ink:#2d3035;--work-muted:#70747c;--work-rule:#dde0e5;--work-text:740px;--work-visual:1160px;--work-section:96px}
body:has(main[class]){background:#fff;color:var(--work-ink)}
body:has(main[class]) main{--accent:var(--work-blue)!important;--ink:var(--work-ink)!important;--muted:var(--work-muted)!important;--rule:var(--work-rule)!important;color:var(--work-ink);font-family:'Geist','DM Sans',Arial,sans-serif}
body:has(main[class]) main a{color:var(--work-blue)}
body:has(main[class]) main p,body:has(main[class]) main li,body:has(main[class]) main dd{font-family:'Geist','DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}
body:has(main[class]) main h1,body:has(main[class]) main h2,body:has(main[class]) main h3,body:has(main[class]) main h4{font-family:'Space Grotesk','Geist',Arial,sans-serif;color:var(--work-ink)}
body:has(main[class]) main h1,body:has(main[class]) main .opening h1,body:has(main[class]) main .project-header h1{font-size:clamp(36px,3.2vw,40px)!important;line-height:1.08!important;letter-spacing:-.035em!important;font-weight:550!important}
body:has(main[class]) main h2{font-size:clamp(24px,2.1vw,26px)!important;line-height:1.22!important;letter-spacing:-.025em!important;font-weight:550!important}
body:has(main[class]) main h3{font-size:clamp(18px,1.6vw,20px)!important;line-height:1.3!important;letter-spacing:-.015em!important;font-weight:550!important}
body:has(main[class]) main h4{font-size:16px!important;line-height:1.35!important;font-weight:550!important}
body:has(main[class]) main .eyebrow,body:has(main[class]) main .kicker,body:has(main[class]) main .mini-label,body:has(main[class]) main .section-label{font:600 13px/1.35 'Geist','DM Sans',Arial,sans-serif!important;letter-spacing:.07em!important;text-transform:uppercase;color:var(--work-muted)!important}
body:has(main[class]) main figcaption{font:400 12px/1.5 'Geist','DM Sans',Arial,sans-serif!important;color:var(--work-muted)!important;padding-top:10px!important}
body:has(main[class]) main .opening,body:has(main[class]) main .project-header{width:min(calc(100% - 64px),var(--work-visual))!important;margin-inline:auto!important;padding:64px 0 52px!important}
body:has(main[class]) main .opening-question,body:has(main[class]) main .opening-aside,body:has(main[class]) main .header-details{max-width:var(--work-text)!important;margin-top:24px!important}
body:has(main[class]) main .opening-question>p,body:has(main[class]) main .opening-aside>.question,body:has(main[class]) main .subtitle{font:400 18px/1.5 'Geist','DM Sans',Arial,sans-serif!important;letter-spacing:-.01em!important;max-width:var(--work-text)!important}
body:has(main[class]) main .project-meta,body:has(main[class]) main .credential,body:has(main[class]) main .method-line,body:has(main[class]) main .methods,body:has(main[class]) main .project-modes{font:400 13px/1.5 'Geist','DM Sans',Arial,sans-serif!important;color:var(--work-muted)!important}
body:has(main[class]) main .method-line,body:has(main[class]) main .methods,body:has(main[class]) main .method-tags,body:has(main[class]) main .project-modes{gap:7px!important}
body:has(main[class]) main .method-line span,body:has(main[class]) main .methods span,body:has(main[class]) main .method-tags span,body:has(main[class]) main .project-modes a{min-height:0!important;padding:4px 7px!important;border:1px solid var(--work-rule)!important;border-radius:2px!important;background:#fff!important;color:var(--work-muted)!important;font:500 13px/1.25 'Geist','DM Sans',Arial,sans-serif!important}
body:has(main[class]) main .method-line span:hover,body:has(main[class]) main .methods span:hover,body:has(main[class]) main .project-modes a:hover{border-color:var(--work-blue)!important;color:var(--work-blue)!important}
body:has(main[class]) main .report-link,body:has(main[class]) main .header-report-link,body:has(main[class]) main .watch-link,body:has(main[class]) main .publication-link{display:inline!important;border:0!important;border-radius:0!important;padding:0!important;background:none!important;color:var(--work-blue)!important;font:500 14px/1.45 'Geist','DM Sans',Arial,sans-serif!important;text-decoration:none!important}
body:has(main[class]) main .page-shell,body:has(main[class]) main .wide,body:has(main[class]) main .visual-column{width:min(calc(100% - 64px),var(--work-visual));margin-inline:auto}
body:has(main[class]) main .text-column,body:has(main[class]) main .body-copy,body:has(main[class]) main .copy,body:has(main[class]) main .reading-column,body:has(main[class]) main .section-intro{max-width:var(--work-text)!important}
body:has(main[class]) main img{max-width:100%}
body:has(main[class]) main section{scroll-margin-top:70px}
body:has(main[class]) main .chapter-heading,body:has(main[class]) main .chapter-head,body:has(main[class]) main .section-heading{display:flex!important;align-items:baseline!important;gap:12px!important;width:min(100%,var(--work-visual))!important;margin:0 auto 42px!important}
body:has(main[class]) main .chapter-number,body:has(main[class]) main .chapter-num,body:has(main[class]) main .chapter-no,body:has(main[class]) main .section-heading>span{flex:0 0 auto!important;width:auto!important;border:0!important;padding:0!important;color:var(--work-blue)!important;font:600 24px/1.2 'Space Grotesk','Geist',Arial,sans-serif!important;letter-spacing:-.02em!important}
body:has(main[class]) main .chapter-heading h2,body:has(main[class]) main .chapter-head h2,body:has(main[class]) main .section-heading h2{margin:0!important;max-width:none!important}
body:has(main[class]) main .chapter-heading .eyebrow,body:has(main[class]) main .chapter-head .eyebrow,body:has(main[class]) main .section-heading .eyebrow{margin-bottom:5px!important}
body:has(main[class]) main .overview,body:has(main[class]) main .chapter,body:has(main[class]) main .reflections,body:has(main[class]) main .reflection,body:has(main[class]) main .emerged,body:has(main[class]) main .text-section{padding-top:var(--work-section)!important;padding-bottom:var(--work-section)!important}
body:has(main[class]) main .overview .section-grid,body:has(main[class]) main .overview .split{max-width:var(--work-text);margin-inline:auto}
body:has(main[class]) main .overview h2:is(:only-child),body:has(main[class]) main .overview .section-label h2{font-size:13px!important;letter-spacing:.07em!important;text-transform:uppercase;color:var(--work-muted)!important}
body:has(main[class]) main .reflection-list,body:has(main[class]) main .finding-grid,body:has(main[class]) main .findings,body:has(main[class]) main .emerged-grid{border-top:1px solid var(--work-rule)!important;padding-top:28px!important}
body:has(main[class]) main .reflection-list article,body:has(main[class]) main .finding-grid article,body:has(main[class]) main .findings article,body:has(main[class]) main .emerged-grid article{border-color:var(--work-rule)!important}
body:has(main[class]) main .reflection-list span,body:has(main[class]) main .finding-grid span,body:has(main[class]) main .findings span,body:has(main[class]) main .emerged-grid span{color:var(--work-blue)!important;font-size:13px!important}
body:has(main[class]) main .detail-footer,body:has(main[class]) main .next-project,body:has(main[class]) main .project-nav,body:has(main[class]) main .project-information{border-color:var(--work-rule)!important;color:var(--work-muted)!important;font:400 13px/1.5 'Geist','DM Sans',Arial,sans-serif!important}
@media(max-width:720px){body:has(main[class]) main .opening,body:has(main[class]) main .project-header,body:has(main[class]) main .page-shell,body:has(main[class]) main .wide,body:has(main[class]) main .visual-column{width:calc(100% - 32px)!important}body:has(main[class]) main .opening,body:has(main[class]) main .project-header{padding:46px 0 42px!important}body:has(main[class]) main .chapter-heading,body:has(main[class]) main .chapter-head,body:has(main[class]) main .section-heading{gap:9px!important;margin-bottom:32px!important}body:has(main[class]) main .chapter-number,body:has(main[class]) main .chapter-num,body:has(main[class]) main .chapter-no,body:has(main[class]) main .section-heading>span{font-size:21px!important}body:has(main[class]) main .overview,body:has(main[class]) main .chapter,body:has(main[class]) main .reflections,body:has(main[class]) main .reflection,body:has(main[class]) main .emerged,body:has(main[class]) main .text-section{padding-top:72px!important;padding-bottom:72px!important}}

/* Width, scale and neutral-interface enforcement */
body:has(main[class]) main{width:100%!important;max-width:none!important;margin-inline:auto!important;padding-left:0!important;padding-right:0!important}
body:has(main[class]) main>section,body:has(main[class]) main>header:not(.site-header){box-sizing:border-box;width:min(calc(100% - 64px),var(--work-visual))!important;max-width:var(--work-visual)!important;margin-left:auto!important;margin-right:auto!important}
body:has(main[class]) main p,body:has(main[class]) main li,body:has(main[class]) main dd,body:has(main[class]) main .copy p,body:has(main[class]) main .body-copy p,body:has(main[class]) main .text-column p{font-size:16px!important;line-height:1.65!important}
body:has(main[class]) main .lead,body:has(main[class]) main .main-question{font-size:18px!important;line-height:1.55!important}
body:has(main[class]) main #overview-title,body:has(main[class]) main .project-overview .section-label h2,body:has(main[class]) main .intro-section .section-label h2{font-size:13px!important;line-height:1.35!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:var(--work-muted)!important}
body:has(main[class]) main h2>span:first-child,body:has(main[class]) main .text-column h2>span:first-child,body:has(main[class]) main .chapter>h2>span:first-child,body:has(main[class]) main .experiment-section>h2>span:first-child{color:var(--work-blue)!important}
body:has(main[class]) main .overview-card,body:has(main[class]) main .panel,body:has(main[class]) main .compact-panel,body:has(main[class]) main .project-information,body:has(main[class]) main .project-info,body:has(main[class]) main .testing,body:has(main[class]) main .site-subcontent{background:#f4f5f6!important}
body:has(main[class]) main .video-link,body:has(main[class]) main .video-button,body:has(main[class]) main .full-video-link{display:inline!important;min-height:0!important;margin-top:20px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:var(--work-blue)!important;font:500 14px/1.45 'Geist','DM Sans',Arial,sans-serif!important;text-decoration:none!important}
body:has(main[class]) main .video-link:hover,body:has(main[class]) main .video-button:hover,body:has(main[class]) main .full-video-link:hover{background:none!important;color:var(--work-blue)!important;text-decoration:underline!important;text-underline-offset:3px}
body:has(main[class]) main [class*="footer"],body:has(main[class]) main [class*="project-nav"],body:has(main[class]) main .next-project{border-color:var(--work-rule)!important}
@media(max-width:720px){body:has(main[class]) main>section,body:has(main[class]) main>header:not(.site-header){width:calc(100% - 32px)!important}}

/* Final hierarchy safeguards for legacy project selectors */
body:has(main[class]) main .section-heading h2,body:has(main[class]) main .chapter-heading h2,body:has(main[class]) main .chapter-head h2,body:has(main[class]) main .chapter>h2,body:has(main[class]) main .numbered-section h2,body:has(main[class]) main .experiment-section>h2{font-size:clamp(24px,2.1vw,26px)!important;line-height:1.22!important;letter-spacing:-.025em!important;font-weight:550!important}
body:has(main[class]) main section>p:not(.eyebrow):not(.kicker):not(.mini-label),body:has(main[class]) main section>header>p:not(.eyebrow),body:has(main[class]) main .copy-block,body:has(main[class]) main .overview-copy{max-width:var(--work-text)!important}
body:has(main[class]) main .copy,body:has(main[class]) main .body-copy,body:has(main[class]) main .text-column,body:has(main[class]) main .reading-column{width:min(100%,var(--work-text))!important;max-width:var(--work-text)!important}

/* Legacy detail layouts aligned to the shared Work system */
body:has(main.detail-reduced) main>section,body:has(main.touch-revised) main>section,body:has(main.buk-page) main>section{margin-top:0!important;padding-top:var(--work-section)!important;padding-bottom:var(--work-section)!important;border-top:1px solid var(--work-rule)!important;background-color:#fff!important;box-shadow:none!important;clip-path:none!important}
body:has(main.detail-reduced) main>.opening,body:has(main.touch-revised) main>.opening,body:has(main.buk-page) main>.opening{border-top:0!important;border-bottom:0!important;padding-top:64px!important;padding-bottom:52px!important}
.detail-reduced .project-overview,.touch-revised .project-overview{display:block!important;width:min(calc(100% - 64px),var(--work-visual))!important;max-width:var(--work-visual)!important;margin-inline:auto!important}
.detail-reduced .project-overview .overview-poster,.touch-revised .project-overview .overview-poster{display:block!important;width:min(100%,var(--work-visual))!important;margin:0 auto!important;padding:0!important;background:#fff!important}
.detail-reduced .project-overview .overview-poster img,.touch-revised .project-overview .overview-poster img{display:block!important;width:100%!important;max-height:760px!important;object-fit:contain!important;background:#fff!important}
.detail-reduced .project-overview .overview-card,.touch-revised .project-overview .overview-card{display:block!important;width:min(100%,var(--work-text))!important;margin:40px auto 0!important;padding:0!important;background:#fff!important}
.detail-reduced .project-overview .overview-card h2,.touch-revised .project-overview .overview-card h2,.buk-page .overview>h2{margin:0 0 22px!important;font-size:13px!important;line-height:1.35!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:var(--work-muted)!important}
.detail-reduced .project-overview .overview-card p,.touch-revised .project-overview .overview-card p,.buk-page .overview p{font-size:16px!important;line-height:1.65!important}
.buk-page .overview.panel{display:block!important;width:min(calc(100% - 64px),var(--work-text))!important;max-width:var(--work-text)!important;margin-inline:auto!important;padding:var(--work-section) 0!important;background:#fff!important}
.buk-page .overview .copy{width:100%!important;margin:0!important}
.detail-reduced .narrative-section>h2,.buk-page .chapter>h2{display:flex!important;align-items:baseline!important;gap:10px!important;width:100%!important;margin:0 0 42px!important;padding:0!important;font-size:26px!important}
.detail-reduced .narrative-section>h2>span,.buk-page .chapter>h2>span{width:auto!important;margin:0!important;color:var(--work-blue)!important;font-size:24px!important;vertical-align:baseline!important}
.touch-revised .opening-divider{background:var(--work-rule)!important;margin-top:28px!important}
.touch-revised .testing{background:#fff!important;box-shadow:none!important;clip-path:none!important}
@media(max-width:720px){body:has(main.detail-reduced) main>section,body:has(main.touch-revised) main>section,body:has(main.buk-page) main>section{padding-top:72px!important;padding-bottom:72px!important}.detail-reduced .project-overview,.touch-revised .project-overview{width:calc(100% - 32px)!important}.buk-page .overview.panel{width:calc(100% - 32px)!important}.detail-reduced .narrative-section>h2,.buk-page .chapter>h2{font-size:24px!important}.detail-reduced .narrative-section>h2>span,.buk-page .chapter>h2>span{font-size:21px!important}}
body:has(main.touch-revised) main>.testing{background:#fff!important;box-shadow:none!important;clip-path:none!important}
body:has(main.buk-page) main>.chapter,body:has(main.buk-page) main>.reflections,body:has(main.buk-page) main>.project-info{margin-top:0!important}

/* Shared header controls: mode, methods and project links. */
body:has(main[class]) main .opening-question,
body:has(main[class]) main .opening-aside,
body:has(main[class]) main .opening-meta,
body:has(main[class]) main .header-details{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:12px!important;
}
body:has(main[class]) main .project-meta{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  align-self:flex-start!important;
  gap:12px!important;
  margin:0!important;
}
body:has(main[class]) main .project-modes,
body:has(main[class]) main .mode-buttons,
body:has(main[class]) main .method-line,
body:has(main[class]) main .methods,
body:has(main[class]) main .method-tags,
body:has(main[class]) main .method-buttons{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
}
body:has(main[class]) main .project-modes a,
body:has(main[class]) main .mode-buttons a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:27px!important;
  padding:4px 8px!important;
  border:1px solid var(--work-rule)!important;
  border-radius:2px!important;
  background:#f1f2f3!important;
  color:var(--work-muted)!important;
  font:500 13px/1.25 'Geist','DM Sans',Arial,sans-serif!important;
  text-decoration:none!important;
}
body:has(main[class]) main .project-modes a:hover,
body:has(main[class]) main .mode-buttons a:hover{
  border-color:#c9cdd2!important;
  background:#e8eaec!important;
  color:var(--work-ink)!important;
}
body:has(main[class]) main .method-line span,
body:has(main[class]) main .methods span,
body:has(main[class]) main .method-tags span,
body:has(main[class]) main .method-buttons span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:27px!important;
  padding:4px 8px!important;
  border:1px solid var(--work-rule)!important;
  border-radius:2px!important;
  background:#fff!important;
  color:var(--work-muted)!important;
  font:500 13px/1.25 'Geist','DM Sans',Arial,sans-serif!important;
}
body:has(main[class]) main .full-video-link,
body:has(main[class]) main .video-link,
body:has(main[class]) main .video-button,
body:has(main[class]) main .header-report-link,
body:has(main[class]) main .report-link,
body:has(main[class]) main .publication-link,
body:has(main[class]) main .watch-link{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  min-height:27px!important;
  margin:0!important;
  padding:4px 8px!important;
  border:1px solid var(--work-blue)!important;
  border-radius:2px!important;
  background:#fff!important;
  color:var(--work-blue)!important;
  font:500 13px/1.25 'Geist','DM Sans',Arial,sans-serif!important;
  text-decoration:none!important;
}
body:has(main[class]) main .full-video-link:hover,
body:has(main[class]) main .video-link:hover,
body:has(main[class]) main .video-button:hover,
body:has(main[class]) main .header-report-link:hover,
body:has(main[class]) main .report-link:hover,
body:has(main[class]) main .publication-link:hover,
body:has(main[class]) main .watch-link:hover{
  background:#f1f2f3!important;
  color:var(--work-blue)!important;
  text-decoration:none!important;
}

/* Touch of the Untouched: retain the project overview pairing and compact methods. */
body:has(main.touch-revised) main.touch-revised .project-overview{
  display:grid!important;
  grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr)!important;
  gap:clamp(22px,3vw,46px)!important;
  align-items:start!important;
  width:min(calc(100% - 64px),var(--work-visual))!important;
  max-width:var(--work-visual)!important;
  margin-inline:auto!important;
}
body:has(main.touch-revised) main.touch-revised .project-overview .overview-poster{
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
}
body:has(main.touch-revised) main.touch-revised .project-overview .overview-poster img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  background:#fff!important;
}
body:has(main.touch-revised) main.touch-revised .project-overview .overview-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  width:auto!important;
  margin:0!important;
  padding:clamp(34px,4.3vw,64px)!important;
  background:#f4f5f6!important;
}
body:has(main.touch-revised) main.touch-revised .methods-overview{
  width:min(calc(100% - 64px),var(--work-visual))!important;
  max-width:var(--work-visual)!important;
  margin:0 auto!important;
  padding:clamp(30px,4vw,48px)!important;
  background:#f4f5f6!important;
}
body:has(main.touch-revised) main.touch-revised .methods-overview .method-list{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
}
body:has(main.touch-revised) main.touch-revised .methods-overview .method-list>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.touch-revised) main.touch-revised .methods-overview .method-list>div:first-child{
  padding-left:0!important;
  border-left:0!important;
}
body:has(main.touch-revised) main.touch-revised .methods-overview .method-list>div:last-child{padding-right:0!important}
body:has(main.touch-revised) main.touch-revised .methods-overview .method-list h3{
  margin:0 0 12px!important;
  font-size:15px!important;
  line-height:1.35!important;
}
body:has(main.touch-revised) main.touch-revised .methods-overview .method-list p{
  font-size:13px!important;
  line-height:1.55!important;
  color:var(--work-muted)!important;
}
body:has(main.touch-revised) main.touch-revised .route-comparison-columns h3{
  margin:0 0 18px!important;
  font-size:20px!important;
  line-height:1.3!important;
}
@media(max-width:900px){
  body:has(main.touch-revised) main.touch-revised .methods-overview .method-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 0!important}
  body:has(main.touch-revised) main.touch-revised .methods-overview .method-list>div:nth-child(odd){padding-left:0!important;border-left:0!important}
  body:has(main.touch-revised) main.touch-revised .methods-overview .method-list>div:nth-child(even){padding-right:0!important}
}
@media(max-width:800px){
  body:has(main.touch-revised) main.touch-revised .project-overview{grid-template-columns:1fr!important;width:calc(100% - 32px)!important}
  body:has(main.touch-revised) main.touch-revised .project-overview .overview-poster{width:min(82%,390px)!important;margin:auto!important}
  body:has(main.touch-revised) main.touch-revised .methods-overview{width:calc(100% - 32px)!important}
}
@media(max-width:720px){
  body:has(main.touch-revised) main.touch-revised .methods-overview .method-list{display:block!important}
  body:has(main.touch-revised) main.touch-revised .methods-overview .method-list>div,
  body:has(main.touch-revised) main.touch-revised .methods-overview .method-list>div:first-child{
    padding:18px 0!important;
    border-left:0!important;
    border-top:1px solid var(--work-rule)!important;
  }
  body:has(main.touch-revised) main.touch-revised .methods-overview .method-list>div:first-child{padding-top:0!important;border-top:0!important}
}

/* Site-wide project questions and editorial Methods. */
body:has(main[class]) main .project-question{
  display:block!important;
  width:min(100%,760px)!important;
  max-width:760px!important;
  margin:14px 0 0!important;
  color:var(--work-blue)!important;
  font:500 clamp(17px,1.45vw,20px)/1.45 'Geist','DM Sans',Arial,sans-serif!important;
  letter-spacing:-.012em!important;
}
body:has(main[class]) main .opening-title .project-question,
body:has(main[class]) main .opening-main .project-question,
body:has(main[class]) main .title-block .project-question{margin-top:14px!important}
body:has(main[class]) main .method-line,
body:has(main[class]) main .methods,
body:has(main[class]) main .method-tags,
body:has(main[class]) main .method-buttons{
  gap:0!important;
  color:var(--work-muted)!important;
}
body:has(main[class]) main .method-line span,
body:has(main[class]) main .methods span,
body:has(main[class]) main .method-tags span,
body:has(main[class]) main .method-buttons span{
  display:inline!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--work-muted)!important;
  font:500 13px/1.5 'Geist','DM Sans',Arial,sans-serif!important;
}
body:has(main[class]) main .method-line span+span::before,
body:has(main[class]) main .methods span+span::before,
body:has(main[class]) main .method-tags span+span::before,
body:has(main[class]) main .method-buttons span+span::before{content:'·';display:inline-block;margin:0 8px;color:#a7adb4}
body:has(main[class]) main .methods-panel,
body:has(main[class]) main .methods-overview{
  width:min(calc(100% - 64px),var(--work-visual))!important;
  max-width:var(--work-visual)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:clamp(30px,4vw,48px)!important;
  background:#f4f5f6!important;
  border-color:var(--work-rule)!important;
  box-shadow:none!important;
}
body:has(main[class]) main .methods-panel>h2,
body:has(main[class]) main .methods-overview>h2{
  margin:0 0 28px!important;
  color:var(--work-ink)!important;
  font-size:clamp(22px,2vw,26px)!important;
  line-height:1.25!important;
  letter-spacing:-.025em!important;
}
body:has(main[class]) main .methods-panel dl,
body:has(main[class]) main .methods-overview dl{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:0!important;
  margin:0!important;
}
body:has(main[class]) main .methods-panel dl>div,
body:has(main[class]) main .methods-overview dl>div{
  min-width:0!important;
  padding:0 clamp(14px,1.8vw,24px)!important;
  border:0!important;
  border-left:1px solid var(--work-rule)!important;
}
body:has(main[class]) main .methods-panel dl>div:first-child,
body:has(main[class]) main .methods-overview dl>div:first-child{padding-left:0!important;border-left:0!important}
body:has(main[class]) main .methods-panel dl>div:last-child,
body:has(main[class]) main .methods-overview dl>div:last-child{padding-right:0!important}
body:has(main[class]) main .methods-panel dt,
body:has(main[class]) main .methods-overview dt{margin:0 0 10px!important;color:var(--work-ink)!important;font-size:15px!important;line-height:1.35!important;font-weight:600!important}
body:has(main[class]) main .methods-panel dd,
body:has(main[class]) main .methods-overview dd{margin:0!important;color:var(--work-muted)!important;font-size:13px!important;line-height:1.55!important}
@media(max-width:720px){
  body:has(main[class]) main .project-question{margin-top:12px!important;font-size:17px!important}
  body:has(main[class]) main .methods-panel,body:has(main[class]) main .methods-overview{width:calc(100% - 32px)!important;padding:28px 22px!important}
  body:has(main[class]) main .methods-panel dl,body:has(main[class]) main .methods-overview dl{display:block!important}
  body:has(main[class]) main .methods-panel dl>div,body:has(main[class]) main .methods-overview dl>div,body:has(main[class]) main .methods-panel dl>div:first-child,body:has(main[class]) main .methods-overview dl>div:first-child{padding:18px 0!important;border-left:0!important;border-top:1px solid var(--work-rule)!important}
  body:has(main[class]) main .methods-panel dl>div:first-child,body:has(main[class]) main .methods-overview dl>div:first-child{padding-top:0!important;border-top:0!important}
}

/* Restore the shared outlined treatment for project method tags. */
body:has(main[class]) main .method-line,
body:has(main[class]) main .methods,
body:has(main[class]) main .method-tags,
body:has(main[class]) main .method-buttons{
  gap:7px!important;
}
body:has(main[class]) main .method-line span,
body:has(main[class]) main .methods span,
body:has(main[class]) main .method-tags span,
body:has(main[class]) main .method-buttons span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:27px!important;
  padding:4px 8px!important;
  border:1px solid var(--work-rule)!important;
  border-radius:2px!important;
  background:#fff!important;
  color:var(--work-muted)!important;
  font:500 13px/1.25 'Geist','DM Sans',Arial,sans-serif!important;
}
body:has(main[class]) main .method-line span+span::before,
body:has(main[class]) main .methods span+span::before,
body:has(main[class]) main .method-tags span+span::before,
body:has(main[class]) main .method-buttons span+span::before{
  content:none!important;
  display:none!important;
}

/* Page-specific opening divider restored after the shared header reset. */
body:has(main.community-page) main.community-page>.opening{
  border-bottom:1px solid var(--work-rule)!important;
}
body:has(main.community-page) main.community-page>.overview{
  border-top:0!important;
  background:#f1f2f3!important;
}

/* Fantasy Architects: keep poster and overview paired after shared project resets. */
body:has(main.fantasy-page) main.fantasy-page .project-overview{
  display:grid!important;
  grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr)!important;
  gap:clamp(22px,3vw,46px)!important;
  align-items:stretch!important;
  width:min(calc(100% - 64px),1040px)!important;
  max-width:1040px!important;
  margin-inline:auto!important;
}
body:has(main.fantasy-page) main.fantasy-page .project-overview>.overview-poster{
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
}
body:has(main.fantasy-page) main.fantasy-page .project-overview>.overview-poster img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
}
body:has(main.fantasy-page) main.fantasy-page .project-overview>.overview-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  width:auto!important;
  margin:0!important;
  padding:clamp(34px,4.3vw,64px)!important;
  background:#eceeeb!important;
}
@media(max-width:800px){
  body:has(main.fantasy-page) main.fantasy-page .project-overview{grid-template-columns:1fr!important;width:calc(100% - 32px)!important}
  body:has(main.fantasy-page) main.fantasy-page .project-overview>.overview-poster{width:min(82%,390px)!important;margin:auto!important}
  body:has(main.fantasy-page) main.fantasy-page .project-overview>.overview-poster img{height:auto!important}
}