/* Photographic layers share the dossier's paper color and keep their own focal point. */
body[data-assessment="civil"] .civic-opening{position:relative;isolation:isolate;overflow:hidden}
body[data-assessment="civil"] .civic-opening>.civic-photo-cover,body[data-assessment="civil"] .civic-opening>.hero{position:relative;z-index:1}
body[data-assessment="civil"] .civic-photo-cover{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "title" "rule";gap:16px;padding-top:26px}
body[data-assessment="civil"] .civic-photo-cover .document-meta{grid-area:meta;position:relative;z-index:1}
body[data-assessment="civil"] .civic-photo-cover .document-title{grid-area:title;position:relative;z-index:1;max-width:6.3em;margin:0;text-align:left;line-height:1.5;letter-spacing:.07em;font-size:clamp(32px,3.8vw,47px)}
body[data-assessment="civil"] .civic-photo-cover .document-rule{grid-area:rule;position:relative;z-index:1;margin-top:4px}
body[data-assessment="civil"] .civic-opening>.hall-photo{position:absolute;z-index:0;inset:0;transform:scaleX(-1);min-height:0;margin:0;border:0;background:transparent;overflow:hidden;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at 76% 44%,#000 34%,transparent 83%);mask-image:radial-gradient(ellipse at 76% 44%,#000 34%,transparent 83%)}
body[data-assessment="civil"] .civic-opening>.hall-photo::before{content:"";position:absolute;inset:-18px;background:url('/commerce/media/8710581222cb30fcb7dd750b9dcb8b89') 70% 48%/cover no-repeat;filter:blur(18px);opacity:.12}
body[data-assessment="civil"] .civic-opening>.hall-photo img{position:absolute;inset:auto;top:0;right:5%;width:auto;height:100%;min-height:0;max-width:none;object-fit:contain;filter:blur(.8px) saturate(.72) contrast(.95);opacity:.38;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%);mask-image:linear-gradient(90deg,transparent,#000 18%)}
body[data-assessment="civil"] .civic-opening>.hall-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--canvas),transparent 28%),linear-gradient(90deg,var(--canvas) 20%,transparent 88%)}
body[data-assessment="civil"] .gallery{position:relative;isolation:isolate;overflow:hidden}
body[data-assessment="civil"] .gallery>.section-title,body[data-assessment="civil"] .gallery>.types-grid{position:relative;z-index:1}
body[data-assessment="civil"] .civic-gallery-intro{position:relative;isolation:isolate;min-height:202px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:26px 0;margin-bottom:21px;overflow:hidden}
body[data-assessment="civil"] .civic-gallery-intro>h2,body[data-assessment="civil"] .civic-gallery-intro>p{position:relative;z-index:1;max-width:57%}
body[data-assessment="civil"] .civic-gallery-intro>p{line-height:1.95}
.civic-auditorium{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at 65% 49%,#000 25%,transparent 73%);mask-image:radial-gradient(ellipse at 65% 49%,#000 25%,transparent 73%)}
.civic-auditorium img{position:absolute;top:0;right:0;width:auto;height:100%;max-width:none;opacity:.4;filter:blur(1.4px) saturate(.7);mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%);mask-image:linear-gradient(90deg,transparent,#000 18%)}
.civic-auditorium::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--canvas),transparent 65%),linear-gradient(0deg,var(--canvas),transparent 35%)}
body[data-assessment="civil"] .home-bottom{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(260px,25vw,340px);align-content:center;padding-top:35px;padding-bottom:35px}
body[data-assessment="civil"] .home-bottom>div{position:relative;z-index:1}
.civic-scene{position:relative;display:block;aspect-ratio:16/9;margin:0;overflow:hidden;pointer-events:none}
.civic-scene>img{position:absolute;left:50%;top:50%;width:56.25%;height:auto;max-width:none;transform:translate(-50%,-50%) rotate(-90deg)}
.civic-context-art{position:absolute;z-index:0;inset:0;width:100%;height:100%;aspect-ratio:auto;opacity:.24;filter:blur(1.2px) saturate(.55);mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse at 62% 52%,#000 32%,transparent 85%);mask-image:radial-gradient(ellipse at 62% 52%,#000 32%,transparent 85%)}
.civic-context-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--canvas),transparent 22%,transparent 78%,var(--canvas)),linear-gradient(90deg,var(--canvas),transparent 52%)}
body[data-assessment="civil"] .result-heading{position:relative;isolation:isolate;overflow:hidden;max-width:none}
body[data-assessment="civil"] .result-heading>:not(.civic-result-art){position:relative;z-index:1}
.civic-report-cover{position:relative;isolation:isolate;aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:clamp(20px,3.1vw,40px);overflow:hidden;background:#172c3c;border-radius:3px}
.civic-report-cover>:not(.civic-result-art){position:relative;z-index:1;text-shadow:0 2px 10px #07132299}
body[data-assessment="civil"] .civic-report-cover .eyebrow{color:#f0f3f6;font-size:11px;line-height:1.6}
body[data-assessment="civil"] .civic-report-cover h1{color:#fff;font-size:clamp(34px,4vw,58px);line-height:1.35;margin:9px 0 5px;letter-spacing:.04em}
body[data-assessment="civil"] .civic-report-cover .direction{color:#eef2f5;font-size:14px;line-height:1.8}
.civic-result-art{position:absolute;z-index:0;inset:0;width:100%;height:100%;opacity:1;filter:none;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none}
.civic-result-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07132222,transparent 38%,#071322b3 76%,#071322e6)}
@media(max-width:767px){
 body[data-assessment="civil"] .civic-photo-cover{grid-template-columns:minmax(0,1fr);gap:12px;padding-top:20px}
 body[data-assessment="civil"] .civic-photo-cover .document-title{max-width:4.2em;font-size:31px;line-height:1.5;letter-spacing:.04em}
 body[data-assessment="civil"] .civic-opening>.hall-photo img{right:-12%;opacity:.28}
 body[data-assessment="civil"] .civic-opening>.hall-photo::before{filter:blur(12px);opacity:.08}
 body[data-assessment="civil"] .civic-gallery-intro{min-height:174px;padding:18px 0;margin-bottom:10px;gap:9px}
 body[data-assessment="civil"] .civic-gallery-intro>h2{max-width:72%;font-size:27px;line-height:1.55}
 body[data-assessment="civil"] .civic-gallery-intro>p{max-width:66%;font-size:12px}
 .civic-auditorium img{right:50%;transform:translateX(50%);opacity:.33;filter:blur(1.2px) saturate(.7)}
 body[data-assessment="civil"] .home-bottom{min-height:420px;padding:40px 0}
 .civic-context-art>img{width:150%}
 .civic-report-cover{aspect-ratio:4/3;padding:17px 18px}
 .civic-result-art>img{width:75%}
 body[data-assessment="civil"] .civic-report-cover .eyebrow{font-size:9px;line-height:1.5;letter-spacing:.11em}
 body[data-assessment="civil"] .civic-report-cover h1{font-size:34px;line-height:1.3;margin:7px 0 4px}
 body[data-assessment="civil"] .civic-report-cover .direction{font-size:12px;line-height:1.7}
}
@media(max-width:359px){
 .civic-report-cover{padding:12px 14px}
 body[data-assessment="civil"] .civic-report-cover h1{font-size:30px}
 body[data-assessment="civil"] .civic-report-cover .eyebrow{font-size:8px}
 body[data-assessment="civil"] .civic-photo-cover .document-title{font-size:27px}
 body[data-assessment="civil"] .civic-gallery-intro>h2{font-size:25px}
}
@media(max-width:767px) and (max-height:650px){
 body[data-assessment="civil"] .civic-photo-cover{padding-top:14px;gap:9px 13px}
}
@media(max-width:767px) and (max-height:540px){
 body[data-assessment="civil"] .civic-photo-cover{padding-top:8px;gap:6px 12px}
 body[data-assessment="civil"] .hero-copy .intro{line-height:1.75}
 body[data-assessment="civil"] .test-entry{margin-top:12px;padding:12px}
}