/* Interactive review: motion layers keep the approved typography and palette. */
.production-video{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:55% 50%;transition:opacity .7s ease;background:#171817}
.hero.show-product-photos .production-video{opacity:0;pointer-events:none}
.hero:has(.production-video) .hero-shade{background:linear-gradient(90deg,#101110e6 0%,#101110a3 44%,#10111018 100%),linear-gradient(0deg,#101110fa 0%,#10111077 25%,transparent 70%)}
.hero:has(.production-video) .hero-content{padding-bottom:30px}
.media-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 6% 32px;position:relative;z-index:1}
.media-controls button{color:#fff;background:#17181777;border:1px solid #ffffff55;padding:12px 16px;min-height:44px;font-size:14px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .25s,border-color .25s}
.media-controls button.is-active{background:#bc9b60;color:#171817;border-color:#bc9b60}
.media-controls button:hover{border-color:#bc9b60}
.media-controls .media-pause{margin-left:auto}
.office-experience{background:#eae6dc;border-top:1px solid var(--line)}
.map-intro{max-width:360px;font-size:17px;color:var(--muted)}
.office-map-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,2fr);border:1px solid #bbb19d;background:var(--paper)}
.office-selector{padding:32px;min-width:0}
.office-tabs{display:grid;gap:14px}
.office-tabs button{text-align:left;padding:24px;border:1px solid #c8c0b2;background:transparent;color:var(--ink);transition:background .25s,color .25s,box-shadow .25s}
.office-tabs button[aria-selected=true]{background:#20211f;color:#fff;box-shadow:inset 3px 0 var(--brass)}
.office-tabs span{display:block;font-size:12px;letter-spacing:.12em;color:#8c744e}
.office-tabs button[aria-selected=true] span{color:#d2b480}
.office-tabs b{display:block;font:italic 38px/1.2 Editorial,Georgia,serif;margin:10px 0}
.office-tabs small{font-size:14px}
#office-panel{padding-top:25px;font-size:16px;line-height:1.65}
#office-map-link{display:inline-block;margin-top:17px;border-bottom:1px solid var(--brass)}
.map-location-note{font-size:12px;margin-top:16px;color:var(--muted)}
.office-map-frame{min-height:570px;background:#e4e3dc;overflow:hidden;border-left:1px solid #bbb19d}
.office-map-frame iframe{display:block;width:100%;height:100%;min-height:570px;border:0}
.image-card .card-image{position:relative;isolation:isolate;transform-style:preserve-3d}
.image-card .card-image:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#fff3,transparent 58%);opacity:0;transition:opacity .3s;pointer-events:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html:not(.motion-off) .image-card .card-image{transition:transform .25s ease-out,box-shadow .3s}
 html:not(.motion-off) .image-card:hover .card-image{transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-7px);box-shadow:0 22px 35px #0003}
 html:not(.motion-off) .image-card:hover img{transform:scale(1.045);transition:transform .7s}
 html:not(.motion-off) .image-card:hover .card-image:after{opacity:1}
}
@media(max-width:800px){.office-map-layout{grid-template-columns:1fr}.office-selector{padding:22px}.office-tabs{grid-template-columns:1fr 1fr}.office-tabs button{padding:18px 14px}.office-tabs b{font-size:29px}.office-map-frame{border-left:0;border-top:1px solid #bbb19d;min-height:390px}.office-map-frame iframe{min-height:390px}.media-controls{margin:0 24px 30px}.media-controls button{padding:10px 12px}.media-controls .media-pause{margin-left:0}.map-intro{max-width:none}.hero:has(.production-video) .hero-content{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){.production-video,.office-tabs button,.media-controls button{transition:none}.image-card .card-image,.image-card:hover img{transform:none!important}.image-card .card-image:after{display:none}}
#office-map{height:100%;min-height:570px;background:#e4e3dc;z-index:0;font-family:Body,Arial,sans-serif}
#office-map .leaflet-control-attribution{font-size:12px;padding:3px 7px;color:#20211f}
#office-map .leaflet-control-zoom a{color:#20211f;background:#f5f3ee}
@media(max-width:800px){#office-map{height:390px;min-height:390px}}
/* All ambient page videos load and play silently without visible controls. */
.segment-video{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:50% 50%;background:#171817}
.editorial-hero[data-segment] .editorial-hero-media{visibility:hidden}
.editorial-hero[data-segment] .editorial-hero-shade{background:linear-gradient(90deg,#11140fee 0%,#11140fb0 45%,#11140f22 100%),linear-gradient(0deg,#11140f77,transparent 60%)}
.editorial-hero[data-segment="packaging"] .segment-video{left:0;width:100%;object-position:35% 50%}
@media(max-width:700px){.editorial-hero[data-segment="packaging"] .segment-video{left:0;width:100%;object-position:37% 50%}.editorial-hero[data-segment] .editorial-hero-shade{background:linear-gradient(90deg,#11140fe0,#11140f77),linear-gradient(0deg,#11140fa0,transparent 75%)}}