/* Regency Robotics — regencyrobotics.ai
   Five pages, rebuilt 13 September 2026. Open Sans self-hosted.
   Navy #14243B, white, black #111111, hairlines #C9CED6.
   Gold #B08A3E on the email address and the map. */

@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;
  src:url("../fonts/open-sans-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-display:swap;
  src:url("../fonts/open-sans-latin-700-normal.woff2") format("woff2")}

:root{
  --navy:#14243B;--white:#FFFFFF;--black:#111111;--rule:#C9CED6;--gold:#B08A3E;
  --ease:cubic-bezier(.22,1,.36,1);
  --gutter:clamp(24px,5vw,72px);
  --head:92px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:400;font-size:17px;line-height:1.65;
  color:var(--navy);background:var(--white);overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:700;line-height:1.05;letter-spacing:-0.025em;text-wrap:balance}
h1{font-size:clamp(34px,4.1vw,52px);margin-bottom:24px}
h2{font-size:clamp(26px,2.6vw,36px);margin-bottom:20px}
h3{font-size:17px;line-height:1.4;letter-spacing:-0.005em;margin-bottom:6px}
p{max-width:62ch}
p + p{margin-top:1em}
.caption{line-height:1.5;margin-top:12px;max-width:none}
figure{margin:0}

/* language switch */
html[lang="en"] [data-es]{display:none !important}
html[lang="es"] [data-en]{display:none !important}
main{transition:opacity .25s ease}
main.switching{opacity:0}

/* ---------- panels ---------- */
.panel{position:relative;background:var(--white);display:grid;grid-template-columns:minmax(0,1fr);align-content:start;
  padding:clamp(52px,5.5vw,88px) var(--gutter)}
.panel.navy{color:var(--white)}
.panel.tight{padding-block:clamp(40px,4vw,64px)}
h2.solo{margin-bottom:clamp(26px,3vw,44px)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,3.5vw,56px);align-items:start}
.band-link .more{margin-top:18px}
.panel.navy::before{content:"";position:absolute;inset:0;background:var(--navy);z-index:0;
  clip-path:inset(100% 0 0 0);transition:clip-path 1.1s var(--ease)}
.panel.navy.in::before{clip-path:inset(0 0 0 0)}
.panel > *{position:relative;z-index:1}
.wrap{width:100%;min-width:0;max-width:1320px;margin:0 auto}
.grid{display:grid;gap:clamp(40px,6vw,96px);align-items:start}
.grid-5-7{grid-template-columns:5fr 7fr}
.grid-7-5{grid-template-columns:7fr 5fr}
.fin-grid{grid-template-columns:minmax(0,1fr) 210px;gap:clamp(40px,5vw,72px)}
.sticky{position:sticky;top:120px}

/* page opener on inner pages: room for the fixed header */
.panel.head{padding-top:calc(var(--head) + clamp(36px,3.6vw,56px))}
.photo-head{min-height:72vh;background:var(--navy)}
.photo-head .photo,.contact .photo{position:absolute;inset:0;z-index:0}
.photo-head .photo img,.contact .photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.photo-head .photo::after,.contact .photo::after{content:"";position:absolute;inset:0;background:rgba(20,36,59,.82)}
.photo-head::before{display:none}

/* band: heading left, opening sentence beside it, content full width underneath */
.band{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.5fr);
  gap:clamp(24px,3.2vw,56px);align-items:start;margin-bottom:clamp(26px,3vw,44px)}
.band h1,.band h2{margin:0}
.band .more{margin-top:22px}
.band > p{align-self:end}

/* columns of equal weight under a band */
.cols{display:grid;gap:0 clamp(24px,3vw,52px);border-top:1px solid var(--rule)}
.cols.c2{grid-template-columns:repeat(2,1fr)}
.cols.c3{grid-template-columns:repeat(3,1fr)}
.cols.c4{grid-template-columns:repeat(4,1fr)}
.cols > div{position:relative;padding:26px 0 30px}
.cols.c2 > div,.cols.c3 > div,.cols.c4 > div{border-bottom:1px solid var(--rule)}
.cols > div::before{content:"";position:absolute;left:0;top:-1px;height:3px;width:0;background:currentColor;transition:width .6s var(--ease)}
.cols > div:hover::before{width:100%}
.cols h3{margin-bottom:8px}
.cols p{max-width:42ch}
.cols .fig{display:block;font-size:clamp(28px,2.6vw,36px);font-weight:700;line-height:1;letter-spacing:-0.02em;margin-bottom:10px}

/* a row of photographs, all at their own proportions */
.photos-row{display:flex;align-items:flex-start;gap:clamp(14px,1.6vw,24px)}
.photos-row > figure{min-width:0}
.photo-wide{margin-bottom:clamp(16px,2vw,28px)}

/* page opener with a photograph beside the text */
.open-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,3.5vw,56px);align-items:start;margin-top:clamp(22px,2.4vw,34px)}
.open-grid p{max-width:none}
.open-grid > p + p{padding-left:clamp(28px,3.5vw,56px);border-left:1px solid rgba(255,255,255,.3)}
.open-photo{margin:0}

/* ---------- header ---------- */
.site-header{position:fixed;top:0;left:0;right:0;z-index:20;padding:0 var(--gutter);transition:background .4s ease}
.site-header .bar{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--head);
  border-bottom:1px solid transparent;transition:border-color .4s ease}
.site-header .brand img{height:40px;width:auto}
.site-header .brand .navy-mark{display:none}
.site-header.solid{background:var(--white)}
.site-header.solid .bar{border-color:var(--rule)}
.site-header.solid .brand .white-mark{display:none}
.site-header.solid .brand .navy-mark{display:block}
.site-header .right{display:flex;align-items:center;gap:18px}

.nav{position:absolute;left:50%;top:0;height:100%;transform:translateX(-50%);display:flex;align-items:center;gap:36px}
.nav a{position:relative;display:block;padding:8px 0;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--white);opacity:.72;transition:opacity .3s ease,color .3s ease;white-space:nowrap}
.nav a:hover,.nav a.active{opacity:1}
.site-header.solid .nav a{color:var(--navy)}
.nav-line{position:absolute;bottom:22px;left:0;height:2px;width:0;background:var(--white);
  transition:left .5s var(--ease),width .5s var(--ease),background .3s ease;opacity:0}
.nav-line.on{opacity:1}
.site-header.solid .nav-line{background:var(--navy)}

.lang-switch{display:flex}
.lang-switch button{font:inherit;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--white);background:transparent;
  border:1px solid rgba(255,255,255,.6);border-radius:0;padding:8px 16px;cursor:pointer;margin:0;
  transition:background .25s ease,color .25s ease,border-color .25s ease}
.lang-switch button + button{border-left:0}
.lang-switch button[aria-pressed="true"]{background:var(--white);color:var(--navy);border-color:var(--white)}
.site-header.solid .lang-switch button{color:var(--navy);border-color:var(--rule)}
.site-header.solid .lang-switch button[aria-pressed="true"]{background:var(--navy);color:var(--white);border-color:var(--navy)}
.lang-switch button:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* ---------- curtain: intro on the first visit, wipe between pages ---------- */
.curtain{position:fixed;inset:0;z-index:60;background:var(--navy);display:grid;place-items:center;
  transition:clip-path .8s var(--ease);clip-path:inset(0 0 0 0)}
.curtain img{height:44px;width:auto;opacity:0;transform:translateY(12px);transition:opacity .6s ease .15s,transform .6s var(--ease) .15s}
.curtain i{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--white);transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease) .2s}
.curtain.show img{opacity:1;transform:none}
.curtain.show i{transform:scaleX(1)}
.curtain.up{clip-path:inset(0 0 100% 0)}
.curtain.hidden{clip-path:inset(100% 0 0 0);visibility:hidden}
.curtain.closing{visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path .55s var(--ease)}
html:not(.js) .curtain{display:none}

/* ---------- hero (Company) ---------- */
.hero{min-height:100vh;min-height:100svh;align-content:center;color:var(--white);overflow:hidden;background:var(--navy);
  padding:calc(var(--head) + var(--gutter) * .6) var(--gutter) calc(var(--gutter) * 1.4)}
.hero .photo{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero .photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero .photo::after{content:"";position:absolute;inset:0;background:rgba(20,36,59,.78)}
.hero h1{max-width:none;margin-bottom:22px}
.hero .meta{margin-top:32px;letter-spacing:.02em}
.hero .cue{position:absolute;left:var(--gutter);bottom:36px;z-index:1;display:flex;align-items:center;gap:12px;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.hero .cue i{display:block;width:1px;height:48px;background:var(--white);animation:cue 2.2s var(--ease) infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

.lines .l{display:block;overflow:hidden}
.lines .l > span{display:block;transform:translateY(110%);transition:transform 1s var(--ease)}
.loaded .hero .lines .l > span{transform:translateY(0)}
.lines .l:nth-child(2) > span{transition-delay:.08s}
html:not(.js) .lines .l > span{transform:none}

/* word-by-word heading reveal */
.js h1 .w,.js h2 .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.18em;margin-bottom:-.18em}
.js h1 .w > span,.js h2 .w > span{display:inline-block;transform:translateY(105%);transition:transform .9s var(--ease)}
.js .in h1 .w > span,.js .in h2 .w > span{transform:none}
.js .w:nth-child(2) > span{transition-delay:.06s}.js .w:nth-child(3) > span{transition-delay:.12s}
.js .w:nth-child(4) > span{transition-delay:.18s}.js .w:nth-child(5) > span{transition-delay:.24s}
.js .w:nth-child(6) > span{transition-delay:.3s}.js .w:nth-child(n+7) > span{transition-delay:.36s}

/* ---------- reveals ---------- */
.js .r{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .in .r,.js .r.in{opacity:1;transform:none}
.js .r-2{transition-delay:.12s}.js .r-3{transition-delay:.24s}.js .r-4{transition-delay:.36s}.js .r-5{transition-delay:.48s}.js .r-6{transition-delay:.6s}

/* photos open left to right; a scan line passes on hover */
.ph{position:relative;overflow:hidden}
.js .ph{clip-path:inset(0 100% 0 0);transition:clip-path 1.1s var(--ease)}
.js .ph img{transform:scale(1.04);transition:transform 1.4s var(--ease)}
.js .in .ph,.js .ph.in{clip-path:inset(0 0 0 0)}
.js .in .ph img,.js .ph.in img{transform:scale(1)}
.ph::before{content:"";position:absolute;top:0;bottom:0;left:-30%;width:22%;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.45) 80%,rgba(255,255,255,.9));opacity:0}
.ph:hover::before{animation:photoscan .9s var(--ease) forwards}
@keyframes photoscan{0%{left:-30%;opacity:1}100%{left:110%;opacity:0}}

/* rules and lists */
.rows,.stack,.three{border-top:1px solid var(--rule)}
.row,.stack > div,.divisions > div{border-bottom:1px solid var(--rule)}
.row{display:grid;grid-template-columns:200px 1fr;gap:32px;padding:16px 0}
.row dt{font-weight:700}
.row dd{margin:0}
.stack > div{padding:22px 0}
.divisions{display:grid;grid-template-columns:1fr 1fr;gap:0 56px}
.divisions > div{padding:20px 0;transition:border-color .3s ease}
.divisions > div:nth-child(-n+2){border-top:1px solid var(--rule)}
.divisions > div:hover{border-bottom-color:currentColor}
.divisions h3,.stack h3{display:inline-block;background-image:linear-gradient(currentColor,currentColor);
  background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .5s var(--ease)}
.divisions > div:hover h3,.stack > div:hover h3{background-size:100% 1px}
.more{margin-top:32px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.more a{text-decoration:none;position:relative;padding-bottom:4px}
.more a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:currentColor;transform:scaleX(.35);transform-origin:left;transition:transform .5s var(--ease)}
.more a:hover::after{transform:scaleX(1)}

/* photo groups */
.photos-2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.photos-3{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.photos-3 > :first-child{grid-column:1 / -1}
.photos-2 figure{transition:opacity .45s ease}
.sites{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px;align-items:start}
.site{margin:0}
.site.wide{grid-column:1 / -1}
.site figcaption{margin-top:12px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,24px)}
.tiles .site h3{margin:0}
.site h3{font-size:17px;margin:0 0 4px}
.site p{line-height:1.5}
.tower{max-width:210px}

/* three columns */
.three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:56px;padding-top:40px;margin-top:48px}
.three > div{position:relative;padding-top:8px}
.three > div::before{content:"";position:absolute;left:0;top:-41px;height:3px;width:0;background:currentColor;transition:width .6s var(--ease)}
.three > div:hover::before,.three > div.lit::before{width:100%}
.three h3{font-size:19px;margin-bottom:10px}

/* the group table types itself in, without moving the page */
.typewrap{position:relative;display:block}
.typewrap .ghost{visibility:hidden}
.typewrap .typed{position:absolute;left:0;top:0;width:100%}
.row dd .typing::after{content:"";display:inline-block;width:.55em;height:1em;vertical-align:-.15em;margin-left:2px;background:currentColor;animation:blink .9s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

/* the history: a horizontal strip you scroll */
.tl-strip{position:relative;margin:0 calc(var(--gutter) * -1)}
.tl{list-style:none;margin:0;padding:0 var(--gutter);scroll-padding-left:var(--gutter);display:flex;min-width:0;gap:0;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}
.tl::-webkit-scrollbar{display:none}
.tl.dragging{cursor:grabbing;scroll-snap-type:none}
.tl.dragging *{user-select:none;-webkit-user-select:none}
.tl li{position:relative;flex:0 0 clamp(210px,17vw,250px);padding:34px 28px 8px 0;scroll-snap-align:start}
.tl li::after{content:"";position:absolute;left:0;right:0;top:11px;height:1px;background:var(--rule)}
.tl li::before{content:"";position:absolute;left:0;top:6px;width:11px;height:11px;background:var(--navy);z-index:1}
.tl li:last-child::after{right:28px}
.tl b{display:block;font-size:clamp(22px,2vw,28px);font-weight:700;letter-spacing:-0.02em;line-height:1;margin-bottom:12px}
.tl p{line-height:1.5;max-width:none}
.tl-bar{display:flex;align-items:center;gap:16px;margin-top:28px}
.tl-track{position:relative;flex:1;height:2px;background:var(--rule)}
.tl-thumb{position:absolute;left:0;top:0;height:2px;background:var(--navy);width:20%}
.tl-btn{font:inherit;font-weight:700;line-height:1;color:var(--navy);background:transparent;border:1px solid var(--rule);
  width:44px;height:44px;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}
.tl-btn:hover:not(:disabled){background:var(--navy);color:var(--white);border-color:var(--navy)}
.tl-btn:disabled{opacity:.35;cursor:default}
.tl-btn svg{display:block;margin:0 auto;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}

/* coverage: one navy panel, the map beside the text */
.cov{align-content:center;min-height:100vh;min-height:100svh}
.cov-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,4vw,72px);align-items:center}
.cov-text{max-width:620px}
.cov-map{margin:0;justify-self:end;width:100%;max-width:620px}
.cov h1{margin-bottom:18px}
.facts-col{margin-top:clamp(22px,2.4vw,32px);border-top:1px solid rgba(255,255,255,.28)}
.facts-col > div{border-bottom:1px solid rgba(255,255,255,.28);padding:clamp(14px,1.6vw,20px) 0}
.facts-col h3{display:flex;align-items:baseline;gap:7px;margin-bottom:6px;font-size:19px}
.facts-col .fig{font-size:inherit;font-weight:700}
.facts-col p{color:rgba(255,255,255,.82)}

/* map */
.region-map{display:block;width:100%;height:auto;overflow:visible}
.region-map .land{fill:rgba(255,255,255,.17);opacity:0;transition:opacity 1.2s ease .2s}
.region-map .market{fill:rgba(255,255,255,.66);stroke:var(--navy);stroke-width:1.1;fill-opacity:0;cursor:pointer;
  transition:fill-opacity .8s ease,fill .3s ease}
.region-map .market:nth-child(2n){transition-delay:.06s}
.region-map .market:nth-child(3n){transition-delay:.12s}
.region-map .market:nth-child(5n){transition-delay:.2s}
.in .region-map .market,html:not(.js) .region-map .market{fill-opacity:1}
.region-map .market.hot{fill:var(--gold)}
.region-map .base{fill:var(--gold);opacity:0;transition:opacity .8s ease 1.2s}
.region-map .ring{fill:none;stroke:var(--gold);stroke-width:6;opacity:0;transform-origin:419.5px 306.5px;transition:opacity .6s ease 1.4s}
.region-map .link{fill:none;stroke:var(--gold);stroke-width:2.4;stroke-linecap:round;opacity:.85;
  stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset .55s var(--ease)}
.region-map .link.on{stroke-dashoffset:0}
.region-map .pulse{fill:none;stroke:var(--gold);stroke-width:5;stroke-linecap:round;opacity:0;
  stroke-dasharray:12 4000;stroke-dashoffset:0}
.region-map .pulse.on{opacity:1;animation:travel 1.5s linear .35s infinite}
@keyframes travel{from{stroke-dashoffset:0}to{stroke-dashoffset:calc(var(--len) * -1)}}
.region-map .label{font-family:inherit;font-size:19px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  fill:var(--navy);paint-order:stroke;stroke:#F2F4F7;stroke-width:4.5px;stroke-linejoin:round;text-anchor:middle;
  pointer-events:none;opacity:0;transition:opacity .25s ease}
.region-map .label.on{opacity:1}
.region-map .label.base-label{opacity:1;fill:#8A6B28;stroke:#F2F4F7;stroke-width:4px}
.in .region-map .land,html:not(.js) .region-map .land{opacity:1}
.in .region-map .base,html:not(.js) .region-map .base{opacity:1}
.in .region-map .ring,html:not(.js) .region-map .ring{opacity:1}
.in .region-map .ring{animation:pulse 3.4s ease-in-out 2s infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}

/* contact */
.contact{min-height:100vh;min-height:100svh;align-content:center;color:var(--white);overflow:hidden;background:var(--navy);padding-top:calc(var(--head) + var(--gutter))}
.contact .email{display:inline-block;margin-top:36px;position:relative;font-size:clamp(22px,2.4vw,32px);font-weight:700;letter-spacing:-0.01em;
  color:var(--gold);text-decoration:none;word-break:break-all}
.contact .email::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.contact .email:hover::after,.contact .email:focus-visible::after{transform:scaleX(1)}
.contact .copied{display:block;height:1.4em;margin-top:14px;font-size:14px;opacity:0;transition:opacity .3s ease}
.contact .copied.show{opacity:1}
.contact .meta{margin-top:20px}

/* footer */
.site-footer{padding:28px var(--gutter);border-top:1px solid var(--rule);font-size:14px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .nav{position:relative;left:auto;top:auto;transform:none;height:auto;margin-left:auto;margin-right:28px;gap:24px}
  .nav a{font-size:12px;letter-spacing:.08em}
  .nav-line{bottom:0}
}
@media (max-width:1180px){
  .cols.c4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:960px){
  .grid-5-7,.grid-7-5,.fin-grid,.band,.split{grid-template-columns:1fr}
  .cov-grid{grid-template-columns:1fr;gap:32px}
  .region-map .label{font-size:30px;letter-spacing:.1em;stroke-width:6px}
  .cov-map{justify-self:start;max-width:520px}
  .cov{min-height:0}
  .open-grid{grid-template-columns:1fr 1fr}
  .open-grid > p + p{padding-left:clamp(20px,3vw,32px)}
  .open-photo{max-width:280px}

  .band{gap:20px;margin-bottom:40px}
  .cols.c3{grid-template-columns:repeat(2,1fr)}
  .photos-row{flex-wrap:wrap}
  .photos-row > figure{flex:1 1 45%}
  .tiles{grid-template-columns:1fr 1fr}
  .sticky{position:static}
  .three{grid-template-columns:1fr;gap:0;padding-top:0;margin-top:32px}
  .three > div{padding:24px 0;border-bottom:1px solid var(--rule)}
  .three > div::before{top:auto;bottom:-2px;height:2px}
  .sites{grid-template-columns:1fr 1fr;gap:32px 20px}
}
@media (max-width:720px){
  .site-header .bar{flex-wrap:wrap;height:auto;padding-top:12px}
  .site-header .brand{order:1}
  .site-header .right{order:2}
  .nav{order:3;flex:0 0 100%;margin:6px 0 0;gap:0 22px;flex-wrap:wrap;justify-content:flex-start;padding-bottom:6px}
  .nav a{padding:6px 0;border-bottom:2px solid transparent}
  .nav a.active{border-bottom-color:currentColor}
  .nav-line{display:none}
  .hero,.panel.head,.contact{padding-top:170px}
}
@media (max-width:640px){
  body{font-size:16px}
  .panel{padding:96px var(--gutter) 64px}
  .hero,.panel.head,.contact{padding-top:170px}
  .site-header .brand img{height:32px}
  .row{grid-template-columns:1fr;gap:4px;padding:14px 0}
  .divisions{grid-template-columns:1fr}
  .divisions > div:nth-child(2){border-top:0}
  .photos-2,.photos-3,.sites,.open-grid,.tiles{grid-template-columns:1fr}
  .photos-row{flex-direction:column}
  .photos-row > figure{flex:0 0 auto}
  .photos-3 > :first-child{grid-column:auto}
  .cols.c2,.cols.c3,.cols.c4{grid-template-columns:1fr}
  .cols > div{padding:20px 0 24px}
  .tower{max-width:220px}
  .hero .cue{display:none}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
  .js .r{opacity:1;transform:none}
  .js .ph{clip-path:none}
  .js .ph img{transform:none}
  .lines .l > span,.js .w > span{transform:none}
  .panel.navy::before{clip-path:none}
  .region-map .land,.region-map .base,.region-map .ring{opacity:1}
  .region-map .market{fill-opacity:1}
  .region-map .pulse{display:none}
  .curtain{display:none}
}