/* V2 persistent scene and right-hand information area. */
#experience{--masthead-height:86px;--hero-width:61%;--footer-height:70px;display:grid;grid-template-rows:var(--masthead-height) minmax(0,1fr) var(--footer-height);width:min(1480px,calc(100vw - 96px));height:min(880px,calc(100dvh - 88px));background:transparent}
#experience .site-header{width:var(--hero-width)!important;max-width:none!important;min-height:var(--masthead-height);height:var(--masthead-height);position:relative;top:auto;display:flex;gap:16px;padding:6px 20px;justify-content:flex-start;overflow:visible}
#experience .brand{width:370px;flex:0 1 370px;max-width:none;height:auto;min-width:0;gap:10px;justify-content:flex-start;padding:0}
#experience .brand-lettering{width:245px;flex:0 1 245px;gap:2px}
#experience .badge-mount{width:112px;height:132px;flex:none}
#experience .brand-badge{scale:1.2705}
.brand-location{display:block;color:#b5c5c9;font:500 8px/1.3 var(--body);letter-spacing:.06em}
#experience .main-stage{position:relative;min-height:0;overflow:visible;display:block;height:auto;background:transparent}
#experience .estate-scene{display:block;position:absolute;left:0;top:0;bottom:0;width:var(--hero-width);height:100%;clip-path:none!important}
#experience .estate-architecture{object-position:var(--architecture-position,50% 45%);filter:saturate(.88) brightness(.98) contrast(1.015)}
#experience .guard-layer,#experience .homeowner-layer{display:block}
#experience .vehicle-layer,#experience .flag-mast,#experience .scene-sun,#experience .foreground-gate{visibility:visible}
#experience .field-equipment{display:block;top:0;left:0;width:var(--hero-width);height:100%;overflow:visible}
#experience .desk{display:block;left:0;right:auto;top:auto;bottom:0;width:var(--hero-width);height:7.5%}
#experience .torch-beam{top:auto;bottom:1%;left:calc(var(--hero-width)*.46);width:calc(var(--hero-width)*.3);height:12%}
#experience .stage-vignette{display:none}
#experience .site-footer{display:flex;width:var(--hero-width)!important;min-height:var(--footer-height);height:var(--footer-height);align-items:flex-start;padding:8px 21px}
#experience .home-presentation{position:absolute;inset:0;display:block;height:auto;pointer-events:none}
#experience .home-services{position:absolute;left:var(--service-rail-left,calc(61% + 22px));right:0;top:calc(-1 * var(--masthead-height));bottom:calc(-1 * var(--measured-footer,70px));display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,minmax(0,1fr));padding:0;margin:0;gap:20px;pointer-events:auto}
#experience .reading-panel{display:block;position:absolute;inset:calc(-1 * var(--masthead-height)) 0 calc(-1 * var(--measured-footer,70px)) calc(var(--hero-width) + 22px);width:auto;height:auto;padding:0;border:0;border-radius:5px;background:#f6f8f5;box-shadow:0 6px 24px #24364018;overflow:hidden}
#experience .panel-scroll{height:100%;width:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:25px 25px 62px;scrollbar-color:#a6b6bc transparent}
#experience .panel-tools{position:absolute;bottom:0;left:0;right:0;display:flex;height:37px;background:#f0f4f1f5;border-top:1px solid #d9e1e0;padding:7px 14px;font-size:10px;z-index:20}
#experience .home-presentation[hidden],#experience .reading-panel[hidden]{display:none!important}
#experience .content-enter{animation:panel-reveal .24s ease-out}
@keyframes panel-reveal{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

/* Standalone switches: the original panel surround is intentionally absent. */
#experience .switchboard{height:64px;min-height:0;flex:0 1 360px;width:360px;max-width:360px;min-width:280px;padding:4px 5px;border:0;background:none;box-shadow:none}
#experience .board-screw{display:none}
#experience .switch-bays{gap:4px}
#experience .nav-switch{min-height:54px;background:none;box-shadow:none}
#experience .mechanism{height:38px;width:29px;left:calc(50% - 14.5px);top:-1px;border-radius:4px;background:linear-gradient(#bfc8cc44,#e4e9e65c);box-shadow:0 1px 3px #0009,inset 0 0 0 1px #dce8ed66}
#experience .mechanism .switch-state{filter:brightness(1.19) contrast(.94);padding:1px}
#experience .is-selected .mechanism{box-shadow:0 1px 3px #0009,0 0 0 1px #c7d8db77}
#experience .nav-switch:hover .switch-state{filter:brightness(1.3) contrast(.94)}
#experience .nav-label{font-size:11px;line-height:1.35;bottom:0;white-space:nowrap}
#experience .pilot{top:9px;width:12px;height:12px;left:10%}
#experience .nav-switch:focus-visible{outline:2px solid #c6dfe5;outline-offset:2px}

/* Separate service scenery and figures can move without disturbing native text. */
#experience .service-preview{overflow:visible;isolation:isolate;border-radius:5px;border:0;background:none;translate:0 0;box-shadow:none;transition:filter .3s}
#experience .service-photo{border-radius:5px;overflow:hidden;box-shadow:0 5px 16px #142a332e;transition:box-shadow .35s}
#experience .service-photo img{object-fit:cover;object-position:65% 50%;filter:saturate(.75) brightness(.88);transform:scale(1.001);transition:transform .65s cubic-bezier(.2,.65,.2,1),filter .45s}
#experience .service-caption{border-radius:5px;padding:29px 43% 29px 26px;z-index:4;pointer-events:none;background:linear-gradient(90deg,#09151bf5,#0b1a20d9 30%,#10202766 54%,#101b2020 72%,transparent)}
#experience .service-preview::after{display:none}
#experience .service-caption strong{font-size:32px;font-weight:500;line-height:1.04;letter-spacing:-.02em;min-height:0}
#experience .service-caption-text>span{font-size:12.5px;line-height:1.5;color:#e1e9ec}
#experience .service-number,#experience .service-action{left:26px;font-size:7.5px}
#experience .service-number{top:14px}
#experience .service-action{bottom:14px;color:#c8d8dc}
.rail-figure{position:absolute;z-index:3;right:-5px;bottom:0;width:59%;height:114%;pointer-events:none;transform:translate3d(0,0,0);transform-origin:60% 100%;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s;filter:drop-shadow(-3px 5px 4px #0711174d)}
.rail-figure img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:right bottom;filter:saturate(.78) brightness(.94);transition:none}
.rail-figure-vehicle{width:70%;height:110%;right:-12px;bottom:1px}
.rail-figure-campus{right:-6px;width:64%;height:114%}
.rail-figure-events{right:-6px;width:58%;height:115%}
.rail-figure-patrol{right:0;width:53%;height:118%}
#experience .service-preview:hover,#experience .service-preview:focus-visible{translate:0 0;outline-offset:6px}
#experience .service-preview:hover .service-photo,#experience .service-preview:focus-visible .service-photo{box-shadow:0 8px 22px #172e3b40}
#experience .service-preview:hover .service-photo img,#experience .service-preview:focus-visible .service-photo img{transform:scale(1.025);filter:saturate(.86) brightness(.97)}
#experience .service-preview:hover .rail-figure,#experience .service-preview:focus-visible .rail-figure{transform:translate3d(-3px,-3px,0);filter:drop-shadow(-5px 8px 5px #0711175c)}
#experience .service-preview:hover .service-action>span{translate:3px -2px}

/* Right-hand reading hierarchy. */
#pageContent{font-size:14px;line-height:1.75;color:#435d69}
#experience #panelTitle{font-size:36px;line-height:1.05;letter-spacing:-.025em}
#pageContent .panel-lead{font-size:21px;line-height:1.35;color:#637d89}
#pageContent h2{font-size:27px;line-height:1.18;margin-top:24px}
#pageContent h3{font-size:23px;line-height:1.25}
#experience .detail-heading{padding-bottom:19px;margin-bottom:20px}
#experience .chapter-label{font-size:9px;letter-spacing:.12em}
#experience .service-catalog{display:grid;grid-template-columns:1fr;gap:20px}
#experience .catalog-card{min-height:185px}
#experience .catalog-copy{min-height:185px;padding:24px 40% 21px 21px}
#experience .catalog-copy>strong{font-size:28px}
#experience .catalog-summary{font-size:12px;line-height:1.55}
#experience .catalog-link{font-size:10px;margin-top:12px}
#experience .service-chooser>summary{font-size:12px}
#experience .comparison-grid{grid-template-columns:1fr 1fr}
#experience .comparison-grid button{min-height:85px}
#experience .service-opening{margin-bottom:16px}
#experience .service-opening figcaption{font-size:10px}
#experience .service-tabs{position:sticky;top:-1px;padding:5px 0;background:#f6f8f5;z-index:10;display:flex;flex-wrap:wrap;gap:3px}
#experience .service-tabs button{font-size:10px;min-height:38px;padding:6px 8px}
#experience .service-keyfacts{grid-template-columns:1fr;gap:10px}
#experience .service-keyfacts>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px}
#experience .service-keyfacts dt{font-size:9px}
#experience .service-keyfacts dd{font-size:12px}
#experience .scenario-flow{gap:4px}
#experience .scenario-flow li{font-size:10px;padding:8px 4px}
#experience .team-experience{grid-template-columns:1fr}
#experience .experience-mark{display:none}
#experience .team-experience h2{font-size:28px}
#experience .concept-disclosure{font-size:10px;line-height:1.6;margin-top:24px;color:#7b8f96}
.coverage-region{display:flex;gap:14px;padding:17px;background:#e9f0ef;border-left:2px solid #8ba5ad;margin-bottom:22px}
.coverage-region strong{font-size:15px;color:#244a5d}.coverage-region p{font-size:12px;line-height:1.7;margin:6px 0 0}
.region-pin{font:24px var(--display);color:#71929f}
.region-list{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 22px}
.region-list span{padding:5px 9px;border-radius:3px;background:#e6eeef;font-size:10px;color:#507180}
#experience .planning-steps{grid-template-columns:1fr;gap:14px}
#experience .coverage-settings{grid-template-columns:1fr}
#experience .coverage-settings button{min-height:74px}
#experience .coverage-settings small{font-size:11px}

/* Assessment is an explicit, non-operating business-concept experience. */
.concept-banner{display:flex;gap:10px;padding:14px 15px;background:#e7efed;border-radius:4px;margin-bottom:19px;border-left:2px solid #91aaa7}
.concept-dot{flex:none;width:6px;height:6px;border-radius:50%;background:#6f9286;margin-top:6px}
.concept-banner strong{display:block;font-size:11px;line-height:1.5;color:#315b60}
.concept-banner p{font-size:11px;line-height:1.65;margin:4px 0 0;color:#627f87}
#experience .brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#experience .brief-field{grid-column:auto}
#experience .brief-field.field-wide,#experience .brief-field[data-field=site],#experience .brief-field[data-field=location],#experience .brief-field[data-field=hours],#experience .brief-field[data-field=contact]{grid-column:1/-1}
#experience .brief-field>span{font-size:11px}
#experience .brief-field input,#experience .brief-field textarea,#experience .brief-field select,#experience .brief-setting select{width:100%;min-width:0;font:12px/1.5 var(--body);color:#315360;padding:10px;border:1px solid #c4d3d9;border-radius:3px;background:#fff}
#experience #briefForm legend{font-size:24px;padding-bottom:14px}
#experience #briefForm fieldset{padding:0 0 21px;margin:0 0 20px;border:0;border-bottom:1px solid #d4dfdf}
#experience .brief-setting{padding:0;background:none;border:0;margin:0 0 13px;display:block}
#experience .brief-setting label{display:block;font-size:11px;margin-bottom:6px}
#experience .assessment-submit{font-size:12px;width:100%;justify-content:space-between}
#experience .brief-helper,#experience .brief-save-status{font-size:10px;line-height:1.6}
.assessment-copy{margin-top:18px;padding:13px;background:#edf3f1;border-radius:3px}
.assessment-copy summary{font-size:12px;cursor:pointer;color:#436574}
#experience #briefText{font-size:11px;line-height:1.7;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow:auto}
#experience .draft-storage{font-size:10px;padding-top:16px;margin-top:16px}
#experience .draft-storage label{font-size:11px}
#experience .draft-storage p{font-size:10px}
#experience .primary-action{font-size:12px}

/* Slow motion stays behind the foliage and follows device motion preferences. */
.scene-clouds{position:absolute;left:-8%;top:6%;width:122%;height:47%;max-width:none;object-fit:cover;z-index:0;opacity:.34;pointer-events:none;animation:cloud-drift 85s ease-in-out infinite alternate}
@keyframes cloud-drift{from{transform:translateX(-15px)}to{transform:translateX(24px)}}
.vehicle-beacons{position:absolute;left:43.4%;top:2.4%;width:26.7%;height:3.6%;pointer-events:none;z-index:2}
.vehicle-beacons i{position:absolute;top:23%;height:45%;width:14%;border-radius:2px;background:#efb650;box-shadow:0 0 3px 1px #ffc967a1,0 0 7px #ffa13366;opacity:.25;animation:beacon-warm 3.6s ease-in-out infinite}
.vehicle-beacons i:nth-child(1){left:3%;animation-delay:0s}.vehicle-beacons i:nth-child(2){left:29%;animation-delay:.55s}.vehicle-beacons i:nth-child(3){left:55%;animation-delay:1.1s}.vehicle-beacons i:nth-child(4){left:81%;animation-delay:1.65s}
@keyframes beacon-warm{0%,100%{opacity:.12}24%,42%{opacity:.7}65%{opacity:.15}}
.motion-paused .scene-clouds,.scene-resting .scene-clouds,.motion-paused .vehicle-beacons i,.scene-resting .vehicle-beacons i{animation-play-state:paused!important}
#experience .field-equipment .foreground-flowers{width:40.95%;height:29.4%}
#experience .prop-clipboard{left:87.13%;width:15.87%;height:31.74%;min-width:58.19px}
@media(min-width:1101px) and (max-width:1300px){
 #experience{--hero-width:63%}
 #experience .brand{flex-basis:330px;width:330px}
 #experience .brand-lettering{width:222px;flex-basis:222px}
 #experience .badge-mount{width:96px;height:120px}
 #experience .switchboard{width:316px;flex-basis:316px;min-width:270px}
}
@media(min-width:1101px) and (max-height:850px){
 #experience .service-caption{padding:26px 42% 27px 22px}
 #experience .service-caption strong{font-size:29px}
 #experience .service-caption-text>span{font-size:12px}
 #experience .service-number,#experience .service-action{left:22px;font-size:7px}
 #experience .service-number{top:11px}#experience .service-action{bottom:11px}
}
@media(min-width:1101px) and (max-height:700px){
 #experience{--masthead-height:80px}
 #experience .home-services{gap:16px}
 #experience .service-caption{padding:23px 40% 24px 20px}
 #experience .service-caption strong{font-size:26px}
 #experience .service-caption-text>span{font-size:11.5px;line-height:1.4}
 #experience .service-number,#experience .service-action{left:20px;font-size:6.5px}
 #experience .service-number{top:9px}#experience .service-action{bottom:9px}
 #experience .service-caption-text{gap:5px}
}
@media(max-width:1100px),(max-height:560px){
 #experience{--hero-width:58%;--masthead-height:141px;--footer-height:85px;--mobile-scene:420px;width:min(940px,100%);height:calc(var(--masthead-height) + var(--mobile-scene) + var(--footer-height));grid-template-rows:var(--masthead-height) var(--mobile-scene) var(--footer-height);margin:auto}
 #experience .site-header{display:grid;grid-template-columns:1fr;grid-template-rows:70px 56px;gap:3px;padding:5px 15px 7px;justify-items:center}
 #experience .brand{height:70px;width:355px;max-width:100%;flex:none;justify-content:center}
 #experience .brand-lettering{width:245px;flex:none}
 #experience .badge-mount{width:83px;height:108px}
 #experience .brand-location{font-size:7px}
 #experience .switchboard{width:100%;min-width:0;max-width:370px;height:56px;flex:none;padding:3px 5px}
 #experience .nav-switch{min-height:48px}
 #experience .mechanism{width:25px;height:32px;left:calc(50% - 12.5px)}
 #experience .pilot{top:7px;width:10px;height:10px}
 #experience .home-services{gap:18px}
 #experience .service-caption{padding:25px 40% 25px 17px}
 #experience .service-caption strong{font-size:26px}
 #experience .service-caption-text>span{font-size:11.5px}
 #experience .service-number,#experience .service-action{left:17px;font-size:6.5px}
 #experience .service-number{top:10px}#experience .service-action{bottom:10px}
 #experience .panel-scroll{padding:20px 18px 54px}
 #experience #panelTitle{font-size:31px}
 #pageContent .panel-lead{font-size:19px}
 #experience .panel-tools{font-size:9px;padding-inline:9px}
 #experience .catalog-copy>strong{font-size:25px}
 #experience .catalog-copy{padding-right:32%}
 #experience .brief-fields{grid-template-columns:1fr}
 #experience .brief-field{grid-column:1/-1}
}
@media(min-width:761px) and (max-width:900px){
 #experience .brand{width:100%;gap:8px}
 #experience .brand-lettering{width:225px}
 #experience .badge-mount{width:73px;height:96px}
 #experience .service-caption{padding-right:34%;padding-left:15px}
 #experience .service-caption strong{font-size:24px}
 #experience .service-number,#experience .service-action{left:15px;font-size:6px;letter-spacing:.04em}
 #experience .service-caption-text>span{font-size:11px}
 #experience .panel-scroll{padding-inline:15px}
}
@media(max-width:760px){
 #experience{--hero-width:100%;--masthead-height:143px;--mobile-scene:400px;width:100%;height:auto;display:flex;flex-direction:column}
 #experience .site-header{width:100%!important;position:sticky;top:-82px;flex:none;z-index:30;grid-template-rows:75px 52px;gap:4px;padding:4px 10px 8px;height:143px;min-height:143px}
 #experience .brand{height:75px;width:100%;justify-content:flex-start;padding-left:4px;gap:8px}
 #experience .badge-mount{width:72px;height:95px}
 #experience .brand-lettering{width:226px;flex:0 1 226px}
 #experience .brand-location{font-size:6.5px;line-height:1}
 #experience .switchboard{height:52px;padding:3px 5px;max-width:none}
 #experience .nav-switch{min-height:44px}
 #experience .mechanism{width:21px;height:29px;left:calc(50% - 10.5px)}
 #experience .nav-label{font-size:10px}
 #experience .pilot{top:6px;width:9px;height:9px;left:13%}
 #experience .main-stage{height:auto;padding-top:var(--mobile-scene)}
 #experience .estate-scene,#experience .field-equipment{height:var(--mobile-scene);top:0;bottom:auto;width:100%}
 #experience .desk{top:calc(var(--mobile-scene) - 32px);bottom:auto;height:32px;width:100%}
 #experience .torch-beam{top:calc(var(--mobile-scene) - 42px);bottom:auto;left:46%;width:50%;height:34px}
 #experience .home-presentation{position:relative;inset:auto;display:block;min-height:0;height:auto}
 #experience .home-services{position:relative;inset:auto;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,164px);gap:24px;padding:29px 16px 0}
 #experience .service-preview{height:164px}
 #experience .service-caption{padding:28px 43% 28px 20px}
 #experience .service-caption strong{font-size:29px}
 #experience .service-caption-text>span{font-size:12px}
 #experience .service-number,#experience .service-action{left:20px;font-size:7px}
 #experience .service-number{top:12px}#experience .service-action{bottom:12px}
 #experience .reading-panel{position:relative;inset:auto;width:100%;height:auto;min-height:400px;margin-top:27px;overflow:visible}
 #experience .panel-scroll{height:auto;overflow:visible;padding:24px 22px 28px}
 #experience .panel-tools{display:none}
 #experience .site-footer{width:100%!important;height:auto;min-height:100px;margin-top:0;padding:16px;flex:none}
 #experience #panelTitle{font-size:38px}
 #pageContent{font-size:15px}
 #pageContent .panel-lead{font-size:21px}
 #experience .service-tabs{top:62px}
 #experience .brief-fields{grid-template-columns:1fr 1fr}
 #experience .brief-field{grid-column:auto}
 #experience .field-equipment .foreground-flowers{width:42%;height:29.4%}
 #experience .prop-clipboard{left:81.485%;width:18.515%;height:29.095%}
}
@media(max-width:360px){
 #experience{--mobile-scene:380px}
 #experience .badge-mount{width:64px;height:88px}
 #experience .brand-lettering{width:199px;flex-basis:199px}
 #experience .home-services{padding-inline:14px}
 #experience .service-caption{padding-left:17px;padding-right:35%}
 #experience .service-caption strong{font-size:26px}
 #experience .service-number,#experience .service-action{left:17px;font-size:6.5px}
 #experience .service-caption-text>span{font-size:11.5px}
 #experience .brief-fields{grid-template-columns:1fr}
 #experience .brief-field{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){
 #experience .service-photo img,.rail-figure,#experience .service-preview,#experience .service-photo{transition:none}
 .scene-clouds,.vehicle-beacons i{animation:none!important}
 #experience .content-enter{animation:none}
}
@media print{
 #experience{display:block;width:100%;height:auto}
 #experience .site-header,#experience .estate-scene,#experience .field-equipment,#experience .desk,#experience .site-footer,#experience .home-presentation{display:none!important}
 #experience .main-stage{padding:0}
 #experience .reading-panel,#experience .panel-scroll{position:static;display:block;width:100%;height:auto;padding:0;overflow:visible;box-shadow:none}
 #experience .panel-tools{display:none}
 #experience #briefText{max-height:none;overflow:visible}
}

/* Keep every element in the shared masthead and footer steady on route changes. */
#experience .wordmark{height:57px;width:100%;max-width:100%;object-fit:contain}
#experience .footer-motto{display:block}
#experience .rail-figure img{object-fit:contain;object-position:right bottom}
#experience .brief-save-status:empty{display:none}
@media(max-width:1100px),(max-height:560px){#experience .wordmark{height:54px}}
@media(min-width:761px) and (max-width:900px){#experience{--mobile-scene:430px}#experience .wordmark{height:49px}}
@media(max-width:760px){#experience .wordmark{height:51px}}
@media(max-width:360px){#experience .wordmark{height:46px}}

@media(min-width:1101px) and (max-height:700px){#experience{width:min(1480px,calc(100vw - 80px));height:calc(100dvh - 60px)}}
/* Presence refinement — a roomier masthead and full portrait framing. */
@media(min-width:1101px) and (min-height:561px){
 body{padding:33px 48px}
 #experience{--masthead-height:108px;height:min(902px,calc(100dvh - 66px))}
}
#experience .site-header{gap:22px;padding:12px 22px;align-items:center;justify-content:space-between}
#experience .brand{flex:0 1 410px;width:410px;gap:18px}
#experience .brand-lettering{flex:1 1 270px;width:270px;gap:7px}
#experience .wordmark{height:64px}
#experience .brand-lettering>span{font:600 8.5px/1.35 var(--body);letter-spacing:.14em;white-space:nowrap;color:#d0dbdf}
#experience .brand-badge{scale:1.334025}
.header-controls{display:flex;flex-direction:column;justify-content:center;gap:5px;flex:0 1 350px;width:350px;min-width:280px;align-self:center}
.header-location{display:flex;align-items:center;gap:7px;align-self:flex-end;padding-right:8px;color:#b8c9ce;font:500 9px/1.35 var(--body);letter-spacing:.06em;white-space:nowrap}
.header-location i{width:4px;height:4px;border-radius:50%;background:#b8c4b0;box-shadow:0 0 0 3px #b9c6bb0d}
#experience .header-controls .switchboard{flex:none;width:100%;max-width:none;min-width:0;height:62px;padding:0;background:none;border:0;box-shadow:none}
#experience .nav-switch{min-height:60px;border-radius:5px;transition:background .25s}
#experience .nav-switch:hover{background:#e1edf405}
#experience .nav-switch+.nav-switch::before{content:"";position:absolute;left:-2px;top:9px;bottom:7px;width:1px;background:linear-gradient(transparent,#bdc8cb1f,transparent)}
#experience .mechanism{top:4px;left:calc(50% - 20px);width:40px;height:30px;perspective:160px;background:none;border:0;box-shadow:none;border-radius:7px;padding:0;translate:none}
#experience .is-selected .mechanism{box-shadow:none}
.rocker-recess{position:absolute;inset:0;border-radius:7px;border:1px solid #9aa8ae;background:linear-gradient(145deg,#c3ccd0,#69787f 17%,#1b252b 45%,#47555d 80%,#a3b0b6);box-shadow:inset 0 1px #fff8,inset 0 -1px 2px #020609,0 2px 3px #0008}
.rocker-recess::after{content:"";position:absolute;inset:2px;border-radius:5px;background:linear-gradient(#030709,#0a1013 55%,#263039);box-shadow:inset 0 1px 2px #000d}
.rocker-paddle{position:absolute;inset:3px;border-radius:5px;border:.7px solid #0b1217;border-top-color:#9aabb3;transform-origin:50% 50%;transform:rotateX(24deg) translateY(1px);background:radial-gradient(ellipse at 48% 0%,#b8c6cc30,transparent 67%),linear-gradient(180deg,#58666e,#2b373f 20%,#152028 70%,#070e13);box-shadow:inset 0 1px #e2edf245,inset 1px 0 #9bafb72b,0 -2px 2px #000b,0 2px 1px #0009;transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s,background .2s}
.rocker-paddle::before{content:"";position:absolute;left:30%;right:30%;top:27%;height:1px;background:#c4d0d3;box-shadow:0 1px 1px #02070a;border-radius:1px}
.rocker-paddle i{position:absolute;left:21%;right:21%;bottom:16%;height:3px;background:repeating-linear-gradient(0deg,#d8e3e324 0 .5px,transparent .5px 1.6px)}
#experience .is-selected .rocker-paddle{transform:rotateX(-24deg) translateY(-1px);background:radial-gradient(ellipse at 50% 100%,#a6b9c24d,transparent 68%),linear-gradient(180deg,#101a21,#30414c 73%,#7e939e);box-shadow:inset 0 1px #d5e9f161,inset 1px 0 #b6c7cd30,0 3px 2px #000a}
#experience .nav-switch:hover .rocker-paddle{filter:brightness(1.1)}
#experience .nav-switch:active .mechanism{translate:none}
#experience .nav-switch:active .rocker-paddle{transform:rotateX(0deg) translateY(0)}
#experience .pilot{left:calc(50% - 32px);top:14px;width:9px;height:9px}
#experience .nav-label{bottom:3px;font-size:10.5px;line-height:1.4;letter-spacing:.035em}
#experience .field-equipment .foreground-flowers{left:-5%;bottom:-1.5%;width:46%;height:34%;z-index:0}
#experience .field-equipment .flowers-right{left:auto;right:-3.5%;bottom:-1%;width:21%;height:19%;z-index:0;animation-delay:-4s}
#experience .flowers-right img{object-position:right bottom;transform:scaleX(-1)}
#experience .prop-radio{width:11.025%;height:35.28%;min-width:48.51px}
#experience .prop-cuffs{width:18.9%;height:13.65%;bottom:-2.5%}
#experience .prop-clipboard{left:86.3365%;width:16.6635%;height:33.327%;min-width:61.0995px}

/* A clipped lower figure plane makes cropped legs meet their tile, with room above it. */
#experience .rail-figure{overflow:hidden}
#experience .rail-figure-campus{height:130%;--figure-drop:6.3%}
#experience .rail-figure-events{height:124%;--figure-drop:6.7%}
#experience .rail-figure-patrol{height:118%;--figure-drop:7.5%}
#experience .rail-figure:not(.rail-figure-vehicle) img{translate:0 var(--figure-drop);object-position:right bottom}
#experience .service-preview:hover .rail-figure,#experience .service-preview:focus-visible .rail-figure{transform:translate3d(-3px,0,0)}
.service-assessment{margin:25px 0;padding-top:22px;border-top:1px solid #c7d6db}
#pageContent .service-assessment h2{margin-top:8px}
#pageContent .service-assessment h3{font-size:21px;margin-top:20px}
.assessment-questions{padding:0;list-style:none;counter-reset:assessment-question}
.assessment-questions li{counter-increment:assessment-question;position:relative;padding:13px 0 13px 31px;border-bottom:1px solid #dbe3e4;font-size:13px;line-height:1.65}
.assessment-questions li::before{content:counter(assessment-question,decimal-leading-zero);position:absolute;left:0;top:15px;font-size:9px;color:#7c97a2;letter-spacing:.05em}
.handover-note{margin:20px 0 13px;padding:15px 17px;background:#e9f0ed;border-left:2px solid #9bb3b8}
.handover-note strong{font-size:12px;color:#3b6572}
.handover-note p,.proposal-scope{font-size:12px;line-height:1.75}
.handover-note p{margin:5px 0 0}
.proposal-scope{color:#6d858e}
@media(min-width:1101px) and (max-width:1300px){
 #experience .site-header{padding-inline:14px;gap:14px}
 #experience .brand{flex-basis:340px;width:340px;gap:14px}
 #experience .brand-lettering{flex-basis:230px;width:230px}
 #experience .wordmark{height:60px}
 #experience .brand-lettering>span{font-size:7px;letter-spacing:.1em}
 #experience .header-controls{width:300px;flex-basis:300px;min-width:270px}
}
@media(min-width:1101px) and (max-height:700px){
 body{padding:22px 40px}
 #experience{--masthead-height:96px;width:min(1480px,calc(100vw - 80px));height:calc(100dvh - 44px)}
 #experience .site-header{padding-block:8px;gap:18px}
 #experience .brand-lettering{gap:5px}
 #experience .wordmark{height:60px}
}
@media(max-width:1100px),(max-height:560px){
 #experience{--masthead-height:170px;height:calc(var(--masthead-height) + var(--mobile-scene) + var(--footer-height))}
 #experience .site-header{grid-template-rows:82px 74px;padding:6px 14px 4px;gap:4px;justify-items:center}
 #experience .brand{height:82px;flex:none;width:370px;max-width:100%;gap:15px}
 #experience .brand-lettering{width:245px;flex:0 1 245px;gap:5px}
 #experience .wordmark{height:58px}
 #experience .brand-lettering>span{font-size:7.5px;letter-spacing:.1em}
 #experience .header-controls{width:370px;max-width:100%;min-width:0;flex:none;gap:3px;height:74px}
 #experience .header-location{align-self:center;padding:0;font-size:8px}
 #experience .header-controls .switchboard{height:59px}
 #experience .nav-switch{min-height:57px}
 #experience .mechanism{width:36px;height:28px;left:calc(50% - 18px);top:3px}
 #experience .pilot{left:calc(50% - 29px);top:13px;width:8px;height:8px}
 #experience .nav-label{font-size:10px;bottom:3px}
}
@media(min-width:761px) and (max-width:1100px),(min-width:761px) and (max-height:560px){
 #experience .prop-cuffs{width:22.05%}
}
@media(min-width:761px) and (max-width:900px){
 #experience .brand{gap:14px}
 #experience .brand-lettering{width:230px;flex-basis:230px}
 #experience .wordmark{height:55px}
 #experience .brand-lettering>span{font-size:6.5px}
}
@media(max-width:760px){
 #experience{--masthead-height:174px;height:auto}
 #experience .site-header{height:174px;min-height:174px;grid-template-rows:84px 76px;padding:5px 10px;gap:4px;top:-96px}
 #experience .brand{height:84px;width:100%;max-width:100%;gap:13px;padding-left:4px}
 #experience .brand-lettering{width:226px;flex:0 1 226px;gap:5px}
 #experience .wordmark{height:55px}
 #experience .brand-lettering>span{font-size:6.7px;letter-spacing:.08em}
 #experience .header-controls{height:76px;width:100%;max-width:none;gap:4px}
 #experience .header-location{font-size:8px;line-height:1.4}
 #experience .header-controls .switchboard{height:60px;padding:0}
 #experience .nav-switch{min-height:58px}
 #experience .mechanism{width:34px;height:26px;left:calc(50% - 17px);top:3px}
 #experience .pilot{left:calc(50% - 27px);top:12px;width:7.5px;height:7.5px}
 #experience .nav-label{font-size:9.5px;letter-spacing:.02em;bottom:5px}
 #experience .field-equipment .foreground-flowers{left:-4%;bottom:-1.5%;width:48%;height:34%}
 #experience .field-equipment .flowers-right{left:auto;right:-2%;bottom:-1%;width:22%;height:18%}
 #experience .prop-radio{width:12.1275%;height:31.9725%;left:max(calc(-1% - 10px),-6px)}
 #experience .prop-cuffs{width:25.2%;height:13.65%;bottom:-1.5%}
 #experience .prop-clipboard{left:80.55925%;width:19.44075%;height:30.54975%}
 #experience .service-tabs{top:78px}
}
@media(max-width:360px){
 #experience .brand{gap:10px}
 #experience .brand-lettering{width:199px;flex-basis:199px}
 #experience .wordmark{height:49px}
 #experience .brand-lettering>span{font-size:5.8px}
 #experience .mechanism{width:31px;height:25px;left:calc(50% - 15.5px)}
 #experience .pilot{left:calc(50% - 25px);width:7px;height:7px}
}
@media(prefers-reduced-motion:reduce){.rocker-paddle{transition:none}}
@media print{#experience .header-controls,#experience .flowers-right{display:none}}

#experience .guard-breath,#experience .homeowner-breath{filter:saturate(.88) brightness(.96) contrast(1.025)}

/* Illuminated rocker console: shaped paddles, integrated lenses and a travelling status trace. */
#experience .header-controls{gap:4px}
#experience .header-location{padding-right:3px;font-size:8.5px;letter-spacing:.065em}
#experience .header-controls .switchboard{position:relative;height:64px;isolation:isolate}
#experience .switch-bays{height:100%;gap:5px}
#experience .nav-switch{min-height:62px;border-radius:6px;background:none}
#experience .nav-switch:hover{background:linear-gradient(#9bafb408,#d9e6ea05)}
#experience .nav-switch+.nav-switch::before{top:9px;bottom:15px;background:linear-gradient(transparent,#c6d7da21,transparent)}
#experience .mechanism{top:1px;left:calc(50% - 25px);width:50px;height:38px;perspective:170px;border-radius:8px}
#experience .rocker-recess{inset:0;border:1px solid #aab4b8;border-radius:8px;background:linear-gradient(145deg,#edf2f3,#7e8b91 12%,#202b31 36%,#060c10 67%,#7e8d94 94%,#b0bcc1);box-shadow:inset 0 1px #ffffffe0,inset 0 -1px 1px #02070a,0 3px 4px #000c}
#experience .rocker-recess::after{inset:2px;border-radius:6px;background:linear-gradient(#04080a,#111b21 72%,#3b474e);box-shadow:inset 0 2px 3px #000f}
#experience .rocker-paddle{inset:3px 4px 4px;border-radius:6px 6px 5px 5px;border:1px solid #27353c;border-top-color:#c6d0d3;transform:rotateX(29deg) translateY(1px);background:radial-gradient(ellipse at 50% 18%,#01070cb3 0,transparent 58%),linear-gradient(180deg,#93a1a8 0%,#435159 12%,#243139 36%,#111d24 75%,#070e13 94%);box-shadow:inset 0 1px #f1f5f69c,inset 1px 0 #bfd0d535,inset -1px 0 #091219b3,0 -2px 1px #000c,0 3px 2px #000d;transition:transform .25s cubic-bezier(.2,.85,.25,1),background .25s,box-shadow .25s;overflow:hidden}
#experience .rocker-paddle::before{left:13%;right:13%;top:50%;height:1px;border-radius:50%;background:linear-gradient(90deg,transparent,#a7b9c23b,transparent);box-shadow:0 1px #000a}
#experience .rocker-paddle::after{content:"";position:absolute;inset:1px;border-radius:4px;background:linear-gradient(125deg,transparent 16%,#e5f2f313 34%,transparent 52%);pointer-events:none}
#experience .rocker-paddle i{left:29%;right:29%;bottom:12%;height:5px;opacity:.8;background:repeating-linear-gradient(0deg,#aabcc435 0 .6px,#02090d55 .6px 1.8px)}
#experience .is-selected .rocker-paddle{transform:rotateX(-29deg) translateY(-1px);border-top-color:#b8c8cf;background:radial-gradient(ellipse at 50% 45%,#03090f9e 0,transparent 65%),linear-gradient(180deg,#111c23,#283740 60%,#667a86 91%,#9bafb9);box-shadow:inset 0 1px #e5f4f875,inset 1px 0 #b5d0dc42,0 5px 3px #000c,0 1px 0 1px #aac2ce35}
#experience .nav-switch .pilot{position:absolute;z-index:3;left:calc(50% - 10px);top:5px;width:20px;height:4px;border-radius:2px;border:.5px solid #000;background:linear-gradient(#ffc4b4,#ef5b45 50%,#aa302a);box-shadow:inset 0 1px #ffe5de88,0 0 3px #fb493c7a;animation:none;transition:background .2s,box-shadow .3s}
#experience .nav-switch.is-selected .pilot{background:linear-gradient(#eeffdf,#9af989 44%,#439a4b);box-shadow:inset 0 1px #f0ffe5c4,0 0 5px #73ed8dc2,0 0 10px #73ed8d6b}
#experience .nav-switch:hover .rocker-paddle{filter:brightness(1.13)}
#experience .nav-switch:active .rocker-paddle{transform:rotateX(0) translateY(1px);box-shadow:inset 0 1px #c5d9df55,0 1px 2px #000}
#experience .nav-label{bottom:6px;color:#a7b8be;font-size:10px;font-weight:500;letter-spacing:.04em}
#experience .is-selected .nav-label{color:#f0f5f4}
#experience .nav-label::after{display:none}
.board-trace{position:absolute;left:7px;right:7px;bottom:0;height:1px;overflow:visible;background:linear-gradient(90deg,transparent,#8caaac42 12%,#8caaac42 88%,transparent);pointer-events:none}
.board-trace i{position:absolute;left:calc(var(--selected-bay,0) * 25%);bottom:0;width:25%;height:1px;background:linear-gradient(90deg,transparent,#c7e3d1 32%,#e9f6ef 50%,#c7e3d1 68%,transparent);box-shadow:0 1px 6px #b2d7c940;transition:left .4s cubic-bezier(.2,.75,.2,1)}
/* Cloud cutouts sit above the blue sky and below the unchanged house and canopy. */
#experience .scene-clouds{left:-18%;top:13%;width:136%;height:42%;z-index:0;opacity:.86;object-fit:fill;filter:brightness(1.08) saturate(.66);animation:cloud-drift 48s linear -12s infinite alternate}
#experience .scene-clouds-far{left:-7%;top:22%;width:118%;height:31%;opacity:.38;filter:brightness(1.06) saturate(.58) blur(.5px);animation:cloud-drift-far 74s linear -26s infinite alternate}
@keyframes cloud-drift{from{transform:translateX(-90px)}to{transform:translateX(110px)}}
@keyframes cloud-drift-far{from{transform:translateX(75px) translateY(-3px)}to{transform:translateX(-80px) translateY(4px)}}
#experience .field-equipment .flowers-right{right:-3%;bottom:-1%;width:31%;height:32%;z-index:0;animation-delay:-3s}
#experience .flowers-right img{transform:none;object-position:right bottom;filter:saturate(.8) brightness(.9) drop-shadow(-3px 6px 5px #07110c55)}
#experience .rail-figure-events{width:62%;height:124%;--figure-drop:0%}
@media(min-width:1101px) and (max-width:1300px){#experience .mechanism{width:46px;height:36px;left:calc(50% - 23px)}}
@media(max-width:1100px),(max-height:560px){
 #experience .header-controls .switchboard{height:59px}
 #experience .nav-switch{min-height:57px}
 #experience .mechanism{width:46px;height:34px;left:calc(50% - 23px)}
 #experience .nav-label{bottom:5px;font-size:10px}
 #experience .header-location{font-size:8px;padding:0}
}
@media(max-width:760px){
 #experience .header-controls .switchboard{height:60px}
 #experience .nav-switch{min-height:58px}
 #experience .mechanism{width:46px;height:34px;left:calc(50% - 23px)}
 #experience .nav-label{bottom:6px;font-size:9.5px}
 #experience .field-equipment .flowers-right{right:-2%;bottom:-1%;width:34%;height:29%}
}
@media(max-width:360px){
 #experience .mechanism{width:42px;height:33px;left:calc(50% - 21px)}
 #experience .nav-label{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 #experience .scene-clouds{animation:none!important}
 #experience .rocker-paddle,.board-trace i{transition:none}
}

/* Field refinement: locally hosted command typography and clearer content hierarchy. */
@font-face{font-family:Troop Command;src:url('rajdhani-semibold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Troop Command;src:url('rajdhani-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--command:"Troop Command","Arial Narrow",sans-serif}
#experience .brand-badge{scale:1.40072625}
#experience .brand-lettering>span{font-family:var(--command);font-size:10px;font-weight:600;letter-spacing:.16em}
#experience .header-controls{gap:0}
#experience .nav-label{font-family:var(--command);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
#experience .service-caption strong{font-family:var(--command);font-size:33px;font-weight:600;line-height:1.02;letter-spacing:.035em;text-transform:uppercase}
#experience .service-number,#experience .service-action{font-family:var(--command);font-size:10px;font-weight:600;letter-spacing:.09em}
#experience .service-caption-text>span{font-size:12.5px}
#experience #panelTitle{font-family:var(--command);font-size:40px;font-weight:600;letter-spacing:.035em;line-height:1.05;text-transform:uppercase}
#experience #panelTitle em{font-style:normal}
#pageContent h2,#pageContent h3,#dialogTitle{font-family:var(--command);font-weight:600;letter-spacing:.035em;text-transform:uppercase}
#pageContent h2{font-size:28px}#pageContent h3{font-size:23px}
#pageContent .panel-lead{font-family:var(--body);font-size:17px;font-weight:400;line-height:1.65;letter-spacing:0}
#experience .catalog-copy>strong{font-family:var(--command);font-size:30px;font-weight:600;letter-spacing:.035em;text-transform:uppercase}
#experience .chapter-label,#experience .service-tabs button,#experience .service-keyfacts dt,#experience .primary-action,#experience .text-action{font-family:var(--command);font-weight:600;letter-spacing:.065em;text-transform:uppercase}
#experience .chapter-label{font-size:11px}
#experience .service-tabs button{font-size:12px;letter-spacing:.045em}
#experience .primary-action{font-size:14px}
#experience .text-action{font-size:13px}
/* A quiet two-line signature, left aligned beneath the scene. */
#experience .site-footer{padding:13px 21px;justify-content:flex-start;align-items:flex-start}
#experience .footer-credit{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;width:auto;flex-wrap:nowrap;font-size:10px;line-height:1.4}
#experience .footer-credit>a{font-size:10px;line-height:1.4}
#experience .credit-heart{width:12px;height:12px;color:#ec3444}
/* Decorative equipment stays on the walnut, while the journal belongs to patrol. */
#experience .prop-cuffs{left:calc(64% - 18px);bottom:.5%}
#experience .field-equipment .flowers-right{width:35.65%;height:36.8%}
#experience .rail-figure-vehicle{width:73.5%;height:115.5%}
#experience .service-tile{position:relative;min-height:0;height:100%;pointer-events:auto}
#experience .service-tile>.service-preview{display:block;width:100%;height:100%}
#experience .service-tile-patrol .service-caption{padding-right:48%}
#experience .service-tile-patrol .prop-clipboard{left:43%;right:auto;top:auto;bottom:-2%;width:19%;height:78%;min-width:0;z-index:6;--angle:8deg}
#experience .service-journal img{filter:drop-shadow(-3px 6px 4px #0008) saturate(.8) brightness(.95);object-position:center bottom}
#experience .service-journal .prop-label{right:-8px;bottom:88%;white-space:nowrap;font-size:10px}
#experience .service-journal:focus-visible{outline:2px solid #f1f7f5;outline-offset:3px;border-radius:4px}
.patrol-reporting{display:grid;grid-template-columns:82px minmax(0,1fr);gap:20px;align-items:start;margin:28px 0;padding:22px 0;border-top:1px solid #c7d6db;border-bottom:1px solid #c7d6db}
.patrol-reporting>img{width:82px;height:auto;filter:drop-shadow(0 5px 4px #152a3325)}
#pageContent .patrol-reporting h2{margin:6px 0 9px;font-size:25px}
.patrol-reporting p{font-size:12px;line-height:1.75}
/* A small aircraft crosses the distant sky, beneath both cloud planes and the canopy. */
.scene-plane{position:absolute;left:24%;top:25%;width:clamp(26px,4.2%,40px);height:auto;z-index:0;pointer-events:none;opacity:.6;filter:blur(.25px);animation:distant-flight 62s linear -16s infinite;will-change:transform}
.scene-plane svg{display:block;width:100%;height:auto;overflow:visible}
@keyframes distant-flight{
 0%{opacity:0;transform:translate3d(-40px,3px,0) rotate(-3deg)}
 6%,84%{opacity:.6}
 95%,100%{opacity:0;transform:translate3d(var(--plane-travel,700px),-4px,0) rotate(-3deg)}
}
.motion-paused .scene-plane,.scene-resting .scene-plane{animation-play-state:paused!important}
@media(min-width:1101px) and (max-width:1300px){
 #experience .brand-lettering>span{font-size:8px}
 #experience .service-caption strong{font-size:29px}
 #experience .service-number,#experience .service-action{font-size:9px}
}
@media(min-width:1101px) and (max-height:700px){
 #experience .service-caption strong{font-size:29px}
 #experience .service-caption-text>span{font-size:11.5px}
 #experience .service-number,#experience .service-action{font-size:8.5px}
}
@media(max-width:1100px),(max-height:560px){
 #experience{--masthead-height:158px;height:calc(var(--masthead-height) + var(--mobile-scene) + var(--footer-height))}
 #experience .site-header{height:158px;min-height:158px;grid-template-rows:82px 62px;gap:4px;padding:6px 14px 4px}
 #experience .header-controls{height:62px}
 #experience .brand-lettering>span{font-size:8px}
 #experience .nav-label{font-size:12px}
 #experience .service-caption strong{font-size:29px}
 #experience .service-number,#experience .service-action{font-size:8.5px}
}
@media(min-width:761px) and (max-width:900px){
 #experience .service-caption strong{font-size:27px}
 #experience .service-caption-text>span{font-size:11px}
 #experience .service-number,#experience .service-action{font-size:8px}
}
@media(max-width:760px){
 #experience{--masthead-height:160px;height:auto}
 #experience .site-header{height:160px;min-height:160px;grid-template-rows:84px 62px;top:-84px;gap:4px;padding:5px 10px}
 #experience .header-controls{height:62px}
 #experience .brand-lettering>span{font-size:8px;letter-spacing:.11em}
 #experience .nav-label{font-size:11.5px}
 #experience .service-tile{height:164px}
 #experience .service-caption strong{font-size:29px}
 #experience .service-number,#experience .service-action{font-size:9px}
 #experience .service-caption-text>span{font-size:12px}
 #experience .service-tile-patrol .service-caption{padding-right:46%}
 #experience .service-tile-patrol .prop-clipboard{left:43%;width:20%;height:73%;bottom:-1%}
 #experience .prop-cuffs{left:calc(58% - 10px);bottom:.5%}
 #experience .field-equipment .flowers-right{width:39.1%;height:33.35%}
 #experience .site-footer{padding:18px 16px}
 #experience .footer-credit{gap:6px}
 #experience .service-tabs{top:76px}
}
@media(max-width:360px){
 #experience .brand-lettering>span{font-size:7px}
 #experience .nav-label{font-size:11px}
 #experience .service-caption strong{font-size:27px}
 #experience .service-number,#experience .service-action{font-size:8px}
 #experience .service-caption-text>span{font-size:11.5px}
 .patrol-reporting{grid-template-columns:60px minmax(0,1fr);gap:13px}
 .patrol-reporting>img{width:60px}
}
@media(prefers-reduced-motion:reduce){.scene-plane{animation:none!important;left:55%;opacity:.5;transform:none}}
@media print{.scene-plane,.service-journal{display:none!important}}

/* Welcome palette: independent service colours, carried into the active control. */
#experience{--flavor-rgb:32 40 40;--flavor-ink:#354b45;--flavor-paper:#f4f6f1;--flavor-accent:#dfc995;--control-accent:#a6d5ae}
#experience[data-service-theme="campus"],#experience .service-preview[data-service="campus"],#experience .catalog-card[data-service="campus"],#experience .coverage-settings [data-service="campus"],#experience .service-tabs [data-service="campus"]{--flavor-rgb:70 28 43;--flavor-ink:#632d43;--flavor-paper:#f8eff2;--flavor-accent:#e6abbf}
#experience[data-service-theme="vehicle"],#experience .service-preview[data-service="vehicle"],#experience .catalog-card[data-service="vehicle"],#experience .coverage-settings [data-service="vehicle"],#experience .service-tabs [data-service="vehicle"]{--flavor-rgb:30 42 43;--flavor-ink:#344d50;--flavor-paper:#eef4f3;--flavor-accent:#afd0d5}
#experience[data-service-theme="events"],#experience .service-preview[data-service="events"],#experience .catalog-card[data-service="events"],#experience .coverage-settings [data-service="events"],#experience .service-tabs [data-service="events"]{--flavor-rgb:56 46 80;--flavor-ink:#55466f;--flavor-paper:#f7f3fb;--flavor-accent:#ddd2ed}
#experience[data-service-theme="patrol"],#experience .service-preview[data-service="patrol"],#experience .catalog-card[data-service="patrol"],#experience .coverage-settings [data-service="patrol"],#experience .service-tabs [data-service="patrol"]{--flavor-rgb:17 54 39;--flavor-ink:#235941;--flavor-paper:#edf5ed;--flavor-accent:#a6d5ae}
#experience[data-service-theme="estates"],#experience .service-preview[data-service="estates"],#experience .catalog-card[data-service="estates"],#experience .coverage-settings [data-service="estates"],#experience .service-tabs [data-service="estates"]{--flavor-rgb:63 42 27;--flavor-ink:#63442b;--flavor-paper:#f7f0e6;--flavor-accent:#dfbc8e}
#experience .service-caption{background:linear-gradient(90deg,rgb(var(--flavor-rgb) / .98),rgb(var(--flavor-rgb) / .91) 30%,rgb(var(--flavor-rgb) / .64) 50%,rgb(var(--flavor-rgb) / .18) 73%,transparent)}
#experience .service-caption strong{color:#fff8ec}
#experience .service-caption-text>span{color:#f1eee7}
#experience .service-number,#experience .service-action{color:var(--flavor-accent)}
#experience .service-photo{box-shadow:0 5px 17px rgb(var(--flavor-rgb) / .25)}
#experience .service-preview:hover .service-photo,#experience .service-preview:focus-visible .service-photo{box-shadow:0 8px 22px rgb(var(--flavor-rgb) / .36)}
#experience .service-preview:focus-visible{outline-color:var(--flavor-accent)}
#experience .reading-panel{background:var(--flavor-paper)}
#pageContent{color:#4c5752}
#experience #panelTitle,#pageContent h2,#pageContent h3{color:var(--flavor-ink)}
#pageContent .panel-lead{color:var(--flavor-ink);opacity:.85}
#experience .chapter-label{color:var(--flavor-ink)}
#experience .service-tabs{background:var(--flavor-paper)}
#experience .service-tabs button{color:var(--flavor-ink)}
#experience .service-tabs [aria-pressed=true]{background:rgb(var(--flavor-rgb) / .08);border-bottom-color:var(--flavor-ink);box-shadow:inset 0 -1px var(--flavor-ink)}
#experience .catalog-copy{background:linear-gradient(90deg,rgb(var(--flavor-rgb) / .97),rgb(var(--flavor-rgb) / .88) 39%,rgb(var(--flavor-rgb) / .26) 75%,transparent)}
#experience .catalog-link{color:var(--flavor-accent)}
#experience .catalog-symbol{color:var(--flavor-accent)}
#experience .coverage-settings button{background:var(--flavor-paper);border-color:rgb(var(--flavor-rgb) / .2);color:var(--flavor-ink)}
#experience .coverage-settings small{color:var(--flavor-ink)}
#experience .panel-tools{background:var(--flavor-paper);color:var(--flavor-ink);border-top-color:rgb(var(--flavor-rgb) / .2)}
#experience .reading-progress{background:var(--flavor-ink)}
#experience .primary-action{background:linear-gradient(145deg,var(--flavor-ink),rgb(var(--flavor-rgb)));color:#fff9ef}
#experience .text-action,#experience .service-keyfacts dd{color:var(--flavor-ink)}
#experience .service-keyfacts>div{border-color:rgb(var(--flavor-rgb) / .3)}
#experience .scenario-card,#experience .handover-note,#experience .coverage-region{background:rgb(var(--flavor-rgb) / .045);border-left-color:var(--flavor-ink)}
#experience .handover-note strong{color:var(--flavor-ink)}
#experience .service-assessment,#experience .patrol-reporting{border-color:rgb(var(--flavor-rgb) / .18)}
#experience .nav-switch[data-view=home]{--lever-color:#a6d5ae}
#experience .nav-switch[data-view=services]{--lever-color:var(--flavor-accent)}
#experience .nav-switch[data-view=coverage]{--lever-color:#a9d1d2}
#experience .nav-switch[data-view=contact]{--lever-color:#e5c18c}
#experience[data-view=services]{--control-accent:var(--flavor-accent)}
#experience[data-view=coverage]{--control-accent:#a9d1d2}
#experience[data-view=contact]{--control-accent:#e5c18c}
#experience .nav-switch.is-selected .pilot{background:linear-gradient(#ffffffa6,transparent 58%),var(--lever-color);box-shadow:inset 0 1px #ffffffb3,0 0 4px var(--lever-color),0 0 9px rgb(220 236 218 / .17)}
#experience .nav-switch.is-selected .rocker-paddle{border-bottom-color:var(--lever-color);box-shadow:inset 0 1px #e5f4f875,inset 1px 0 #b5d0dc42,inset 0 -1px var(--lever-color),0 5px 3px #000c,0 1px 0 1px #aac2ce35}
#experience .nav-switch:hover .nav-label{color:var(--lever-color)}
#experience .board-trace i{background:linear-gradient(90deg,transparent,var(--control-accent) 30%,#f6f5e7 50%,var(--control-accent) 70%,transparent);box-shadow:0 1px 6px rgb(205 220 196 / .25)}
/* One walnut image continues from the equipment ledge through the footer. */
#experience .desk,#experience .site-footer{background-image:url('depth-walnut.webp');background-size:100% var(--ledge-texture-height,140px);background-repeat:no-repeat;background-color:#3d2618;border:0}
#experience .desk{background-position:center top;box-shadow:inset 0 1px #ceb07d80,0 -3px 8px #1b251c38}
#experience .desk::after{display:none}
#experience .site-footer{background-position:center bottom;box-shadow:inset 0 -1px #a8804866;color:#fff5e4}
#experience .footer-credit,#experience .footer-credit>a{color:#fff5e4;text-shadow:0 1px 3px #160b02;font-weight:500}
/* Separate trailing foliage frames the badge and outer console edge. */
#experience .site-header{isolation:isolate}
#experience .brand,#experience .header-controls{position:relative;z-index:2}
.masthead-foliage{position:absolute;z-index:0;pointer-events:none}
.masthead-foliage img{width:100%;height:100%;max-width:none;object-fit:contain;object-position:left top;filter:saturate(.72) brightness(.83) drop-shadow(1px 4px 3px #0007);transform-origin:20% 0;animation:masthead-sway 13s ease-in-out infinite alternate}
.foliage-badge{left:-28px;top:-21px;width:270px;height:210px;opacity:.93}
.foliage-controls{right:0;top:-28px;width:154px;height:136px;opacity:.74}
.foliage-controls img{transform:scaleX(-1);transform-origin:50% 0;animation:masthead-sway-right 16s ease-in-out -7s infinite alternate}
@keyframes masthead-sway{from{transform:rotate(-.4deg)}to{transform:rotate(.7deg) translateX(1px)}}
@keyframes masthead-sway-right{from{transform:scaleX(-1) rotate(.2deg)}to{transform:scaleX(-1) rotate(-.8deg)}}
.motion-paused .masthead-foliage img,.scene-resting .masthead-foliage img{animation-play-state:paused!important}
#experience .prop-radio{width:11.57625%;height:37.044%;min-width:50.9355px}
.scene-plane{width:clamp(28.6px,4.62%,44px)}
@media(max-width:1100px),(max-height:560px){
 .foliage-badge{width:210px;height:175px;left:-14px;top:-8px}
 .foliage-controls{width:122px;height:110px;top:-14px}
}
@media(max-width:760px){
 #experience .prop-radio{width:12.733875%;height:33.571125%}
 .foliage-badge{left:-8px;top:-3px;width:190px;height:155px}
 .foliage-controls{right:0;top:-10px;width:104px;height:100px;opacity:.65}
 #experience .site-footer{background-size:100% var(--ledge-texture-height,132px)}
}
@media(prefers-reduced-motion:reduce){.masthead-foliage img{animation:none!important}}
@media print{.masthead-foliage{display:none!important}}

/* Non-interactive headings receive reading focus without a decorative frame. */
#experience #panelTitle:focus{outline:none}
#pageContent :is(a,button,input,select,textarea,summary):focus-visible,#experience .panel-tools button:focus-visible{outline-color:var(--flavor-ink)}
#experience .panel-tools button{color:var(--flavor-ink)}

/* Limestone coping over a brick face creates a physical footer ledge. */
#experience .desk,#experience .site-footer{background-image:url('classic-red-ledge.webp');background-size:100% var(--ledge-texture-height,140px);background-repeat:no-repeat;background-color:#333b36}
#experience .desk{background-position:center top;box-shadow:inset 0 1px #f1eee1a6,0 -2px 6px #1c231d4d}
#experience .desk::after{display:none}
#experience .site-footer{background-position:center bottom;padding-top:var(--ledge-credit-top,18px);padding-bottom:4px;box-shadow:inset 0 -1px #161d1780}
#experience .footer-credit,#experience .footer-credit>a{font-size:11px;line-height:1.3;color:#fff9ed;text-shadow:0 1px 3px #080e0a;font-weight:500}
#experience .prop-cuffs{left:calc(64% - 36px)}
@media(max-width:760px){#experience .prop-cuffs{left:calc(58% - 20px)}#experience .site-footer{padding-bottom:14px}}

@media(max-width:760px){#experience .desk,#experience .site-footer{background-image:image-set(url('classic-red-ledge-750.webp') 1x,url('classic-red-ledge.webp') 2x)}}

@media(max-width:760px){#experience .site-footer{height:100px;min-height:100px}}

#experience .footer-credit>a{min-height:0;height:auto;position:relative;padding:0}
#experience .footer-credit>a::before{content:"";position:absolute;inset:-5px -5px -17px;pointer-events:auto}

/* Depth refinement: solid edge profiles and moving reflected light on service cards. */
#experience .service-preview{border-radius:8px}
#experience .service-preview::before{content:"";position:absolute;inset:0 0 -5px;border-radius:9px;background:linear-gradient(180deg,rgb(var(--flavor-rgb)),#171c1f 88%,#737779);box-shadow:0 8px 11px -6px #081015b3,0 18px 24px -14px #1620259e;z-index:-1;pointer-events:none;transition:box-shadow .35s}
#experience .service-preview::after{content:"";display:block;position:absolute;inset:0;border-radius:8px;border:1px solid #e8eee145;background:radial-gradient(circle at var(--light-x,20%) var(--light-y,0%),#ffffff12,transparent 58%),linear-gradient(126deg,transparent 36%,#ffffff05 47%,transparent 58%);box-shadow:inset 0 1px #ffffff70,inset 0 -2px #050d0a80,inset 1px 0 #f8fff02b;z-index:5;pointer-events:none}
#experience .service-photo{border-radius:8px;box-shadow:inset 0 0 0 1px #fff2}
#experience .service-caption{border-radius:8px;background:radial-gradient(ellipse at 10% 0%,rgb(255 255 255 / .09),transparent 55%),linear-gradient(90deg,rgb(var(--flavor-rgb) / .98),rgb(var(--flavor-rgb) / .92) 30%,rgb(var(--flavor-rgb) / .64) 50%,rgb(var(--flavor-rgb) / .18) 73%,transparent)}
#experience .service-number{padding-bottom:3px;border-bottom:1px solid #f0f4e929;text-shadow:0 1px 1px #0007}
#experience .service-action{padding:3px 7px;border:1px solid #eff4e526;border-radius:3px;background:#ffffff08;box-shadow:inset 0 1px #f5ffe819,0 1px 2px #0003}
#experience .service-preview:hover::before,#experience .service-preview:focus-visible::before{box-shadow:0 9px 14px -6px #081015bd,0 22px 28px -13px #162025b3}
#experience .service-preview:focus-visible{outline:2px solid var(--flavor-accent);outline-offset:7px}
#experience .catalog-card{border-radius:7px;box-shadow:0 4px 0 -1px rgb(var(--flavor-rgb) / .7),0 12px 18px -10px rgb(var(--flavor-rgb) / .5);border:1px solid #f9fff440;overflow:hidden}
#experience .catalog-copy{box-shadow:inset 0 1px #ffffff70,inset 0 -2px #08150c66}
/* Each navigation key is a small machined control module with a separate label plate. */
#experience .nav-switch{min-height:60px;isolation:isolate}
#experience .nav-switch+.nav-switch::before{display:none}
.control-plinth{position:absolute;inset:1px 2px 5px;border-radius:7px;border:1px solid #70817f73;background:linear-gradient(145deg,#4d5a5c,#1b272d 14%,#080f14 56%,#1c2a2e);box-shadow:inset 0 1px #f1fff54d,inset 0 -2px #010807,0 3px 5px #000b;z-index:0;pointer-events:none}
#experience .mechanism{z-index:1;top:3px;left:calc(50% - 28px);width:56px;height:34px;transform:none;perspective:180px}
#experience .mechanism::after{content:"";position:absolute;left:8px;right:8px;bottom:1px;height:3px;border-radius:2px;background:linear-gradient(#a8babd,#34434b 45%,#070f15);box-shadow:0 1px 2px #000c;pointer-events:none}
#experience .rocker-recess{border-radius:6px;border-color:#b8c4c9;background:linear-gradient(155deg,#e2eaec,#788a92 13%,#17242c 38%,#050c11 69%,#71858f);box-shadow:inset 0 1px #fff9,inset 0 -1px #02070a,0 2px 3px #000d}
#experience .rocker-paddle{inset:3px 4px 4px;border-radius:5px;transform:rotateX(25deg) translateY(1px);background:radial-gradient(ellipse at 50% 35%,#020b12a1,transparent 68%),linear-gradient(180deg,#a2b2bb,#43545f 14%,#172731 72%,#071219);border-top-color:#b9ccd4;box-shadow:inset 0 1px #ecf9ff87,inset 1px 0 #c5dbe62e,0 3px 3px #000d}
#experience .is-selected .rocker-paddle{transform:rotateX(-30deg) translateY(-1px);background:radial-gradient(ellipse at 50% 35%,#030b13aa,transparent 66%),linear-gradient(180deg,#172a36,#3b5261 70%,#9aafb8);border-bottom-color:var(--lever-color);box-shadow:inset 0 1px #e9fbff91,inset 0 -1px var(--lever-color),0 5px 3px #000d}
#experience .nav-label{z-index:2;bottom:6px;padding:0;font-size:11.5px;line-height:1.2;letter-spacing:.1em;color:#9eafb7;text-shadow:0 -1px 1px #000a;text-decoration:none}
#experience .is-selected .nav-label{color:#f8f8e8;text-decoration:none}
#experience .nav-switch:hover .control-plinth,#experience .nav-switch:focus-visible .control-plinth{border-color:#a6b9bc9c;box-shadow:inset 0 1px #f1fff55c,inset 0 -2px #010807,0 3px 6px #000c}
#experience .nav-switch:active .rocker-paddle{transform:rotateX(0) translateY(1px)}
/* Complete foliage has transparent breathing room rather than clipped leaf edges. */
.foliage-badge{width:300px;height:230px;left:-43px;top:-22px}
#experience .field-equipment .foreground-flowers{width:48.3%;height:35.7%}
#experience .field-equipment .flowers-right{width:39.215%;height:40.48%}
#experience .prop-flashlight{left:calc(23% + 18px)}
/* Recessed, quieter lettering on the traditional brick face. */
#experience .footer-credit{font-size:10.5px}
#experience .footer-engraving{color:#dfc4a9;opacity:.76;font-weight:450;letter-spacing:.015em;text-shadow:0 1px 0 #ffe3be24,0 -1px 1px #281007e6}
#experience .footer-credit>a{font-size:10.5px;color:#dbc3ad;font-weight:450;text-shadow:0 -1px 1px #281007cc}
#experience .footer-credit>a:hover,#experience .footer-credit>a:focus-visible{color:#fff5df}
#experience .credit-heart{color:#ec3444}
@media(max-width:1100px),(max-height:560px){
 #experience .nav-switch{min-height:58px}
 #experience .mechanism{width:50px;height:33px;left:calc(50% - 25px)}
 #experience .nav-label{font-size:11px;bottom:5px}
 .foliage-badge{width:230px;height:190px;left:-20px;top:-10px}
}
@media(max-width:760px){
 .foliage-badge{width:210px;height:170px;left:-20px;top:-17px}
 #experience .field-equipment .foreground-flowers{width:50.4%;height:35.7%}
 #experience .field-equipment .flowers-right{width:43.01%;height:36.685%}
 #experience .prop-flashlight{left:calc(25% + 12px)}
 #experience .nav-label{font-size:10.5px;letter-spacing:.075em}
}
@media(max-width:360px){#experience .mechanism{width:45px;height:33px;left:calc(50% - 22.5px)}#experience .nav-label{font-size:10px;letter-spacing:.045em}}
@media(prefers-reduced-motion:reduce){#experience .service-preview::before,#experience .control-plinth{transition:none}}

#experience .torch-beam{left:calc(var(--hero-width) * .46 + 18px)}
@media(max-width:760px){#experience .torch-beam{left:calc(46% + 12px)}}

#experience .service-action{padding:1px 7px;line-height:1.2}

@media(max-width:1100px),(max-height:560px){#experience .prop-flashlight{left:calc(24% + 14px)}#experience .torch-beam{left:calc(var(--hero-width) * .46 + 14px)}}
@media(max-width:760px){#experience .prop-flashlight{left:calc(25% + 12px)}#experience .torch-beam{left:calc(46% + 12px)}}

@media(min-width:761px) and (max-width:1100px){
 #experience .service-caption strong{font-size:27px}
 #experience .service-caption-text>span{font-size:11.5px;line-height:1.45}
 #experience .service-number{padding-bottom:1px}
}

/* A restrained material palette, with local lighting rather than full-scene brightness. */
:root{--canvas:#dedfd7;--paper:#edece5}
body{background:radial-gradient(ellipse at 48% 20%,#eff0e8,#dde0d6 62%,#ced3c8)}
#experience{--flavor-rgb:36 41 35;--flavor-ink:#414b3d;--flavor-paper:#eaece3;--flavor-accent:#b8ad98;--control-accent:#a8afa0}
#experience[data-service-theme="campus"],#experience .service-preview[data-service="campus"],#experience .catalog-card[data-service="campus"],#experience .coverage-settings [data-service="campus"],#experience .service-tabs [data-service="campus"]{--flavor-rgb:49 51 47;--flavor-ink:#41483f;--flavor-paper:#eaece5;--flavor-accent:#b8b5a2}
#experience[data-service-theme="vehicle"],#experience .service-preview[data-service="vehicle"],#experience .catalog-card[data-service="vehicle"],#experience .coverage-settings [data-service="vehicle"],#experience .service-tabs [data-service="vehicle"]{--flavor-rgb:29 36 36;--flavor-ink:#35413e;--flavor-paper:#e7ebe6;--flavor-accent:#a8b4b0}
#experience[data-service-theme="events"],#experience .service-preview[data-service="events"],#experience .catalog-card[data-service="events"],#experience .coverage-settings [data-service="events"],#experience .service-tabs [data-service="events"]{--flavor-rgb:53 47 42;--flavor-ink:#4c463e;--flavor-paper:#edeae2;--flavor-accent:#c2b298}
#experience[data-service-theme="patrol"],#experience .service-preview[data-service="patrol"],#experience .catalog-card[data-service="patrol"],#experience .coverage-settings [data-service="patrol"],#experience .service-tabs [data-service="patrol"]{--flavor-rgb:35 44 33;--flavor-ink:#3c4937;--flavor-paper:#e9ece1;--flavor-accent:#b0b79d}
#experience[data-service-theme="estates"],#experience .service-preview[data-service="estates"],#experience .catalog-card[data-service="estates"],#experience .coverage-settings [data-service="estates"],#experience .service-tabs [data-service="estates"]{--flavor-rgb:52 44 35;--flavor-ink:#514537;--flavor-paper:#ece9df;--flavor-accent:#b9a88e}
#pageContent{color:#4b4e45}
#experience .service-caption strong{color:#e6e5d8}
#experience .service-caption-text>span{color:#d1d3c8}
#experience .service-caption{background:radial-gradient(ellipse at 10% 0%,#ffffff04,transparent 55%),linear-gradient(90deg,rgb(var(--flavor-rgb) / .97),rgb(var(--flavor-rgb) / .92) 30%,rgb(var(--flavor-rgb) / .69) 50%,rgb(var(--flavor-rgb) / .21) 73%,transparent)}
#experience .service-photo img{filter:saturate(.56) brightness(.73) contrast(1.05)}
#experience .service-preview:hover .service-photo img,#experience .service-preview:focus-visible .service-photo img{filter:saturate(.62) brightness(.81) contrast(1.04)}
#experience .rail-figure img{filter:saturate(.6) brightness(.84) contrast(1.035)}
#experience .service-preview::before{background:linear-gradient(180deg,rgb(var(--flavor-rgb)),#121812 88%,#3e4940);box-shadow:0 8px 13px -6px #081008b3,0 18px 24px -14px #101a12a3}
#experience .service-preview::after{z-index:2;border-color:#aeb8a126;background:radial-gradient(circle at var(--light-x,20%) var(--light-y,0%),#ffffff06,transparent 58%);box-shadow:inset 0 1px #e8e8d12e,inset 0 -2px #050d0a80}
#experience .rail-figure{z-index:3}
#experience .service-caption{z-index:4}
#experience .service-preview:focus-visible{outline:none}
#experience .service-preview:focus-visible .service-photo{box-shadow:0 0 0 2px var(--flavor-accent),0 8px 20px -8px #050d08a6}
#experience .service-action{background:#ffffff03;border-color:#c4caba24;box-shadow:inset 0 1px #eff1d60d,0 1px 2px #0005}
#experience .catalog-image img,#experience .coverage-settings img{filter:saturate(.58) brightness(.78) contrast(1.04)}
#experience .catalog-card{border-color:#aab29f2b}
#experience .concept-banner,#experience .coverage-region{background:#dce0d4;border-left-color:#87917c}
#experience .concept-banner strong,#experience .concept-banner p{color:#485241}
#experience .region-list span{background:#d9ddd1;color:#535c4b}
#experience .scenario-flow li{background:#ffffff26;border-color:#bec5b8}
#experience .nav-switch[data-view=home]{--lever-color:#a8afa0}
#experience .nav-switch[data-view=coverage]{--lever-color:#a4b0a6}
#experience .nav-switch[data-view=contact]{--lever-color:#b8a78a}
#experience[data-view=home]{--control-accent:#a8afa0}
#experience[data-view=coverage]{--control-accent:#a4b0a6}
#experience[data-view=contact]{--control-accent:#b8a78a}
#experience .nav-switch .pilot{background:linear-gradient(#c28b773d,#74322d 55%,#4f2623);box-shadow:inset 0 1px #dfb7a229,0 0 2px #b96f4b22}
#experience .nav-switch.is-selected .pilot{background:linear-gradient(#ffffff59,transparent 58%),var(--lever-color);box-shadow:inset 0 1px #f0f1d68c,0 0 3px var(--lever-color),0 0 7px #dcecc01c}
#experience .control-plinth{background:linear-gradient(145deg,#36423b,#17231e 14%,#090f0d 56%,#1b2922);border-color:#62736566;box-shadow:inset 0 1px #e0e4cb2b,inset 0 -2px #010807,0 3px 5px #000b}
#experience .rocker-recess{filter:saturate(.25) brightness(.84)}
#experience .board-trace i{opacity:.7}
#experience .estate-architecture{filter:saturate(.7) brightness(.85) contrast(1.06)}
#experience .scene-sky{filter:saturate(.57) brightness(.86)}
#experience .scene-clouds{opacity:.57;filter:brightness(.94) saturate(.4)}
#experience .scene-clouds-far{opacity:.24}
#experience .scene-sun{opacity:.54}
#experience .guard-breath{filter:saturate(.73) brightness(.91) contrast(1.04)}
#experience .homeowner-breath{filter:saturate(.71) brightness(.89) contrast(1.035)}
#experience .vehicle-layer img{filter:saturate(.67) brightness(.85) contrast(1.06)}
#experience .field-equipment .foreground-flowers img{filter:saturate(.61) brightness(.82) contrast(1.045) drop-shadow(-3px 5px 4px #07100a59)}
#experience .prop img{filter:saturate(.62) brightness(.87) contrast(1.06)}
#experience .service-journal img{filter:saturate(.5) brightness(.84) drop-shadow(-3px 6px 4px #0009)}
.masthead-foliage img{filter:saturate(.58) brightness(.77) drop-shadow(1px 4px 3px #0007)}
/* Masonry uses its own natural-scale tile. Only the coping follows the ledge geometry. */
#experience .desk{background-image:linear-gradient(#1417112b,#1417112b),url('classic-red-ledge.webp');background-size:100% var(--ledge-texture-height,140px);background-position:center top;background-repeat:no-repeat;background-color:#777567}
#experience .site-footer{position:relative;isolation:isolate;background-image:url('aged-brown-brick.webp');background-size:400px auto;background-repeat:repeat;background-position:left top;background-color:#3d3027;box-shadow:inset 0 -1px #191b1380}
#experience .site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:var(--coping-overhang,14px);background-image:linear-gradient(#1417112b,#1417112b),url('classic-red-ledge.webp');background-size:100% var(--ledge-texture-height,140px);background-position:center calc(-1 * var(--ledge-top-height,40px));background-repeat:no-repeat;box-shadow:0 3px 4px #100e0b80;z-index:0;pointer-events:none}
#experience .footer-credit{position:relative;z-index:1;gap:4px}
#experience .footer-engraving{font-family:var(--display);font-size:11px;font-weight:600;line-height:1.35;letter-spacing:.075em;text-transform:uppercase;color:#b9a58b;opacity:.91;text-shadow:0 1px 0 #dbc6a42b,0 -1px 1px #120d09e6}
#experience .footer-credit>a{font-family:var(--display);font-size:9px;font-weight:500;line-height:1.3;letter-spacing:.11em;text-transform:uppercase;color:#a99a83;text-shadow:0 1px 0 #d2be9b24,0 -1px 1px #120d09d9}
#experience .credit-heart{width:8px;height:8px;color:#8d4136;filter:drop-shadow(0 1px 0 #bd967347)}
/* An independent, occluded light layer aligns with the photographed gatehouse lamp. */
#experience .lantern-halo{display:block;z-index:2;border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse,#ffe0a34a, #f0bd6c20 38%,transparent 72%);filter:blur(.6px);box-shadow:none;animation:lantern-breathe 6.8s ease-in-out -1s infinite}
#experience .lantern-halo::before{content:"";position:absolute;left:43%;top:34%;width:14%;height:34%;border-radius:40%;background:radial-gradient(ellipse,#fff1cbd9,#ffd99b73 50%,transparent 75%);box-shadow:0 0 8px 2px #ffd99b59;filter:blur(.45px)}
#experience .lantern-halo::after{content:"";position:absolute;left:-50%;top:-10%;width:200%;height:180%;background:radial-gradient(ellipse,#ffc47317,transparent 68%);border-radius:50%;pointer-events:none}
@keyframes lantern-breathe{0%,100%{opacity:.62}42%{opacity:.88}65%{opacity:.74}79%{opacity:.82}}
.vehicle-beacons i{background:#e4af53;opacity:.16;box-shadow:0 0 4px 1px #ffd184a6,0 0 9px #e8a53e5c;animation:security-beacon 2.6s ease-in-out infinite}
.vehicle-beacons i:nth-child(1){animation-delay:0s}.vehicle-beacons i:nth-child(2){animation-delay:-.65s}.vehicle-beacons i:nth-child(3){animation-delay:-1.3s}.vehicle-beacons i:nth-child(4){animation-delay:-1.95s}
.vehicle-beacons::after{content:"";position:absolute;inset:-60% -8%;pointer-events:none;background:linear-gradient(90deg,transparent,#ffd58b30 46%,#fff0b86b 50%,#ffd58b30 54%,transparent);opacity:.7;filter:blur(1px);transform-origin:center;animation:roof-light-sweep 3.9s linear infinite}
@keyframes security-beacon{0%,100%{opacity:.16}12%{opacity:1}27%{opacity:.2}80%{opacity:.16}}
@keyframes roof-light-sweep{0%{transform:scaleX(.15) translateX(-160%);opacity:.12}30%{opacity:.75}50%{transform:scaleX(1) translateX(0);opacity:.8}75%{opacity:.75}100%{transform:scaleX(.15) translateX(160%);opacity:.12}}
.motion-paused .lantern-halo,.scene-resting .lantern-halo,.motion-paused .vehicle-beacons::after,.scene-resting .vehicle-beacons::after{animation-play-state:paused!important}
#experience .field-equipment .flowers-right{width:41.17575%;height:42.504%}
#experience .prop-flashlight{left:calc(23% + 30px)}
#experience .torch-beam{left:calc(var(--hero-width) * .46 + 30px)}
#experience .prop-cuffs{left:calc(64% - 48px)}
@media(max-width:1100px),(max-height:560px){#experience .prop-flashlight{left:calc(24% + 24px)}#experience .torch-beam{left:calc(var(--hero-width) * .46 + 24px)}}
@media(max-width:760px){
 #experience .site-footer{background-image:url('aged-brown-brick.webp');background-size:400px auto}
 #experience .footer-engraving{font-size:9.5px;letter-spacing:.045em}
 #experience .footer-credit>a{font-size:8.5px}
 #experience .prop-flashlight{left:calc(25% + 22px)}
 #experience .torch-beam{left:calc(46% + 22px)}
 #experience .prop-cuffs{left:calc(58% - 28px)}
 #experience .field-equipment .flowers-right{width:45.1605%;height:38.51925%}
}
@media(prefers-reduced-motion:reduce){
 #experience .lantern-halo,.vehicle-beacons i,.vehicle-beacons::after{animation:none!important}
 #experience .lantern-halo{opacity:.7}
 .vehicle-beacons i{opacity:.42}
 .vehicle-beacons::after{opacity:.18}
}

#experience .service-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(var(--flavor-rgb) / .97),rgb(var(--flavor-rgb) / .92) 30%,rgb(var(--flavor-rgb) / .69) 50%,rgb(var(--flavor-rgb) / .21) 73%,transparent);pointer-events:none}
#experience .service-caption{background:none}
#flagCanvas{filter:saturate(.75) brightness(.88)}

/* Keep the mobile observation beam within the outer scene edge. */
@media(max-width:760px){#experience .torch-beam{width:calc(50% - 12px)}}

/* Carry the restrained palette through the information and assessment panels. */
:root{--ink:#30362e;--body-ink:#535b4e;--line:#c3c8bb;--silver:#b5bbaf}
#pageContent #panelTitle em{color:#70786b}
#pageContent .chapter-label{color:#636f5c}
#pageContent .chapter-label::before{background:#9ba58e}
#experience .service-chooser{background:#e3e6da;border-color:#bcc4b3}
#experience .service-chooser>summary{background:linear-gradient(135deg,#e7e9df,#dfe3d7);color:#4b5843}
#experience .comparison-grid button{background:#edeede;border-color:#c6ccbb;color:#46513e}
#experience .service-tabs{background:rgb(235 238 227 / .96);border-bottom-color:#bcc5b2}
#experience .service-tabs button{color:#606c56}
#experience .service-tabs button[aria-pressed=true]{background:#3d4838;border-bottom-color:var(--flavor-accent);color:#edf0e5}
#experience .brief-field>span{color:#46513e}
#experience .brief-field input,#experience .brief-field textarea,#experience .brief-setting select{background:#f0f0e7;border-color:#b9c0ad;color:#3d4836}
#experience .brief-field input:focus,#experience .brief-field textarea:focus{border-color:#69785b;box-shadow:0 0 0 3px #69785b19}
#experience .primary-action{background:linear-gradient(#46533c,#2c3828);color:#e7ebde;border-color:#59664e}

/* Living scene — warm colour, complete botanical silhouettes and lightweight depth. */
body{background:radial-gradient(ellipse at 48% 20%,#f5f0e3,#e7e8df 62%,#d4dbce)}
#experience .estate-architecture{filter:saturate(.91) brightness(.97) contrast(1.035)}
#experience .scene-sky{filter:saturate(.78) brightness(.97)}
#experience .guard-breath{filter:saturate(.9) brightness(.99) contrast(1.035)}
#experience .homeowner-breath{filter:saturate(.89) brightness(.98) contrast(1.025)}
#experience .vehicle-layer>img{filter:saturate(.84) brightness(.96) contrast(1.055)}
#flagCanvas{filter:saturate(.9) brightness(.98)}
#experience .scene-clouds-near{opacity:.63}
#experience .scene-sun{opacity:.64}
#experience .foliage-badge{width:320px;height:236px;left:-38px;top:-30px}
#experience .masthead-foliage img{filter:saturate(.96) brightness(.94) drop-shadow(1px 4px 3px #14200f55)}
#experience .field-equipment .foreground-flowers{left:-5%;bottom:-54px;width:54%;height:auto;aspect-ratio:3/2;animation:none}
#experience .field-equipment .flowers-right{left:auto;right:-3%;bottom:-52px;width:45%;height:auto;aspect-ratio:3/2;animation:none}
#experience .field-equipment .foreground-flowers img{width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(.9) brightness(.98) contrast(1.025) drop-shadow(0 4px 3px #15200b45);transform:none;animation:botanical-sway 11s ease-in-out infinite alternate;transform-origin:50% 70%}
#experience .field-equipment .flowers-right img{animation-delay:-4s}
@keyframes botanical-sway{from{transform:rotate(-.25deg)}to{transform:rotate(.3deg)}}
#experience .site-footer{padding-top:max(32px,var(--ledge-credit-top))}
#experience .service-preview,#experience .service-photo,#experience .service-preview::before{transition:none;filter:none}
#experience .service-preview::before{box-shadow:0 7px 12px -6px #081008a3,0 14px 20px -13px #14220e7a}
#experience .service-preview::after{background:none;border-color:#c6cbb840;box-shadow:inset 0 1px #fff0cf4a,inset 0 -2px #050d0a80}
#experience .service-photo,#experience .service-preview:hover .service-photo{box-shadow:0 5px 15px #18230f2e}
#experience .service-photo img{filter:saturate(.86) brightness(.92) contrast(1.025);transform:translateZ(0) scale(1);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
#experience .service-preview:hover .service-photo img,#experience .service-preview:focus-visible .service-photo img{filter:saturate(.86) brightness(.92) contrast(1.025);transform:translateZ(0) scale(1.012)}
#experience .service-photo::after{z-index:2;background:linear-gradient(90deg,rgb(var(--flavor-rgb) / .97),rgb(var(--flavor-rgb) / .90) 28%,rgb(var(--flavor-rgb) / .53) 52%,rgb(var(--flavor-rgb) / .08) 76%,transparent)}
#experience .service-photo::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(112deg,transparent 20%,#fff1cd15 50%,transparent 73%);opacity:0;transition:opacity .16s ease-out}
#experience .service-preview:hover .service-photo::before,#experience .service-preview:focus-visible .service-photo::before{opacity:1}
#experience .rail-figure{filter:drop-shadow(-3px 5px 4px #0711174d);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
#experience .rail-figure img{filter:saturate(.89) brightness(.98) contrast(1.025)}
#experience .service-preview:hover .rail-figure,#experience .service-preview:focus-visible .rail-figure{filter:drop-shadow(-3px 5px 4px #0711174d);transform:translate3d(-2px,0,0)}
#experience .service-caption strong{color:#fff7df;text-shadow:0 1px 5px #0710079c}
#experience .service-caption-text>span{color:#e0e5d6;text-shadow:0 1px 4px #071007c4}
#experience .service-action{color:#d6d2b6;border-color:#d3c99c4d}
#experience .service-action>span{transition:translate .16s ease-out}
#experience .service-preview:hover .service-action>span{translate:2px 0}
#experience .service-preview:focus-visible .service-photo{box-shadow:0 0 0 2px var(--flavor-accent),0 5px 15px #18230f2e}

/* Campus: landscape, school architecture, and people are independent layers. */
.campus-building{position:absolute;left:30%;bottom:8%;width:72%;height:125%;z-index:1;pointer-events:none;transform:translateZ(0);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
#experience .campus-building img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(.95) brightness(1) contrast(1.02);transform:none;transition:none}
#experience .service-preview:hover .campus-building,#experience .service-preview:focus-visible .campus-building{transform:translate3d(-1px,0,0)}
#experience .service-preview:hover .campus-building img{filter:saturate(.95) brightness(1) contrast(1.02);transform:none}
.campus-study{display:block;position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}
#experience .campus-study>img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88) brightness(.96) contrast(1.025)}
#experience .campus-study .campus-building{left:29%;width:72%;height:125%;bottom:4%}
#experience .service-opening .campus-study{height:210px}

/* The information panel is a bound field notepad, with native readable content. */
#experience .reading-panel{--flavor-paper:#f5efdf;background:#f5efdf;border-radius:7px 7px 4px 4px;isolation:isolate;box-shadow:1px 2px 0 #b8af99,3px 4px 0 #ece4d0,4px 5px 0 #b9b09b,0 12px 26px -10px #26301a59}
#experience .reading-panel::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent 30px,#b5846452 30px,#b5846452 31px,transparent 31px),repeating-linear-gradient(180deg,transparent 0,transparent 27px,#6671510b 27px,#6671510b 28px),linear-gradient(100deg,#eee4ce,#fff9e9 12%,#f5efdf 88%,#e9e0ca)}
#experience .reading-panel::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;box-shadow:inset 0 0 0 1px #7e795447,inset 4px 0 8px #4e412b0f,inset -4px 0 8px #4e412b0a;border-radius:inherit}
.notepad-hardware{position:absolute;left:0;right:0;top:0;height:50px;z-index:12;pointer-events:none}
.notepad-binding{position:absolute;left:0;right:0;top:0;height:13px;background:repeating-linear-gradient(90deg,transparent 0,transparent 7px,#d5cbb92b 7px,#d5cbb92b 8px),linear-gradient(#3e4538,#1f2a22 80%,#8a8c72);box-shadow:0 2px 3px #312b1a38;border-radius:7px 7px 0 0}
.notepad-clip{position:absolute;left:calc(50% - 37px);top:6px;width:74px;height:19px;border:1px solid #6c7168;border-radius:2px 2px 6px 6px;background:linear-gradient(#edf0dc,#9da89d 18%,#48574e 45%,#9ba69a 67%,#d2d7c4 85%,#727f71);box-shadow:inset 0 1px #fff9e6c7,0 3px 4px #2a301f42}
.notepad-clip::before,.notepad-clip::after{content:"";position:absolute;top:5px;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ebedde,#5b665d 45%,#26392b);box-shadow:0 1px #eef1df55}
.notepad-clip::before{left:6px}.notepad-clip::after{right:6px}
.notepad-clip i{position:absolute;left:19px;right:19px;top:6px;bottom:5px;border-radius:2px;border:1px solid #56655b;box-shadow:inset 0 1px #f3f6dd73}
.notepad-label,.notepad-edition{position:absolute;bottom:0;color:#7c6849;font:600 10px/1.4 var(--command);letter-spacing:.17em;text-transform:uppercase}
.notepad-label{left:44px}.notepad-edition{right:25px;font-size:9px;letter-spacing:.12em}
#experience .panel-scroll{position:relative;z-index:1;background:none;padding:72px 27px 65px 44px;scrollbar-color:#b1a384 transparent}
#pageContent{position:relative}
#pageContent #panelTitle{color:#344333}
#pageContent #panelTitle em{color:#8d7652}
#pageContent .detail-heading{border-bottom-color:#b7ae9259}
#pageContent .chapter-label{color:#73764f}
#pageContent .panel-lead{color:#56604a;opacity:1}
#experience .panel-tools{z-index:15;background:#ece3cfed;color:#655d43;border-top-color:#bbad8b7a}
#experience .panel-tools button{color:#4e5d3c}
#experience .service-tabs{background:#f5efdfed;backdrop-filter:none}
#experience .catalog-image img,#experience .coverage-settings img{filter:saturate(.85) brightness(.94) contrast(1.025)}
#experience .content-enter{animation:notepad-content-in .2s ease-out}
@keyframes notepad-content-in{from{opacity:.5;transform:translate3d(5px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:1100px),(max-height:560px){
 #experience .foliage-badge{width:252px;height:206px;left:-20px;top:-22px}
 #experience .panel-scroll{padding:66px 18px 60px 36px}
 .notepad-label{left:36px}.notepad-edition{right:18px}
 #experience .reading-panel::before{background:linear-gradient(90deg,transparent 24px,#b5846452 24px,#b5846452 25px,transparent 25px),repeating-linear-gradient(180deg,transparent 0,transparent 27px,#6671510b 27px,#6671510b 28px),linear-gradient(100deg,#eee4ce,#fff9e9 12%,#f5efdf 88%,#e9e0ca)}
}
@media(max-width:760px){
 #experience .foliage-badge{width:222px;height:180px;left:-18px;top:-22px}
 #experience .field-equipment .foreground-flowers{left:-4%;width:57%;bottom:-21px}
 #experience .field-equipment .flowers-right{left:auto;right:-2%;width:49%;bottom:-24px}
 #experience .desk::after{content:"";position:absolute;left:0;top:100%;width:100%;height:24px;background:#3d3027 url('aged-brown-brick.webp') left top/400px auto repeat;box-shadow:inset 0 3px 4px #251c10a3,0 2px 3px #16200b20;pointer-events:none}
 #experience .home-services{padding-top:45px}
 #experience .reading-panel{margin-top:44px}
 #experience .panel-scroll{padding:68px 20px 30px 36px}
 #experience .site-footer{padding-top:var(--ledge-credit-top)}
 #experience .service-opening .campus-study{height:190px}
}
@media(prefers-reduced-motion:reduce){
 #experience .field-equipment .foreground-flowers img{animation:none}
 #experience .service-photo img,#experience .service-photo::before,#experience .rail-figure,.campus-building{transition:none}
 #experience .service-preview:hover .service-photo img{transform:none}
 #experience .service-preview:hover .rail-figure,#experience .service-preview:hover .campus-building{transform:none}
 #experience .content-enter{animation:none}
}
@media print{
 #experience .notepad-hardware,#experience .reading-panel::before,#experience .reading-panel::after{display:none}
 #experience .reading-panel{box-shadow:none;background:#fff;padding:0}
 #experience .panel-scroll{padding:0}
}

/* Let complete trailing stems pass over the coping without hiding the credits. */
#experience .main-stage{z-index:1}
#experience .foliage-badge{width:260px;height:220px;left:-52px;top:-18px}
#experience .campus-building{height:100%;bottom:2%}
#experience .campus-study .campus-building{height:105%;bottom:2%}
#experience .reading-panel{padding-top:50px}
#experience .panel-scroll{padding-top:22px}
#experience .panel-tools{background:#ece3cf}
@media(max-width:1100px),(max-height:560px){
 #experience .foliage-badge{width:190px;height:170px;left:-30px;top:-18px}
 #experience .panel-scroll{padding-top:16px}
}
@media(max-width:760px){
 #experience .foliage-badge{width:160px;height:140px;left:-26px;top:-8px}
 #experience .desk::after{display:block}
 #experience .panel-scroll{padding-top:18px}
}

#experience .brief-field select{background:#f7f1e3;border-color:#b9b69d;color:#4b563e}
#experience .assessment-copy{background:#ede5d1;border-color:#beb392;color:#536044}
#experience .assessment-copy>summary{background:#ede5d1;color:#536044}

@media(min-width:761px) and (max-width:1100px),(min-width:761px) and (max-height:560px){#experience .field-equipment .foreground-flowers{bottom:-48px}#experience .field-equipment .flowers-right{bottom:-46px}}

/* Garden gate refinement — a simpler illustrated assessment header. */
#experience .header-controls{width:350px;flex:0 1 350px;min-width:275px;height:64px}
.header-navigation{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;width:100%;height:64px}
.header-action{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:44px;padding:8px 10px;border:1px solid #8d978260;border-radius:5px;background:linear-gradient(145deg,#26362b,#111d17 75%);color:#e7e7ce;box-shadow:inset 0 1px #e5edd02b,0 3px 5px #0007;text-align:left;transition:transform .16s,background-color .16s}
.header-action::after{content:"";position:absolute;inset:3px;border:1px solid #c5c9ab13;border-radius:2px;pointer-events:none}
.header-action:hover{transform:translateY(-1px);border-color:#cbc5a27a}
.header-action:active{transform:translateY(1px)}
.header-action:focus-visible{outline:2px solid #e2cb91;outline-offset:4px}
.service-index-action{gap:5px;flex-direction:column;padding:6px}
.service-index-action svg{width:25px;height:25px;fill:none;stroke:#c3ccb2;stroke-width:1.4}
.service-index-action>span{font:600 10px/1.05 var(--command);letter-spacing:.09em;text-transform:uppercase;text-align:center}
.service-index-action>span br{display:none}
.assessment-action{justify-content:flex-start;border-color:#b9aa737a;background:linear-gradient(135deg,#414932,#243529 70%,#1c2a21);gap:11px}
.assessment-action>span:last-child{min-width:0}
.assessment-action small{display:block;font:600 8px/1.3 var(--body);letter-spacing:.06em;color:#b9bca0}
.assessment-action strong{display:block;font:600 18px/1.2 var(--command);text-transform:uppercase;letter-spacing:.055em;color:#f3e4b8;white-space:nowrap}
.assessment-action em{display:block;font:400 9px/1.4 var(--body);font-style:normal;color:#d0d3bd}
.assessment-action b{padding-left:6px;font-size:13px;color:#e8d299}
.assessment-seal{flex:none;width:34px;height:43px;display:grid;place-items:center;border-radius:3px;background:linear-gradient(110deg,#bbaa775c,#77694724);box-shadow:inset 0 1px #dacb9e5e,0 2px 3px #040d074d}
.assessment-seal svg{width:28px;height:35px;fill:none;stroke:#e5d3a2;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.header-action.is-selected{border-color:#d0bd88;box-shadow:inset 0 1px #e8e3ba61,0 3px 5px #0007}
#experience .foliage-badge{width:312px;height:264px}

/* A return remains available on the paper, with the logo also returning Home. */
.notepad-home{position:absolute;right:20px;bottom:-7px;min-height:32px;padding:6px 0 6px 10px;border:0;background:none;color:#716247;font:600 10px/1.3 var(--command);text-transform:uppercase;letter-spacing:.08em;pointer-events:auto}
.notepad-home:hover{color:#2c452c;text-decoration:underline;text-underline-offset:3px}
#experience .home-presentation,#experience .reading-panel{z-index:20}

/* Wall sections and coping leave a real opening through the middle. */
#experience{--gate-mask:linear-gradient(90deg,#000 0%,#000 45%,transparent 45%,transparent 61%,#000 61%,#000 100%)}
#experience .desk{mask-image:var(--gate-mask);-webkit-mask-image:var(--gate-mask)}
#experience .site-footer{background:#74664f url('gate-walkway.webp') 51% 84%/330px auto repeat;box-shadow:none;padding:24px 12px 4px 61px}
#experience .site-footer::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:url('aged-brown-brick.webp') left top/400px auto repeat;mask-image:var(--gate-mask);-webkit-mask-image:var(--gate-mask)}
#experience .site-footer::before{z-index:2;mask-image:var(--gate-mask);-webkit-mask-image:var(--gate-mask)}
#experience .footer-credit{width:calc(45% - 65px);max-width:none;z-index:3;gap:3px}
#experience .footer-engraving{font-size:10px;line-height:1.28;letter-spacing:.035em}
#experience .footer-credit>a{font-size:8.5px}
.gate-framing{position:absolute;left:0;top:0;bottom:0;width:var(--hero-width);pointer-events:none;z-index:9}
.gate-pillar{position:absolute;bottom:calc(-1 * var(--measured-footer,70px));width:clamp(115px,20%,180px);height:auto;aspect-ratio:2/3;max-width:none;transform:translateY(14.5%);filter:drop-shadow(3px 5px 4px #19200f4a)}
.gate-pillar-left{left:-11.5%}.gate-pillar-right{right:-10%}
#experience .field-equipment .foreground-flowers{left:-8%}
#experience .field-equipment .flowers-right{left:auto;right:-6%}
#experience .prop-radio{bottom:-1%;animation:none;--angle:-4deg}
#experience .prop-radio img{object-position:center bottom}
#experience .prop-flashlight{left:calc(20% + 25px);width:31%;height:15%;bottom:-.3%;animation:none;--angle:-3deg}
#experience .prop-flashlight img{object-position:center bottom}
#experience .torch-beam{left:calc(var(--hero-width) * .475 + 25px)}

/* Campus steps meet a paved forecourt; building is 20% larger. */
#experience .campus-building{left:22.8%;width:86.4%;height:120%;bottom:-12%}
#experience .campus-study .campus-building{left:21.8%;width:86.4%;height:126%;bottom:-12%}
#experience .service-tile-patrol .prop-clipboard{width:19.95%;height:81.9%}

/* Event foregrounds are opaque; rim is confined to the text side. */
#experience .service-preview[data-service=events]::after{clip-path:polygon(0 0,40% 0,40% 100%,0 100%);box-shadow:none}
#experience .rail-figure-events{opacity:1;z-index:5;--figure-drop:0%}
#experience .rail-figure-events img{opacity:1;filter:saturate(.92) brightness(1) contrast(1.02)}
.event-credential{position:absolute;right:34%;bottom:-3%;width:17%;height:67%;min-width:44px;min-height:44px;z-index:6;display:block;padding:0;border:0;background:none;filter:drop-shadow(2px 4px 2px #10170c65);transform:rotate(-6deg);transform-origin:50% 90%;transition:transform .16s}
.event-credential img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.event-credential:hover{transform:rotate(-3deg) translateY(-2px)}
.event-credential:focus-visible{outline:2px solid #e6d2a0;outline-offset:3px}

/* Photographed rims turn inside the moving service-vehicle layer. */
#experience .rail-figure-vehicle{overflow:visible}
.patrol-vehicle-art{position:absolute;left:0;right:0;bottom:0;width:100%;aspect-ratio:1772/888;transform-origin:50% 100%;animation:patrol-cruise 4.2s ease-in-out infinite}
#experience .patrol-vehicle-art>img{display:block;width:100%;height:100%;object-fit:fill;object-position:center;translate:0 0}
.patrol-rim{position:absolute;z-index:2;pointer-events:none;opacity:.98;mask-image:radial-gradient(ellipse,#000 85%,transparent 99%);filter:brightness(.98)}
.patrol-rim-front{left:47.1219%;top:63.964%;width:8.2393%;height:28.1532%}
.patrol-rim-rear{left:87.753%;top:60.923%;width:6.2077%;height:24.437%}
.patrol-lightbar{position:absolute;left:43.4%;top:2.4%;width:26.7%;height:3.6%;z-index:3;pointer-events:none}
.patrol-lightbar i{position:absolute;top:23%;height:45%;width:14%;border-radius:2px;background:#ecb55c;box-shadow:0 0 3px 1px #ffd485c4,0 0 7px #eba64380;animation:security-beacon 2.6s ease-in-out infinite}
.patrol-lightbar i:nth-child(1){left:3%}.patrol-lightbar i:nth-child(2){left:29%;animation-delay:-.65s}.patrol-lightbar i:nth-child(3){left:55%;animation-delay:-1.3s}.patrol-lightbar i:nth-child(4){left:81%;animation-delay:-1.95s}
.patrol-lightbar::after{content:"";position:absolute;inset:-45% -5%;background:linear-gradient(90deg,transparent,#ffdfa345 48%,#fff0bf80 50%,#ffdfa345 52%,transparent);filter:blur(.5px);animation:roof-light-sweep 3.9s linear infinite}
@keyframes patrol-cruise{0%,100%{translate:0 0}50%{translate:0 -.8px}}
.patrol-motion-stopped .patrol-vehicle-art,.patrol-motion-stopped .patrol-lightbar i,.patrol-motion-stopped .patrol-lightbar::after{animation-play-state:paused}

/* Coverage now belongs to each service rather than a separate header destination. */
.service-coverage{margin:30px 0 26px;padding-top:20px;border-top:1px solid #aaa47f66}
.coverage-detail{margin:18px 0;display:grid;gap:16px}
.coverage-detail>div{padding-left:15px;border-left:2px solid #aaa17b7d}
.coverage-detail dt{font:600 17px/1.3 var(--command);letter-spacing:.04em;text-transform:uppercase;color:#485638}
.coverage-detail dd{margin:5px 0 0;color:#535f49;font:400 14px/1.75 var(--body)}
.service-region-note{padding:16px 17px;background:#e2dfca73;border:1px solid #c3bea15e;border-radius:3px}
.service-region-note strong{font:600 16px/1.3 var(--command);color:#576044;letter-spacing:.03em;text-transform:uppercase}
.service-region-note p{margin:7px 0 0;font-size:12px;line-height:1.7}

@media(max-width:1100px),(max-height:560px){
 #experience .header-controls{width:300px;min-width:250px;flex-basis:300px;height:62px}
 .header-navigation{height:62px;grid-template-columns:80px minmax(0,1fr);gap:8px}
 .assessment-action{padding:8px;gap:8px}
 .assessment-action strong{font-size:17px}
 .assessment-action small{font-size:7.5px}
 .assessment-seal{width:30px;height:39px}
 #experience .foliage-badge{width:228px;height:204px}
 #experience .footer-engraving{font-size:8.5px;line-height:1.25}
 #experience .footer-credit>a{font-size:8px}
 #experience .prop-flashlight{left:calc(19% + 18px)}
 #experience .torch-beam{left:calc(var(--hero-width) * .475 + 18px)}
}
@media(min-width:761px) and (max-width:1100px),(min-width:761px) and (max-height:560px){
 #experience .header-controls{width:370px;max-width:100%;min-width:0;flex:none}
 #experience .desk{mask-image:none;-webkit-mask-image:none}
}
@media(max-width:760px){
 #experience .header-controls{width:100%;max-width:none;min-width:0;flex:none;height:62px}
 .header-navigation{grid-template-columns:78px minmax(0,1fr);height:60px;gap:9px}
 .assessment-action strong{font-size:17px}
 .assessment-action em{font-size:9px}
 #experience .foliage-badge{width:192px;height:168px}
 #experience .gate-framing{height:var(--mobile-scene);bottom:auto;width:100%}
 .gate-pillar{bottom:-24px;width:92px}
 .gate-pillar-left{left:-7px}.gate-pillar-right{right:-7px}
 #experience .field-equipment .foreground-flowers{left:-10px;right:auto;overflow:hidden}
 #experience .field-equipment .flowers-right{left:auto;right:-10px}
 #experience .field-equipment .foreground-flowers img{animation:botanical-phone-sway 11s ease-in-out infinite alternate}
 @keyframes botanical-phone-sway{from{transform:rotate(-.2deg) scale(1.15)}to{transform:rotate(.25deg) scale(1.15)}}
 #experience .prop-radio{bottom:-1%}
 #experience .prop-flashlight{left:20%;width:34%;height:14%;bottom:0}
 #experience .torch-beam{left:49%;width:45%}
 #experience .desk{mask-image:none;-webkit-mask-image:none}
 #experience .desk::after{background-image:linear-gradient(90deg,transparent 0 45%,#5e554045 45% 61%,transparent 61%),url('gate-walkway.webp');background-size:100% 100%,180px auto;mask-image:none;-webkit-mask-image:none}
 #experience .desk::before{content:"";position:absolute;left:0;right:0;top:100%;height:24px;background:url('aged-brown-brick.webp') left top/400px auto repeat;z-index:1;mask-image:var(--gate-mask);-webkit-mask-image:var(--gate-mask)}
 #experience .site-footer{padding:var(--ledge-credit-top) 16px 10px;background:url('aged-brown-brick.webp') left top/400px auto repeat}
 #experience .site-footer::after{display:none}
 #experience .site-footer::before{mask-image:none;-webkit-mask-image:none}
 #experience .footer-credit{width:auto;max-width:100%}
 #experience .footer-engraving{font-size:9.5px;line-height:1.3}
 #experience .footer-credit>a{font-size:8.5px}
 #experience .service-tile-patrol .prop-clipboard{width:21%;height:76.65%}
 .event-credential{right:31%;width:18%;height:62%}
 .notepad-home{right:14px;font-size:9px}
}
@media(max-width:360px){
 .header-navigation{grid-template-columns:70px minmax(0,1fr);gap:7px}
 .header-action{padding-inline:6px}
 .assessment-action{gap:7px}
 .assessment-action strong{font-size:15px;letter-spacing:.04em}
 .assessment-action small{font-size:7px}
 .assessment-action em{font-size:8px}
 .assessment-seal{width:27px;height:36px}
}
@media(prefers-reduced-motion:reduce){
 .header-action,.event-credential{transition:none}
 .patrol-vehicle-art,.patrol-lightbar i,.patrol-lightbar::after{animation:none!important}
 .patrol-lightbar i{opacity:.45}
 #experience .field-equipment .foreground-flowers img{animation:none;transform:none}
}
@media print{#experience .gate-framing,.notepad-home{display:none}.service-coverage{break-inside:avoid}}

/* Keep the framing and inscription comfortable at smaller scene widths. */
.service-index-action>span br{display:initial}
.service-index-action{gap:3px}
.service-index-action svg{width:22px;height:22px}
#experience .footer-engraving>span{display:block}
#experience .site-footer{padding-top:26px}
#experience .service-tabs{background:#f5efdf}
.service-coverage{scroll-margin-top:72px}
.patrol-rim{opacity:.88;filter:saturate(.85) brightness(.88)}
@media(min-width:1101px) and (max-width:1600px){
 .gate-pillar-left{left:-65px}
 #experience .site-footer{padding-left:85px}
 #experience .footer-credit{width:calc(45% - 90px)}
}
@media(min-width:761px) and (max-width:1100px),(min-width:761px) and (max-height:560px){
 .gate-pillar-left{left:-45px}
 #experience .field-equipment .foreground-flowers{bottom:-43px}
 #experience .field-equipment .flowers-right{bottom:-41px}
}
@media(max-width:760px){#experience .site-footer{padding-top:var(--ledge-credit-top)}}
@media(prefers-reduced-motion:reduce){.patrol-rim{opacity:0}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){#experience .field-equipment .foreground-flowers img{transform:scale(1.15)}}

@media print{#experience .reading-panel{padding:0}}

/* Brick courses share a believable scale with the new piers. */
#experience .site-footer::after{background-size:200px auto}
@media(max-width:1100px),(max-height:560px){#experience .site-footer::after{background-size:140px auto}}
@media(max-width:760px){
 #experience .desk::before{background-size:110px auto}
 #experience .site-footer{background-size:110px auto}
}

/* Grand entrance: clipped scenery, large outer piers, and inner threshold posts. */
#experience{--gate-mask:linear-gradient(90deg,#000 0%,#000 36%,transparent 36%,transparent 68%,#000 68%,#000 100%)}
#experience .estate-scene{overflow:visible;background:transparent}
#experience .scene-world{overflow:visible}
.scene-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:1;isolation:isolate}
#experience .scene-world .desk{left:0;right:0;top:auto;bottom:0;width:100%;height:7.5%;z-index:2}
.entrance-wall{position:absolute;left:0;right:0;bottom:calc(-1 * var(--entrance-depth,70px));height:var(--entrance-depth,70px);z-index:2;pointer-events:none;background-image:linear-gradient(90deg,transparent 32%,#26251e66 36%,transparent 40%,transparent 64%,#26251e66 68%,transparent 72%),url('limestone-threshold.webp');background-size:100% 100%,32% auto;background-position:center,52% bottom;background-repeat:no-repeat,repeat-y}
.entrance-wall::after{content:"";position:absolute;inset:0;z-index:1;background:url('aged-brown-brick.webp') left top/200px auto repeat;mask-image:var(--gate-mask);-webkit-mask-image:var(--gate-mask)}
.entrance-wall::before{content:"";position:absolute;left:0;right:0;top:0;height:var(--coping-overhang,14px);z-index:2;background-image:linear-gradient(#1417112b,#1417112b),url('classic-red-ledge.webp');background-size:100% var(--ledge-texture-height,140px);background-position:center calc(-1 * var(--ledge-top-height,40px));background-repeat:no-repeat;mask-image:var(--gate-mask);-webkit-mask-image:var(--gate-mask);box-shadow:0 3px 4px #17170d6b}
#experience .scene-world .outer-piers{left:calc(-1 * var(--hero-offset,0px));width:var(--entrance-viewport,100vw);top:-100px;bottom:calc(-1 * var(--entrance-depth,70px));height:auto;overflow:hidden;z-index:3}
#experience .outer-piers .gate-pillar{width:var(--outer-pier-width,360px);bottom:0;height:auto;transform:translateY(14.5%);filter:drop-shadow(4px 6px 5px #1a241245)}
#experience .outer-piers .gate-pillar-left{left:var(--outer-pier-left,0px)}
#experience .outer-piers .gate-pillar-right{right:var(--outer-pier-right,0px)}
.inner-gate-framing{position:absolute;left:0;right:0;top:0;bottom:calc(-1 * var(--entrance-depth,70px));z-index:10;pointer-events:none}
.inner-pier{position:absolute;bottom:0;width:var(--inner-pier-width,180px);height:auto;max-width:none;transform:translateY(14.5%);filter:drop-shadow(4px 4px 4px #19200f5c)}
.inner-pier-left{left:calc(36% - var(--inner-pier-width,180px) * .5)}
.inner-pier-right{left:calc(68% - var(--inner-pier-width,180px) * .5)}
.pier-vine{position:absolute;height:auto;max-width:none;pointer-events:none;filter:saturate(.88) brightness(.96) drop-shadow(1px 2px 1px #17220d36)}
.outer-piers .pier-vine{width:calc(var(--outer-pier-width,360px) * .72);bottom:calc(var(--outer-pier-width,360px) * .08)}
.outer-vine-left{left:calc(var(--outer-pier-left,0px) + var(--outer-pier-width,360px) * .12)}
.outer-vine-right{right:calc(var(--outer-pier-right,0px) + var(--outer-pier-width,360px) * .12)}
.inner-gate-framing .pier-vine{width:calc(var(--inner-pier-width,180px) * .76);bottom:5px;z-index:1}
.inner-vine-left{left:calc(36% - var(--inner-pier-width,180px) * .35)}
.inner-vine-right{left:calc(68% - var(--inner-pier-width,180px) * .35)}
#experience .field-equipment .foreground-flowers{left:-7%;bottom:-33px;width:52%;height:auto;aspect-ratio:3/2}
#experience .field-equipment .flowers-right{left:auto;right:-4%;bottom:-30px;width:43%}
#experience .field-equipment .foreground-flowers img{filter:saturate(.9) brightness(.98) contrast(1.025) drop-shadow(0 3px 3px #16200d3b)}
#experience .site-footer{position:relative;z-index:2;background:none;box-shadow:none;padding:0;pointer-events:none}
#experience .site-footer::before,#experience .site-footer::after{display:none}
#experience .footer-credit{position:absolute;left:var(--column-credit-left,0px);bottom:16px;width:var(--column-credit-width,160px);max-width:none;gap:3px;pointer-events:auto}
#experience .footer-engraving{font-size:8.5px;line-height:1.3;letter-spacing:.04em;color:#c1b09a}
#experience .footer-credit>a{font-size:8px;color:#b3a38a}
#experience .foliage-badge{width:343.2px;height:290.4px}
#experience .masthead-foliage img{filter:saturate(.92) brightness(.94) drop-shadow(1px 4px 3px #14200f55)}

/* Equipment belongs to its service setting; every graphic retains its working control. */
#experience .service-tile .prop{animation:none;translate:0 0;filter:drop-shadow(2px 4px 2px #111b1059)}
#experience .service-tile .prop img{object-position:center bottom}
#experience .service-tile .prop-label{display:none}
#experience .service-tile-campus .prop-flashlight{left:30%;right:auto;top:auto;bottom:-4%;width:44%;height:42%;min-width:44px;min-height:44px;z-index:6;--angle:0deg}
#experience .service-tile-campus .prop-flashlight img{filter:saturate(.82) brightness(.97) contrast(1.035)}
#experience .service-tile-campus .torch-beam{position:absolute;left:64%;right:auto;top:auto;bottom:6%;width:32%;height:26%;z-index:3;opacity:0;transform:none;filter:blur(2px);mix-blend-mode:screen;background:linear-gradient(90deg,#ffe5a340,#fff0c225,transparent);clip-path:polygon(0 42%,100% 0,100% 100%,0 58%);transition:opacity .18s;pointer-events:none}
#experience.torch-on .service-tile-campus .torch-beam{opacity:.8}
#experience .service-tile-events .prop-radio{left:44%;right:auto;top:auto;bottom:-1%;width:13.5%;height:71%;min-width:44px;min-height:44px;z-index:6;--angle:-3deg}
#experience .service-tile-events .prop-radio img{object-position:center bottom;filter:saturate(.85) brightness(.98) contrast(1.025)}
#experience .service-tile-events .event-credential{left:auto;right:1.5%;top:auto;bottom:-1%;width:18%;height:58%;min-width:44px;min-height:44px;z-index:7;transform:rotate(4deg);filter:drop-shadow(2px 4px 2px #111b1069)}
#experience .service-tile-events .event-credential:hover{transform:rotate(1deg) translateY(-2px)}
#experience .service-tile-events .service-caption-text>span{max-width:180px}
#experience .service-tile-patrol .prop-cuffs{left:26%;right:auto;top:auto;bottom:-3%;width:28%;height:25%;min-width:44px;min-height:44px;z-index:5;--angle:-6deg}
#experience .service-tile-patrol .prop-clipboard{z-index:6}
#experience .patrol-rim{opacity:.96;filter:saturate(.89) brightness(.96) contrast(1.025)}
#experience .patrol-rim-front{left:43.7923%;top:57.0946%;width:13.9955%;height:41.6667%}
#experience .patrol-rim-rear{left:84.1986%;top:54.5045%;width:12.1896%;height:37.3874%}

@media(max-width:1100px),(max-height:560px){
 #experience .foliage-badge{width:250.8px;height:224.4px}
 .entrance-wall::after{background-size:180px auto}
 #experience .service-tile-events .prop-radio{left:48%;width:15%;height:68%}
 #experience .service-tile-events .service-caption-text>span{max-width:115px}
 #experience .service-tile-events .event-credential{right:0;width:20%;height:56%}
 #experience .service-tile-campus .prop-flashlight{left:29%;width:48%;height:42%}
}
@media(max-width:760px){
 #experience .foliage-badge{width:211.2px;height:184.8px}
 #experience .scene-world .desk{top:auto;bottom:0;width:100%;height:32px;mask-image:none;-webkit-mask-image:none}
 #experience .scene-world .desk::before,#experience .scene-world .desk::after{display:none}
 .entrance-wall::after{background-size:140px auto}
 #experience .field-equipment .foreground-flowers{left:-10px;bottom:-16px;width:57%;overflow:hidden}
 #experience .field-equipment .flowers-right{left:auto;right:-10px;bottom:-17px;width:49%}
 #experience .home-services{grid-template-rows:repeat(4,190px);padding-top:45px}
 #experience .service-tile,#experience .service-preview{height:190px}
 #experience .service-tile-events .service-caption-text>span{max-width:128px}
 #experience .service-tile-events .prop-radio{left:48%;height:67%;width:15%}
 #experience .service-tile-events .event-credential{right:.5%;width:19%;height:57%}
 #experience .service-tile-campus .prop-flashlight{left:30%;width:47%;height:40%}
 #experience .service-tile-patrol .prop-cuffs{left:26%;bottom:-2%;width:28%;height:22%}
 #experience .site-footer{background:url('aged-brown-brick.webp') left top/140px auto repeat;padding:var(--ledge-credit-top) 16px 10px;pointer-events:auto}
 #experience .site-footer::before{display:block;mask-image:none;-webkit-mask-image:none}
 #experience .footer-credit{position:relative;left:auto;bottom:auto;width:auto;max-width:100%}
 #experience .footer-engraving{font-size:9.5px}
 #experience .footer-credit>a{font-size:8.5px}
}
@media(prefers-reduced-motion:reduce){#experience .patrol-rim{opacity:0}}
@media print{
 #experience .gate-framing,#experience .inner-gate-framing,#experience .entrance-wall,#experience .scene-atmosphere{display:none}
 #experience .site-footer{display:none!important}
}

/* Preserve clear service-link targets beside the equipment. */
#experience .service-tile-campus .prop-flashlight{left:max(30%,168px);width:min(44%,calc(100% - 178px))}
#experience .service-tile-patrol .prop-cuffs{left:max(26%,168px)}
#experience .service-tile-events .prop-radio{left:max(44%,168px)}
@media(max-width:1100px),(max-height:560px){#experience .service-tile-events .prop-radio{left:max(48%,168px)}}
@media(max-width:760px){.entrance-wall::before{height:8px}}

.character-plane{position:absolute;inset:0;overflow:hidden;z-index:6;pointer-events:none}

#experience .service-tile-patrol .prop-clipboard{left:max(43%,168px)}
#experience .service-tile-patrol .prop-cuffs{left:max(28%,176px)}
@media(max-width:760px){#experience .foliage-badge{left:-22px}}

@media(min-width:1280px) and (max-width:1600px){#experience .service-tile-patrol .prop-cuffs{left:154px}}

/* Gold estate: a tree canopy masthead and engraved brass actions. */
#experience .site-header{background:#122219;border-bottom:0;box-shadow:none}
.canopy-masthead{position:absolute;left:0;right:0;top:0;height:calc(100% + 32px);overflow:hidden;z-index:0;pointer-events:none;mask-image:linear-gradient(#000 0,#000 calc(100% - 34px),transparent);-webkit-mask-image:linear-gradient(#000 0,#000 calc(100% - 34px),transparent)}
.canopy-masthead img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 35%;filter:saturate(.9) brightness(.82)}
.canopy-masthead::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06160d1a,#07150b38 45%,#07110bc7)}
#experience .brand-badge{scale:1.4707625625}
#experience .header-action{border-color:#d9bb6c;background:linear-gradient(145deg,#e4ce91,#c9a65e 42%,#b58c42);color:#302b1a;box-shadow:inset 0 1px #fff3c1b3,inset 0 -2px #78602c66,0 3px 6px #0006}
#experience .header-action::after{border-color:#fff3c738}
#experience .header-action:hover{border-color:#fff0bd}
#experience .header-action.is-selected{border-color:#fff0bd;box-shadow:inset 0 1px #fff5cc,0 0 0 1px #6d592a,0 3px 6px #0007}
#experience .service-index-action svg{stroke:#40351e}
#experience .service-index-action>span{color:#382e19}
#experience .assessment-action small{color:#66532d}
#experience .assessment-action strong{color:#302815;text-shadow:0 1px #f6e6b47d}
#experience .assessment-action em,#experience .assessment-action b{color:#544321}
#experience .assessment-seal{background:linear-gradient(110deg,#fff1bb78,#a27a363b);box-shadow:inset 0 1px #fff4ccab,0 1px 3px #6952256e}
#experience .assessment-seal svg{stroke:#5a4722}

/* Enlarge only the villa, using the existing sharp architecture image as a masked layer. */
.residence-enlargement{position:absolute;z-index:2;pointer-events:none;max-width:none;overflow:visible;filter:saturate(.91) brightness(.97) contrast(1.035)}
#experience .scene-world .desk{bottom:var(--wall-rise,100px);z-index:10}
.entrance-floor{position:absolute;left:0;right:0;top:calc(100% - var(--wall-rise,100px));height:calc(var(--wall-rise,100px) + var(--entrance-depth,46px) + var(--paving-apron,24px));z-index:2;pointer-events:none;background:#afa38c url('forecourt-apron.webp') center bottom/100% auto no-repeat;mask-image:linear-gradient(transparent,#000 30px);-webkit-mask-image:linear-gradient(transparent,#000 30px)}
.entrance-wall{height:calc(var(--entrance-depth,46px) + var(--wall-rise,100px));z-index:11;background-image:linear-gradient(90deg,transparent 32%,#25251f59 36%,transparent 40%,transparent 64%,#25251f59 68%,transparent 72%);background-size:100% 100%;background-repeat:no-repeat}
#experience .scene-world .outer-piers{z-index:12}
.inner-gate-framing{z-index:13}
#experience .field-equipment .foreground-flowers{bottom:20px;left:-7%;width:52%}
#experience .field-equipment .flowers-right{bottom:16px;left:auto;right:-4%;width:43%}
.outer-piers .pier-vine{bottom:calc(var(--outer-pier-width,414px) * .14)}
.inner-gate-framing .pier-vine{bottom:14px}
#experience .footer-credit{bottom:calc(16px + var(--paving-apron,24px))}
#experience .footer-engraving{font-size:clamp(8.5px,calc(var(--outer-pier-width,414px) * .026),11px)}

/* Service plaques have defined edges and readable ink, without a blurry photo fade. */
#experience .service-photo::after{display:none}
#experience .service-photo img,#experience .service-preview:hover .service-photo img{filter:saturate(.9) brightness(.97) contrast(1.025)}
#experience .service-tile .service-caption{left:0;top:0;right:auto;bottom:0;width:42%;height:100%;padding:26px 18px 32px 20px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#20372b;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,0 100%);border-radius:8px 0 0 8px;box-shadow:inset 1px 0 #e1cf9c47,inset -1px 0 #d0c49b3b;z-index:4}
#experience .service-tile-vehicle .service-caption{background:#1e2b31}
#experience .service-tile-patrol .service-caption{background:#303b27}
#experience .service-tile-events .service-caption{background:linear-gradient(130deg,#dac58d,#bca062);color:#302b1d}
#experience .service-tile .service-caption strong{font-size:32px;line-height:1.04;letter-spacing:.025em;color:#f7efd8;text-shadow:none}
#experience .service-tile .service-caption-text>span{max-width:none;color:#d7dfcb;font-size:12px;line-height:1.4;text-shadow:none;margin-top:8px}
#experience .service-tile-events .service-caption strong{color:#312b1b;max-width:140px}
#experience .service-tile-events .service-caption-text>span{color:#493e25;max-width:128px}
#experience .service-tile .service-number{left:20px;top:12px;font-size:7px;letter-spacing:.11em;color:#c8c9a9;border-bottom-color:#dbd5ae3d;text-shadow:none}
#experience .service-tile .service-action{left:20px;bottom:13px;padding:1px 5px;font-size:7px;letter-spacing:.08em;color:#e1d4a4;background:#ffffff04;border-color:#c6ba844d;text-shadow:none}
#experience .service-tile-events .service-number{color:#69542d;border-bottom-color:#76613a52}
#experience .service-tile-events .service-action{color:#473819;background:#fff2c522;border-color:#6f59395e}
#experience .rail-figure{z-index:5}
#experience .rail-figure-vehicle{z-index:3}
#experience .rail-figure-events{height:90%;width:54%;right:0;--figure-drop:0%}
#experience .service-tile-events .prop-radio{left:max(32.5%,152px);width:15.525%;height:81.65%;min-width:50.6px;bottom:-1%}
#experience .service-tile-events .event-credential{left:calc(max(32.5%,152px) + 78px);right:auto;width:20.7%;height:66.7%;min-width:50.6px;bottom:-1%}

/* Gentle independent floating motion, paused for reading and reduced motion. */
#experience .service-tile .prop,#experience .service-tile .event-credential{animation:service-prop-hover 7.2s ease-in-out infinite;animation-play-state:running}
#experience .service-tile-campus .prop-flashlight{animation-delay:-2.3s}
#experience .service-tile-events .prop-radio{animation-delay:-4.1s}
#experience .service-tile-events .event-credential{animation-delay:-.9s}
#experience .service-tile-patrol .prop-clipboard{animation-delay:-3.2s}
#experience .service-tile-patrol .prop-cuffs{animation-delay:-5.2s}
@keyframes service-prop-hover{0%,100%{translate:0 0}50%{translate:0 -3px}}
#experience.props-motion-stopped .service-tile .prop,#experience.props-motion-stopped .service-tile .event-credential{animation-play-state:paused}

/* Canonical wheel rotates before ellipse projection: no rotating fender pixels or wobbling crop. */
.patrol-wheel{position:absolute;z-index:2;pointer-events:none;overflow:hidden;mask-image:radial-gradient(ellipse,#000 92%,transparent 100%);filter:saturate(.9) brightness(.88);opacity:.98}
.patrol-wheel-front{left:45.03386%;top:57.65766%;width:12.18962%;height:40.54054%}
.patrol-wheel-rear{left:85.77878%;top:55.96847%;width:9.81941%;height:34.45946%}
.wheel-spin{transform-box:view-box;transform-origin:511px 512px;animation:wheel-roll-clean 7.4s linear infinite}
@keyframes wheel-roll-clean{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
.patrol-motion-stopped .wheel-spin{animation-play-state:paused}

@media(max-width:1279px),(max-height:560px){
 #experience .service-tile .service-caption{width:52%;padding:24px 14px 30px}
 #experience .service-tile .service-caption strong{font-size:26px;line-height:1.04}
 #experience .service-tile .service-caption-text>span{font-size:11.5px;line-height:1.35;margin-top:6px}
 #experience .service-tile .service-number,#experience .service-tile .service-action{left:14px}
 #experience .service-tile .service-number{font-size:6px;letter-spacing:.07em}
 #experience .rail-figure-events{height:68%;width:50%}
 #experience .service-tile-events .prop-radio{left:36%;width:17.25%;height:78.2%}
 #experience .service-tile-events .event-credential{left:calc(36% + 48px);width:23%;height:64.4%}
 #experience .service-tile-events .service-caption strong{max-width:115px}
 #experience .service-tile-events .service-caption-text>span{max-width:95px}
}
@media(max-width:760px){
 #experience .scene-world .desk{bottom:var(--wall-rise,52px)}
 #experience .field-equipment .foreground-flowers{bottom:28px;left:-13px;width:57%}
 #experience .field-equipment .flowers-right{bottom:25px;left:auto;right:-13px;width:49%}
 #experience .home-services{padding-top:64px}
 #experience .reading-panel{margin-top:64px}
 #experience .service-tile .service-caption{width:48%;padding:26px 16px 32px}
 #experience .service-tile .service-caption strong{font-size:28px}
 #experience .service-tile .service-caption-text>span{font-size:11.5px;line-height:1.35}
 #experience .service-tile .service-number,#experience .service-tile .service-action{left:16px}
 #experience .service-tile-events .prop-radio{left:36%;width:17.25%;height:77.05%}
 #experience .service-tile-events .event-credential{left:calc(36% + 48px);width:21.85%;height:65.55%}
 #experience .rail-figure-events{height:68%;width:50%}
 #experience .footer-credit{bottom:auto}
 #experience .footer-engraving{font-size:9.5px}
}
@media(max-width:360px){
 #experience .service-tile .service-caption{width:54%;padding-inline:14px}
 #experience .service-tile .service-caption strong{font-size:26px}
 #experience .service-tile .service-number,#experience .service-tile .service-action{left:14px}
 #experience .service-tile .service-action{font-size:6.5px;letter-spacing:.05em}
 #experience .rail-figure-events{height:58%;width:50%}
}
@media(prefers-reduced-motion:reduce){
 .wheel-spin{animation:none!important;transform:none}
 .patrol-wheel{opacity:0}
 #experience .service-tile .prop,#experience .service-tile .event-credential{animation:none!important;translate:0 0}
}
@media print{.canopy-masthead,.residence-enlargement,.entrance-floor{display:none}}

/* Finish the masonry silhouette and keep service typography clear on compact displays. */
.character-plane{bottom:var(--wall-rise,0px)}
#experience .service-tile .service-caption-text{gap:0}
@media(min-width:761px) and (max-width:1600px){
 #experience .service-tile .service-caption strong{font-size:28px}
 #experience .service-tile .service-caption-text>span{margin-top:6px}
}
@media(min-width:761px) and (max-height:700px){
 #experience .service-tile .service-caption{padding-top:24px;padding-bottom:34px}
 #experience .service-tile .service-caption strong{font-size:24px}
 #experience .service-tile .service-caption-text>span{font-size:11.25px;line-height:1.35;margin-top:4px}
}
@media(max-width:1279px),(max-height:560px){
 #experience .rail-figure-campus{width:53%;right:-8px}
}
@media(max-width:760px){
 #experience .field-equipment .foreground-flowers{left:-10px}
 #experience .field-equipment .flowers-right{left:auto;right:-10px}
}

/* Garden gateway: continuous masonry feet, a wider entrance and a shorter left pier. */
#experience{--gate-mask:linear-gradient(90deg,#000 0%,#000 33%,transparent 33%,transparent 71%,#000 71%,#000 100%)}
#experience .scene-world .outer-piers{left:0;right:0;top:0;bottom:calc(-1 * var(--entrance-depth,70px));width:100%;height:auto;overflow:visible}
#experience .outer-piers .gate-pillar{bottom:0;aspect-ratio:auto;transform:translateY(calc(var(--outer-pier-width,414px) * .2125))}
#experience .outer-piers .gate-pillar-left{left:var(--pier-left-local,0px);aspect-ratio:8/9}
#experience .outer-piers .gate-pillar-right{right:var(--pier-right-local,0px);aspect-ratio:2/3}
.inner-pier{transform:translateY(calc(var(--inner-pier-width,273px) * .2125))}
.inner-pier-left{left:calc(33% - var(--inner-pier-width,273px) * .5)}
.inner-pier-right{left:calc(71% - var(--inner-pier-width,273px) * .5)}
.inner-vine-left{left:calc(33% - var(--inner-pier-width,273px) * .35)}
.inner-vine-right{left:calc(71% - var(--inner-pier-width,273px) * .35)}
.outer-piers .pier-vine{bottom:0;width:calc(var(--outer-pier-width,414px) * .6)}
.outer-vine-left{left:calc(var(--pier-left-local,0px) + var(--outer-pier-width,414px) * .18)}
.outer-vine-right{right:calc(var(--pier-right-local,0px) + var(--outer-pier-width,414px) * .18);bottom:calc(var(--outer-pier-width,414px) * .3)!important}
#experience .field-equipment .foreground-flowers{top:var(--flower-top);bottom:auto;left:-12px;width:var(--flower-width);height:var(--flower-height);aspect-ratio:3/2;overflow:visible}
#experience .field-equipment .flowers-right{left:auto;right:-12px;top:var(--flower-top);bottom:auto;width:var(--flower-width);height:var(--flower-height)}
#experience .field-equipment .foreground-flowers img{animation:none;transform:none;filter:saturate(.94) brightness(.99) contrast(1.025) drop-shadow(0 5px 3px #16200d55)}
#experience .footer-credit{bottom:16px}

/* The brand is a fixed, sculpted signature, with no hover treatment. */
#experience .brand,#experience .brand:hover{opacity:1;transform:none;filter:none;background:transparent;box-shadow:none}
#experience .brand-lettering{scale:1.05;transform-origin:left center}
#experience .brand .brand-badge,#experience .brand:hover .brand-badge{filter:brightness(1.08) contrast(1.07) drop-shadow(1px 7px 6px #000b);transition:none}
#experience .brand .wordmark,#experience .brand:hover .wordmark{filter:grayscale(.9) brightness(1.02) contrast(1.06) drop-shadow(0 5px 3px #000d) drop-shadow(0 10px 7px #0009);transition:none}
#experience .brand-lettering>span{text-shadow:0 3px 3px #000,0 6px 9px #000b}

/* Place the school and vehicle above their plaque surface, retaining legible foreground type. */
#experience .service-tile .service-caption{background:transparent;clip-path:none;z-index:auto;box-shadow:none}
#experience .service-tile .service-caption::before{content:"";position:absolute;inset:0;background:#20372b;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,0 100%);border-radius:8px 0 0 8px;box-shadow:inset 1px 0 #e1cf9c47;z-index:2}
#experience .service-tile-vehicle .service-caption::before{background:#1e2b31}
#experience .service-tile-patrol .service-caption::before{background:#303b27}
#experience .service-tile-events .service-caption::before{background:linear-gradient(130deg,#dac58d,#bca062)}
#experience .service-caption-text{position:relative;z-index:8}
#experience .service-tile .service-number,#experience .service-tile .service-action{z-index:8}
#experience .campus-building{z-index:3}
#experience .rail-figure-vehicle{z-index:5;right:0}
#experience .service-tile-campus .service-caption-text,#experience .service-tile-vehicle .service-caption-text{text-shadow:0 1px 3px #0b151780}

/* Two seamless mirrored photographic tracks travel right behind the patrol vehicle. */
.patrol-scenery{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.patrol-scenery-band{position:absolute;inset:0;overflow:hidden}
.patrol-hedges{clip-path:inset(0 0 29% 0)}
.patrol-ground{clip-path:inset(71% 0 0 0)}
.patrol-scenery-track{position:absolute;inset:0 auto 0 0;width:400%;display:flex;animation:patrol-scenery-right 40s linear infinite;will-change:transform}
.patrol-scenery-track i{display:block;width:25%;height:100%;flex:none;background:url('rail-bg-vehicle.webp') center/cover no-repeat}
.patrol-scenery-track i:nth-child(even){transform:scaleX(-1)}
.patrol-ground .patrol-scenery-track{animation-duration:16s}
@keyframes patrol-scenery-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.patrol-motion-stopped .patrol-scenery-track{animation-play-state:paused}
@media(max-width:760px){
 #experience .field-equipment .foreground-flowers{left:-8px}
 #experience .field-equipment .flowers-right{left:auto;right:-8px}
 #experience .home-services{padding-top:32px}
 #experience .reading-panel{margin-top:32px}
 #experience .footer-credit{bottom:auto}
}
@media(prefers-reduced-motion:reduce){
 .patrol-scenery-track{animation:none!important;transform:none}
 #experience .field-equipment .foreground-flowers img{transform:none}
}
@media print{.patrol-scenery{display:none}}

/* Keep masonry padding inside the browser width, and render the independent plaque surface. */
#experience .scene-world .outer-piers{left:calc(-1 * var(--hero-offset,0px));right:auto;width:var(--entrance-viewport,100vw);overflow:hidden}
#experience .outer-piers .gate-pillar-left{left:var(--outer-pier-left,0px)}
#experience .outer-piers .gate-pillar-right{right:var(--outer-pier-right,0px)}
.outer-vine-left{left:calc(var(--outer-pier-left,0px) + var(--outer-pier-width,414px) * .18)}
.outer-vine-right{right:calc(var(--outer-pier-right,0px) + var(--outer-pier-width,414px) * .18)}
#experience .service-tile .service-caption::before{display:block}
#experience .service-tile-vehicle .service-photo img{visibility:hidden}

#experience .campus-building{translate:-6px 0}

#experience .outer-piers .gate-pillar-right-compact{display:none;aspect-ratio:8/9}
#experience .service-tile-vehicle .service-caption-text{background:transparent;padding-right:0;border-radius:0}
#experience .service-tile-vehicle .service-action{background:#1e2b31}
#experience .service-tile-campus .service-caption strong{text-shadow:0 1px 3px #07120bb3}
@media(max-width:760px){
 #experience .outer-piers .gate-pillar-right-full{display:none}
 #experience .outer-piers .gate-pillar-right-compact{display:block}
 .outer-vine-right{bottom:0!important}
}

#experience .service-tile-vehicle .service-caption-text>span{text-shadow:0 1px 2px #071218,0 2px 5px #071218}

/* Two complete photographic wall wings replace all pieced-together masonry and flower overlays. */
#experience .entrance-wall{left:0;right:auto;top:0;bottom:auto;width:var(--entrance-span,100%);height:calc(100% + var(--entrance-depth,70px));overflow:hidden;background:none;mask-image:none;-webkit-mask-image:none;z-index:11}
#experience .entrance-wall::before,#experience .entrance-wall::after{display:none}
.entrance-wing{position:absolute;height:auto;max-width:none;pointer-events:none;filter:saturate(.91) brightness(.9) contrast(1.025)}
#experience .home-presentation,#experience .reading-panel{z-index:20}
#experience .scene-atmosphere{isolation:auto;z-index:auto}
#experience .entrance-floor{left:0;right:auto;top:auto;bottom:auto;height:auto;background:#8f8b7c url('forecourt-apron.webp') center/cover no-repeat;mask-image:linear-gradient(transparent,#000 32px);-webkit-mask-image:linear-gradient(transparent,#000 32px);filter:brightness(.86) saturate(.7);z-index:2}
#experience .people-contact-shadow{display:none}
#experience .scene-shade{background:linear-gradient(0deg,#1c28100d,transparent 58%);box-shadow:none}
#experience .footer-credit{left:12px;bottom:16px;width:var(--column-credit-width,220px);z-index:21}
#experience .footer-engraving{font-size:10px}

/* Distant native SVG birds travel in a V, behind the clouds and the estate trees. */
.scene-flock{position:absolute;left:0;width:clamp(100px,17%,154px);height:auto;z-index:0;pointer-events:none;opacity:.65;animation:flock-crossing 38s linear -12s infinite}
.scene-flock svg{display:block;width:100%;height:auto}
.bird-wing{transform-origin:0 0;animation:bird-wingbeat 1.15s ease-in-out infinite alternate}
@keyframes flock-crossing{0%{transform:translateX(-170px);opacity:0}12%,88%{opacity:.65}100%{transform:translateX(calc(var(--plane-travel,700px) * 1.3));opacity:0}}
@keyframes bird-wingbeat{from{transform:scaleY(.35)}to{transform:scaleY(1.1)}}
.motion-paused .scene-flock,.scene-resting .scene-flock,.motion-paused .bird-wing,.scene-resting .bird-wing{animation-play-state:paused!important}

/* The school is a foreground cutout, enlarged 10% and free to rise above the card. */
#experience .service-tile-campus .campus-building{left:18.48%;width:95.04%;height:132%;bottom:-12%;z-index:3}
#experience .service-tile-campus .campus-building img{filter:saturate(.94) brightness(.98) contrast(1.025) drop-shadow(0 3px 2px #13231138)}
#experience .service-tile-campus .prop-flashlight{--angle:-17deg;bottom:1%;left:max(34%,174px);width:min(40%,calc(100% - 174px));height:43%;z-index:7}
#experience .service-tile-campus .prop-flashlight img{transform:rotate(-17deg);transform-origin:50% 65%}
#experience .service-tile-patrol .prop-cuffs{left:calc(max(43%,168px) + 14px);bottom:-2%;width:27%;height:29%;z-index:9;--angle:-7deg}
#experience .service-tile-patrol .prop-clipboard{z-index:6}
#experience .service-tile-events .prop-radio{left:max(32.5%,152px);width:17.0775%;height:89.815%;min-width:55.66px;bottom:15%;z-index:8}
#experience .service-tile-events .event-credential{left:calc(max(32.5%,152px) + 72px);width:22.77%;height:73.37%;min-width:55.66px;bottom:-1%;z-index:7}
#experience .rail-figure-vehicle{width:74%;right:-14px;bottom:-8px}
#experience .patrol-hedges{filter:blur(.65px)}
#experience .patrol-ground{filter:blur(1.6px)}
#experience .patrol-hedges .patrol-scenery-track{animation-duration:32s}
#experience .patrol-ground .patrol-scenery-track{animation-duration:12s}
@media(max-width:1279px),(max-height:560px){
 #experience .service-tile-events .prop-radio{left:34%;width:18.975%;height:86.02%;bottom:19%}
 #experience .service-tile-events .event-credential{left:calc(34% + 38px);width:25.3%;height:70.84%}
 #experience .rail-figure-events{height:62%;width:48%;right:-1px}
 #experience .service-tile-campus .prop-flashlight{left:max(40%,168px);width:min(42%,calc(100% - 168px))}
}
@media(max-width:760px){
 #experience .service-tile-events .prop-radio{width:18.975%;height:84.755%;bottom:20%}
 #experience .service-tile-events .event-credential{width:24.035%;height:72.105%}
 #experience .service-tile-patrol .prop-cuffs{left:calc(max(43%,168px) + 8px);width:26%;height:26%}
 #experience .footer-credit{position:relative;left:auto;bottom:auto;width:auto;z-index:auto}
 #experience .footer-engraving{font-size:9.5px}
}
@media(prefers-reduced-motion:reduce){
 .scene-flock{animation:none!important;left:55%;opacity:.55;transform:none}
 .bird-wing{animation:none!important;transform:none}
 #experience .patrol-hedges,#experience .patrol-ground{filter:none}
}
@media print{.scene-flock,.entrance-wall{display:none}}

/* Keep the larger school inside the page margin while allowing its roof to rise above the card. */
#experience .service-tile-campus .campus-building{left:8.96%}
@media(max-width:360px){#experience .service-tile-events .service-caption strong{font-size:23px}}

/* Follow the driveway perspective so the continuous paving preserves the gatehouse and planting. */
#experience .entrance-floor{clip-path:polygon(43% 0,78% 0,100% 60%,100% 100%,0 100%,0 53%)}

#experience .service-tile-campus .service-caption-text>span{text-shadow:0 1px 2px #0b2117,0 1px 5px #0b2117}

/* Matched gate: one complete four-pillar entrance system, rendered as two mirrored wings. */
#experience .entrance-wall{left:calc(-1 * var(--hero-offset,0px));width:calc(var(--entrance-span,100%) + var(--hero-offset,0px));overflow:hidden}
#experience .entrance-wing{filter:saturate(.9) brightness(.94) contrast(1.025)}
#experience .entrance-wing-right{transform:scaleX(-1);transform-origin:50% 50%}
#experience .entrance-floor{filter:sepia(.4) saturate(.9) brightness(.93)}
#experience .footer-credit{left:var(--column-credit-left,12px);width:var(--column-credit-width,200px)}

/* Give the badge more presence, and centre the lettering in its own header space. */
#experience .brand-badge{scale:1.544300690625}
#experience .badge-mount{translate:6px 0}
@media(min-width:1101px) and (min-height:561px){
 #experience .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px}
 #experience .brand{display:grid;grid-template-columns:126px minmax(0,1fr);gap:16px;width:auto;max-width:none;min-width:0;height:100%;align-items:center}
 #experience .brand-lettering{width:min(100%,280px);max-width:100%;justify-self:center;transform-origin:center;scale:1.05;gap:5px}
 #experience .wordmark{height:auto;aspect-ratio:1824/519;width:100%}
}
@media(min-width:1101px) and (max-width:1400px) and (min-height:561px){
 #experience .brand{grid-template-columns:112px minmax(0,1fr);gap:12px}
}

/* Neutral, rounded service surfaces replace the green edging and coloured shadows. */
#experience .service-preview,#experience .service-preview:hover,#experience .service-preview:focus-visible{border:0;border-radius:12px;background:transparent;box-shadow:none;translate:0 0}
#experience .service-preview::before,#experience .service-preview:hover::before,#experience .service-preview:focus-visible::before{inset:0 0 -3px;border-radius:12px;background:linear-gradient(#303236,#202225);box-shadow:0 5px 12px -5px #0005,0 12px 18px -12px #0005}
#experience .service-preview::after,#experience .service-preview[data-service=events]::after{inset:0;border-radius:12px;border:1px solid #d7d4ca50;background:none;box-shadow:inset 0 1px #fff5;clip-path:none;z-index:2}
#experience .service-photo,#experience .service-preview:hover .service-photo,#experience .service-preview:focus-visible .service-photo{border-radius:12px;box-shadow:none}
#experience .patrol-scenery{border-radius:12px}
#experience .service-photo::before{display:none}
#experience .service-preview:focus-visible{outline:2px solid #d6bd82;outline-offset:5px}
#experience .service-caption::before{border-radius:12px 0 0 12px}
#experience .service-tile-campus .service-caption::before{background:#293139}
#experience .service-tile-vehicle .service-caption::before{background:#24282e}
#experience .service-tile-patrol .service-caption::before{background:#463b33}
#experience .service-tile-vehicle .service-action{background:#24282e}
#experience .service-number{color:#c8c4b7}
#experience .service-tile-events .service-number{color:#69542d}
#experience .service-tile .service-action{border-radius:4px;border-color:#d0c9b54d}
#experience .service-tile:not(.service-tile-events) .service-action{color:#e3d8b9}
#experience .service-tile-patrol .service-caption-text>span{color:#e1d9cc}
#experience .catalog-card{box-shadow:0 5px 14px -7px #0006;border-radius:10px}
#experience[data-service-theme=campus]{--flavor-ink:#35404a;--flavor-paper:#edf0f0;--flavor-accent:#d1c4a8}
#experience[data-service-theme=vehicle]{--flavor-ink:#343c45;--flavor-paper:#eceff0;--flavor-accent:#c4cbd1}
#experience[data-service-theme=patrol]{--flavor-ink:#58483a;--flavor-paper:#f1ece5;--flavor-accent:#d7c3a3}

/* Match the event figures to Campus, and increase the Foot Patrol figures 5%. */
#experience .rail-figure-events{width:64%;height:130%;right:-6px;--figure-drop:14%}
#experience .rail-figure-events img{translate:0 var(--figure-drop)}
#experience .rail-figure-patrol{width:55.65%;height:123.9%}
@media(max-width:1279px),(max-height:560px){
 #experience .rail-figure-events{width:53%;right:-8px;height:130%;--figure-drop:14%}
}

/* A gentle independent scan and floating motion for the flashlight. */
#experience .service-tile-campus .prop-flashlight{left:max(31%,150px);width:min(43%,calc(100% - 154px));animation:flashlight-bob 7.8s ease-in-out infinite;animation-delay:-2s}
#experience .service-tile-campus .prop-flashlight img{animation:flashlight-angle 10s ease-in-out infinite alternate;transform-origin:50% 65%}
@keyframes flashlight-bob{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes flashlight-angle{from{transform:rotate(-25deg)}to{transform:rotate(-7deg)}}
#experience.props-motion-stopped .prop-flashlight,#experience.props-motion-stopped .prop-flashlight img{animation-play-state:paused}
@media(max-width:1279px),(max-height:560px){
 #experience .service-tile-campus .prop-flashlight{left:max(34%,144px);width:min(44%,calc(100% - 150px))}
}

/* Quiet matte sidewalls conceal stationary tread, with the complete wheel face rotating above them. */
.patrol-tyre-shell{position:absolute;z-index:1;pointer-events:none;opacity:.72;filter:blur(.25px)}
.patrol-tyre-shell-front{left:41.45%;top:55.3%;width:17.5%;height:43.4%}
.patrol-tyre-shell-rear{left:83.3%;top:53.8%;width:13%;height:39.1%}
@media(prefers-reduced-motion:reduce){
 .patrol-tyre-shell{opacity:0}
 #experience .service-tile-campus .prop-flashlight,#experience .service-tile-campus .prop-flashlight img{animation:none!important}
 #experience .service-tile-campus .prop-flashlight img{transform:rotate(-16deg)}
}
@media(max-width:760px){#experience .footer-credit{left:auto;width:auto}}

@media(min-width:1101px) and (min-height:561px){
 #experience .site-header{grid-template-rows:minmax(0,1fr);align-items:center}
 #experience .brand{min-height:0}
}
#experience .service-tile .prop,#experience .service-tile .event-credential,#experience .rail-figure,#experience .service-preview:hover .rail-figure,#experience .service-preview:focus-visible .rail-figure{filter:drop-shadow(0 4px 3px #0005)}
#experience .service-tile-campus .campus-building img{filter:saturate(.94) brightness(.98) contrast(1.025) drop-shadow(0 3px 2px #0003)}
#experience .service-tile-campus .service-caption-text>span,#experience .service-tile-vehicle .service-caption-text>span{text-shadow:0 1px 2px #11151a,0 1px 5px #11151a}

/* Leave a clear wordmark column beside the enlarged shield. */
@media(min-width:1280px) and (min-height:561px){#experience .brand{grid-template-columns:150px minmax(0,1fr)}}
@media(min-width:1280px) and (max-width:1400px) and (min-height:561px){#experience .brand{grid-template-columns:144px minmax(0,1fr);gap:12px}}
@media(min-width:1101px) and (max-width:1279px) and (min-height:561px){
 #experience{--masthead-height:158px}
 #experience .site-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 20px}
 #experience .brand{display:flex;flex:none;width:370px;max-width:100%;height:82px;min-height:0;gap:10px;justify-content:center}
 #experience .badge-mount{width:98px;height:112px;flex:none}
 #experience .brand-lettering{flex:0 1 230px;width:230px;gap:5px}
 #experience .wordmark{width:100%;height:55px;aspect-ratio:auto}
 #experience .header-controls{flex:none;width:370px;max-width:100%;min-width:0;height:62px}
}

/* One coherent estate photograph supplies every visible part of the warm driveway. */
#experience .scene-atmosphere{overflow:visible}
.sky-layers{position:absolute;left:0;right:0;top:0;height:calc(100% + var(--entrance-depth,70px));overflow:hidden;z-index:0;pointer-events:none}
#experience .estate-architecture{object-fit:cover;object-position:50% 50%;filter:none;max-width:none}
#experience .scene-world{transform:none!important}
#experience .distance-atmosphere,#experience .sunlight{display:none}
#experience .site-header{background:linear-gradient(180deg,#08120ff2,#111b17e8);border:0;box-shadow:0 12px 20px -18px #0009}
#experience .site-header::before,#experience .site-header::after{display:none}
#experience .entrance-wall{left:calc(-1 * var(--hero-offset,0px));width:calc(var(--hero-offset,0px) + var(--entrance-span,100%) + var(--gate-overhang,20px));overflow:hidden}
#experience .entrance-wing{filter:saturate(.94) brightness(.94) contrast(1.02);overflow:hidden}
#experience .entrance-wing-right{transform:none}
#experience .footer-engraving{font-size:clamp(8px,.62vw,10px)}

/* The flashlight lens now faces into the page, with a small inward scanning motion. */
#experience .service-tile-campus{--torch-left:max(31%,150px)}
#experience .service-tile-campus .prop-flashlight{left:var(--torch-left)}
#experience .service-tile-campus .prop-flashlight img{animation:flashlight-inward 10s ease-in-out infinite alternate;transform-origin:50% 65%}
@keyframes flashlight-inward{from{transform:rotate(7deg) scaleX(-1)}to{transform:rotate(24deg) scaleX(-1)}}
#experience .service-tile-campus .torch-beam{left:calc(var(--torch-left) - 96px);bottom:5%;width:96px;height:42%;background:linear-gradient(270deg,#ffe5a340,#fff0c225,transparent);clip-path:polygon(100% 42%,0 0,0 100%,100% 58%);transform:rotate(14deg);transform-origin:100% 50%}
@media(max-width:1279px),(max-height:560px){#experience .service-tile-campus{--torch-left:max(34%,144px)}}
@media(prefers-reduced-motion:reduce){#experience .service-tile-campus .prop-flashlight img{animation:none!important;transform:rotate(14deg) scaleX(-1)}}
@media(max-width:760px){#experience .footer-engraving{font-size:9.5px}}
@media print{.gate-preload,.sky-layers{display:none}}

#experience.props-motion-stopped .service-tile-campus .prop-flashlight img{animation-play-state:paused}

/* Scene balance: consistent warm shade across people, SUV and foreground stone. */
#experience .guard-breath{filter:sepia(.065) saturate(.91) brightness(.975) contrast(1.025)}
#experience .homeowner-breath{filter:sepia(.065) saturate(.92) brightness(.96) contrast(1.035)}
#experience .vehicle-layer>img{filter:sepia(.055) saturate(.86) brightness(.94) contrast(1.045)}
#experience .entrance-wing{filter:sepia(.025) saturate(.94) brightness(.95) contrast(1.02)}
#experience .scene-shade{background:linear-gradient(0deg,#4b31190b,transparent 58%)}
#experience .vehicle-ground-shadow{background:radial-gradient(ellipse at 52% 50%,#211b16a6 0%,#211b16a6 26%,#32261d66 46%,transparent 73%)}
#experience .people-contact-shadow{background:radial-gradient(ellipse,#2b201a90,transparent 72%)}

/* Move the felt shield inward without displacing the lettering or controls. */
#experience .badge-mount{translate:clamp(10px,1.15vw,22px) 0}

/* Service colors echo the estate: forest green, charcoal black and warm brown. */
#experience .service-tile-campus .service-caption{background:#2b4033}
#experience .service-tile-campus .service-caption::before{background:linear-gradient(115deg,#324d3c,#273b30)}
#experience .service-tile-campus .service-action{background:#2b4033}
#experience .service-tile-vehicle .service-caption{background:#141719}
#experience .service-tile-vehicle .service-caption::before{background:linear-gradient(115deg,#202426,#101214)}
#experience .service-tile-vehicle .service-action{background:#141719}
#experience .service-tile-patrol .service-caption{background:#574333}
#experience .service-tile-patrol .service-caption::before{background:linear-gradient(115deg,#604b39,#48372c)}
#experience .service-tile-patrol .service-action{background:#574333}
#experience .service-tile:not(.service-tile-events) .service-caption-text strong{color:#f3eddb}
#experience .service-tile:not(.service-tile-events) .service-caption-text>span{color:#e4dece;text-shadow:0 1px 2px #1117}
#experience[data-service-theme=campus]{--flavor-ink:#304c3b;--flavor-paper:#edf0e8;--flavor-accent:#bac8ad}
#experience[data-service-theme=vehicle]{--flavor-ink:#202427;--flavor-paper:#efefeb;--flavor-accent:#c6c8c4}
#experience[data-service-theme=patrol]{--flavor-ink:#604b39;--flavor-paper:#f3ece1;--flavor-accent:#d4b994}

/* Keep the patrol heading clear of the projecting SUV on short desktop cards. */
#experience .service-tile-vehicle .service-caption strong{display:block;max-width:8ch;white-space:normal}

/* Open the masthead to the real tree canopy, with no rectangular backing bar. */
#experience .site-header{background:transparent;box-shadow:none;border:0}
#experience .site-header::before,#experience .site-header::after{display:none}
.estate-plate-window{position:absolute;overflow:hidden;z-index:1;pointer-events:none}
#experience .estate-architecture{transform:none;object-fit:cover;object-position:50% 50%}
.conversation-layer{position:absolute;z-index:2;pointer-events:none}
.conversation-layer img{display:block;width:100%;height:100%;object-fit:contain;filter:sepia(.065) saturate(.92) brightness(.96) contrast(1.025)}
#experience .vehicle-ground-shadow{z-index:2}
#experience .vehicle-beacons{left:30.2%;top:1.2%;width:26.7%;height:4.2%}
#experience .tyre-contact{display:none}

/* One rounded surface and one neutral shadow; remove the inherited offset rim. */
#experience .service-preview,#experience .service-preview:hover,#experience .service-preview:focus-visible{border:0;background:transparent;border-radius:12px;box-shadow:none;filter:none;translate:0 0}
#experience .service-preview::before,#experience .service-preview::after{display:none!important}
#experience .service-photo,#experience .service-preview:hover .service-photo,#experience .service-preview:focus-visible .service-photo{inset:0;border:0;border-radius:12px;outline:0;box-shadow:0 5px 9px -4px #0005;filter:none}
#experience .service-photo::before,#experience .service-photo::after{display:none}
#experience .service-tile .service-caption{background:transparent;box-shadow:none}
#experience .service-tile .service-caption::before{inset:0;border:0;border-radius:12px 0 0 12px;box-shadow:none}
#experience .service-tile-campus .service-caption::before{background:linear-gradient(164deg,#ffffff29 0%,#ffffff09 25%,transparent 26% 62%,#07150d26 100%),linear-gradient(100deg,#385744,#243c2f)}
#experience .service-tile-vehicle .service-caption::before{background:linear-gradient(164deg,#ffffff29 0%,#ffffff06 25%,transparent 26% 62%,#0005 100%),linear-gradient(100deg,#292e32,#090b0d)}
#experience .service-tile-events .service-caption::before{background:linear-gradient(164deg,#fff9df66 0%,#fff7db14 25%,transparent 26% 62%,#5e3c1229 100%),linear-gradient(100deg,#e3ce91,#b19555)}
#experience .service-tile-patrol .service-caption::before{background:linear-gradient(164deg,#fff0dc2b 0%,#fff0dc08 25%,transparent 26% 62%,#24150c33 100%),linear-gradient(100deg,#735a43,#483326)}
#experience .service-tile .service-action{background:#0a0d0b26}
#experience .service-tile-events .service-action{background:#fff6d51a}
#experience .service-preview:focus-visible{outline:2px solid #d2b36b;outline-offset:5px}
#experience .service-preview img{transition:none}
#experience .service-preview:hover .service-photo img,#experience .service-preview:focus-visible .service-photo img{transform:none;filter:saturate(.94) brightness(.98) contrast(1.02)}
#experience .rail-figure>img,#experience .rail-figure .patrol-vehicle-art>img{transform:none;filter:none}
#experience .service-tile-campus .campus-building img{transform:none}

/* Park the patrol scene: no oversized scrolling or filtered terrain layers. */
#experience .patrol-scenery-track{animation:none!important;transform:none!important;width:100%;will-change:auto}
#experience .patrol-scenery-track i{width:100%;transform:none}
#experience .patrol-scenery-track i:nth-child(n+2){display:none}
#experience .patrol-hedges,#experience .patrol-ground{filter:none}
#experience .patrol-vehicle-art,#experience .wheel-spin{animation:none!important;transform:none}
#experience .scene-clouds-far{display:none}
#experience .scene-clouds{filter:none}
#experience .scene-sky{animation:none;transform:none;will-change:auto}

#experience .patrol-wheel,#experience .patrol-tyre-shell{display:none}

#experience .brand-lettering>span{color:#f5ead1;text-shadow:0 1px 2px #000,0 0 5px #000f}

/* Make a little room around the composition for the tree and the projecting right pillar. */
@media screen and (min-width:1101px){
 #experience{width:min(1416px,calc(100vw - 112px))}
}
@media screen and (min-width:1101px) and (max-height:700px){
 #experience{width:min(1416px,calc(100vw - 96px))}
}
#experience .brand-badge{scale:1.5751867044375}
#experience .scene-flock{width:clamp(115px,19.55%,177.1px)}

/* Swap the two material palettes throughout cards, tabs and service notes. */
#experience[data-service-theme=campus],#experience .service-preview[data-service=campus],#experience .catalog-card[data-service=campus],#experience .coverage-settings [data-service=campus],#experience .service-tabs [data-service=campus]{--flavor-rgb:96 75 57;--flavor-ink:#604b39;--flavor-paper:#f3ece1;--flavor-accent:#d4b994}
#experience[data-service-theme=patrol],#experience .service-preview[data-service=patrol],#experience .catalog-card[data-service=patrol],#experience .coverage-settings [data-service=patrol],#experience .service-tabs [data-service=patrol]{--flavor-rgb:48 76 59;--flavor-ink:#304c3b;--flavor-paper:#edf0e8;--flavor-accent:#bac8ad}
#experience .service-tile-campus .service-caption::before{background:linear-gradient(164deg,#fff0dc2b 0%,#fff0dc08 25%,transparent 26% 62%,#24150c33 100%),linear-gradient(100deg,#735a43,#483326)}
#experience .service-tile-patrol .service-caption::before{background:linear-gradient(164deg,#ffffff29 0%,#ffffff09 25%,transparent 26% 62%,#07150d26 100%),linear-gradient(100deg,#385744,#243c2f)}

/* Soft specular gold and a native rounded edge avoid the hard clipped diagonal. */
#experience .service-tile-events .service-caption::before{clip-path:none;border-radius:12px 0 0 12px;background:linear-gradient(164deg,#fff8dc55 0%,#fff8dc12 30%,#fff8dc00 58%,#5e3c121c 100%),linear-gradient(100deg,#dfc987,#b19555);outline:0;box-shadow:none}
#experience .service-tile-events .service-photo{background:#cbb071}

/* Give the left entrance wing a little more outward room. */
@media screen and (min-width:1101px){#experience{width:min(1392px,calc(100vw - 128px))}}
@media screen and (min-width:1101px) and (max-height:700px){#experience{width:min(1392px,calc(100vw - 112px))}}

/* Complete matched tree crowns and trunks: no hard alpha cleanup or trunk clipping. */
.scene-oak{position:absolute;z-index:2;pointer-events:none;overflow:hidden;max-width:none;filter:none;clip-path:none;mask-image:none}
@media(max-width:1100px){.scene-oak{display:none}}
@media print{.scene-oak,.oaks-preload{display:none}}
#experience .guard-breath{filter:saturate(.98) brightness(.99) contrast(1.015)}
#experience .vehicle-layer>img{filter:none}
#experience .vehicle-beacons{left:31.6%;top:1.2%;width:29%;height:4.2%}

/* Entire cards remain links; their wording no longer needs a repeated miniature CTA. */
#experience .service-tile .service-caption{padding-top:25px;padding-bottom:25px}

/* Balanced estate scene, 7 November 2026. Keep complete foreground cutouts separate from the sky fade. */
#experience .estate-plate-window{
 overflow:hidden;
 mask-image:linear-gradient(90deg,transparent 0,#0004 18px,#000 64px,#000 calc(100% - 64px),#0004 calc(100% - 18px),transparent 100%),linear-gradient(180deg,transparent var(--panorama-top-clear,0px),#0001 calc(var(--panorama-top-clear,0px) + 22px),#0007 calc(var(--panorama-top-clear,0px) + 52px),#000e calc(var(--panorama-top-clear,0px) + 82px),#000 calc(var(--panorama-top-clear,0px) + 104px));
 mask-composite:intersect;
}
#experience .sky-layers{
 mask-image:linear-gradient(90deg,transparent 0,#0003 24px,#000b 60px,#000 110px,#000 calc(100% - 110px),#000b calc(100% - 60px),#0003 calc(100% - 24px),transparent 100%),linear-gradient(180deg,transparent var(--sky-top-clear,0px),#0001 calc(var(--sky-top-clear,0px) + 22px),#0007 calc(var(--sky-top-clear,0px) + 58px),#000e calc(var(--sky-top-clear,0px) + 94px),#000 calc(var(--sky-top-clear,0px) + 118px),#000 80%,transparent 100%);
 mask-composite:intersect;
}
#experience .estate-architecture{object-fit:cover;object-position:50% 50%}
#experience .scene-flock{left:var(--sky-origin-shift,0px)}
#experience .lantern-halo{display:none}
.gatehouse-layer{position:absolute;z-index:2;pointer-events:none}
.gatehouse-layer img{display:block;width:100%;height:100%;object-fit:contain}
#experience .scene-patrol-link{display:block;position:absolute;z-index:2;border:0;background:none;padding:0;overflow:visible;border-radius:12px;pointer-events:auto;filter:drop-shadow(0 4px 3px #211a1536)}
#experience .scene-patrol-link .patrol-vehicle-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:1772/888;transform:none;animation:none!important}
#experience .patrol-vehicle-art>img{position:relative;z-index:1}
.patrol-contact-shadow{position:absolute;left:3%;right:3%;bottom:-2%;height:9%;border-radius:50%;background:radial-gradient(ellipse,#36281c70,#36281c35 40%,transparent 72%);pointer-events:none}
#experience .scene-patrol-link:focus-visible{outline:2px solid #dfc477;outline-offset:7px}
#experience:not([data-view=home]) .scene-patrol-link,#experience:not([data-view=home]) .patrol-scene-frame{display:none}
#experience .service-tile-vehicle .patrol-open-frame{display:none}

/* A flipped service card: shared scene on the left, attached graphite copy on the right. */
#experience .brand-badge{translate:-8px 0}
#experience .service-tile-vehicle .service-photo{display:none}
#experience .service-tile-vehicle>.service-preview{border-radius:14px;background:none;isolation:auto}
#experience .service-tile-vehicle .patrol-open-frame{display:none}
#experience .patrol-scene-frame,#experience .patrol-open-frame{
 display:block;position:absolute;inset:0;z-index:2;pointer-events:none;border:1px solid #afb6a8;border-radius:14px;
 background:linear-gradient(112deg,#fff2 0%,#e7e7cc03 42%,#15211a0d 75%);box-shadow:inset 0 1px 0 #fff8,0 2px 5px #121b161a;
 mask-image:none;
}
#experience .patrol-scene-frame::before,#experience .patrol-scene-frame::after,#experience .patrol-open-frame::before,#experience .patrol-open-frame::after{
 content:"";position:absolute;width:36px;height:15px;border-color:#d9c89d;border-style:solid;pointer-events:none;opacity:.9;
}
#experience .patrol-scene-frame::before,#experience .patrol-open-frame::before{left:-1px;top:-1px;border-width:2px 0 0 2px;border-radius:14px 0 0}
#experience .patrol-scene-frame::after,#experience .patrol-open-frame::after{right:-1px;bottom:-1px;border-width:0 2px 2px 0;border-radius:0 0 14px}
#experience .patrol-scene-frame>span{position:absolute;inset:5px;border:1px solid #e6dec23b;border-radius:9px}
#experience .patrol-scene-frame>i{position:absolute;top:10px;left:47%;height:2px;width:24px;background:#e0cf9c;box-shadow:0 1px 1px #17211f55}
#experience .service-tile.service-tile-vehicle .service-caption{
 left:58%;right:0;top:0;bottom:0;width:auto;height:auto;padding:28px 24px 20px;display:flex;align-items:center;
 border-radius:0 13px 13px 0;background:linear-gradient(155deg,#35403df5,#17201ef5);box-shadow:inset 1px 0 0 #ecdfb84d,inset 0 1px 0 #faf3d52b;clip-path:none;z-index:4;transition:none;
}
#experience .service-tile.service-tile-vehicle .service-caption::before{display:none}
#experience .service-tile-vehicle .service-number{position:absolute;left:24px;right:16px;top:15px;color:#d8c9a4;border:0;text-shadow:none;font-size:6px;letter-spacing:.07em}
#experience .service-tile.service-tile-vehicle .service-caption-text{display:flex;flex-direction:column;gap:12px;padding:0;background:none;text-shadow:none}
#experience .service-tile.service-tile-vehicle .service-caption-text strong{font-size:clamp(24px,1.7vw,30px);line-height:1.04;max-width:8ch;color:#fff7e4;text-shadow:none;letter-spacing:.035em}
#experience .service-tile.service-tile-vehicle .service-caption-text>span{display:block;font-size:13px;line-height:1.4;color:#e0dfd3;text-shadow:none}
#experience .service-tile-vehicle .rail-figure-vehicle{display:none}
@media(min-width:761px) and (max-width:1100px){
 #experience .service-tile.service-tile-vehicle .service-caption{left:56%;padding-inline:14px}
 #experience .service-tile-vehicle .service-number{left:14px;font-size:5px}
 #experience .service-tile.service-tile-vehicle .service-caption-text strong{font-size:22px}
 #experience .service-tile.service-tile-vehicle .service-caption-text>span{font-size:11px}
}
@media(min-width:761px) and (max-height:700px){
 #experience .service-tile.service-tile-vehicle .service-caption{padding:28px 18px 16px}
 #experience .service-tile-vehicle .service-number{left:18px}
 #experience .service-tile.service-tile-vehicle .service-caption-text strong{font-size:22px}
 #experience .service-tile.service-tile-vehicle .service-caption-text>span{display:none}
}
@media(max-width:1100px){.gatehouse-layer{display:none}}
@media(max-width:760px){
 #experience .scene-patrol-link,#experience .patrol-scene-frame{display:none}
 #experience .home-services{grid-template-rows:repeat(4,190px)}
 #experience .service-tile-vehicle{height:190px}
 #experience .service-tile-vehicle>.service-preview{height:100%}
 #experience .service-tile-vehicle .patrol-open-frame{display:block;z-index:0;background:linear-gradient(160deg,#fff4,#d5d9c51a)}
 #experience .service-tile.service-tile-vehicle .service-caption{left:56%;right:0;top:0;bottom:0;width:auto;height:auto;padding:29px 12px 16px;z-index:6}
 #experience .service-tile.service-tile-vehicle .service-caption-text{gap:10px}
 #experience .service-tile.service-tile-vehicle .service-caption-text strong{font-size:22px;max-width:8ch}
 #experience .service-tile.service-tile-vehicle .service-caption-text>span{font-size:11.5px}
 #experience .service-tile-vehicle .service-number{left:12px;right:10px;top:14px;font-size:5px;letter-spacing:.03em}
 #experience .service-tile-vehicle .rail-figure-vehicle{display:block;left:-18px;right:auto;bottom:-7px;width:68%;height:auto;aspect-ratio:1772/888;pointer-events:none;filter:drop-shadow(0 4px 3px #211a1536);transform:none;transition:none}
 #experience .service-preview:hover .rail-figure-vehicle,#experience .service-preview:focus-visible .rail-figure-vehicle{transform:none;filter:drop-shadow(0 4px 3px #211a1536)}
 #experience .estate-plate-window{mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent),linear-gradient(180deg,transparent var(--panorama-top-clear,0px),#0004 calc(var(--panorama-top-clear,0px) + 26px),#000c calc(var(--panorama-top-clear,0px) + 54px),#000 calc(var(--panorama-top-clear,0px) + 78px));mask-composite:intersect}
}
@media(prefers-reduced-motion:reduce){#experience .scene-flock{left:var(--flock-rest-x,55%)}}
@media print{.gatehouse-layer,.scene-patrol-link,.patrol-scene-frame{display:none}}
/* Solid Patrol refinement. White page credits and a single, properly spaced header action. */
html{background:#fff}
body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:#fff;padding:16px 0;min-height:100dvh}
#experience{box-shadow:none;border:0}
#experience .site-header{gap:26px;padding-inline:22px}
#experience .brand{flex:1 1 auto;width:auto;gap:24px}
#experience .badge-mount{translate:0 0}
#experience .brand-lettering{flex:0 1 270px;width:270px;max-width:270px;scale:.9975}
#experience .header-controls{width:300px;flex:0 0 300px;min-width:0;max-width:38%;height:64px}
#experience .header-navigation{display:flex;grid-template-columns:none;gap:0;height:64px;width:100%}
#experience .assessment-action{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;justify-content:start;gap:13px;padding:8px 16px;width:100%;height:64px;min-height:62px}
#experience .assessment-action>span:last-child{display:grid;gap:2px;min-width:0;text-align:left}
#experience .assessment-action small{font-size:8px;line-height:1.2;letter-spacing:.055em}
#experience .assessment-action strong{font-size:18px;line-height:1.2;letter-spacing:.045em}
#experience .assessment-action em{font-size:9px;line-height:1.25}
#experience .assessment-seal{width:36px;height:43px;margin:0}
#experience .site-footer{background:none;box-shadow:none;pointer-events:none}
#experience .entrance-wall,#experience .entrance-wing{box-shadow:none}
#experience .scene-atmosphere{background:transparent;box-shadow:none}
.page-credit{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 16px;margin:15px auto 0;padding:0 12px;color:#656a65;font:400 11px/1.5 var(--body);text-align:center;max-width:100%}
.page-credit .copyright{display:block;margin:0;white-space:nowrap}
.page-credit a{display:inline-flex;align-items:center;gap:5px;font:400 10px/1.5 var(--body);color:#71766e;text-decoration:none;white-space:nowrap}
.page-credit .credit-heart{width:12px;height:12px;color:#ba2732;fill:currentColor}
.page-credit a:focus-visible{outline:2px solid #847447;outline-offset:4px}

/* The background card is below the native vehicle and oak; all card surfaces are fully opaque. */
#experience .patrol-scene-frame,#experience .patrol-open-frame{background:linear-gradient(145deg,#343c38,#202b28 58%,#18231f);border:1px solid #a5ae9b;box-shadow:inset 0 1px 0 #e7e2c947,0 4px 10px #111b1229;mask-image:none}
#experience .patrol-scene-frame::before,#experience .patrol-scene-frame::after,#experience .patrol-open-frame::before,#experience .patrol-open-frame::after{display:none}
#experience .service-tile.service-tile-vehicle .service-caption{background:linear-gradient(155deg,#35403d,#17201e);box-shadow:inset 1px 0 0 #dddac233,inset 0 1px 0 #f3edcf2b}
.scene-cypresses{position:absolute;z-index:0;pointer-events:none;overflow:visible}
.cypress-sway{display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 99%;animation:cypress-breeze 15s ease-in-out infinite alternate}
@keyframes cypress-breeze{from{transform:rotate(-.4deg) skewX(-.2deg)}to{transform:rotate(.45deg) skewX(.22deg)}}
#experience.scene-resting .cypress-sway,#experience.motion-paused .cypress-sway{animation-play-state:paused}
#experience .service-tile-campus{--torch-left:calc(max(31%,150px) - 12px)}
#experience .service-tile-events .prop-radio{left:calc(max(32.5%,152px) - 10px)}
#experience .service-tile-events .event-credential{left:calc(max(32.5%,152px) + 62px)}
#experience .service-tile-patrol .prop-clipboard{left:calc(max(43%,168px) - 10px)}
#experience .service-tile-patrol .prop-cuffs{left:calc(max(43%,168px) + 4px)}
@media(max-height:900px){body{padding-block:4px}}
@media(max-width:1279px),(max-height:560px){
 #experience .brand-lettering{flex:0 1 245px;width:245px;max-width:245px}
 #experience .header-controls{width:330px;flex:none;max-width:100%}
 #experience .service-tile-campus{--torch-left:calc(max(34%,144px) - 10px)}
 #experience .service-tile-events .prop-radio{left:calc(34% - 10px)}
 #experience .service-tile-events .event-credential{left:calc(34% + 28px)}
}
@media(max-width:1100px){
 #experience .site-header{gap:4px;padding-inline:14px}
 #experience .brand{flex:none;width:370px;max-width:100%;gap:20px;justify-content:center}
 #experience .brand-lettering{width:245px;max-width:245px;flex:0 1 245px}
 #experience .header-controls{width:340px;max-width:100%;height:64px}
}
@media(max-width:760px){
 body{padding:10px 0 16px}
 #experience .site-header{padding-inline:14px;gap:4px}
 #experience .brand{width:100%;justify-content:center;gap:18px}
 #experience .brand-lettering{width:230px;max-width:230px;flex:0 1 230px}
 #experience .header-controls{width:340px;max-width:100%;height:64px}
 #experience .assessment-action{padding:8px 18px;gap:14px}
 #experience .site-footer{display:none!important;height:0!important;min-height:0!important;padding:0!important}
 #experience .service-tile-vehicle .patrol-open-frame{background:linear-gradient(145deg,#343c38,#202b28 58%,#18231f)}
 #experience .service-tile-vehicle .rail-figure-vehicle{width:74.8%}
 #experience .service-tile-events .prop-radio{left:calc(34% - 6px)}
 #experience .service-tile-events .event-credential{left:calc(34% + 32px)}
 #experience .service-tile-patrol .prop-clipboard{left:calc(max(43%,168px) - 6px)}
 #experience .service-tile-patrol .prop-cuffs{left:calc(max(43%,168px) + 2px)}
 .page-credit{margin-top:17px;font-size:10px;gap:5px 12px}
}
@media(max-width:360px){
 #experience .brand{gap:14px}
 #experience .brand-lettering{width:210px;max-width:210px;flex-basis:210px}
 #experience .assessment-action strong{font-size:17px}
 .page-credit{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.cypress-sway{animation:none!important;transform:none}}
@media print{.scene-cypresses{display:none}.page-credit{display:none}}

/* Resolve inherited grid sizing and keep the complete badge inside compact headers. */
#experience .header-controls{max-width:100%}
@media(min-width:1280px) and (min-height:561px){
 #experience .site-header{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px}
 #experience .header-controls{width:300px}
}
@media(min-width:1280px) and (max-width:1500px) and (min-height:561px){
 #experience .site-header{grid-template-columns:minmax(0,1fr) 280px;gap:22px}
 #experience .header-controls{width:280px}
}
@media(max-width:1279px),(max-height:560px){
 #experience .site-header{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:82px 64px;gap:4px;padding:4px 14px;align-items:center;justify-items:center}
 #experience .brand{display:flex;flex:none;width:370px;max-width:100%;height:82px;gap:30px;align-items:center;justify-content:center}
 #experience .badge-mount{width:90px;height:82px}
 #experience .brand-badge{scale:1.4;translate:-8px 12px}
}
@media(max-width:760px){
 #experience .brand{width:100%;gap:24px}
 #experience .badge-mount{width:72px;height:82px}
}
@media(max-width:360px){
 #experience .brand{gap:18px}
 #experience .badge-mount{width:66px}
}

/* Keep the established breathing room after moving the credits outside the main composition. */
@media(min-width:761px) and (max-width:1100px){#experience{width:calc(100vw - 52px);max-width:940px}}
@media(max-width:760px){#experience{width:calc(100vw - 20px)}}
@media(min-width:1280px) and (max-height:900px){#experience .brand-badge{translate:-8px 16px}}
@media(min-width:1280px) and (max-height:700px){#experience .brand-badge{scale:1.4;translate:-8px 18px}}
/* Quiet checkpoint refinement: soft canopy edge, complete SUV and a continuous service surface. */
#experience .estate-plate-window{mask-image:linear-gradient(90deg,transparent 0,#0004 18px,#000 64px,#000 calc(100% - 64px),#0004 calc(100% - 18px),transparent 100%),linear-gradient(180deg,transparent var(--panorama-top-clear,0px),#0001 calc(var(--panorama-top-clear,0px) + 32px),#0006 calc(var(--panorama-top-clear,0px) + 78px),#000d calc(var(--panorama-top-clear,0px) + 118px),#000 calc(var(--panorama-top-clear,0px) + 146px));mask-composite:intersect}
#experience .sky-layers{mask-image:linear-gradient(90deg,transparent 0,#0003 24px,#000b 60px,#000 110px,#000 calc(100% - 110px),#000b calc(100% - 60px),#0003 calc(100% - 24px),transparent 100%),linear-gradient(180deg,transparent var(--sky-top-clear,0px),#0001 calc(var(--sky-top-clear,0px) + 34px),#0006 calc(var(--sky-top-clear,0px) + 86px),#000d calc(var(--sky-top-clear,0px) + 128px),#000 calc(var(--sky-top-clear,0px) + 156px),#000 80%,transparent 100%);mask-composite:intersect}
#experience .patrol-scene-frame,#experience .patrol-open-frame{background:linear-gradient(90deg,rgba(24,28,33,.015) 0%,rgba(24,28,33,.07) 18%,rgba(24,28,33,.2) 34%,rgba(24,28,33,.45) 48%,rgba(24,28,33,.76) 58%,#181c21 66%,#181c21 100%);border-color:#aeb8c04d;box-shadow:none;mask-image:linear-gradient(90deg,transparent 0%,#000 36%)}
#experience .service-tile.service-tile-vehicle .service-caption{background:#181c21;box-shadow:none}
#experience .scene-patrol-link{overflow:visible;clip-path:none;mask-image:none}
#experience .scene-patrol-link .patrol-vehicle-art,#experience .scene-patrol-link img{overflow:visible;clip-path:none;mask-image:none}
@media(max-width:760px){
 #experience{--patrol-mobile-row:clamp(236px,70vw,280px)}
 #experience .home-services{grid-template-rows:190px 190px var(--patrol-mobile-row) 190px}
 #experience .service-tile-vehicle{height:var(--patrol-mobile-row)}
 #experience .service-tile-vehicle .patrol-open-frame{background:linear-gradient(145deg,#323d35,#202d26 58%,#17241e)}
 #experience .service-tile.service-tile-vehicle .service-caption{left:0;right:0;top:0;bottom:auto;width:auto;height:96px;padding:27px 18px 12px;align-items:flex-start;border-radius:13px 13px 0 0;background:transparent;box-shadow:none}
 #experience .service-tile.service-tile-vehicle .service-caption-text{gap:6px}
 #experience .service-tile.service-tile-vehicle .service-caption-text strong{font-size:26px;max-width:none}
 #experience .service-tile.service-tile-vehicle .service-caption-text>span{font-size:12px;line-height:1.35}
 #experience .service-tile-vehicle .service-number{left:18px;right:18px;top:12px;font-size:6px}
 #experience .service-tile-vehicle .rail-figure-vehicle{left:-8px;right:auto;bottom:-6px;width:100%;height:auto;aspect-ratio:1772/888;overflow:visible}
 #experience .estate-plate-window{mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent),linear-gradient(180deg,transparent var(--panorama-top-clear,0px),#0003 calc(var(--panorama-top-clear,0px) + 38px),#000b calc(var(--panorama-top-clear,0px) + 76px),#000 calc(var(--panorama-top-clear,0px) + 110px));mask-composite:intersect}
}

/* Scene order: trees and booth, opaque patrol card, black SUV, white SUV, foreground officer. */
#experience .patrol-scene-frame{z-index:3}
#experience .scene-patrol-link{z-index:4}
#experience .vehicle-layer{z-index:5}
/* Charcoal patrol material: left side dissolves into the estate; the right stays solid and readable. */
#experience[data-service-theme=vehicle],#experience .service-preview[data-service=vehicle],#experience .catalog-card[data-service=vehicle],#experience .coverage-settings [data-service=vehicle],#experience .service-tabs [data-service=vehicle]{--flavor-rgb:37 43 50;--flavor-ink:#353d45;--flavor-paper:#f1f3f4;--flavor-accent:#bcc5ca}
#experience .service-tile-vehicle .service-number{color:#b9c2c9}
#experience .service-tile.service-tile-vehicle .service-caption-text strong{color:#f7f7f2}
#experience .service-tile.service-tile-vehicle .service-caption-text>span{color:#e4e5e2}
@media(max-width:760px){
 #experience .service-tile-vehicle .patrol-open-frame{
  background:linear-gradient(180deg,#181c21 0,#181c21 96px,rgba(24,28,33,0) 104px),linear-gradient(90deg,rgba(24,28,33,.015) 0%,rgba(24,28,33,.07) 18%,rgba(24,28,33,.2) 34%,rgba(24,28,33,.45) 48%,rgba(24,28,33,.76) 58%,#181c21 66%,#181c21 100%);
  border-color:#aeb8c04d;box-shadow:none;mask-image:none;
 }
}

#experience .service-tile.service-tile-vehicle .service-caption{background:#181c21}
/* Hero balance: larger props keep their existing anchors, with the radio at its current height. */
.left-entry-flowers{position:absolute;z-index:4;pointer-events:none;overflow:visible}
.left-entry-flowers img{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.88) brightness(.86) contrast(1.02)}
#experience .service-tile-campus .prop-flashlight,#experience .service-tile-events .prop-radio,#experience .service-tile-patrol .prop-clipboard,#experience .service-tile-patrol .prop-cuffs{scale:1.05;transform-origin:50% 100%}
#experience .service-tile-patrol .prop-clipboard{left:calc(max(43%,168px) - 22px)}
@media(max-width:760px){
 #experience{--patrol-mobile-row:clamp(242px,calc(70vw + 6px),286px)}
 #experience .service-tile-vehicle .rail-figure-vehicle{left:calc(-8px - 2.5%);width:105%}
 #experience .service-tile-patrol .prop-clipboard{left:calc(max(43%,168px) - 16px)}
}
@media print{.left-entry-flowers{display:none}}
/* Clear backdrop edges: alpha only, no pale veil. The lower edge stays fully opaque. */
.scene-background{position:absolute;z-index:0;pointer-events:none;overflow:hidden;background:transparent;filter:none;box-shadow:none;
 mask-image:linear-gradient(180deg,transparent var(--background-top-clear,0px),#000 calc(var(--background-top-clear,0px) + 60px)),linear-gradient(90deg,transparent 0,#000 36px,#000 calc(100% - 36px),transparent 100%),linear-gradient(180deg,transparent calc(100% - 70px),#000 calc(100% - 12px),#000 100%);
 mask-composite:intersect,add,add;
}
#experience .sky-layers,#experience .estate-plate-window{mask-image:none;box-shadow:none;background:transparent}
#experience .scene-oak{mask-image:none;filter:none}
#experience .estate-architecture{filter:none}
#experience .scene-world,#experience .scene-atmosphere{box-shadow:none;background:transparent}
#experience .stage-vignette,#experience .distance-atmosphere,#experience .sunlight,#experience .lantern-halo{display:none}

/* Vehicle presence: preserve complete cutouts and give the patrol caption its own clear space. */
@media(min-width:761px){
 #experience .home-services{grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,.9fr)}
 #experience .service-tile-vehicle>.service-preview{width:calc(100% + var(--patrol-tile-extra,0px))}
 #experience .service-tile.service-tile-vehicle .service-caption{left:var(--patrol-caption-left,58%);right:0;padding:28px 16px 18px;container-type:inline-size}
 #experience .service-tile.service-tile-vehicle .service-caption-text strong{font-size:clamp(20px,16cqw,30px)}
 #experience .service-tile.service-tile-vehicle .service-caption-text>span{font-size:clamp(11px,8cqw,13px);line-height:1.45}
 #experience .service-tile-vehicle .service-number{left:16px;right:12px}
 #experience .service-tile-patrol .rail-figure-patrol{height:calc(var(--service-base-row,180px) * 1.239)}
 #experience .service-tile-patrol .prop-clipboard{height:calc(var(--service-base-row,180px) * .819)}
 #experience .service-tile-patrol .prop-cuffs{height:calc(var(--service-base-row,180px) * .29)}
}
@media(min-width:761px) and (max-width:1100px){
 #experience .service-tile.service-tile-vehicle .service-caption{padding-inline:10px}
 #experience .service-tile-vehicle .service-number{left:10px;right:8px}
 #experience .service-tile-patrol .prop-clipboard{height:calc(var(--service-base-row,180px) * .7665)}
 #experience .service-tile-patrol .prop-cuffs{height:calc(var(--service-base-row,180px) * .26)}
}
@media(min-width:761px) and (max-height:750px){
 #experience .service-tile-patrol .service-caption{padding-block:18px}
}
@media(max-width:760px){
 #experience{--patrol-mobile-row:clamp(250px,calc(70vw + 18px),298px)}
 #experience .service-tile-vehicle .rail-figure-vehicle{width:min(120.75%,calc(100vw - 24px));left:calc((100% - min(120.75%,calc(100vw - 24px))) / 2);bottom:-14px}
}

/* A slow metallic glint crosses the assessment action; labels and hit target stay stationary. */
#experience .assessment-action{overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#e9d491 0%,#c7a357 36%,#d8ba70 57%,#b89043 100%);box-shadow:inset 0 1px 0 #fff4ccba,inset 0 -1px 0 #6e4e235e,0 5px 13px #3b2d1b38,0 0 12px #cda64624}
#experience .assessment-action>*{position:relative;z-index:1}
#experience .assessment-action::before{content:"";position:absolute;pointer-events:none;z-index:0;left:-65%;top:-80%;bottom:-80%;width:45%;background:linear-gradient(90deg,transparent 8%,#fff2be40 35%,#fff9debd 50%,#fff0b84d 65%,transparent 92%);transform:translateX(0) skewX(-18deg);opacity:0;animation:assessment-glint 8.5s ease-in-out infinite}
@keyframes assessment-glint{0%{transform:translateX(0) skewX(-18deg);opacity:0}6%{opacity:.62}23%{transform:translateX(620%) skewX(-18deg);opacity:.55}24%,100%{transform:translateX(620%) skewX(-18deg);opacity:0}}
.scene-resting .assessment-action::before{animation-play-state:paused}
.page-credit a{color:rgba(91,98,91,.48);opacity:1}
.page-credit .credit-heart{color:#ba2732;opacity:1}
@media(prefers-reduced-motion:reduce){
 #experience .assessment-action::before{animation:none;transform:translateX(300%) skewX(-18deg);opacity:.22}
}

@media(min-width:761px) and (max-height:700px){
 #experience .service-tile.service-tile-vehicle .service-caption{padding-block:24px 14px}
 #experience .service-tile.service-tile-vehicle .service-caption-text{gap:10px}
 #experience .service-tile.service-tile-vehicle .service-caption-text>span{display:block;font-size:11px;line-height:1.35}
}

/* Give each scene a clear silhouette: calm cards above, complete SUVs below. */
@media(min-width:761px){
 #experience .home-services{grid-template-rows:minmax(0,.94fr) minmax(0,.94fr) minmax(0,1.22fr) minmax(0,.9fr)}
 #experience .service-tile.service-tile-vehicle .service-caption{padding-inline:18px}
 #experience .service-tile-vehicle .service-number{left:18px}
 #experience .service-tile.service-tile-vehicle .service-caption-text{gap:14px}
 #experience .service-tile.service-tile-vehicle .service-caption-text strong{line-height:1.1}
 #experience .service-tile.service-tile-vehicle .service-caption-text>span{max-width:19ch}
}
@media(min-width:761px) and (max-width:1100px){
 #experience .service-tile.service-tile-vehicle .service-caption{padding-inline:12px}
 #experience .service-tile-vehicle .service-number{left:12px}
 #experience .service-tile-events .prop-radio{left:40%;width:17%;min-width:44px}
 #experience .service-tile-events .event-credential{left:calc(40% + 30px);width:23%;min-width:44px}
 #experience .service-tile-events .service-caption{padding-inline:14px}
 #experience .service-tile-events .service-caption-text strong{font-size:clamp(21px,2.2vw,25px)}
}
@media(min-width:761px) and (max-height:700px){
 #experience .service-tile.service-tile-vehicle .service-caption-text{gap:10px}
}
@media(max-width:760px){
 #experience .service-tile-events .prop-radio{left:40%;width:17%;min-width:44px}
 #experience .service-tile-events .event-credential{left:calc(40% + 30px);width:23%;min-width:44px}
 #experience .service-tile-events .service-caption{padding-inline:16px}
}

/* Header: badge, assessment, then wordmark; both brand marks lead home. */
#experience .site-header{display:grid;grid-template-columns:130px minmax(210px,.95fr) minmax(240px,1.05fr);grid-template-rows:1fr;gap:18px;padding-inline:22px;align-items:center;justify-items:stretch}
#experience .site-header>.brand{display:flex;width:130px;max-width:none;height:110px;gap:0;justify-content:center}
#experience .site-header .badge-mount{width:110px;height:110px;flex:none}
#experience .site-header .brand-badge{scale:1.4;translate:0 10px}
#experience .site-header .header-controls{width:100%;max-width:none;height:64px}
#experience .site-header .header-navigation{height:100%}
#experience .site-header .wordmark-home{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:none;min-width:0;height:100%;gap:5px;text-decoration:none;flex:none;color:#e7e1cd}
#experience .wordmark-home .wordmark{width:100%;max-width:none;filter:grayscale(.9) brightness(1.02) contrast(1.06) drop-shadow(0 5px 3px #000d) drop-shadow(0 10px 7px #0009);transition:none;transform:none}
#experience .wordmark-home>span{font-size:clamp(7px,.57vw,10px);letter-spacing:.15em;white-space:nowrap;color:#e8dfc4;text-shadow:0 1px 3px #000,0 2px 5px #000;font-weight:600}
#experience .wordmark-home:focus-visible{outline:2px solid #e8c76f;outline-offset:5px;border-radius:5px}
#experience .home-services{grid-template-rows:minmax(0,.92fr) minmax(0,.92fr) minmax(0,1.30fr) minmax(0,.86fr)}
/* A narrow alpha join sits behind the unmasked tree silhouette; the brick covers the lower join. */
.scene-background{mask-image:linear-gradient(180deg,transparent var(--background-top-clear,0px),#000 calc(var(--background-top-clear,0px) + 60px)),linear-gradient(90deg,transparent 0,#000 36px,#000 calc(100% - 8px),transparent 100%),linear-gradient(180deg,transparent calc(100% - 70px),#000 calc(100% - 12px),#000 100%);mask-composite:intersect,add,add}
@media(min-width:1280px) and (max-width:1500px){
 #experience .site-header{grid-template-columns:114px minmax(200px,.95fr) minmax(220px,1.05fr);gap:12px;padding-inline:18px}
 #experience .site-header>.brand{width:114px}
 #experience .site-header .badge-mount{width:100px;height:100px}
 #experience .assessment-action{padding-inline:12px;gap:10px}
 #experience .assessment-action strong{font-size:18px}
}
@media(max-width:1279px),(max-height:560px){
 #experience .site-header{grid-template-columns:90px minmax(0,1fr);grid-template-rows:70px 70px;grid-template-areas:"badge assessment" "badge wordmark";gap:4px 12px;padding:6px 14px;align-items:center}
 #experience .site-header>.brand{grid-area:badge;width:90px;height:140px;align-self:center}
 #experience .site-header .badge-mount{width:80px;height:90px}
 #experience .site-header .brand-badge{scale:1.4;translate:0 0}
 #experience .site-header .header-controls{grid-area:assessment;width:100%;height:64px;max-width:330px;justify-self:center}
 #experience .site-header .wordmark-home{grid-area:wordmark;width:100%;max-width:295px;justify-self:center;height:70px}
 #experience .wordmark-home .wordmark{max-height:54px;object-fit:contain}
 #experience .wordmark-home>span{font-size:8px}
}
@media(max-width:760px){
 #experience .site-header{grid-template-columns:76px minmax(0,1fr);gap:4px 10px;padding-inline:12px}
 #experience .site-header>.brand{width:76px}
 #experience .site-header .badge-mount{width:70px;height:82px}
 #experience .site-header .header-controls{max-width:none}
 #experience .site-header .wordmark-home{max-width:250px}
 #experience .assessment-action{padding:7px 10px;gap:8px}
 #experience .assessment-action .assessment-seal{width:27px;height:38px;flex:none}
 #experience .assessment-action strong{font-size:18px;letter-spacing:.045em}
 #experience .assessment-action small{font-size:7px}
 #experience .assessment-action em{font-size:8px}
 #experience .home-services{grid-template-rows:190px 190px var(--patrol-mobile-row) 190px}
}
@media(max-width:360px){
 #experience .site-header{grid-template-columns:62px minmax(0,1fr);gap:4px 8px}
 #experience .site-header>.brand{width:62px}
 #experience .site-header .badge-mount{width:61px;height:76px}
 #experience .assessment-action{padding-inline:7px;gap:6px}
 #experience .assessment-action strong{font-size:16px}
 #experience .assessment-action em{font-size:7px}
 #experience .wordmark-home>span{font-size:6px;letter-spacing:.12em}
}

#experience .entrance-wall{width:calc(var(--hero-offset,0px) + var(--entrance-span,100%) + var(--gate-overhang,20px) + var(--right-brick-extra,0px))}
.scene-background{mask-image:linear-gradient(180deg,transparent var(--background-top-clear,0px),#000 calc(var(--background-top-clear,0px) + 60px)),linear-gradient(90deg,transparent 0,#000 36px,#000 calc(100% - var(--background-right-inset,84px) - 16px),transparent calc(100% - var(--background-right-inset,84px))),linear-gradient(180deg,transparent calc(100% - 70px),#000 calc(100% - 12px),#000 100%);mask-composite:intersect,add,add}

/* Larger embroidered badge and a quieter wordmark, with fixed header layout. */
#experience .site-header .brand-badge{scale:1.54}
#experience .site-header .wordmark-home{scale:.9;transform-origin:center}
/* The right oak sits behind the stone checkpoint as well as both vehicles. */
#experience .scene-oak-right{z-index:1}
/* Patrol caption ends on the same rail edge. The native SUV cuts through its left side. */
@media(min-width:761px){
 #experience .service-tile-vehicle>.service-preview{width:100%}
 #experience .service-tile.service-tile-vehicle .service-caption{
  padding-left:var(--patrol-caption-inset,18px);padding-right:14px;
 }
 #experience .service-tile-vehicle .service-number{left:var(--patrol-caption-inset,18px);right:12px;font-size:5px}
 #experience .service-tile.service-tile-vehicle .service-caption-text strong{font-size:clamp(20px,21cqw,28px)}
 #experience .service-tile.service-tile-vehicle .service-caption-text>span{font-size:clamp(11px,10cqw,13px)}
}
/* Decor settles at rest. A whole-card pointer or keyboard visit triggers the sequence in estate.js. */
#experience .service-tile .prop,#experience .service-tile .event-credential{animation:none!important;translate:0 0}
#experience .service-preview .rail-figure,#experience .service-preview:hover .rail-figure,#experience .service-preview:focus-visible .rail-figure,
#experience .service-preview .campus-building,#experience .service-preview:hover .campus-building,#experience .service-preview:focus-visible .campus-building{transform:none;transition:none}
#experience .service-preview .service-photo img,#experience .service-preview:hover .service-photo img,#experience .service-preview:focus-visible .service-photo img{transform:none;transition:none}
#experience .patrol-vehicle-art,#experience .patrol-lightbar i,#experience .patrol-lightbar::after{animation:none!important}
#experience .patrol-lightbar i{opacity:.24}
#experience .patrol-lightbar::after{opacity:0}
#experience .radio-indicator{animation:none;opacity:.55}
#experience .service-tile.is-engaged .service-photo::before,#experience .service-tile:focus-within .service-photo::before{opacity:1}
@media(max-width:360px){#experience .site-header{column-gap:11px}}
@media(prefers-reduced-motion:reduce){
 #experience .service-tile .prop,#experience .service-tile .event-credential,#experience .service-tile .rail-figure,#experience .service-tile .campus-building{translate:0 0;rotate:none}
}

#experience .service-tile.service-tile-vehicle .service-caption{mask-image:none}

@media(min-width:761px){#experience .service-tile-patrol .rail-figure-patrol{height:var(--top-patrol-figure-height,calc(var(--service-base-row,180px) * 1.239))}}

/* One uniformly reduced composition; measurements use the same unscaled design coordinates. */
.site-composition{width:100%;display:flex;flex-direction:column;align-items:center;gap:0;transform:scale(.931095);transform-origin:50% 50%}
.site-composition.is-measuring{transform:none!important}
#experience .site-header{column-gap:30px}
#experience .site-header .wordmark-home{scale:.81}
#experience .home-services{grid-template-rows:repeat(4,minmax(0,1fr))}
#experience .home-services>.service-tile{min-height:0}
#experience .service-tile .service-preview .service-caption .service-caption-text{display:flex;flex-direction:column;gap:8px;padding:0;background:none;max-width:100%}
#experience .service-tile .service-preview .service-caption .service-caption-text>strong{font-family:var(--command);font-size:clamp(24px,1.65vw,30px);font-weight:600;line-height:1.1;letter-spacing:.035em;text-transform:uppercase;max-width:none;white-space:normal}
#experience .service-tile .service-preview .service-caption .service-caption-text>span{font-family:var(--body);font-size:13px;font-weight:400;line-height:1.4;letter-spacing:0;text-transform:none;display:block;margin-top:0;max-width:none}
#experience .service-tile-vehicle .service-caption{container-type:normal}
/* The new service portraits use the same duty uniform and remain anchored to each card. */
#experience .rail-figure-campus{--figure-drop:0%;height:120%;width:62%}
#experience .rail-figure-events{--figure-drop:0%;height:120%;width:62%}
#experience .rail-figure-patrol{--figure-drop:7.5%;width:60%}
/* A continuous ground plate covers the right tree's trunk, beneath people, booth and vehicles. */
.estate-ground-layer{position:absolute;z-index:2;overflow:hidden;pointer-events:none;background:transparent;
 mask-image:linear-gradient(180deg,transparent var(--ground-reveal-start,55%),#000 calc(var(--ground-reveal-start,55%) + 44px)),linear-gradient(90deg,transparent 0,#000 36px,#000 calc(100% - var(--background-right-inset,84px) - 16px),transparent calc(100% - var(--background-right-inset,84px)));
 mask-composite:intersect;
}
.estate-ground-art{position:absolute;object-fit:cover;max-width:none;filter:none;transform:none}
#experience .gatehouse-layer,#experience .conversation-layer{z-index:3}
#experience .scene-oak-right{z-index:1}
@media(min-width:1280px) and (max-width:1500px){#experience .site-header{column-gap:22px}}
@media(max-width:1279px),(max-height:560px){#experience .site-header{column-gap:22px}}
@media(min-width:761px) and (max-width:1100px){
 #experience .service-tile .service-preview .service-caption .service-caption-text>strong{font-size:23px}
 #experience .service-tile .service-preview .service-caption .service-caption-text>span{font-size:11.5px}
}
@media(min-width:761px) and (max-height:700px){
 #experience .service-tile .service-preview .service-caption .service-caption-text>strong{font-size:24px}
 #experience .service-tile .service-preview .service-caption .service-caption-text>span{font-size:11.5px}
}
@media(max-width:760px){
 #experience{--service-card-height:260px;--patrol-mobile-row:260px}
 #experience .site-header{column-gap:18px}
 #experience .home-services{grid-template-rows:repeat(4,var(--service-card-height))}
 #experience .home-services>.service-tile{height:var(--service-card-height)}
 #experience .service-tile .service-preview .service-caption .service-caption-text>strong{font-size:26px}
 #experience .service-tile .service-preview .service-caption .service-caption-text>span{font-size:12px}
 #experience .rail-figure-campus,#experience .rail-figure-events{width:64%;height:120%}
}
@media(max-width:360px){#experience .site-header{column-gap:16px}}
@media print{.site-composition{transform:none}.estate-ground-layer{display:none}}

@media(max-width:760px){.site-composition{transform-origin:50% 0;margin-block:18px}}

#experience .service-tile .service-preview .service-caption .service-caption-text>strong,#experience .service-tile .service-preview .service-caption .service-caption-text>span{text-shadow:none;font-style:normal;filter:none}

/* The campus illustration sits behind the SUV; its semantic text and props stay in front. */
.campus-illustration{position:absolute;inset:0;overflow:visible;pointer-events:none}
#experience .service-tile.service-tile-campus .service-preview .service-caption{background:none;isolation:isolate}
#experience .service-tile.service-tile-campus .service-preview .service-caption::before{content:"";display:block;position:absolute;inset:0;z-index:-1;border-radius:12px;background:linear-gradient(105deg,#604a37 0%,#604a37 52%,transparent 52.3%);clip-path:var(--campus-car-cutout,none);pointer-events:none}
@media(min-width:1280px) and (max-width:1500px){#experience .site-header{column-gap:38px}}
@media(max-width:1279px),(max-height:560px){#experience .site-header{column-gap:30px}}
@media(max-width:760px){#experience .site-header{column-gap:30px}}
@media(max-width:360px){#experience .site-header{column-gap:28px}}

/* Carry the same uniforms and veteran-to-community story into the information pages. */
#experience .uniform-service-study{display:block;position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}
#experience .uniform-service-study>.study-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none;filter:none}
#experience .uniform-service-study .campus-building{left:26%;bottom:0;width:69%;height:108%;z-index:1}
#experience .uniform-service-study>.study-officers{position:absolute;inset:auto 1% -2% auto;width:55%;height:110%;max-width:none;object-fit:contain;object-position:right bottom;transform:none;filter:none;z-index:2}

#experience .uniform-service-study>.study-officers{inset:0 1% auto auto;object-position:right top}

/* A quieter two-element header: the felt badge and right-aligned assessment action. */
#experience .site-header{grid-template-columns:130px minmax(0,1fr) 280px;grid-template-rows:1fr;grid-template-areas:none;column-gap:24px}
#experience .site-header>.brand{grid-column:1;grid-row:1}
#experience .site-header .header-controls{grid-column:3;grid-row:1;width:280px;max-width:100%;justify-self:end}
#experience .service-tile.service-tile-campus .service-preview .service-caption{z-index:6;background:none;isolation:isolate;clip-path:none}
#experience .service-tile.service-tile-campus .service-preview .service-caption::before{display:block;z-index:-1;background:linear-gradient(155deg,#75614e 0%,#66503c 42%,#57412f 100%);clip-path:polygon(0 0,56% 0,50% 100%,0 100%);opacity:1;mix-blend-mode:normal}
/* Credits follow the shared composition edges rather than forming a centre cluster. */
.page-credit{width:var(--credit-width,min(1480px,calc(100vw - 52px)));max-width:calc(100vw - 20px);justify-content:space-between;flex-wrap:nowrap;gap:12px;padding-inline:0;margin-inline:auto}
.page-credit .copyright{text-align:left}
.page-credit a{margin-left:auto;text-align:right;justify-content:flex-end}
@media(min-width:1280px) and (max-width:1500px){
 #experience .site-header{grid-template-columns:114px minmax(0,1fr) 260px;column-gap:22px}
 #experience .site-header .header-controls{width:260px}
}
@media(max-width:1279px),(max-height:560px){
 #experience{--masthead-height:140px}
 #experience .site-header{grid-template-columns:90px minmax(0,1fr);grid-template-rows:1fr;grid-template-areas:"badge assessment";column-gap:30px;height:140px;min-height:140px}
 #experience .site-header>.brand{grid-area:badge;width:90px;height:130px}
 #experience .site-header .header-controls{grid-area:assessment;grid-column:2;grid-row:1;width:100%;max-width:300px;justify-self:end}
}
@media(max-width:760px){
 #experience .site-header{grid-template-columns:76px minmax(0,1fr);column-gap:30px}
 #experience .site-header>.brand{width:76px}
 .page-credit{gap:8px}
}
@media(max-width:360px){
 #experience .site-header{grid-template-columns:62px minmax(0,1fr);column-gap:28px}
 #experience .site-header>.brand{width:62px}
 .page-credit{font-size:8.5px}
 .page-credit a{font-size:9px;gap:4px}
}

/* The label surface spans the card, so its solid walnut panel cannot be narrowed by inherited caption sizing. */
#experience .service-tile.service-tile-campus .service-preview .service-caption{inset:0;width:100%;height:100%;max-width:none;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:28px 18px}
#experience .service-tile.service-tile-campus .service-preview .service-caption .service-caption-text{width:max-content;max-width:calc(56% - 18px)}
#experience .service-tile.service-tile-campus .service-preview .service-caption::before{width:100%;height:100%;clip-path:polygon(0 0,56% 0,50% 100%,0 100%)}

/* Scene clarity: retain crisp alpha foliage; only the separate sky dissolves into the page. */
#experience .scene-background{mask-image:none;-webkit-mask-image:none;filter:none;overflow:visible}
#experience .scene-oak{object-fit:contain;mask-image:none!important;filter:none!important;max-width:none}
#experience .sky-layers{mask-image:linear-gradient(90deg,transparent 0,#000 78px,#000 calc(100% - 90px),transparent 100%),linear-gradient(180deg,transparent var(--sky-top-clear,0px),#0001 calc(var(--sky-top-clear,0px) + 30px),#0008 calc(var(--sky-top-clear,0px) + 94px),#000 calc(var(--sky-top-clear,0px) + 150px));mask-composite:intersect;filter:none}
#experience .estate-architecture,#experience .estate-plate-window{mask-image:none;filter:none}

/* A close portrait ends at the card base, with no feet or floating lower edges. */
#experience .service-tile .rail-figure-campus,#experience .service-tile .rail-figure-events,#experience .service-tile .rail-figure-patrol{--figure-drop:0%;height:116%;width:61%;bottom:0;right:0;overflow:hidden}
#experience .service-tile .rail-figure img{translate:0 0;object-position:right bottom}
#experience .uniform-service-study>.study-officers{inset:auto 1% 0 auto;height:100%;width:57%;object-position:right bottom}

/* Independent school layer in front of the label surface. Text always remains readable. */
#experience .service-tile.service-tile-campus .service-preview .service-caption{z-index:auto;isolation:auto;filter:none;transform:none;opacity:1}
#experience .service-tile.service-tile-campus .service-preview .service-caption::before{z-index:4;clip-path:var(--campus-panel-cutout,polygon(0 0,56% 0,50% 100%,0 100%));border-radius:12px}
#experience .service-tile.service-tile-campus .service-caption-text,#experience .service-tile.service-tile-campus .service-number{position:relative;z-index:9}
#experience .service-tile.service-tile-campus .service-number{position:absolute}
#experience .campus-illustration{z-index:0}
#experience .campus-school-front{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:visible}
#experience .campus-school-front .campus-building{left:34%;bottom:0;width:77%;height:116%;z-index:1}
#experience .service-tile-campus .rail-figure-campus{z-index:3;right:-2%;width:57%}

/* Neutral black elevation separates the service surfaces from the estate. */
#experience .service-preview{box-shadow:0 8px 16px -5px #0007,0 2px 5px #0004}
#experience .service-preview::before{box-shadow:0 10px 17px -6px #0008,0 3px 7px -2px #0005;background:none}
#experience .service-tile-vehicle .service-preview{box-shadow:5px 9px 18px -9px #0007}

/* Direct security invitation, with a clean shield and a restrained gold glint. */
#experience .site-header{grid-template-columns:130px minmax(0,1fr) 310px}
#experience .site-header .header-controls{width:310px;height:84px}
#experience .assessment-action{height:84px;min-height:84px;grid-template-columns:38px minmax(0,1fr);gap:13px;padding:10px 16px;border:1px solid #a88442;border-radius:9px;background:linear-gradient(135deg,#f0dea8 0%,#d1b270 55%,#b99654 100%);box-shadow:inset 0 1px #fff5d5cc,0 5px 14px #0003;text-align:left}
#experience .assessment-action .assessment-seal{width:38px;height:46px;background:#2b302c;border-radius:7px;box-shadow:inset 0 1px #ffffff35,0 2px 4px #5d431c38}
#experience .assessment-seal svg{width:27px;height:34px;fill:none;stroke:#ead293;stroke-width:1.9}
#experience .assessment-action>span.assessment-button-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
#experience .assessment-action strong{font-family:var(--command);font-size:21px;line-height:1.05;font-weight:600;letter-spacing:.035em;text-transform:uppercase;color:#282b25;text-shadow:none;white-space:normal}
#experience .assessment-action strong b{font-family:var(--body);font-size:16px;font-weight:400;color:inherit}
#experience .assessment-action em{font-family:var(--body);font-size:10px;line-height:1.25;letter-spacing:.015em;font-style:normal;text-transform:none;color:#493d27;margin:0}
.page-credit a{color:inherit;opacity:1}
.page-credit .credit-heart{color:#ba2732;opacity:1}
@media(min-width:1280px) and (max-width:1500px){
 #experience .site-header{grid-template-columns:114px minmax(0,1fr) 280px}
 #experience .site-header .header-controls{width:280px}
 #experience .assessment-action{padding-inline:12px;gap:10px}
 #experience .assessment-action strong{font-size:20px}
}
@media(max-width:1279px),(max-height:560px){
 #experience .site-header{grid-template-columns:90px minmax(0,1fr)}
 #experience .site-header .header-controls{width:100%;max-width:300px;height:84px}
}
@media(max-width:760px){
 #experience .site-header{grid-template-columns:76px minmax(0,1fr);column-gap:24px}
 #experience .assessment-action{grid-template-columns:27px minmax(0,1fr);gap:8px;padding:9px 10px}
 #experience .assessment-action .assessment-seal{width:27px;height:36px}
 #experience .assessment-seal svg{width:22px;height:28px}
 #experience .assessment-action strong{font-size:18px}
 #experience .assessment-action em{font-size:9px}
}
@media(max-width:360px){
 #experience .site-header{grid-template-columns:62px minmax(0,1fr);column-gap:22px}
 #experience .assessment-action{padding-inline:7px;gap:6px}
 #experience .assessment-action strong{font-size:16px}
 #experience .assessment-action em{font-size:8px}
}

#experience .assessment-action{grid-template-rows:minmax(0,1fr)}
#experience .assessment-action>span.assessment-button-copy{display:flex;flex-direction:column;gap:5px;padding:0;margin:0;background:none;border:0;box-shadow:none;position:relative;inset:auto;width:100%;height:auto;min-height:0;align-self:center}

#experience .campus-school-front .campus-building{left:28%;width:72%}

/* Clip the label shape and SUV silhouette independently, keeping their intersection clean. */
#experience .service-tile.service-tile-campus .service-preview .service-caption::before{display:none}
#experience .campus-label-material{position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:12px;clip-path:polygon(0 0,56% 0,50% 100%,0 100%);overflow:hidden}
#experience .campus-label-material>i{position:absolute;inset:0;display:block;background:linear-gradient(155deg,#75614e 0%,#66503c 42%,#57412f 100%);clip-path:var(--campus-panel-cutout,none)}

/* Height and depth update: more room on tall displays, while remaining contained. */
@media(min-width:1101px) and (min-height:701px){#experience{height:min(970px,calc(100dvh - 54px))}}
@media(min-width:1101px) and (max-height:700px){#experience{height:calc(100dvh - 38px)}}
@media(min-width:761px) and (max-width:1100px){#experience{--mobile-scene:460px}}
@media(max-width:760px){#experience{--mobile-scene:430px}}
#experience .site-header .brand-badge{scale:1.5708}

/* Separate urn, tree, school and people layers. */
.entry-planter{position:absolute;z-index:5;pointer-events:none;filter:drop-shadow(0 4px 3px #0004)}
.entry-planter img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
#experience .campus-school-front{z-index:5}
#experience .campus-school-front .campus-building{left:10%;width:90%;height:138%;bottom:0}
#experience .campus-people-front{position:absolute;inset:0;z-index:6;pointer-events:none}
#experience .service-tile-campus .campus-people-front .rail-figure-campus{height:116%;width:59%;right:0;bottom:0;z-index:1;--figure-drop:0%}
#experience .service-tile.service-tile-campus .service-preview .service-caption{justify-content:flex-start;padding-top:13px}
#experience .service-tile.service-tile-campus .service-caption .service-caption-text>strong{font-size:clamp(28px,2vw,34px);line-height:1;letter-spacing:.045em}
#experience .service-tile.service-tile-campus .service-caption .service-caption-text{gap:6px}
#experience .uniform-service-study[data-uniform-study=campus] .campus-building{left:12%;width:85%;height:122%;z-index:1}
#experience .uniform-service-study[data-uniform-study=campus]>.study-officers{z-index:2;width:64%}

/* Glazed service surfaces with a defined reflection and rounded, dark edges. */
#experience .service-tile-patrol .service-caption::before{background:linear-gradient(164deg,#ffffff66 0%,#ffffff1f 18%,#ffffff08 33%,transparent 33.5% 69%,#07160e55 100%),linear-gradient(105deg,#52775e 0%,#244331 48%,#3c6249 74%,#203a2b 100%);box-shadow:inset 0 1px 0 #e3f0df94,inset 1px 0 #fff4,inset 0 -2px 4px #0005}
#experience .campus-label-material>i{background:linear-gradient(164deg,#fff5e975 0%,#fff3e226 18%,#fff0e00a 33%,transparent 33.5% 69%,#21140e55 100%),linear-gradient(105deg,#92775c 0%,#604730 48%,#7b6047 74%,#4d3626 100%);box-shadow:inset 0 1px 0 #f7e6cb9c,inset 1px 0 #fff4,inset 0 -2px 4px #0005}
#experience .service-tile-events .service-caption::before{background:linear-gradient(164deg,#fffbeaab 0%,#fff9e53d 18%,#fff6d112 33%,transparent 33.5% 69%,#60431240 100%),linear-gradient(105deg,#efdda5 0%,#c3a358 48%,#e5cb82 74%,#ae893f 100%);box-shadow:inset 0 1px 0 #fff5cbbb,inset 1px 0 #fff5,inset 0 -2px 4px #5d3f2455}

/* Foot Patrol now owns the observation light alongside its journal and cuffs. */
#experience .service-tile-patrol .prop-flashlight{left:44%;bottom:1%;top:auto;right:auto;width:32%;height:34%;z-index:9;min-width:44px;min-height:44px;scale:1.05;--angle:0deg}
#experience .service-tile-patrol .prop-flashlight img{transform:rotate(14deg);transform-origin:50% 65%;animation:none;object-fit:contain;object-position:center bottom}
#experience .service-tile-patrol .prop-clipboard{left:33%;width:23%;bottom:0;z-index:7}
#experience .service-tile-patrol .prop-cuffs{left:41%;width:24%;bottom:-2%;z-index:8}
#experience .service-tile-patrol .torch-beam{position:absolute;z-index:8;left:calc(44% - 70px);bottom:2%;width:84px;height:30%;opacity:0;background:linear-gradient(270deg,#fff0bb55,#ffe29b11,transparent);clip-path:polygon(100% 40%,0 0,0 100%,100% 60%);transform:rotate(-14deg);transform-origin:right center;pointer-events:none;transition:opacity .18s}
#experience.torch-on .service-tile-patrol .torch-beam{opacity:.85}

/* A viewport-wide flight corridor lies behind architecture and unmasked foreground trees. */
.bird-flight-layer{position:absolute;z-index:0;pointer-events:none;overflow:hidden;clip-path:inset(0)}
#experience .bird-flight-layer .scene-flock{left:0;top:0;width:clamp(120px,11vw,185px);height:auto;transform:translate3d(calc(-100% - 30px),0,0);animation:estate-birds-across 40s linear -12s infinite;opacity:.72;will-change:transform}
@keyframes estate-birds-across{from{transform:translate3d(calc(-100% - 30px),0,0)}to{transform:translate3d(calc(var(--bird-flight-span,100vw) + 30px),0,0)}}

/* Discrete amber flashes on both vehicles; remove the moving sweep completely. */
#experience .vehicle-beacons::after,#experience .patrol-lightbar::after{display:none!important;content:none!important;animation:none!important}
#experience .vehicle-beacons i,#experience .patrol-lightbar i{animation:estate-amber-pulse 2.4s linear infinite!important;background:#ffc263;box-shadow:0 0 3px #ffe0a8cc,0 0 7px #f2a73f80;opacity:.18}
#experience .vehicle-beacons i:nth-child(2),#experience .patrol-lightbar i:nth-child(2){animation-delay:-.12s!important}
#experience .vehicle-beacons i:nth-child(3),#experience .patrol-lightbar i:nth-child(3){animation-delay:-1.20s!important}
#experience .vehicle-beacons i:nth-child(4),#experience .patrol-lightbar i:nth-child(4){animation-delay:-1.32s!important}
@keyframes estate-amber-pulse{0%,7%,15%,23%,100%{opacity:.14}3%,11%,19%{opacity:1}27%,95%{opacity:.18}}
#experience.scene-resting .patrol-lightbar i,#experience.motion-paused .patrol-lightbar i{animation-play-state:paused!important}
@media(max-width:760px){
 #experience .service-tile.service-tile-campus .service-caption .service-caption-text>strong{font-size:27px}
 #experience .service-tile.service-tile-campus .service-preview .service-caption{padding-top:26px}
 #experience .service-tile-patrol .prop-flashlight{left:48%;width:31%;height:30%;bottom:-1%}
}
@media(prefers-reduced-motion:reduce){
 #experience .bird-flight-layer .scene-flock{animation:none!important;transform:translateX(calc(var(--bird-flight-span) * .58));opacity:.6}
 #experience .vehicle-beacons i,#experience .patrol-lightbar i{animation:none!important;opacity:.38}
}
@media print{.entry-planter,.bird-flight-layer{display:none}}

/* The complete urn stands on the entrance baseline, visibly in front of the oak and wall. */
#experience .entry-planter{z-index:12}

/* Distinct equipment targets: light above the cuff and journal row. */
#experience .service-tile-patrol .prop-flashlight{left:56%;width:32%;height:29%;bottom:22%}
#experience .service-tile-patrol .torch-beam{left:calc(56% - 70px);bottom:22%}
@media(max-width:760px){#experience .service-tile-patrol .prop-flashlight{left:56%;width:31%;height:29%;bottom:18%}#experience .service-tile-patrol .torch-beam{bottom:18%}}

/* Refinement: characters react to a click without changing scene geometry. */
#experience .scene-reaction{display:block;position:absolute;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;line-height:0;appearance:none;pointer-events:auto;cursor:pointer;transform:none;transition:none}
#experience .scene-reaction>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none;translate:0 0;animation:none;transition:opacity 140ms cubic-bezier(.2,.7,.2,1)}
#experience .scene-reaction-base{opacity:1}
#experience .scene-reaction-alternate{opacity:0}
#experience .scene-reaction[aria-pressed=true]>.scene-reaction-base{opacity:0}
#experience .scene-reaction[aria-pressed=true]>.scene-reaction-alternate{opacity:1}
#experience .scene-reaction:focus-visible{outline:3px solid #e9ca7b;outline-offset:3px}
#experience .scene-reaction:focus-visible>img{filter:drop-shadow(0 0 2px #f3cd7b)}
#experience .entry-planter{z-index:5}

/* Campus depth belongs below the native SUV, rather than on a UI layer above it. */
.campus-depth-shadow{position:absolute;z-index:3;border-radius:13px;box-shadow:0 9px 17px -5px #0007,0 2px 5px #0004;pointer-events:none}
#experience:not([data-view=home]) .campus-depth-shadow{display:none}
#experience .service-tile-campus>.service-preview,#experience .service-tile-campus>.service-preview::before,#experience .service-tile-campus .service-photo{box-shadow:none;filter:none}
#experience .service-tile-campus>.service-preview::before{background:none}

/* The vehicle surface uses a polished black finish. */
#experience .service-tile.service-tile-vehicle .service-caption{background:linear-gradient(164deg,#ffffff4d 0%,#ffffff14 18%,transparent 33.5% 67%,#0009 100%),linear-gradient(110deg,#34383b 0%,#090b0d 45%,#23282c 73%,#030405 100%);box-shadow:inset 0 1px #d9dee25c,inset 1px 0 #fff2,inset 0 -2px 4px #0009}

/* The Foot Patrol silhouette stays inside its rounded card at rest and on hover. */
#experience .service-tile .rail-figure-patrol{height:100%;width:62%;right:0;bottom:0;--figure-drop:0%;clip-path:inset(0 round 0 12px 12px 0);overflow:hidden;filter:none}
#experience .service-tile .rail-figure-patrol img{padding-top:3px;filter:saturate(.94) brightness(.99);translate:0 0}
#experience .service-tile-patrol .prop-clipboard{left:34%;width:23%;bottom:0;z-index:7}
#experience .service-tile-patrol .prop-cuffs{left:47%;width:23%;bottom:-1%;z-index:8}
#experience .service-preview:hover .rail-figure-patrol,#experience .service-preview:focus-visible .rail-figure-patrol{transform:none;filter:none}
#experience .service-tile-patrol .prop-flashlight,#experience .torch-beam{display:none}
#experience .service-tile-campus .campus-school-front .campus-building{left:11%;width:88%;height:132%;bottom:0}
#experience .service-tile-campus .campus-people-front .rail-figure-campus{height:110%;width:58%;bottom:0;right:0}

/* Matching cypresses add depth in front of the oaks and behind the people. */
.entry-cypress{position:absolute;pointer-events:none;z-index:3;overflow:visible}
.entry-cypress img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.entry-cypress-right{z-index:1}
.entry-cypress-right img{scale:-1 1}
@media(max-width:760px){
 .campus-depth-shadow{display:none}
 #experience .service-tile-campus>.service-preview{box-shadow:0 8px 16px -5px #0007,0 2px 5px #0004}
 .entry-cypress{opacity:.9}
}
@media(prefers-reduced-motion:reduce){#experience .scene-reaction>img{transition:none}}
@media print{.scene-reaction-alternate,.entry-cypress,.campus-depth-shadow{display:none}}

/* Narrow display windows crop only the transparent side margins of the cypress assets. */
.entry-cypress{overflow:hidden}
.entry-cypress img{object-fit:cover}

/* The rear cypress is occluded by the actual estate terrain, including its unfeathered driveway. */
#experience .entry-cypress-right{z-index:0}

/* Short reactions, contained portrait motion and a cleaner Campus label silhouette. */
#experience .service-tile .rail-figure-patrol img{transform-origin:right bottom}
#experience .campus-label-material{clip-path:polygon(0 0,56% 0,54% 40%,44% 62%,38% 100%,0 100%)}
#experience .service-tile-campus .campus-school-front .campus-building{left:8%;width:90%;height:132%;bottom:0}

/* The enlarged rear cypress sits in front of the oak, with a fully opaque terrain occluder. */
#experience .entry-cypress-right{z-index:1}
#experience .estate-ground-layer{mask-image:linear-gradient(180deg,transparent var(--ground-reveal-start,55%),#000 calc(var(--ground-reveal-start,55%) + 44px));mask-composite:add}
@media(max-width:760px){#experience .rail-figure-vehicle{margin-bottom:-5px}}

/* Estate balance: a clear house reveal, a grounded planter and calmer Campus spacing. */
#experience .service-tile-campus .campus-school-front .campus-building{left:9%;width:89%;height:132%;bottom:0}
#experience .service-tile-campus .campus-people-front .rail-figure-campus{width:57.5%;height:110%;right:0;bottom:0}
@media(min-width:761px) and (max-height:700px){
 #experience .service-tile.service-tile-campus .service-preview .service-caption{padding-top:10px}
}

/* Focused landing page: one viewport, with independent scrolling for the notebook. */
html,body{height:100dvh;min-height:0;margin:0;padding:0;overflow:hidden}
body{display:flex;align-items:center;justify-content:center}
.site-composition{flex:none;margin:0!important;transform-origin:50% 50%}
#experience .flag-mast{z-index:4}
#experience #vehicleButton{pointer-events:none;cursor:default}
#experience .assessment-action,#experience .assessment-action em,#experience .home-presentation .service-caption,#experience .home-presentation button,#experience .home-presentation .prop-label,.page-credit{text-transform:uppercase}
#experience .assessment-action em{letter-spacing:.035em}
.page-credit{font-size:10px;line-height:1.4}
.page-credit a{font-size:10px;letter-spacing:.035em}
.service-carousel-controls[hidden]{display:none!important}

/* A white edge light responds without lifting the service surfaces. Scene objects keep their cast shadows. */
#experience .service-preview,#experience .service-preview::before,#experience .service-tile-vehicle .service-preview{box-shadow:none}
#experience .service-preview{transition:box-shadow 180ms ease,border-color 180ms ease}
#experience .service-tile:not(.service-tile-campus):not(.service-tile-vehicle):has(:is(a,button):hover,:focus-visible)>.service-preview{box-shadow:0 0 0 1px #ffffffe8,0 0 12px 2px #ffffffa0,0 0 26px #ffffff65}
#experience .service-preview:hover,#experience .service-preview:focus-visible{transform:none;filter:none}
#experience .campus-depth-shadow,#experience .patrol-scene-frame{box-shadow:none;transition:box-shadow 180ms ease}
#experience[data-hover-service=campus] .campus-depth-shadow,#experience[data-hover-service=vehicle] .patrol-scene-frame{box-shadow:0 0 0 1px #ffffffe8,0 0 12px 2px #ffffffa0,0 0 26px #ffffff65}
#experience .service-tile-campus>.service-preview,#experience .service-tile-vehicle>.service-preview{box-shadow:none}
#experience .guard-card-prop{position:absolute;z-index:8;left:29%;bottom:4%;width:31%;height:46%;min-width:48px;min-height:48px;padding:0;border:0;background:none;cursor:pointer;filter:drop-shadow(0 3px 2px #0005);transform:none;transition:filter 160ms}
#experience .guard-card-prop img{display:block;width:100%;height:100%;object-fit:contain}
#experience .guard-card-prop:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:5px}
#experience .guard-card-prop:hover{filter:drop-shadow(0 2px 3px #fff9)}
#experience .infantry-patches{position:absolute;z-index:7;left:36%;bottom:44%;width:21%;height:25%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #0004)}
#experience .service-tile-campus .prop-clipboard{left:32%;right:auto;top:auto;bottom:-1%;width:22%;height:61%;min-width:48px;min-height:48px;z-index:7;--angle:-9deg}
#experience .service-tile-campus .prop-cuffs{left:46%;right:auto;top:auto;bottom:0;width:23%;height:32%;min-width:48px;min-height:48px;z-index:8;--angle:8deg}
#experience .service-tile-campus .prop-label{display:none}
#experience .service-tile .rail-figure-patrol img{object-position:right bottom}

/* Three natural birds use aligned up/down wing poses on one lightweight atlas. */
#experience .bird-flight-layer .scene-flock{width:clamp(240px,22vw,370px);height:150px;opacity:.82}
.neighborhood-bird{position:absolute;display:block;width:28%;height:70%;left:0;top:2%}
.neighborhood-bird.bird-1{left:34%;top:28%;width:24%;height:62%;--flap-delay:-.18s}
.neighborhood-bird.bird-2{left:68%;top:8%;width:26%;height:65%;--flap-delay:-.34s}
.neighborhood-bird>svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;animation:bird-wing-pose .72s steps(1,end) var(--flap-delay,0s) infinite}
.neighborhood-bird>.bird-down{animation-name:bird-wing-pose-down}
@keyframes bird-wing-pose{0%,49.99%{opacity:1}50%,100%{opacity:0}}
@keyframes bird-wing-pose-down{0%,49.99%{opacity:0}50%,100%{opacity:1}}
#experience.scene-resting .neighborhood-bird>svg,#experience.motion-paused .neighborhood-bird>svg{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.neighborhood-bird>svg{animation:none!important}.neighborhood-bird>.bird-down{opacity:0}}

/* On compact screens, visitors select a full-size card instead of scrolling four tiny cards. */
@media(max-width:760px),(max-height:620px){
 #experience[data-service-carousel=true] .home-presentation:not([hidden]){display:grid;grid-template-rows:minmax(0,1fr) 48px;gap:8px;pointer-events:none}
 #experience .home-services{position:relative;inset:auto;width:100%;height:100%;min-height:0;display:block;grid-template-rows:none;gap:0;overflow:visible}
 #experience .home-services>.service-tile{position:absolute;inset:0;width:100%;height:100%!important;min-height:0}
 #experience .home-services>.service-tile[data-preview-active=false]{display:none}
 #experience .home-services>.service-tile[data-preview-active=true]{display:block}
 #experience .service-carousel-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;min-height:48px;pointer-events:auto}
 #experience .service-carousel-controls button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;padding:4px;border:1px solid #b9ac8d;border-radius:7px;background:linear-gradient(#fffc,#e8e5dce6);color:#30362f;font-family:var(--command);font-size:14px;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;cursor:pointer}
 #experience .service-carousel-controls button[aria-pressed=true]{background:linear-gradient(#f2dda0,#bd9b53);border-color:#9f7938;color:#252920;box-shadow:inset 0 1px #fff7d0}
 #experience .service-carousel-controls button:focus-visible{outline:2px solid #2f4937;outline-offset:2px}
 #experience #scenePatrolLink,#experience .patrol-scene-frame,#experience .campus-depth-shadow{display:none!important}
 #experience .service-tile.service-tile-vehicle .rail-figure-vehicle{display:block!important;position:absolute;left:30%;right:-3%;bottom:0;width:73%;height:100%;z-index:6}
 #experience .rail-figure-vehicle .patrol-vehicle-art{width:100%;height:100%;display:block;position:relative;transform:none}
 #experience .rail-figure-vehicle .patrol-vehicle-art>img{width:100%;height:100%;object-fit:contain;object-position:right bottom;display:block}
 #experience .service-tile.service-tile-vehicle .service-caption{inset:0;width:100%;padding:18px 16px;clip-path:none!important;background:linear-gradient(105deg,#22272bef,#121518dc 44%,#15191c99 75%);justify-content:flex-start}
 #experience .service-tile.service-tile-vehicle .service-caption-text{position:relative;inset:auto;max-width:45%;padding:0;gap:10px}
 #experience .service-tile.service-tile-vehicle .service-caption-text>strong{font-size:26px;line-height:1.08}
 #experience .service-tile.service-tile-vehicle .service-caption-text>span{font-size:12px;line-height:1.4;display:block}
 #experience[data-service-carousel=true] .service-tile:has(:is(a,button):hover,:focus-visible)>.service-preview{box-shadow:0 0 0 1px #ffffffe8,0 0 12px 2px #ffffffa0,0 0 26px #ffffff65}
 #experience .campus-school-front .campus-building{clip-path:none}
 #experience .site-footer{height:0;min-height:0}
 #experience .service-tile .service-preview .service-caption .service-caption-text>strong{font-size:26px}
 #experience .service-tile .service-preview .service-caption .service-caption-text>span{font-size:12px;line-height:1.4}
}
@media(max-width:760px){
 #experience{width:calc(100vw - 40px);height:calc(100dvh - 48px);min-height:0;max-height:none;display:grid;grid-template-rows:110px minmax(0,1fr) 0;--mobile-scene:clamp(180px,calc((100dvh - 210px)*.53),370px)}
 #experience .site-header{height:110px;min-height:0;width:100%;grid-template-rows:minmax(0,1fr);padding:8px 12px}
 #experience .site-header>.brand{height:88px}
 #experience .site-header .header-controls{height:76px}
 #experience .assessment-action{height:76px;min-height:76px}
 #experience .main-stage{height:100%;min-height:0;padding:0;display:block}
 #experience .estate-scene{position:absolute;left:0;right:0;top:0;width:100%;height:var(--mobile-scene);min-height:0}
 #experience .home-presentation,#experience .reading-panel{position:absolute;left:0;right:0;top:calc(var(--mobile-scene) + 12px);bottom:0;width:100%;height:auto;min-height:0;margin:0;max-height:none}
 #experience .reading-panel{display:flex;flex-direction:column;overflow:hidden}
 #experience .reading-panel[hidden],#experience .home-presentation[hidden]{display:none!important}
 #experience .notepad-hardware{flex:none}
 #experience .panel-scroll{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain}
 #experience .panel-tools{flex:none}
 #experience .service-preview{height:100%}
 #experience .service-tile-campus .prop-clipboard{left:32%;width:22%;height:57%}
 #experience .service-tile-campus .prop-cuffs{left:46%;width:23%;height:31%}
 .page-credit{width:calc(100vw - 40px);max-width:none;min-height:14px;margin:10px 0 0;padding:0;gap:8px;font-size:8px;line-height:1.25}
 .page-credit a{font-size:8px;gap:3px;white-space:nowrap}
 .page-credit .copyright{margin:0;white-space:nowrap}
 .page-credit .credit-heart{width:10px;height:10px}
}
@media(max-width:760px) and (max-height:620px){
 #experience{grid-template-rows:92px minmax(0,1fr) 0;--mobile-scene:clamp(95px,calc((100dvh - 200px)*.44),200px)}
 #experience .site-header{height:92px}
 #experience .site-header .brand-badge{scale:1.3;translate:0 3px}
 #experience .service-tile .service-preview .service-caption .service-caption-text>strong{font-size:23px}
 #experience .service-tile .service-preview .service-caption .service-caption-text>span{font-size:10px}
}
@media(min-width:761px) and (max-height:620px){
 #experience{height:calc(100dvh - 48px);min-height:0;display:grid;grid-template-rows:88px minmax(0,1fr) 0}
 #experience .site-header{height:88px;min-height:0;grid-template-rows:minmax(0,1fr);padding-block:4px}
 #experience .site-header>.brand{height:82px}
 #experience .site-header .badge-mount{height:76px;width:76px}
 #experience .site-header .brand-badge{scale:1.45;translate:0 2px}
 #experience .site-header .header-controls,#experience .assessment-action{height:70px;min-height:70px}
 #experience .home-presentation,#experience .reading-panel{top:-88px;bottom:0;min-height:0;margin-block:0}
 #experience .home-presentation{left:calc(61% + 22px);right:0}
 #experience .reading-panel{height:auto;max-height:none}
}
@media print{html,body{height:auto;overflow:visible}body{display:block}.site-composition{transform:none}.service-carousel-controls{display:none!important}#experience{height:auto;min-height:0}#experience .reading-panel{position:static;max-height:none}#experience .panel-scroll{overflow:visible}}

/* Explicit grid placement keeps the card above its four compact selectors. */
@media(max-width:760px),(max-height:620px){
 #experience[data-service-carousel=true] .home-presentation:not([hidden]){grid-template-columns:minmax(0,1fr);grid-template-areas:none}
 #experience .home-services{grid-row:1;grid-column:1}
 #experience .service-carousel-controls{grid-row:2;grid-column:1;width:100%;height:48px}
}
#experience .home-presentation .service-tile .service-preview .service-caption .service-caption-text>span{ text-transform:uppercase;font-size:12px;letter-spacing:.015em}

@media(max-width:760px),(max-height:620px){
 #experience .service-tile.service-tile-vehicle .service-preview .rail-figure-vehicle{left:24%;right:auto;bottom:0;width:76%!important;height:78%!important;aspect-ratio:auto!important;margin:0;overflow:visible}
 #experience .service-tile.service-tile-vehicle .rail-figure-vehicle .patrol-vehicle-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;translate:0;scale:1}
 #experience .service-tile.service-tile-vehicle .rail-figure-vehicle .patrol-vehicle-art>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:right bottom;transform:none;translate:0;scale:1}
 #experience .service-tile.service-tile-vehicle .service-preview .service-caption{height:100%!important;inset:0;max-height:none;grid-row:auto;grid-column:auto;justify-content:flex-start;align-items:flex-start;background:linear-gradient(145deg,#33383d 0%,#0b0e11 60%,#20262b 100%)}
 #experience .service-tile.service-tile-vehicle .service-caption .service-caption-text{width:100%;max-width:100%;text-align:left}
 #experience .service-tile.service-tile-vehicle .service-caption .service-caption-text>strong{font-size:26px}
 #experience .service-tile.service-tile-vehicle .service-caption .service-caption-text>span{max-width:none}
}
@media(min-width:761px) and (max-height:620px){
 #experience .guard-card-prop{left:6%;bottom:4%;width:38%;height:31%}
 #experience .infantry-patches{display:none}
 #experience .service-tile.service-tile-vehicle .rail-figure-vehicle{left:0%;width:100%!important;height:70%!important}
}

@media(max-width:760px),(max-height:620px){
 #experience .service-tile.service-tile-vehicle .service-preview .service-caption{z-index:2;border-radius:12px;background:linear-gradient(164deg,#ffffff4d 0%,#ffffff14 18%,transparent 33.5% 67%,#0009 100%),linear-gradient(110deg,#34383b 0%,#090b0d 45%,#23282c 73%,#030405 100%)}
 #experience .service-tile.service-tile-vehicle .service-preview .rail-figure-vehicle{z-index:6}
}

@media(max-width:760px),(max-height:620px){
 #experience .service-tile.service-tile-patrol .service-preview .service-caption{justify-content:flex-start;align-items:flex-start;padding:18px 16px}
 #experience .service-tile.service-tile-patrol .service-caption-text{max-width:44%!important}
 #experience .guard-card-prop{left:25%;bottom:3%;width:35%;height:39%}
 #experience .infantry-patches{left:4%;bottom:7%;width:22%;height:24%}
}
#experience:not([data-service-carousel=true]) .patrol-scene-frame{display:block;background:none;border:0;pointer-events:none}
#experience:not([data-view=home]) .patrol-scene-frame{display:none}

@media(max-width:760px) and (max-height:520px){
 #experience .service-tile .service-preview .service-caption .service-caption-text>span{display:none}
 #experience .infantry-patches{display:none}
}

@media(max-width:760px),(max-height:620px){
 #experience .service-tile.service-tile-vehicle .service-preview .rail-figure-vehicle{left:3%;width:97%!important}
 #experience .service-tile.service-tile-vehicle .rail-figure-vehicle .patrol-vehicle-art{inset:auto 0 0;top:auto;width:100%;height:auto!important;aspect-ratio:1772/888}
}
@media(max-width:760px) and (max-height:520px){
 #experience .service-tile.service-tile-vehicle .service-preview .rail-figure-vehicle{left:27%;width:73%!important}
}

/* Scene refinement: a centered Campus label and a school that sits behind its people. */
#experience .service-tile.service-tile-campus .service-preview .service-caption{justify-content:center;padding-block:18px}
#experience .service-tile-campus .campus-school-front .campus-building{left:18%;width:82%;height:112%;bottom:0}
#experience .service-tile-campus .service-caption .service-caption-text{gap:8px}
#experience .infantry-patches{display:none}

/* A thin white edge and restrained bloom, with no lift or moving text. */
#experience{--service-edge-light:0 0 0 .9px #ffffffe8,0 0 9px 1px #ffffff80,0 0 18px #ffffff38}
#experience .service-preview,#experience .campus-depth-shadow,#experience .patrol-scene-frame{transition:box-shadow 220ms ease-out}
#experience .service-tile:not(.service-tile-campus):not(.service-tile-vehicle):has(:is(a,button):hover,:focus-visible)>.service-preview,
#experience[data-hover-service=campus] .campus-depth-shadow,
#experience[data-hover-service=vehicle] .patrol-scene-frame{box-shadow:var(--service-edge-light);transition-duration:150ms}

/* The arm-and-gaze reaction enters quickly and relaxes back a little more softly. */
#experience #guardReaction>img{transition:opacity 180ms cubic-bezier(.22,.7,.3,1)}

#experience #guardReaction:focus-visible{outline-color:#f4dea0}

@media(max-width:760px),(max-height:620px){
 #experience[data-service-carousel=true] .service-tile:has(:is(a,button):hover,:focus-visible)>.service-preview{box-shadow:var(--service-edge-light)}
 #experience .service-tile-campus .campus-school-front .campus-building{left:18%;width:82%;height:108%;bottom:0}
 #experience .service-tile.service-tile-campus .service-preview .service-caption{justify-content:center;padding-block:18px}
}
@media(prefers-reduced-motion:reduce){#experience #guardReaction>img{transition:none!important}}


/* Equipment targets follow the visible artwork, keeping the centered Campus title clear. */
#experience .service-tile-campus .prop-clipboard{height:auto;aspect-ratio:1078/1319;max-height:66%}
#experience .service-tile-campus .prop-cuffs{height:auto;aspect-ratio:1572/802;min-height:48px}


/* Clipping is not a scroll container: keyboard focus must never pan the mascot artwork. */
#experience .character-plane{overflow:clip;overflow-clip-margin:0}


@media screen{
 /* Prevent focus from scrolling the clipped outer page by a few hidden pixels. */
 html,body{overflow:clip}
}
/* Thicker brushed-silver mast supports the larger, raised fabric. */
#experience .flag-mast{width:3.8px}
#experience .flag-mast>span{border-radius:2px;background:linear-gradient(90deg,#66716e 0%,#a6b0ac 24%,#eef0e8 48%,#a4ada6 72%,#5c6761 100%);box-shadow:1px 1px 1px #0004}
#experience .flag-mast>span::before{left:-1.6px;top:-5px;width:7px;height:7px;background:radial-gradient(circle at 35% 30%,#fbf9e8,#c3c6b5 48%,#7f8b7e);box-shadow:0 1px 1px #0005}
#experience #flagCanvas{left:-1px}

/* A slightly larger felt mark and more room beside the assessment invitation. */
#experience .site-header .brand-badge{scale:1.602216}
#experience .site-header .header-controls{translate:-12px 0}
@media(max-width:1100px){#experience .site-header .header-controls{translate:-6px 0}}
@media(max-width:760px) and (max-height:620px){#experience .site-header .brand-badge{scale:1.326}}
@media(min-width:761px) and (max-height:620px){#experience .site-header .brand-badge{scale:1.479}}
@media(max-width:360px){#experience .site-header .header-controls{translate:-3px 0}}
/* Two independent doves: wildlife imagery stays in the sky, behind the flag and native foliage. */
#experience .estate-dove-corridor{position:absolute;z-index:2;pointer-events:none;overflow:clip;contain:layout paint}
#experience .estate-dove{position:absolute;left:0;top:0;width:var(--dove-size,64px);height:var(--dove-size,64px);pointer-events:none;transform-origin:52% 56%;will-change:transform}
#experience .estate-dove-pearl{width:calc(var(--dove-size,64px) * .82);height:calc(var(--dove-size,64px) * .82);opacity:.93}
#experience .dove-sprite{position:absolute;inset:0;display:block;background-repeat:no-repeat;background-size:400% 200%;background-position:0 0}
#experience .estate-dove-ivory .dove-sprite{background-image:url('dove-ivory-flight-20261107.webp')}
#experience .estate-dove-pearl .dove-sprite{background-image:url('dove-pearl-flight-20261107.webp')}
#experience .entry-planter-right{z-index:5}
#experience .entry-planter-right img{scale:-1 1}
#experience .scene-cypresses img{filter:saturate(.9) brightness(.98)}
#experience .site-header .brand-badge{scale:1.61823816}
#experience .site-header .header-controls{translate:-26px 0}
@media(max-width:1100px){#experience .site-header .header-controls{translate:-8px 0}}
@media(max-width:760px) and (max-height:620px){#experience .site-header .brand-badge{scale:1.33926}}
@media(min-width:761px) and (max-height:620px){#experience .site-header .brand-badge{scale:1.49379}}
@media(max-width:360px){#experience .site-header .header-controls{translate:-4px 0}}
@media(prefers-reduced-motion:reduce){#experience .estate-dove{will-change:auto}}
@media print{.estate-dove-corridor{display:none}}


@media(max-width:760px) and (min-height:621px){
 #experience .site-header .brand-badge{translate:-3px 10px}
}
/* November 7: cohesive highlights, lighter wildlife motion and a lower composition. */
@media screen{
 .site-composition{--composition-drop:clamp(7px,2vh,22px);transform:translateY(var(--composition-drop)) scale(.931095)}
 .site-composition.is-measuring{transform:none!important}
}
#experience .site-header .header-controls{translate:-34px 0}
@media(max-width:1100px){#experience .site-header .header-controls{translate:-12px 0}}
@media(max-width:360px){#experience .site-header .header-controls{translate:-6px 0}}
.page-credit .copyright{color:#080808;font-size:11px;font-weight:500}
.page-credit a{color:#aaa;opacity:1}
.page-credit .credit-heart{color:#b6242e;opacity:1}
@media(max-width:760px){
 .page-credit .copyright{font-size:9px}
 .page-credit a{color:#aaa}
}
@media(max-width:360px){
 .page-credit{flex-wrap:wrap;row-gap:3px}
 .page-credit .copyright{width:100%}
 .page-credit a{margin-left:auto}
}
#experience .certified-line{display:block;letter-spacing:.08em;font-weight:600;margin-top:3px}
#experience .campus-equipment-depth{position:absolute;inset:0;display:block;z-index:8;pointer-events:none}
#experience .campus-equipment-depth>.prop{pointer-events:auto}
#experience .credential-flashlight{position:absolute;z-index:7;left:31%;bottom:12%;width:30%;height:46%;display:block;pointer-events:none}
#experience .credential-flashlight img{width:100%;height:100%;object-fit:contain;transform:rotate(-68deg);filter:drop-shadow(0 3px 2px #0005)}
#experience .guard-card-prop{width:34%;left:28%;height:48%}
#experience .service-tile :is(.prop,.event-credential,.guard-card-prop,.rail-figure,.campus-building,.patrol-vehicle-art){
 animation:none!important;transition:none!important;translate:0 0!important;scale:1!important
}
#experience .service-tile :is(.prop,.event-credential,.guard-card-prop){
 filter:drop-shadow(0 4px 3px #0005)!important
}
#experience .service-tile :is(.rail-figure,.campus-building){transform:none!important;filter:drop-shadow(0 4px 3px #0005)!important}
#experience .service-tile .prop img{animation:none!important;transition:none!important;transform:rotate(var(--angle,0deg))!important;filter:none!important}
#experience .service-tile :is(.event-credential,.guard-card-prop) img{animation:none!important;transition:none!important;transform:none!important;filter:none!important}
#experience .service-tile .service-photo img{animation:none!important;transition:none!important;transform:none!important;filter:saturate(.94) brightness(.98) contrast(1.02)!important}
#experience .service-tile :is(.rail-figure,.campus-building) img{animation:none!important;transition:none!important;translate:0 0!important;scale:1!important;transform:none!important}
#experience .service-tile .service-preview{box-shadow:none!important;transition:none!important;backdrop-filter:none!important}
#experience .service-tile .service-preview::after{animation:none!important;transition:none!important;transform:none!important}
#experience .service-tile .service-photo::before{display:none!important}
#experience .service-tile .service-photo{transition:none!important;box-shadow:0 5px 9px -4px #0005!important}
#experience .service-hover-finish{
 position:absolute;inset:0;z-index:12;display:block;border-radius:12px;pointer-events:none;
 background:linear-gradient(130deg,#ffffff16 0%,#ffffff09 33%,transparent 63%);
 box-shadow:inset 0 0 0 1px #ffffffe8,0 0 9px 1px #ffffff80,0 0 18px #ffffff38;
 opacity:0;transition:opacity 180ms ease-out
}
#experience .service-tile.is-engaged>.service-hover-finish{opacity:1}
#experience .campus-depth-shadow,#experience .patrol-scene-frame{box-shadow:none!important;transition:none!important}
#experience .dove-sprite{overflow:clip;background-image:none!important}
#experience .dove-wing-atlas{
 display:block;position:absolute;left:0;top:0;width:400%;height:200%;max-width:none;
 object-fit:fill;transform-origin:0 0;will-change:transform
}
@media(max-width:760px),(max-height:620px){
 #experience .guard-card-prop{left:25%;bottom:3%;width:37%;height:42%}
 #experience .credential-flashlight{left:29%;bottom:13%;width:31%;height:43%}
}
@media(prefers-reduced-motion:reduce){
 #experience .service-hover-finish{transition:none}
 #experience .dove-wing-atlas{will-change:auto}
}

/* Keep the torch visible above the credentials and retain usable props on short desktops. */
#experience .credential-flashlight{z-index:10;left:36%;bottom:22%}
#experience .guard-card-prop{z-index:11}
@media(min-width:761px) and (min-height:621px) and (max-height:700px){
 #experience .service-tile-campus .prop-clipboard{left:65%;bottom:3%;width:17%;height:64%}
 #experience .service-tile-campus .prop-cuffs{left:51%;bottom:37%}
 #experience .service-tile.service-tile-campus .service-preview .service-caption{justify-content:flex-start;padding-top:12px}
}
/* November 7: grounded wildlife, an arrival planter and a cleaner compact skyline. */
#experience .entry-planter-accent{z-index:5;pointer-events:none}
#experience .entry-planter-accent img{animation:none;transform:none;filter:drop-shadow(0 3px 3px #0003)}
#experience .squirrel-lane{position:absolute;z-index:8;pointer-events:none;overflow:clip;contain:layout paint}
#experience .squirrel-runner{position:absolute;left:0;top:0;width:var(--squirrel-size,130px);height:var(--squirrel-size,130px);pointer-events:none;will-change:transform}
#experience .squirrel-frame{position:absolute;inset:0;display:block;overflow:clip}
#experience .squirrel-run-atlas{display:block;position:absolute;left:0;top:0;width:400%;height:200%;max-width:none;object-fit:fill;transform-origin:0 0;will-change:transform}
#experience .squirrel-contact-shadow{position:absolute;left:16%;top:calc(90% - 2px);width:46%;height:3px;border-radius:50%;background:#201a103d;filter:blur(1.4px)}
@media(max-width:760px){#experience .entry-cypress-right{display:none!important}}
@media(max-width:760px),(max-height:620px){#experience .entry-planter-accent{display:none!important}}
@media(prefers-reduced-motion:reduce){
 #experience .squirrel-lane{display:none}
 #experience .squirrel-runner,#experience .squirrel-run-atlas{will-change:auto}
}
@media print{#experience .squirrel-lane{display:none}}

/* November 7: Escalade lamps, photographic reactions and unobstructed hover edges. */
#experience #vehicleButton,#experience #scenePatrolLink{appearance:none;border:0;background:none;padding:0;margin:0;line-height:0;pointer-events:auto!important;cursor:pointer}
#experience #vehicleButton>* ,#experience #scenePatrolLink>*{pointer-events:none}
#experience :is(#vehicleButton,#scenePatrolLink,.compact-vehicle-lights):focus-visible{outline:2px solid #f3d88a;outline-offset:3px}
#experience .patrol-lightbar{left:37.4%;top:10.4%;width:17.8%;height:2.8%}
#experience .patrol-lightbar i{top:8%;height:73%;width:18%;border-radius:1px}
#experience .patrol-lightbar i:nth-child(1){left:2%}
#experience .patrol-lightbar i:nth-child(2){left:26%}
#experience .patrol-lightbar i:nth-child(3){left:50%}
#experience .patrol-lightbar i:nth-child(4){left:74%}

#experience[data-white-lights=off] .vehicle-beacons i,#experience[data-black-lights=off] .patrol-lightbar i{animation-play-state:paused!important}

#experience .flag-touch{position:absolute;left:-1px;top:0;z-index:6;display:block;border:0;padding:0;background:none;cursor:pointer;pointer-events:auto;clip-path:inset(3% 2% 3% 2%);min-width:44px;min-height:44px}
#experience .flag-touch:focus-visible{outline:2px solid #fff;outline-offset:-3px}
#experience #flagCanvas{pointer-events:none}
#experience #guardReaction>img{opacity:0!important}
#experience #guardReaction[data-reaction=welcome]>.scene-reaction-base,
#experience #guardReaction[data-reaction=shy]>.scene-reaction-alternate,
#experience #guardReaction[data-reaction=respect]>.scene-reaction-respect,
#experience #guardReaction[data-reaction=private]>.scene-reaction-private{opacity:1!important}
#experience .guard-speech{position:absolute;z-index:18;pointer-events:none;background:url('officer-speech-frame-20261107.webp') center/100% 100% no-repeat}
#experience .guard-speech[hidden]{display:none!important}
#experience .guard-speech p{position:absolute;inset:19% 10% 27%;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#1c2420;font-family:var(--command,Arial,sans-serif);font-size:17px;font-weight:600;line-height:1.15;letter-spacing:.01em;text-transform:none;text-shadow:none}
#experience .service-hover-finish{z-index:5}
#experience .service-tile .service-preview{isolation:auto!important}
#experience .service-tile .rail-figure{z-index:7}
#experience .campus-school-front{z-index:6}
#experience .campus-people-front{z-index:7}
#experience .service-tile-events .prop-radio,#experience .service-tile-events .event-credential{margin-left:-14px}
#experience .compact-vehicle-lights{display:none}
@media(max-width:760px),(max-height:620px){
 #experience .compact-vehicle-lights{display:block;position:absolute;z-index:8;right:0;bottom:0;width:97%;height:auto;max-height:70%;aspect-ratio:1772/888;appearance:none;border:0;border-radius:0;padding:0;margin:0;background:none;cursor:pointer;clip-path:polygon(59.091% 7.727%,73.182% 7.727%,73.182% 8.182%,77.045% 8.182%,77.045% 8.636%,78.182% 8.636%,78.182% 9.091%,79.318% 9.545%,79.318% 10.000%,80.227% 11.364%,80.227% 11.818%,85.000% 12.727%,85.000% 13.182%,85.682% 13.182%,85.682% 13.636%,86.591% 14.091%,86.818% 15.000%,89.318% 15.455%,89.318% 15.909%,90.909% 16.364%,90.909% 16.818%,91.364% 17.273%,91.364% 20.909%,92.045% 21.818%,92.045% 22.727%,92.500% 23.182%,92.500% 24.091%,92.727% 24.091%,92.727% 24.545%,92.955% 24.545%,92.955% 25.455%,93.409% 25.909%,93.409% 26.818%,93.864% 27.273%,94.091% 29.091%,94.545% 29.545%,94.545% 30.455%,94.773% 30.455%,95.000% 32.273%,95.227% 32.273%,95.227% 32.727%,95.455% 32.727%,95.455% 33.636%,95.682% 33.636%,95.682% 35.000%,96.136% 35.455%,96.136% 36.364%,96.364% 36.364%,96.364% 37.273%,96.591% 37.273%,96.591% 38.182%,96.818% 38.182%,96.818% 44.091%,97.045% 44.091%,97.045% 55.909%,97.273% 55.909%,97.273% 56.818%,97.500% 56.818%,97.727% 58.636%,97.955% 58.636%,97.955% 60.000%,97.727% 60.000%,97.727% 65.000%,97.500% 65.000%,97.727% 67.727%,97.500% 67.727%,97.273% 70.455%,97.045% 70.455%,97.045% 71.364%,96.818% 71.364%,96.591% 73.182%,96.364% 73.182%,95.909% 74.545%,94.545% 75.000%,94.545% 75.455%,93.636% 75.455%,93.636% 75.909%,92.955% 75.909%,92.955% 76.364%,92.273% 76.364%,92.273% 76.818%,91.591% 76.818%,91.591% 77.273%,91.364% 77.273%,91.364% 78.182%,91.136% 78.182%,91.136% 80.909%,90.909% 80.909%,90.909% 83.182%,90.682% 83.182%,90.455% 85.909%,90.227% 85.909%,90.227% 86.818%,90.000% 86.818%,89.773% 88.636%,89.318% 89.091%,89.318% 90.000%,89.091% 90.000%,89.091% 90.455%,88.864% 90.455%,88.182% 92.273%,87.955% 92.273%,87.955% 92.727%,87.500% 92.727%,87.500% 93.182%,87.045% 93.182%,87.045% 93.636%,85.682% 93.636%,85.682% 94.091%,81.364% 94.091%,81.364% 93.636%,79.773% 93.636%,79.773% 93.182%,78.864% 92.727%,78.636% 91.818%,78.182% 91.818%,78.182% 91.364%,77.955% 91.364%,77.955% 90.455%,77.273% 89.545%,77.273% 88.636%,77.045% 88.636%,77.045% 87.727%,76.818% 87.727%,76.591% 85.909%,76.364% 85.909%,76.364% 84.091%,76.136% 84.091%,76.136% 82.273%,75.909% 82.273%,75.909% 81.818%,75.682% 81.818%,75.682% 82.273%,75.227% 82.273%,75.227% 82.727%,74.773% 82.727%,74.773% 83.182%,74.318% 83.182%,74.318% 83.636%,71.136% 83.636%,71.136% 84.091%,69.318% 84.091%,69.318% 83.636%,68.636% 83.636%,68.636% 83.182%,65.000% 83.182%,65.000% 83.636%,63.636% 83.636%,63.409% 85.909%,63.182% 85.909%,63.182% 86.364%,62.955% 86.364%,62.955% 87.273%,62.045% 88.636%,62.045% 89.545%,61.591% 89.545%,61.591% 90.000%,61.364% 90.000%,61.364% 90.455%,60.909% 90.455%,60.909% 90.909%,60.000% 90.909%,60.000% 91.364%,54.773% 91.364%,54.773% 90.909%,53.864% 90.909%,53.864% 90.455%,53.409% 90.455%,53.182% 89.545%,52.727% 89.545%,52.727% 89.091%,52.273% 88.636%,52.273% 87.727%,51.591% 86.818%,51.364% 85.000%,50.682% 85.000%,50.455% 87.273%,50.227% 87.273%,50.227% 88.636%,50.000% 88.636%,49.773% 90.909%,49.318% 91.364%,49.091% 93.182%,48.864% 93.182%,48.864% 93.636%,48.636% 93.636%,48.636% 94.091%,48.409% 94.091%,48.409% 94.545%,48.182% 94.545%,47.500% 96.364%,47.273% 96.364%,47.273% 96.818%,46.818% 96.818%,46.818% 97.273%,46.364% 97.273%,46.364% 97.727%,45.455% 97.727%,45.455% 98.182%,38.636% 98.182%,38.636% 97.727%,37.727% 97.727%,37.727% 97.273%,36.818% 96.818%,36.591% 95.909%,36.136% 95.909%,36.136% 95.455%,35.455% 94.545%,35.455% 93.636%,34.773% 92.727%,34.773% 91.818%,34.545% 91.818%,34.545% 90.909%,34.318% 90.909%,34.318% 90.000%,34.091% 90.000%,34.091% 89.091%,33.864% 89.091%,33.864% 88.636%,29.545% 88.636%,29.545% 88.182%,29.318% 88.182%,29.318% 86.818%,27.955% 86.818%,27.955% 86.364%,22.045% 86.364%,22.045% 86.818%,21.818% 86.818%,21.818% 87.727%,21.591% 87.727%,21.591% 88.636%,21.364% 88.636%,21.364% 89.545%,21.136% 89.545%,21.136% 90.000%,20.909% 90.000%,20.909% 90.909%,20.227% 91.818%,20.227% 92.727%,20.000% 92.727%,20.000% 93.182%,19.545% 93.182%,19.545% 93.636%,19.318% 93.636%,19.091% 94.545%,18.636% 94.545%,18.409% 95.455%,17.727% 95.455%,17.727% 95.909%,16.591% 95.909%,16.591% 96.364%,11.364% 96.364%,11.364% 95.909%,10.227% 95.909%,10.227% 95.455%,9.545% 95.455%,9.545% 95.000%,8.636% 94.545%,8.636% 94.091%,8.409% 94.091%,8.409% 93.636%,8.182% 93.636%,8.182% 93.182%,7.273% 91.818%,7.273% 91.364%,7.045% 91.364%,6.818% 89.545%,6.591% 89.545%,6.591% 89.091%,6.364% 89.091%,6.364% 88.182%,6.136% 88.182%,6.136% 86.818%,5.909% 86.818%,5.909% 85.455%,5.682% 85.455%,5.455% 82.273%,4.318% 81.818%,4.318% 81.364%,4.091% 81.364%,4.091% 80.909%,3.636% 80.909%,3.636% 80.455%,3.409% 80.455%,3.409% 79.545%,3.182% 79.545%,3.182% 78.182%,2.955% 78.182%,2.955% 75.909%,2.727% 75.909%,2.727% 70.909%,2.500% 70.909%,2.500% 68.636%,2.727% 68.636%,2.727% 66.818%,2.955% 66.818%,2.955% 57.727%,3.182% 57.727%,3.182% 53.636%,3.409% 53.636%,3.409% 50.455%,3.636% 50.455%,3.636% 46.364%,3.864% 46.364%,3.864% 44.091%,4.091% 44.091%,4.091% 42.727%,4.318% 42.727%,4.318% 42.273%,4.545% 42.273%,5.227% 40.455%,5.455% 40.455%,5.455% 40.000%,6.364% 39.545%,6.591% 38.636%,7.045% 38.636%,7.045% 38.182%,7.500% 38.182%,7.500% 37.727%,9.091% 37.273%,9.091% 36.818%,9.773% 36.818%,9.773% 36.364%,12.045% 35.909%,12.045% 35.455%,13.409% 35.455%,13.409% 35.000%,15.000% 35.000%,15.000% 34.545%,16.591% 34.545%,16.591% 34.091%,18.409% 34.091%,18.409% 33.636%,20.227% 33.636%,20.227% 33.182%,21.136% 33.182%,21.136% 32.273%,21.364% 32.273%,21.591% 30.455%,21.818% 30.455%,22.273% 29.091%,22.955% 29.091%,22.955% 28.636%,24.091% 28.636%,24.091% 28.182%,25.000% 28.182%,25.682% 26.364%,26.136% 26.364%,26.136% 25.909%,26.364% 25.909%,26.818% 24.545%,27.273% 24.545%,27.955% 22.727%,28.409% 22.727%,28.864% 21.364%,29.318% 21.364%,29.773% 20.000%,30.227% 20.000%,30.227% 19.545%,30.455% 19.545%,30.455% 19.091%,30.909% 19.091%,31.136% 18.182%,31.591% 18.182%,31.818% 17.273%,32.273% 17.273%,32.273% 16.818%,32.727% 16.818%,32.727% 16.364%,33.182% 16.364%,33.182% 15.909%,34.091% 15.455%,34.091% 15.000%,34.773% 15.000%,34.773% 14.545%,35.455% 14.545%,35.455% 14.091%,37.045% 13.636%,37.273% 10.909%,37.500% 10.909%,37.727% 10.000%,38.409% 10.000%,38.409% 9.545%,51.136% 9.545%,51.136% 9.091%,54.091% 9.091%,54.091% 9.545%,55.000% 9.545%,55.000% 10.000%,55.455% 10.000%,55.455% 11.364%,55.682% 11.364%,55.682% 10.909%,56.591% 9.545%,56.591% 9.091%,57.045% 9.091%,57.045% 8.636%,57.500% 8.636%,57.500% 8.182%,59.091% 8.182%)}
 #experience .guard-speech p{font-size:13px}
 #experience .service-tile-events .prop-radio,#experience .service-tile-events .event-credential{margin-left:-8px}
}
@media(max-width:760px) and (max-height:520px){#experience .compact-vehicle-lights{width:73%}}
@media(prefers-reduced-motion:reduce){#experience #guardReaction>img{transition:none!important}}

/* The edge finish belongs inside each scene, below the people breaking its frame. */
#experience .service-tile.is-engaged .service-hover-finish{opacity:1}
#experience .service-tile .service-preview>.service-hover-finish{z-index:5}
#experience .service-tile-campus .campus-people-front{z-index:7}
#experience .service-tile-campus .campus-school-front{z-index:6}

/* Raised roof lightbar, stable residents and a clear selection-standard illustration. */
#experience .patrol-lightbar{left:38.7133%;top:3.6036%;width:37.1896%;height:5.1802%}
#experience .patrol-lightbar i{top:10%;height:70%;width:21%}
#experience .patrol-lightbar i:nth-child(1){left:1%}
#experience .patrol-lightbar i:nth-child(2){left:26%}
#experience .patrol-lightbar i:nth-child(3){left:51%}
#experience .patrol-lightbar i:nth-child(4){left:76%}
#experience #scenePatrolLink{filter:none}
#experience .service-tile-vehicle .service-preview::before,
#experience .service-tile-vehicle .service-preview::after,
#experience .service-tile-vehicle .service-caption::before,
#experience .service-tile-vehicle .service-caption::after,
#experience .service-tile-vehicle .patrol-open-frame{display:none!important}
#experience .service-tile.service-tile-vehicle .service-preview .service-caption{background:linear-gradient(155deg,#ffffff14,transparent 34%),linear-gradient(115deg,#1c2024,#030506);border-color:transparent}
#experience #groupReaction>.scene-reaction-base{opacity:1!important}
#experience .service-tile-patrol .rail-figure-patrol{scale:1.06!important;transform-origin:right bottom}
#experience .guard-card-prop{left:31%;width:38%;height:54%}
#experience .education-line{display:block;margin-top:2px}
@media(max-width:760px),(max-height:620px){
 #experience .guard-card-prop{left:36%;width:36%;height:40%;bottom:3%}
 #experience .education-line{display:none}
}

#experience .compact-vehicle-lights{clip-path:polygon(66.591% 1.818%,74.091% 1.818%,74.091% 2.273%,75.000% 2.273%,75.000% 2.727%,76.136% 3.182%,76.136% 4.091%,76.364% 4.091%,76.364% 9.091%,76.136% 9.091%,76.136% 9.545%,75.682% 9.545%,75.682% 10.000%,75.227% 10.000%,75.227% 10.455%,74.545% 10.455%,74.545% 10.909%,71.818% 11.364%,72.045% 12.273%,72.727% 12.273%,72.727% 12.727%,75.682% 12.727%,75.682% 13.182%,79.318% 13.182%,79.318% 13.636%,84.545% 14.091%,84.545% 14.545%,86.364% 14.545%,86.364% 15.000%,88.182% 15.000%,88.182% 15.455%,89.318% 15.455%,89.318% 15.909%,90.000% 15.909%,90.000% 16.364%,90.909% 16.818%,90.909% 17.273%,91.364% 17.727%,91.364% 20.000%,91.591% 20.000%,91.591% 20.909%,91.818% 20.909%,91.818% 21.364%,92.045% 21.364%,92.045% 22.273%,92.500% 22.727%,92.500% 23.636%,92.727% 23.636%,92.727% 24.091%,92.955% 24.091%,92.955% 25.000%,93.409% 25.455%,93.409% 26.364%,93.864% 26.818%,94.091% 28.636%,94.545% 29.091%,94.545% 30.000%,95.000% 30.455%,95.000% 31.364%,95.227% 31.364%,95.227% 32.273%,95.455% 32.273%,95.455% 33.182%,95.682% 33.182%,95.682% 34.091%,95.909% 34.091%,96.136% 35.909%,96.364% 35.909%,96.364% 36.818%,96.591% 36.818%,96.591% 37.727%,96.818% 37.727%,96.818% 40.000%,97.045% 40.000%,97.045% 45.909%,97.273% 45.909%,97.273% 55.909%,97.500% 55.909%,97.500% 56.818%,97.727% 56.818%,97.727% 57.727%,97.955% 57.727%,97.955% 64.091%,97.727% 64.091%,97.727% 66.818%,97.955% 66.818%,97.955% 68.182%,97.727% 68.182%,97.727% 69.545%,97.500% 69.545%,97.500% 70.455%,97.273% 70.455%,97.273% 71.364%,97.045% 71.364%,96.818% 73.182%,96.591% 73.182%,96.136% 74.545%,95.455% 74.545%,95.455% 75.000%,94.091% 75.455%,94.091% 75.909%,92.727% 76.364%,92.727% 76.818%,91.364% 77.273%,91.364% 80.909%,91.136% 80.909%,91.136% 83.182%,90.909% 83.182%,90.682% 85.909%,90.455% 85.909%,90.455% 86.818%,90.227% 86.818%,90.227% 87.727%,90.000% 87.727%,89.773% 89.545%,89.091% 90.455%,89.091% 91.364%,88.636% 91.364%,88.636% 92.273%,88.182% 92.273%,87.955% 93.182%,86.818% 93.636%,86.818% 94.091%,80.227% 94.091%,80.227% 93.636%,79.545% 93.636%,79.545% 93.182%,79.091% 93.182%,78.864% 92.273%,78.409% 92.273%,78.409% 91.818%,77.955% 91.364%,77.955% 90.455%,77.273% 89.545%,77.273% 88.636%,77.045% 88.636%,77.045% 87.727%,76.818% 87.727%,76.818% 86.818%,76.591% 86.818%,76.364% 84.091%,76.136% 84.091%,76.136% 82.273%,75.682% 82.273%,75.682% 82.727%,75.227% 82.727%,75.227% 83.182%,74.545% 83.182%,74.545% 83.636%,72.273% 83.636%,72.273% 84.091%,69.091% 84.091%,69.091% 83.636%,68.636% 83.636%,68.636% 83.182%,65.682% 83.182%,65.682% 83.636%,63.864% 83.636%,63.864% 84.091%,63.636% 84.091%,63.636% 85.000%,63.409% 85.000%,63.409% 85.909%,63.182% 85.909%,63.182% 86.818%,62.955% 86.818%,62.955% 87.727%,62.727% 87.727%,62.727% 88.182%,62.500% 88.182%,61.818% 90.000%,61.591% 90.000%,61.591% 90.455%,61.136% 90.455%,61.136% 90.909%,60.682% 90.909%,60.682% 91.364%,60.000% 91.364%,60.000% 91.818%,54.318% 91.818%,54.318% 91.364%,53.409% 90.909%,52.955% 89.545%,52.500% 89.545%,52.500% 88.636%,52.273% 88.636%,52.273% 88.182%,51.818% 87.727%,51.818% 86.818%,51.364% 86.364%,51.364% 85.455%,51.136% 85.455%,51.136% 85.000%,50.682% 85.000%,50.682% 86.364%,50.455% 86.364%,50.227% 89.091%,50.000% 89.091%,50.000% 90.000%,49.773% 90.000%,49.773% 90.909%,49.545% 90.909%,49.318% 92.727%,48.636% 93.636%,48.636% 94.545%,48.409% 94.545%,48.182% 95.455%,47.727% 95.455%,47.273% 96.818%,46.818% 96.818%,46.818% 97.273%,46.364% 97.273%,46.364% 97.727%,45.909% 97.727%,45.909% 98.182%,44.773% 98.182%,44.773% 98.636%,38.864% 98.636%,38.864% 98.182%,37.955% 98.182%,37.955% 97.727%,37.500% 97.727%,37.500% 97.273%,36.591% 96.818%,36.591% 96.364%,36.364% 96.364%,36.364% 95.909%,36.136% 95.909%,36.136% 95.455%,35.227% 94.091%,35.227% 93.636%,35.000% 93.636%,35.000% 92.727%,34.545% 92.273%,34.545% 91.364%,34.318% 91.364%,34.318% 90.455%,34.091% 90.455%,33.864% 88.636%,29.318% 88.636%,29.318% 86.364%,22.045% 86.364%,22.045% 87.273%,21.818% 87.273%,21.818% 88.182%,21.591% 88.182%,21.364% 90.000%,20.909% 90.455%,20.909% 91.364%,20.682% 91.364%,20.682% 91.818%,20.455% 91.818%,20.455% 92.273%,20.227% 92.273%,19.545% 94.091%,19.318% 94.091%,19.318% 94.545%,18.864% 94.545%,18.864% 95.000%,18.636% 95.000%,18.636% 95.455%,18.182% 95.455%,18.182% 95.909%,16.591% 96.364%,16.591% 96.818%,10.909% 96.818%,10.909% 96.364%,10.227% 96.364%,10.227% 95.909%,9.091% 95.455%,8.864% 94.545%,8.409% 94.545%,8.409% 94.091%,8.182% 94.091%,7.500% 92.273%,7.273% 92.273%,7.273% 91.364%,6.818% 90.909%,6.818% 90.000%,6.591% 90.000%,6.591% 89.545%,6.364% 89.545%,6.364% 88.636%,6.136% 88.636%,5.909% 85.909%,5.682% 85.909%,5.682% 84.545%,5.455% 84.545%,5.455% 82.273%,4.773% 82.273%,4.773% 81.818%,4.318% 81.818%,4.318% 81.364%,3.409% 80.909%,3.182% 78.636%,2.955% 78.636%,2.955% 77.273%,2.727% 77.273%,2.727% 75.000%,2.500% 75.000%,2.500% 73.636%,2.727% 73.636%,2.727% 71.364%,2.500% 71.364%,2.500% 67.273%,2.727% 67.273%,2.727% 62.273%,2.955% 62.273%,2.955% 55.909%,3.182% 55.909%,3.182% 51.818%,3.409% 51.818%,3.409% 49.091%,3.636% 49.091%,3.864% 44.091%,4.091% 44.091%,4.091% 43.182%,4.318% 43.182%,4.545% 41.364%,4.773% 41.364%,5.227% 40.000%,5.682% 40.000%,5.682% 39.545%,6.136% 39.545%,6.136% 39.091%,6.591% 39.091%,6.591% 38.636%,7.500% 38.182%,7.500% 37.727%,9.091% 37.273%,9.091% 36.818%,9.773% 36.818%,9.773% 36.364%,12.045% 35.909%,12.045% 35.455%,13.409% 35.455%,13.409% 35.000%,14.773% 35.000%,14.773% 34.545%,16.364% 34.545%,16.364% 34.091%,18.182% 34.091%,18.182% 33.636%,20.909% 33.182%,20.909% 32.727%,21.364% 32.273%,21.591% 30.455%,21.818% 30.455%,22.273% 29.091%,22.955% 29.091%,22.955% 28.636%,24.545% 28.636%,24.545% 28.182%,25.000% 28.182%,25.682% 26.364%,26.136% 26.364%,26.136% 25.909%,26.364% 25.909%,26.818% 24.545%,27.273% 24.545%,27.727% 23.182%,28.182% 23.182%,28.182% 22.727%,28.409% 22.727%,28.864% 21.364%,29.318% 21.364%,29.773% 20.000%,30.227% 20.000%,30.227% 19.545%,30.455% 19.545%,30.455% 19.091%,30.909% 19.091%,31.136% 18.182%,32.045% 17.727%,32.273% 16.818%,32.727% 16.818%,32.727% 16.364%,33.182% 16.364%,33.182% 15.909%,34.091% 15.455%,34.091% 15.000%,35.455% 14.545%,35.455% 14.091%,36.591% 14.091%,36.591% 13.636%,41.136% 13.182%,41.364% 12.273%,42.045% 12.273%,42.045% 11.364%,39.773% 11.364%,39.773% 10.909%,39.318% 10.909%,39.318% 10.455%,38.409% 10.000%,38.409% 4.091%,39.545% 3.636%,39.545% 3.182%,42.727% 3.182%,42.727% 2.727%,54.545% 2.727%,54.545% 2.273%,66.591% 2.273%)}

/* November 8: complete panels behind physical foreground layers. */
#experience .scene-foreground{position:absolute;left:0;top:0;z-index:25;pointer-events:none;overflow:visible}
#experience .foreground-brick-clip{position:absolute;z-index:11;overflow:clip;pointer-events:none}
#experience .foreground-brick-clip>svg{position:absolute;display:block;overflow:hidden;pointer-events:none}
#experience .entrance-wall>.entrance-wing-left{visibility:hidden}
#experience .scene-foreground #vehicleButton>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill}
#experience .home-presentation,#experience .home-services,#experience .service-tile{pointer-events:none}
#experience .service-preview,#experience .service-tile :is(button,.prop,.event-credential,.guard-card-prop){pointer-events:auto}
#experience .service-tile :is(.campus-illustration,.campus-school-front,.campus-people-front,.campus-equipment-depth),#experience .service-tile>.service-preview,#experience .service-caption{clip-path:none!important}
#experience .campus-label-material{display:none}
#experience .service-tile-campus .service-caption::before{clip-path:polygon(0 0,56% 0,50% 100%,0 100%)!important}
#experience .campus-school-front .campus-building{bottom:8%}
#experience .service-tile{--panel-gloss:linear-gradient(164deg,#ffffff65 0%,#ffffff10 20%,#ffffff02 36%,transparent 45%,#0006 100%),linear-gradient(110deg,#254b3b,#0d241b)}
#experience .service-tile-campus{--panel-gloss:linear-gradient(164deg,#ffffff60 0%,#ffffff0c 24%,transparent 42%,#0007 100%),linear-gradient(110deg,#79624c,#3c281c)}
#experience .service-tile-events{--panel-gloss:linear-gradient(164deg,#fffce5b3 0%,#fff5c921 24%,transparent 44%,#50350b55 100%),linear-gradient(110deg,#e1ca82,#ac8438)}
#experience .service-tile-vehicle{--panel-gloss:linear-gradient(164deg,#ffffff55 0%,#ffffff10 22%,transparent 43%,#000a 100%),linear-gradient(110deg,#262a30,#020304)}
#experience .service-tile .service-caption::before{background:var(--panel-gloss)!important}
#experience .service-tile-vehicle .service-caption{background:var(--panel-gloss)!important}
#experience .service-preview{filter:drop-shadow(0 5px 5px #0004)!important}
#experience .service-tile .service-caption-text{gap:8px!important}
#experience .service-tile .service-caption-text>span{display:flex!important;flex-direction:column;gap:4px!important;line-height:1.2!important}
#experience .service-subline{display:block;margin:0!important;line-height:1.2;letter-spacing:.025em;font-weight:500}
#experience .patrol-lightbar{left:44.1874%;top:7.6577%;width:24.7743%;height:3.6036%}
#experience .compact-vehicle-lights{clip-path:polygon(49.545% 6.364%,68.182% 6.364%,68.182% 6.818%,69.318% 7.273%,69.318% 11.818%,69.091% 11.818%,69.091% 12.273%,69.773% 12.273%,69.773% 12.727%,75.682% 12.727%,75.682% 13.182%,79.545% 13.182%,79.545% 13.636%,82.045% 13.636%,82.045% 14.091%,84.545% 14.091%,84.545% 14.545%,86.591% 14.545%,86.591% 15.000%,88.409% 15.000%,88.409% 15.455%,89.545% 15.455%,89.545% 15.909%,90.227% 15.909%,90.227% 16.364%,91.136% 16.818%,91.136% 17.273%,91.591% 17.727%,91.591% 20.000%,91.818% 20.000%,91.818% 20.909%,92.273% 21.364%,92.273% 22.273%,92.955% 23.182%,92.955% 24.091%,93.182% 24.091%,93.182% 24.545%,93.409% 24.545%,93.409% 25.455%,93.864% 25.909%,93.864% 26.818%,94.318% 27.273%,94.318% 28.182%,94.545% 28.182%,94.773% 30.000%,95.227% 30.455%,95.227% 31.364%,95.455% 31.364%,95.455% 32.273%,95.682% 32.273%,95.682% 33.182%,95.909% 33.182%,96.136% 35.000%,96.364% 35.000%,96.364% 35.909%,96.818% 36.364%,97.045% 39.091%,97.273% 39.091%,97.273% 44.091%,97.500% 44.091%,97.500% 55.455%,97.727% 55.455%,97.727% 56.818%,97.955% 56.818%,98.182% 58.636%,98.409% 58.636%,98.409% 60.909%,98.182% 60.909%,98.182% 65.455%,97.955% 65.455%,97.955% 66.364%,98.182% 66.364%,98.182% 68.182%,97.955% 68.182%,97.955% 69.545%,97.727% 69.545%,97.727% 70.455%,97.500% 70.455%,97.500% 71.364%,97.273% 71.364%,97.045% 73.182%,96.818% 73.182%,96.364% 74.545%,95.455% 75.000%,95.455% 75.455%,94.091% 75.909%,94.091% 76.364%,92.727% 76.818%,92.727% 77.273%,91.818% 77.273%,91.818% 78.636%,91.591% 78.636%,91.591% 81.818%,91.364% 81.818%,91.364% 84.091%,91.136% 84.091%,91.136% 85.455%,90.909% 85.455%,90.909% 86.364%,90.682% 86.364%,90.682% 87.273%,90.455% 87.273%,90.227% 89.091%,89.773% 89.545%,89.773% 90.455%,89.545% 90.455%,89.545% 90.909%,89.318% 90.909%,88.636% 92.727%,88.409% 92.727%,88.409% 93.182%,87.955% 93.182%,87.955% 93.636%,87.500% 93.636%,87.500% 94.091%,86.591% 94.091%,86.591% 94.545%,81.136% 94.545%,81.136% 94.091%,80.000% 94.091%,80.000% 93.636%,79.318% 93.636%,79.318% 93.182%,79.091% 93.182%,79.091% 92.727%,78.636% 92.727%,78.636% 92.273%,77.955% 91.364%,77.955% 90.455%,77.500% 90.000%,77.500% 89.091%,77.273% 89.091%,77.273% 88.182%,77.045% 88.182%,76.818% 86.364%,76.591% 86.364%,76.591% 85.000%,76.364% 85.000%,76.364% 83.182%,76.136% 83.182%,76.136% 82.273%,75.909% 82.273%,75.909% 82.727%,75.455% 82.727%,75.455% 83.182%,75.000% 83.182%,75.000% 83.636%,74.091% 83.636%,74.091% 84.091%,71.818% 84.091%,71.818% 84.545%,70.000% 84.545%,70.000% 84.091%,69.091% 84.091%,69.091% 83.636%,68.636% 83.636%,68.636% 83.182%,67.727% 83.182%,67.727% 83.636%,64.091% 83.636%,64.091% 84.091%,63.864% 84.091%,63.636% 86.364%,63.409% 86.364%,63.409% 86.818%,63.182% 86.818%,63.182% 87.727%,62.500% 88.636%,62.500% 89.545%,62.273% 89.545%,62.273% 90.000%,61.818% 90.000%,61.591% 90.909%,60.682% 91.364%,60.682% 91.818%,54.545% 91.818%,54.545% 91.364%,53.864% 91.364%,53.864% 90.909%,52.955% 90.455%,52.955% 90.000%,52.045% 88.636%,52.045% 87.727%,51.591% 87.273%,51.364% 85.455%,50.909% 85.455%,50.682% 87.727%,50.455% 87.727%,50.455% 89.091%,50.227% 89.091%,50.227% 90.000%,50.000% 90.000%,50.000% 90.909%,49.773% 90.909%,49.545% 92.727%,48.864% 93.636%,48.864% 94.545%,48.636% 94.545%,47.955% 96.364%,47.500% 96.364%,47.500% 96.818%,47.273% 96.818%,47.045% 97.727%,46.591% 97.727%,46.591% 98.182%,45.909% 98.182%,45.909% 98.636%,43.864% 98.636%,43.864% 99.091%,40.455% 99.091%,40.455% 98.636%,38.409% 98.636%,38.409% 98.182%,37.727% 98.182%,37.727% 97.727%,37.273% 97.727%,37.273% 97.273%,36.364% 96.818%,36.364% 96.364%,36.136% 96.364%,35.455% 94.545%,35.227% 94.545%,35.227% 93.636%,34.773% 93.182%,34.773% 92.273%,34.545% 92.273%,34.545% 91.364%,34.318% 91.364%,34.318% 90.455%,34.091% 90.455%,34.091% 89.091%,29.318% 88.636%,29.318% 86.818%,22.045% 86.818%,22.045% 87.273%,21.818% 87.273%,21.818% 88.182%,21.591% 88.182%,21.591% 89.091%,21.364% 89.091%,21.364% 90.000%,21.136% 90.000%,21.136% 90.455%,20.909% 90.455%,20.909% 91.364%,20.227% 92.273%,20.227% 93.182%,20.000% 93.182%,19.773% 94.091%,19.318% 94.091%,18.864% 95.455%,18.409% 95.455%,18.409% 95.909%,17.955% 95.909%,17.955% 96.364%,17.500% 96.364%,17.500% 96.818%,12.500% 97.273%,12.500% 96.818%,10.000% 96.818%,10.000% 96.364%,8.864% 95.909%,8.864% 95.455%,8.636% 95.455%,8.636% 95.000%,8.409% 95.000%,8.409% 94.545%,8.182% 94.545%,8.182% 94.091%,7.273% 92.727%,7.273% 92.273%,7.045% 92.273%,7.045% 91.364%,6.591% 90.909%,6.591% 90.000%,6.364% 90.000%,6.364% 89.091%,6.136% 89.091%,6.136% 88.182%,5.909% 88.182%,5.682% 85.455%,5.455% 85.455%,5.455% 83.636%,5.227% 83.636%,5.227% 82.727%,5.000% 82.727%,5.000% 82.273%,4.318% 82.273%,4.091% 81.364%,3.636% 81.364%,3.636% 80.909%,3.182% 80.455%,3.182% 79.545%,2.955% 79.545%,2.955% 77.727%,2.727% 77.727%,2.727% 76.364%,2.500% 76.364%,2.500% 73.182%,2.727% 73.182%,2.727% 72.727%,2.500% 72.727%,2.500% 67.273%,2.727% 67.273%,2.727% 62.273%,2.955% 62.273%,2.955% 55.455%,3.182% 55.455%,3.409% 47.727%,3.636% 47.727%,3.636% 45.909%,3.864% 45.909%,3.864% 44.091%,4.091% 44.091%,4.318% 41.818%,4.545% 41.818%,4.545% 41.364%,5.455% 40.000%,5.455% 39.545%,6.591% 39.091%,6.591% 38.636%,7.045% 38.636%,7.045% 38.182%,7.500% 38.182%,7.500% 37.727%,8.864% 37.273%,8.864% 36.818%,9.773% 36.818%,9.773% 36.364%,10.682% 36.364%,10.682% 35.909%,11.818% 35.909%,11.818% 35.455%,12.955% 35.455%,12.955% 35.000%,14.545% 35.000%,14.545% 34.545%,15.909% 34.545%,15.909% 34.091%,17.727% 34.091%,17.727% 33.636%,19.545% 33.636%,19.545% 33.182%,20.682% 33.182%,20.682% 32.727%,21.136% 32.727%,21.136% 32.273%,21.364% 32.273%,21.591% 30.455%,21.818% 30.455%,22.273% 29.091%,22.955% 29.091%,22.955% 28.636%,24.545% 28.636%,24.545% 28.182%,25.000% 28.182%,25.000% 27.727%,25.909% 26.364%,25.909% 25.909%,26.364% 25.909%,26.364% 25.455%,26.591% 25.455%,26.818% 24.545%,27.273% 24.545%,27.727% 23.182%,28.182% 23.182%,28.864% 21.364%,29.318% 21.364%,29.318% 20.909%,29.545% 20.909%,29.545% 20.455%,30.000% 20.455%,30.227% 19.545%,30.682% 19.545%,30.682% 19.091%,30.909% 19.091%,30.909% 18.636%,31.364% 18.636%,31.591% 17.727%,32.045% 17.727%,32.273% 16.818%,32.727% 16.818%,32.727% 16.364%,33.182% 16.364%,33.182% 15.909%,34.091% 15.455%,34.091% 15.000%,35.455% 14.545%,35.455% 14.091%,36.591% 14.091%,36.591% 13.636%,38.409% 13.636%,38.409% 13.182%,42.500% 13.182%,42.500% 12.727%,44.091% 12.727%,44.091% 12.273%,43.864% 12.273%,43.864% 7.727%,44.091% 7.727%,44.091% 7.273%,44.773% 7.273%,44.773% 6.818%,49.545% 6.818%)}
#experience .squirrel-run-atlas{opacity:0}
@media(min-width:761px) and (max-height:760px){
 #experience .service-tile .service-caption-text>span{font-size:10.5px!important;gap:3px!important}
}
@media(max-width:760px),(max-height:620px){#experience .service-subline.education-line{display:none!important}}
@media(max-width:760px) and (max-height:520px){#experience .service-tile .service-caption-text>span{display:none!important}}

/* Consistent contrast and a foreground planter tucked behind the service edge. */
#experience .service-tile.service-tile-campus .service-preview .service-caption::before{content:"";display:block!important;position:absolute;inset:0;z-index:4;border-radius:12px;background:var(--panel-gloss)!important;clip-path:polygon(0 0,56% 0,50% 100%,0 100%)!important}
#experience .service-tile.service-tile-campus .campus-school-front .campus-building{bottom:8%!important}
#experience .scene-foreground .entry-planter-accent{z-index:5;pointer-events:none}

@media(min-width:761px) and (max-width:1100px){#experience .service-tile .service-caption-text>span{font-size:10.5px!important;gap:3px!important}}

@media(min-width:761px) and (max-height:820px){#experience .service-tile.service-tile-campus .service-preview .service-caption{justify-content:flex-start;padding-top:12px}}

#experience .service-tile.service-tile-campus .service-preview .service-caption{justify-content:flex-start;padding-top:12px}
@media(min-width:761px) and (max-height:700px){
 #experience .service-tile .service-caption-text>strong{font-size:23px!important}
 #experience .service-tile .service-caption-text{gap:6px!important}
 #experience .service-tile .service-caption-text>span{gap:2px!important}
}

/* Full graphics are occluded by real layers, without cropping the planter or wall. */
#experience #homePresentation,#experience #homeServices{z-index:auto!important;isolation:auto!important;contain:none!important;will-change:auto!important;transform:none!important;filter:none!important;clip-path:none!important;mask-image:none!important}
#experience .home-services>.service-tile{z-index:20!important}
#experience .home-services>.service-tile-events{z-index:30!important}
#experience .reading-panel{z-index:30!important}
#experience .foreground-brick-clip{overflow:visible!important}
#experience .entrance-wall>.entrance-wing{visibility:hidden}
#experience .entry-planter-accent{clip-path:none!important}
@media(prefers-reduced-motion:reduce){#experience .estate-dove-corridor{display:none}}

#experience .service-carousel-controls{position:relative;z-index:30!important}

/* November 8: quieter footer, purposeful service frames and natural foreground depth. */
.page-credit{justify-content:flex-start;flex-wrap:wrap;column-gap:12px;row-gap:3px}
.page-credit .copyright{width:auto!important}
.page-credit a{margin-left:0!important}
#experience .scene-foreground .entry-cypress-right{z-index:1}
#experience .foreground-brick-clip,#experience .foreground-brick-clip>svg{filter:none!important;box-shadow:none!important}
#experience .service-tile .service-preview{filter:drop-shadow(0 8px 8px #0008) drop-shadow(0 2px 3px #0006)!important}
#experience .service-tile.service-tile-campus .service-preview .service-caption{justify-content:center!important;padding-block:18px!important}
#experience .service-tile-campus .service-caption-text{transform:translateY(var(--campus-copy-offset,0px))!important}
#experience .service-tile.service-tile-vehicle .service-preview{filter:none!important;pointer-events:none}
#experience .service-tile-vehicle .service-caption{border-radius:12px!important;box-shadow:0 8px 14px #0009,0 2px 4px #0006!important;pointer-events:auto}
#experience .service-tile-vehicle .service-preview>.service-hover-finish{left:var(--patrol-caption-left,0px)!important;right:0!important;width:auto!important}
@media(max-width:760px),(max-height:620px){
 #experience .service-tile-vehicle .service-preview>.service-hover-finish{left:0!important}
}

/* November 8: crisp cypress, layered right planter and a complete wall-top flower bed. */
#experience .scene-foreground .entry-planter-right{z-index:7}
#experience .scene-foreground .entry-cypress-right{z-index:1;overflow:visible}
#experience .entry-cypress-right img{object-fit:contain;image-rendering:auto;filter:none;scale:1 1}
#experience .walltop-florals{position:absolute;z-index:19;pointer-events:none;overflow:visible}
#experience .walltop-florals img{display:block;width:100%;height:100%;object-fit:contain;filter:none}
@media(max-width:760px),(max-height:620px){#experience .walltop-florals{display:none!important}}

/* November 8: one cypress lighting family and foreground wall-top flowers. */
#experience .entry-cypress-left{overflow:visible}
#experience .entry-cypress-left img{object-fit:contain;image-rendering:auto;filter:none}
#experience .scene-cypresses img{object-fit:contain;image-rendering:auto;filter:none}
#experience .scene-foreground .walltop-florals{z-index:6}

#experience .scene-cypresses{z-index:3}

/* November 8: quiet, independent character reactions and restrained visual refinements. */
#experience .flag-mast,#experience #flagCanvas{pointer-events:none!important;cursor:default}
#experience #groupReaction>.scene-reaction-base{opacity:1!important}
#experience #groupReaction[aria-pressed=true]>.scene-reaction-base{opacity:0!important}
#experience #groupReaction>.group-viewer-photo{opacity:0!important}
#experience #groupReaction[aria-pressed=true]>.group-viewer-photo{opacity:1!important}
#experience #groupReaction>img{object-fit:fill;transition:opacity 140ms ease-out}
#experience .service-hover-finish{box-shadow:inset 0 0 0 1px #ffffffe8,0 0 7px 1px #ffffff70,0 0 14px #ffffff2e;transition:opacity 160ms ease-out}
#experience .assessment-action em{color:#3d3424;line-height:1.3}
@media(min-width:761px) and (min-height:621px){#experience .assessment-action em{font-size:10.5px}}
@media(max-width:760px){#experience .scene-cypresses{display:none!important}}
@media(prefers-reduced-motion:reduce){#experience #groupReaction>img,#experience .service-hover-finish{transition:none!important}}

/* November 8: complementary photo fades stay solid, with a softer return to rest. */
#experience .scene-reaction{isolation:isolate;--pose-fade:210ms}
#experience .scene-reaction[aria-pressed=true]{--pose-fade:160ms}
#experience #guardReaction>img,#experience #groupReaction>img{mix-blend-mode:plus-lighter;transition:opacity var(--pose-fade) cubic-bezier(.22,.61,.36,1)}
@media(min-width:761px) and (max-width:1100px) and (min-height:621px){
 #experience .service-tile-patrol .guard-card-prop{left:43%;width:29%;height:46%;bottom:2%}
 #experience .service-tile-campus .prop-clipboard{left:62%;width:20%;height:43%;bottom:2%}
 #experience .service-tile-campus .prop-cuffs{left:54%;width:26%;height:25%;bottom:0}
}
@media(prefers-reduced-motion:reduce){#experience .scene-reaction>img{transition:none!important}}

/* November 8: pause the flash sequence; retain the original physical amber lenses. */
#experience .vehicle-beacons::after,#experience .patrol-lightbar::after{content:none!important;display:none!important}
#experience .assessment-action{
 grid-template-columns:60px minmax(0,1fr) 26px;column-gap:11px;padding:8px 12px;
 border:1px solid #b38f4e;border-radius:10px;
 background:linear-gradient(162deg,#fff3ce99 0%,#ffffff0d 28%,transparent 50%,#85612733 100%),linear-gradient(110deg,#eddaa1,#d0ae65 58%,#b7934b);
 box-shadow:inset 0 1px #fff8e1,inset 0 -1px #89662d80,0 5px 13px #0003;
 transition:border-color 160ms ease-out,box-shadow 160ms ease-out;transform:none
}
#experience .assessment-action .assessment-seal{
 display:grid;place-items:center;width:60px;height:64px;margin:0;padding:0;align-self:center;
 position:relative;inset:auto;z-index:2;overflow:visible;background:none;border:0;border-radius:0;box-shadow:none
}
#experience .assessment-action .assessment-badge{display:block;width:60px;height:60px;max-width:none;object-fit:contain;filter:drop-shadow(0 2px 2px #49321d66);pointer-events:none}
#experience .assessment-action>.assessment-button-copy{gap:5px;z-index:2}
#experience .assessment-action strong{letter-spacing:.035em}
#experience .assessment-action>span.assessment-arrow{
 position:relative;inset:auto;display:grid;place-items:center;width:26px;height:28px;align-self:center;z-index:2;
 margin:0;padding:0;border:1px solid #fff5d388;border-radius:6px;
 background:linear-gradient(160deg,#343b37,#171e1b);box-shadow:inset 0 1px #ffffff40,0 1px 2px #71532655;color:#f0d895
}
#experience .assessment-action>span.assessment-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#experience .assessment-action:hover,#experience .assessment-action:focus-visible{
 border-color:#fff9e4;box-shadow:inset 0 1px #fff9e4,inset 0 -1px #89662d80,0 0 0 1px #ffffffc9,0 0 12px #ffffff8c,0 6px 14px #0003;
 transform:none
}
#experience .assessment-action:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:1279px),(max-height:620px){
 #experience .assessment-action{grid-template-columns:46px minmax(0,1fr) 22px;column-gap:9px;padding:8px 10px}
 #experience .assessment-action .assessment-seal{width:46px;height:48px}
 #experience .assessment-action .assessment-badge{width:46px;height:46px}
 #experience .assessment-action>span.assessment-arrow{width:22px;height:25px}
}
@media(max-width:760px){
 #experience .assessment-action{grid-template-columns:42px minmax(0,1fr) 20px;column-gap:8px;padding:8px 9px}
 #experience .assessment-action .assessment-seal{width:42px;height:44px}
 #experience .assessment-action .assessment-badge{width:42px;height:42px}
 #experience .assessment-action>span.assessment-arrow{width:20px;height:24px}
 #experience .assessment-action>span.assessment-arrow svg{width:15px;height:15px}
}
@media(max-width:360px){
 #experience .assessment-action{grid-template-columns:36px minmax(0,1fr);column-gap:8px;padding:7px}
 #experience .assessment-action .assessment-seal{width:36px;height:40px}
 #experience .assessment-action .assessment-badge{width:36px;height:36px}
 #experience .assessment-action>span.assessment-arrow{display:none}
}
@media(prefers-reduced-motion:reduce){#experience .assessment-action{transition:none}}

#experience .assessment-action>.assessment-seal{grid-column:1;grid-row:1}
#experience .assessment-action>.assessment-button-copy{grid-column:2;grid-row:1}
#experience .assessment-action>span.assessment-arrow{grid-column:3;grid-row:1}