/* Marketplace, Product Specific and Usecase compositions, measured from Mart's PSDs.
   Content height remains fluid. Decorative geometry never supplies property facts. */
.uf-site .uf-mc-section{position:relative}
.uf-site .uf-mc-geometry{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.uf-site .uf-mc-replaced-decoration{display:none}
.uf-site main>.uf-mc-directory-hero{isolation:isolate;overflow:visible;background:#021321;padding:72px 0 92px;min-height:390px}
.uf-site main>.uf-mc-directory-hero>.wrap,.uf-site main>.uf-mc-directory-hero>.uf-shell{position:relative;z-index:2;padding-block:0}
/* 2026-10-02 (Rick, 01:19:29, rule C2): no colour filter over a photo. The backdrop was at 60% opacity on navy, a navy
   filter over the whole photo; it is now full colour, and the navy gradient sits behind the copy and stops at 80%. */
.uf-site .uf-mc-directory-hero>.bg,.uf-site .uf-mc-directory-hero>.bgimg{inset:0 0 50px;opacity:1;animation:none;transform:none}
.uf-site .uf-mc-directory-hero>.sc,.uf-site .uf-mc-directory-hero>.scrim{inset:0 0 50px;background:linear-gradient(90deg,rgba(0,21,35,.94) 0%,rgba(0,21,35,.88) 40%,rgba(0,21,35,.62) 58%,rgba(0,21,35,.2) 70%,rgba(0,21,35,0) 80%)}
.uf-site .uf-mc-directory-hero>.baseline{display:none}
.uf-site .uf-mc-geometry-directory{fill:#73818a;opacity:.6}
.uf-site main>.uf-mc-directory-hero h1{font-size:clamp(32px,3.48vw,50px);line-height:1.04;letter-spacing:0;max-width:840px;margin:0 0 32px;overflow-wrap:normal}
.uf-site .uf-mc-directory-hero h1 :is(.o,.l1){display:block;color:var(--uf-orange)}
.uf-site .uf-mc-directory-hero :is(p,.sub){font-size:24px;line-height:1.25;max-width:700px;margin:0;color:white}
.uf-site .uf-mc-directory-hero .btns{margin-top:25px}
.uf-site .uf-mc-directory-hero .uf-eyebrow{font:12px/1.4 var(--uf-body);letter-spacing:.05em;margin:0 0 18px;color:#d1dee5}
.uf-site main>.uf-mc-directory-plate{background:#021321}
.uf-site .uf-mc-directory-plate h1 span{color:var(--uf-orange)}
.uf-site main>.uf-mc-directory-cards{background:#021321;padding-block:32px 90px;color:white}
.uf-site .uf-mc-directory-cards :is(.grid,.pgrid,.uf-park-grid){grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px}
.uf-site .uf-mc-directory-cards .head{margin:24px 0 34px}
.uf-site .uf-mc-directory-cards :is(.tcard,.ccard,.pcard){background:transparent;border:0;box-shadow:none;padding:0;color:white;text-align:left}
.uf-site .uf-mc-directory-cards :is(.tcard,.ccard,.pcard) .ph,.uf-site .uf-mc-directory-cards .uf-card-image{position:relative;aspect-ratio:380/269;border:1px solid #748590;background:#082230;overflow:hidden}
.uf-site .uf-mc-directory-cards :is(.tcard,.ccard,.pcard) .ph::after,.uf-site .uf-mc-directory-cards .uf-card-image::after{content:'';position:absolute;inset:0;background:linear-gradient(#00152378,transparent 65%);pointer-events:none;transition:opacity .2s}
.uf-site .uf-mc-directory-cards :is(.tcard,.ccard,.pcard):is(.on,:hover,:focus-visible) .ph,.uf-site .uf-mc-directory-cards .uf-park-card:focus-within .uf-card-image{outline:5px solid var(--uf-orange);outline-offset:-5px}
.uf-site .uf-mc-directory-cards :is(.tcard,.ccard,.pcard):is(.on,:hover,:focus-visible) .ph::after,.uf-site .uf-mc-directory-cards .uf-park-card:is(:hover,:focus-within) .uf-card-image::after{opacity:0}
.uf-site .uf-mc-directory-cards :is(.tagc,.uf-card-image span){z-index:2;color:white;font:14px/1.2 var(--uf-display);padding:10px 15px 10px 28px;clip-path:polygon(24px 0,100% 0,100% 100%,0 100%)}
.uf-site .uf-mc-directory-cards :is(.tcard,.ccard) .cap{font:16px/1.5 var(--uf-body);text-align:center;margin-top:18px;min-height:24px}
.uf-site .uf-mc-directory-cards :is(.tcard,.ccard).on .cap{color:var(--uf-orange)}
.uf-site .uf-mc-directory-cards .pcard .cap{padding:18px 0 12px;font-size:16px}
.uf-site .uf-mc-directory-cards .pcard .chips{padding:0;margin:0 0 18px}
.uf-site .uf-mc-directory-cards .pcard .pact{border-color:#334651}
.uf-site .uf-mc-directory-cards .uf-card-copy{padding-top:20px}
.uf-site .uf-mc-directory-cards .uf-card-copy h2{font-size:24px;line-height:1.1}
.uf-site .uf-mc-directory-cards .uf-filters{margin-top:0;padding:0 0 30px;gap:18px}
.uf-site .uf-mc-directory-cards .uf-result-head{margin-block:28px 32px}
.uf-site .uf-mc-location-map{background:#021321;color:white;padding:40px 0 88px;border:0}
.uf-site .uf-mc-location-map .cols{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:68px}
.uf-site .uf-mc-location-map .diag{display:none}
.uf-site .uf-mc-location-map h2{font-size:40px;line-height:1.05;letter-spacing:0}
.uf-site .uf-mc-location-map :is(.mapbox,.ctmap2){max-width:100%;box-shadow:none}

/* Type's paper selector and attached property photograph remain one section. */
.uf-site .uf-mc-type-selector{display:grid;grid-template-columns:46.8% 53.2%;gap:0;background:var(--uf-paper);color:var(--uf-navy)}
.uf-site[data-page=baytypes] .uf-mc-type-selector .lft{padding:102px 36px 88px max(24px,calc((100vw - 1208px)/2));background:var(--uf-paper)}
.uf-site .uf-mc-type-selector h2{font-size:36px;line-height:1.12;letter-spacing:0}
.uf-site .uf-mc-type-selector .locsel{margin-top:28px;max-width:312px}
.uf-site .uf-mc-type-selector .locsel select{border:0;min-height:50px;font-size:16px}
.uf-site .uf-mc-type-selector .plist{margin-top:40px;gap:4px 16px}
.uf-site .uf-mc-type-selector .plist li{padding:0;min-height:44px}
.uf-site .uf-mc-park-option{display:flex;align-items:center;gap:10px;background:transparent;color:inherit;border:0;padding:10px 8px;width:100%;text-align:left;font:15px/1.4 var(--uf-body)}
.uf-site .uf-mc-type-selector .rgt .ph{min-height:320px;flex:none;aspect-ratio:766/320}
.uf-site .uf-mc-type-selector .rgt .bd{background:#fff;color:var(--uf-navy);padding:28px 54px 30px}
.uf-site .uf-mc-type-selector .rgt .bd h3{font-size:36px;letter-spacing:0;line-height:1.1}
.uf-site .uf-mc-type-selector .btn-navy{background:var(--uf-navy);color:white}
.uf-site .uf-mc-type-selector .rgt .btns{margin-top:24px}
.uf-site .uf-mc-type-selector .rgt .btns .btn{clip-path:none}

/* Product's diagonal artwork belongs behind the split, ending at the rail. */
.uf-site main>.uf-mc-detail-hero{isolation:isolate;background:#000c13;padding:92px 0 108px;min-height:630px;overflow:hidden}
.uf-site .uf-mc-geometry-detail{fill:#082937;opacity:.75}
.uf-site .uf-mc-detail-hero>.wrap{position:relative;z-index:2}
.uf-site main>.uf-mc-detail-hero .cols{grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr);gap:62px;align-items:center}
.uf-site main>.uf-mc-detail-hero h1{font-size:40px;line-height:1.05;max-width:19ch;margin:15px 0 28px;overflow-wrap:normal}
.uf-site[data-page-family=facility] main>.uf-mc-detail-hero h1{font-size:36px;max-width:none}
.uf-site .uf-mc-detail-hero .lts .w{white-space:normal;overflow-wrap:normal}
.uf-site .uf-mc-detail-hero :is(.dek,.addr,p){font-size:18px;line-height:1.5;color:#e4e9ec;max-width:52ch}
.uf-site .uf-mc-detail-hero :is(.hfr,.hframe,.ph){clip-path:none;border:1px solid #637580;box-shadow:none;background:#001523}
.uf-site .uf-mc-detail-hero :is(.hfr,.hframe)::before{display:none}
.uf-site .uf-mc-detail-hero .ph img{display:block;box-shadow:none;width:100%}
.uf-site .uf-mc-detail-hero>.baseline{display:none}
.uf-site .uf-mc-action-rail{background:#000c13;border-top:1px solid #28404d;border-bottom:0;padding:0}
.uf-site .uf-mc-action-rail .row{grid-template-columns:repeat(4,minmax(0,1fr))}
.uf-site .uf-mc-action-rail .lbl{grid-column:1/-1;border:0;padding:12px 20px;background:#082230;color:var(--uf-orange)}
.uf-site .uf-mc-action-rail a{padding:19px 20px;min-height:62px;line-height:1.4}
.uf-site .uf-mc-amenities{background:var(--uf-orange);color:var(--uf-navy);padding:0;border:0}
.uf-site .uf-mc-amenities>.wrap{max-width:1440px;padding:0}
.uf-site .uf-mc-amenities .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.uf-site .uf-mc-amenities .it{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;min-height:154px;padding:26px 22px;border:0;border-right:1px solid #00152335}
.uf-site .uf-mc-amenities .it:last-child{border-right:0}
.uf-site .uf-mc-amenities svg{width:52px;height:52px;flex:none;margin:0;stroke:var(--uf-navy)}
.uf-site .uf-mc-amenities b{color:var(--uf-navy);font:700 16px/1.3 var(--uf-body);letter-spacing:0;text-transform:none}

/* The selected tab touches the two equal copy/photo panels. */
.uf-site main>.uf-mc-bay-types,.uf-site main>.uf-mc-product-tabs{background:#000c13;color:white;padding:96px 0 100px}
.uf-site .uf-mc-bay-types .head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:42px}
.uf-site .uf-mc-bay-types h2,.uf-site .uf-mc-product-tabs h2{font-size:40px;color:white;line-height:1.08;letter-spacing:0;margin:0}
.uf-site .uf-mc-bay-types .btnav,.uf-site .uf-mc-product-tabs .tabrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;border:1px solid #173441;border-bottom:0}
.uf-site .uf-mc-product-tabs .tabrow{margin-top:48px}
.uf-site .uf-mc-bay-types .btnav button,.uf-site .uf-mc-product-tabs .tabrow button{margin:0;padding:19px 14px;min-height:72px;text-align:center;font:15px/1.4 var(--uf-body);letter-spacing:0;border:0;border-right:1px solid #173441;background:#001523;color:white}
.uf-site .uf-mc-bay-types .btnav button .t{font:15px/1.4 var(--uf-body)}
.uf-site .uf-mc-bay-types .btnav button .n{font:13px/1.4 var(--uf-display);color:var(--uf-orange);margin-right:7px}
.uf-site .uf-mc-bay-types .btnav button.on,.uf-site .uf-mc-product-tabs .tabrow button.on{background:#fff;color:var(--uf-navy)}
.uf-site .uf-mc-bay-types .bt-stage,.uf-site .uf-mc-product-tabs .tpanel{border:1px solid #173441;background:#001523}
.uf-site .uf-mc-bay-types .bt-slide,.uf-site .uf-mc-product-tabs .tpanel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:565px}
.uf-site .uf-mc-bay-types .bt-slide .im{order:2;min-height:420px}
.uf-site .uf-mc-bay-types .bt-slide .tx{order:1;background:#001523;color:white;padding:66px 48px 48px}
.uf-site .uf-mc-bay-types .bt-slide .tx h3,.uf-site .uf-mc-product-tabs .tpanel h3{color:white;font-size:34px;line-height:1.12;letter-spacing:0}
.uf-site .uf-mc-bay-types .bt-slide :is(p,.bk){color:#e1e9ee;font-family:var(--uf-body);font-size:17px;line-height:1.5;letter-spacing:0}
.uf-site .uf-mc-bay-types .bt-slide .bk{color:var(--uf-orange);font-size:13px}
.uf-site .uf-mc-bay-types .bt-slide .chips span{color:#dce3e7;border-color:#36515f;font:12px/1.4 var(--uf-body);letter-spacing:0}
.uf-site .uf-mc-bay-types .bt-slide .btn-navy{background:white;color:var(--uf-navy)}
.uf-site .uf-mc-bay-types .bt-slide .rep{font:12px/1.4 var(--uf-body);letter-spacing:0;text-transform:none;max-width:calc(100% - 24px);background:#001523eb;padding:9px 12px}
.uf-site .uf-mc-product-tabs .tpanel .lft{padding:72px 64px 48px;background:#001523;color:white}
.uf-site .uf-mc-product-tabs .tpanel p{font-size:18px;line-height:1.5;color:#e1e9ee;max-width:46ch}
.uf-site .uf-mc-product-tabs .tpanel .rgt{min-height:440px}

/* Usecase is a photograph with a cropped left wedge, not a product split. */
.uf-site main>.uf-mc-use-hero{--uf-mc-copy-width:min(500px,calc((100vw - 2 * var(--uf-gutter)) * .48));--uf-mc-shape-width:calc((var(--uf-mc-copy-width) + 48px) * 3.84);background:#001523;min-height:min(600px,66vh);padding:64px 0 56px;isolation:isolate;overflow:hidden}
.uf-site main>.uf-mc-use-hero>.wrap,.uf-site main>.uf-mc-use-hero .cols{position:static;z-index:auto}
.uf-site main>.uf-mc-use-hero .cols{display:block}
.uf-site .uf-mc-use-hero .cols>div:first-child{position:relative;z-index:3;width:var(--uf-mc-copy-width);max-width:620px}
.uf-site .uf-mc-use-hero .cols>div:last-child{position:absolute;inset:0;z-index:0}
.uf-site .uf-mc-use-hero .hfr{position:absolute;inset:0;max-width:none;width:100%;height:100%;aspect-ratio:auto;border:0;clip-path:none;background:#001523}
.uf-site .uf-mc-use-hero .hfr img,.uf-site .uf-mc-use-hero .hfr video{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.uf-site .uf-mc-use-hero .hfr::before{display:none}
.uf-site .uf-mc-use-hero::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#001523cf 0%,#001523a8 42%,#00152330 78%);pointer-events:none}
/* The source wedge's full-height interior spans x200–576 of 1440. Size that
   safe area to the copy plus 24px on each side, without clipping the text. */
.uf-site .uf-mc-geometry-use{left:calc(max(var(--uf-gutter),(100vw - var(--uf-width))/2) - var(--uf-mc-shape-width) * .1387 - 24px);width:var(--uf-mc-shape-width);max-width:none;fill:#001b26;opacity:.74;z-index:2}
/* The wedge's point sits 2 units left of the artwork (Mart's vertices); once the shape no longer starts off screen
   (about 1840px up) the SVG's own edge cut the point flat. It may overhang to the left, never above or below. */
.uf-site .uf-mc-geometry-use{overflow:visible;clip-path:inset(0 0 0 -8px)}
.uf-site main>.uf-mc-use-hero h1{font-size:40px;line-height:1.1;max-width:26ch;margin:14px 0 20px;color:white;overflow-wrap:normal}
.uf-site .uf-mc-use-hero .dek{color:white;font-size:17px;line-height:1.5;max-width:56ch;margin-bottom:20px}
@media(min-width:1101px){
  /* Both calls to action on one row (44c0d73). The longest pair ("See bays that fit a fab shop") is wider than the
     500px copy column, so the row takes its own width over the photo instead of squeezing a label or an arrow, which
     clipped the label and shrank the arrow to nothing on six use pages (2026-10-12). */
  .uf-site .uf-mc-use-hero .btns{flex-wrap:nowrap;align-items:stretch;width:max-content}
  .uf-site .uf-mc-use-hero .btns .btn{white-space:nowrap;padding-inline:22px;flex:none}
}
.uf-site .uf-mc-use-hero .chips span{background:#001523b8;border-color:#66808d;color:white}
.uf-site .uf-mc-use-hero .hfr .cap{inset:auto max(24px,calc((100vw - 1208px)/2)) 18px auto;max-width:45%;z-index:3;padding:8px 12px;background:#001523e8;font:12px/1.5 var(--uf-body)}
.uf-site .uf-mc-use-hero>.baseline{display:none}
.uf-site .uf-mc-use-strip{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#4c504b;isolation:isolate}
.uf-site .uf-mc-use-strip::before{content:'';position:absolute;inset:0;background:var(--uf-mc-photo) center/cover;filter:blur(9px);clip-path:inset(0);z-index:-2}
.uf-site .uf-mc-use-strip::after{content:'';position:absolute;inset:0;background:#00152388;z-index:-1}
.uf-site .uf-mc-use-strip a{padding:27px 24px;min-height:90px;display:flex;align-items:center;justify-content:flex-start;border:1px solid #ffffff42;color:white;text-decoration:none;font:18px/1.1 var(--uf-display);text-transform:uppercase;letter-spacing:0}
.uf-site .uf-mc-use-strip a[aria-current],.uf-site .uf-mc-use-strip a:hover{background:var(--uf-orange);color:var(--uf-navy)}
.uf-site[data-page-family=industry] .uf-mc-amenities .it{min-height:105px;flex-direction:row;gap:12px}
.uf-site[data-page-family=industry] .uf-mc-amenities svg{width:28px;height:28px}

/* A dark context column sits beside the lighter navy data field. */
/* PDF page 10: the available-bay list reads as one labelled panel; no empty navy column. */
.uf-site main>.uf-mc-inventory{background:#eceeed;color:#001523;padding:0}
.uf-site .uf-mc-inventory>.wrap{max-width:1440px;padding:0}
.uf-site .uf-mc-inventory-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:64px max(24px,calc((100vw - 1208px)/2)) 72px}
.uf-site .uf-mc-inventory-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 40px;align-items:end;border-bottom:3px solid #001523;padding-bottom:22px}
.uf-site .uf-mc-inventory-intro .head{display:block;margin:0}
.uf-site .uf-mc-inventory-intro .kick{grid-column:1/-1}
.uf-site .uf-mc-inventory-intro :is(h2,.h2x){font-size:clamp(26px,2.6vw,38px);line-height:1.1;color:#001523;margin:0}
.uf-site .uf-mc-inventory-intro :is(p,.lead-p){color:#4a5c66;font-size:15px;line-height:1.5;margin:0}
.uf-site .uf-mc-inventory-intro .tierkey{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:8px}
.uf-site .uf-mc-inventory-intro .tierkey .btn{white-space:normal;text-align:left;font-size:14px!important;line-height:1.4}
.uf-site .uf-mc-inventory-results{min-width:0}
.uf-site .uf-mc-inventory .avl,.uf-site .uf-mc-inventory .tbl{background:transparent;color:#001523;border:0;margin:0}
.uf-site .uf-mc-inventory .avr{grid-template-columns:minmax(150px,.9fr) minmax(200px,1.7fr) minmax(130px,.8fr) minmax(120px,auto);align-items:center;background:#fff;border:0;border-left:4px solid var(--uf-orange);padding:22px 24px;gap:20px;margin-bottom:10px}
.uf-site .uf-mc-inventory .avr :is(.pk,.ds){color:#001523}
.uf-site .uf-mc-inventory .avr .pr{color:var(--uf-orange)}
.uf-site .uf-mc-inventory .avr .pr i,.uf-site .uf-mc-inventory .avl-note{color:#4a5c66}
.uf-site .uf-mc-inventory .avl-note{margin-top:18px;font-size:14px}
.uf-site .uf-mc-inventory table{margin-top:0;min-width:820px;background:#fff}
.uf-site .uf-mc-inventory :is(th,td){padding:16px 14px;font-size:14px}
.uf-site .uf-mc-inventory th{background:#001523;color:var(--uf-orange);font-size:12px;text-align:left;white-space:normal;border-color:#001523}
.uf-site .uf-mc-inventory td{color:#001523;border-color:#d7dcde;white-space:normal}
.uf-site .uf-mc-inventory td.price{color:var(--uf-orange)}
.uf-site .uf-mc-inventory a.rsv{display:inline-flex;align-items:center;min-height:44px;background:var(--uf-orange);color:var(--uf-navy);border:0;font:700 12px/1.3 var(--uf-body);padding:10px 14px}
.uf-site .uf-mc-inventory .micro{font-size:14px;color:#4a5c66;line-height:1.55}

/* Plan and gallery surfaces create the source's deliberate light interval. */
.uf-site main>.uf-mc-plan{background:var(--uf-paper);color:var(--uf-navy);padding:100px 0 110px;border:0}
.uf-site .uf-mc-plan h2{font-size:40px;line-height:1.12;color:var(--uf-navy)}
.uf-site .uf-mc-plan .planbox{background:transparent;border:0;margin-top:38px}
.uf-site .uf-mc-plan .plan{padding:0;background:transparent;margin-top:48px}
.uf-site .uf-mc-plan .plan img{object-fit:contain;max-height:650px;width:100%}
/* Rick's Product plan image has six pixels of a cut-off duplicate heading at its top. */
.uf-site[data-page=product] .uf-mc-plan .plan img{clip-path:inset(1.5% 0 0)}
.uf-site .uf-mc-plan :is(.pnote,.note){font:14px/1.5 var(--uf-body);color:#425760;margin-top:24px}
.uf-site main>.uf-mc-media{background:#fefdfd;color:var(--uf-navy);padding:76px 0}
.uf-site .uf-mc-media h2{color:var(--uf-navy)}
.uf-site .uf-mc-media .mtabs{margin-top:34px;background:#001523;border:1px solid #173441}
.uf-site .uf-mc-media .mtabs button{color:white;padding:19px 22px;min-height:62px}
.uf-site .uf-mc-media .mtabs button.on{background:var(--uf-paper);color:var(--uf-navy)}
.uf-site .uf-mc-media .ggrid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:280px 280px;gap:28px;background:#fefdfd}
.uf-site .uf-mc-media .gt{position:relative;min-height:0;overflow:hidden}
.uf-site .uf-mc-media .gt:first-child{grid-row:1/3;grid-column:1}
.uf-site .uf-mc-media .gt:nth-child(2){grid-row:1;grid-column:2}
.uf-site .uf-mc-media .gt:nth-child(3){grid-row:2;grid-column:2}
.uf-site .uf-mc-media .gt:nth-child(4){grid-row:1/3;grid-column:3!important}
.uf-site .uf-mc-media .gt img{width:100%;height:100%;object-fit:cover}
.uf-site .uf-mc-media .gt .cap{font:12px/1.5 var(--uf-body);letter-spacing:0;text-transform:none;background:#001523e8;padding:12px 14px;color:white}
.uf-site .uf-mc-copy-photo .split{gap:0;border:1px solid #c6d0d5;align-items:stretch;overflow:hidden}
.uf-site .uf-mc-copy-photo .stx{padding:48px;align-self:center}
.uf-site .uf-mc-copy-photo .sim{display:flex;flex-direction:column;justify-content:center;clip-path:none;border:0;min-height:440px;background:#082230}
.uf-site .uf-mc-copy-photo .sim img{height:auto;max-height:560px;width:100%;object-fit:contain;aspect-ratio:16/11}
.uf-site .uf-mc-copy-photo .sim .cap{position:static;font:12px/1.5 var(--uf-body);padding:12px 16px;background:#001523e8;color:white}
.uf-site .uf-mc-copy-photo.dark .split{border-color:#173441}
.uf-site .uf-mc-photo-stories .who{gap:28px}
.uf-site .uf-mc-photo-stories .wc{border:0;background:transparent;padding:0}
.uf-site .uf-mc-photo-stories .wc .ph{aspect-ratio:380/320;overflow:hidden}
.uf-site .uf-mc-photo-stories .wc b{display:block;padding-top:20px;color:var(--uf-navy)}
.uf-site .uf-mc-photo-stories .wc p{margin-top:12px}
.uf-site main>.uf-mc-final{background:#001523;color:white;padding:76px 24px;border-top:1px solid #29434f;border-bottom:0}
.uf-site .uf-mc-final :is(h2,p){color:white}
.uf-site .uf-mc-final .btn{background:var(--uf-orange);color:var(--uf-navy)}
.uf-site .uf-mc-final .btn-line{background:white;color:var(--uf-navy)}
.uf-site .uf-mc-final>.fx{opacity:.1}

@media(max-width:1100px){
  .uf-site .uf-mc-geometry-use{display:none}
  .uf-site .uf-mc-use-hero .cols>div:first-child{width:65%}
  .uf-site main>.uf-mc-detail-hero .cols{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:36px}
  .uf-site .uf-mc-detail-hero :is(.dek,.addr,p){font-size:17px}
  .uf-site[data-page=baytypes] .uf-mc-type-selector .lft{padding:64px 30px}
  .uf-site .uf-mc-type-selector .rgt .bd{padding:28px 30px}
  .uf-site .uf-mc-inventory-layout{padding:44px 24px 52px}
  .uf-site .uf-mc-inventory-intro{grid-template-columns:1fr}
  .uf-site .uf-mc-inventory .avr{grid-template-columns:1fr 1.4fr;gap:12px}
  .uf-site .uf-mc-inventory .avr .pr{text-align:left}
  .uf-site .uf-mc-inventory .avr .go{justify-self:start}
}
@media(max-width:850px){
  .uf-site main>.uf-mc-directory-hero{padding:54px 0 86px;min-height:360px}
  .uf-site .uf-mc-directory-hero :is(p,.sub){font-size:19px;max-width:70%}
  .uf-site .uf-mc-directory-cards :is(.grid,.pgrid,.uf-park-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}
  .uf-site .uf-mc-location-map .cols,.uf-site .uf-mc-type-selector{grid-template-columns:1fr}
  .uf-site .uf-mc-type-selector .rgt .ph{aspect-ratio:16/8;min-height:0}
  .uf-site[data-page=baytypes] .uf-mc-type-selector .lft,.uf-site .uf-mc-type-selector .rgt .bd{padding:44px 30px}
  .uf-site main>.uf-mc-detail-hero{padding:58px 0 68px;min-height:0}
  .uf-site main>.uf-mc-detail-hero .cols{grid-template-columns:1fr;gap:38px}
  .uf-site .uf-mc-detail-hero :is(.hfr,.hframe){max-width:none}
  .uf-site .uf-mc-geometry-detail{opacity:.45}
  .uf-site .uf-mc-amenities .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .uf-site .uf-mc-amenities .it{min-height:136px;border-bottom:1px solid #00152335}
  .uf-site .uf-mc-bay-types .bt-slide,.uf-site .uf-mc-product-tabs .tpanel{grid-template-columns:1fr}
  .uf-site .uf-mc-bay-types .bt-slide .im{order:2;min-height:350px}
  .uf-site .uf-mc-bay-types .bt-slide .tx,.uf-site .uf-mc-product-tabs .tpanel .lft{padding:40px 32px;min-height:350px}
  .uf-site .uf-mc-bay-types .btnav,.uf-site .uf-mc-product-tabs .tabrow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .uf-site .uf-mc-use-hero .cols>div:first-child{width:75%;max-width:none}
  .uf-site .uf-mc-use-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .uf-site .uf-mc-use-strip a{min-height:80px;font-size:17px;padding:22px 24px}
  .uf-site .uf-mc-inventory-layout{grid-template-columns:1fr}
  .uf-site .uf-mc-inventory-intro .tierkey{flex-direction:row;align-items:center}
  .uf-site .uf-mc-inventory-results{padding-top:28px}
  .uf-site .uf-mc-media .ggrid{grid-template-rows:220px 220px;gap:16px}
  .uf-site .uf-mc-copy-photo .split{grid-template-columns:1fr}
  .uf-site .uf-mc-copy-photo .stx{padding:36px 28px}
  .uf-site .uf-mc-copy-photo .sim{min-height:300px;order:0}
}
/* "Massachusetts" alone (one unbreakable word, no space to wrap on) measures about 13.3px of rendered
   width per px of type in this display face, so at the shared 30px mobile size it cannot fit the hero's
   mobile width without either splitting mid-word or overflowing; every other state name is either shorter
   or two words that can wrap between them. 25px is the measured size that keeps it on one line, whole, at
   640px and under (UF-20, 2026-10-03 audit: this is why ma.html's mobile/tablet h1 differs, not an
   unintentional inconsistency; moved here, next to the rule it overrides, from src/premium/geography.css). */
@media(max-width:640px){
  .uf-site[data-page=ma] main>.uf-mc-directory-hero h1{font-size:25px}
}
@media(max-width:540px){
  .uf-site main>.uf-mc-directory-hero{padding:42px 0 70px;min-height:330px}
  .uf-site main>.uf-mc-directory-hero h1{font-size:30px;line-height:1.13;margin-bottom:24px}
  .uf-site .uf-mc-directory-hero :is(p,.sub){font-size:17px;line-height:1.5;max-width:100%}
  .uf-site main>.uf-mc-directory-plate{background-position:center,60% center}
  .uf-site[data-page=baytypes] .uf-mc-directory-hero>.bg{background-size:auto calc(100% + 64px);background-position:center top}
  .uf-site .uf-mc-geometry-directory{opacity:.25}
  .uf-site main>.uf-mc-directory-cards{padding:30px 0 54px}
  .uf-site .uf-mc-directory-cards :is(.grid,.pgrid,.uf-park-grid){grid-template-columns:1fr;gap:36px}
  .uf-site .uf-mc-directory-cards .uf-filters{grid-template-columns:1fr 1fr}
  .uf-site .uf-mc-directory-cards .uf-filters label:first-child{grid-column:1/-1}
  .uf-site .uf-mc-directory-cards .uf-filters .uf-button{min-width:0;width:100%;font-size:14px;padding-inline:14px}
  .uf-site .uf-mc-location-map{padding:28px 0 54px}
  .uf-site .uf-mc-location-map h2,.uf-site .uf-mc-type-selector h2,.uf-site .uf-mc-type-selector .rgt .bd h3{font-size:29px}
  .uf-site[data-page=baytypes] .uf-mc-type-selector .lft,.uf-site .uf-mc-type-selector .rgt .bd{padding:38px 24px}
  .uf-site .uf-mc-type-selector .plist{grid-template-columns:1fr;gap:4px;margin-top:28px}
  .uf-site main>.uf-mc-detail-hero{padding:42px 0 52px}
  .uf-site main>.uf-mc-detail-hero h1,.uf-site main>.uf-mc-use-hero h1{font-size:29px;line-height:1.13;max-width:100%}
  .uf-site[data-page-family=facility] main>.uf-mc-detail-hero h1{font-size:28px}
  .uf-site .uf-mc-action-rail .row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .uf-site .uf-mc-action-rail a{font-size:13px;padding:16px;min-height:70px}
  .uf-site .uf-mc-amenities .it{padding:22px 16px;min-height:125px}
  .uf-site .uf-mc-amenities b{font-size:14px}
  .uf-site .uf-mc-amenities svg{width:36px;height:36px}
  .uf-site main>.uf-mc-bay-types,.uf-site main>.uf-mc-product-tabs{padding:54px 0}
  .uf-site .uf-mc-bay-types .head{align-items:flex-start;margin-bottom:28px}
  .uf-site .uf-mc-bay-types h2,.uf-site .uf-mc-product-tabs h2{font-size:29px}
  .uf-site .uf-mc-bay-types .btarr{gap:8px;flex:none}
  .uf-site .uf-mc-bay-types .btarr button{width:40px;height:44px}
  .uf-site .uf-mc-bay-types .btnav button,.uf-site .uf-mc-product-tabs .tabrow button{font-size:14px;padding:14px 10px;min-height:65px}
  .uf-site .uf-mc-bay-types .bt-slide .tx,.uf-site .uf-mc-product-tabs .tpanel .lft{padding:32px 24px;min-height:0}
  .uf-site .uf-mc-bay-types .bt-slide .tx h3,.uf-site .uf-mc-product-tabs .tpanel h3{font-size:28px}
  .uf-site .uf-mc-bay-types .bt-slide .im{min-height:310px}
  .uf-site .uf-mc-product-tabs .tpanel .rgt{min-height:360px}
  .uf-site main>.uf-mc-use-hero{padding:26px 0 0;min-height:0}
  .uf-site .uf-mc-use-hero .cols>div:first-child{width:100%}
  /* Phones (Rick, C09-51): the next section shows on the first screen. The photo strip is shorter, the two calls to
     action share a row, and the chips (which the band under the hero repeats) wait for wider screens. */
  .uf-site .uf-mc-use-hero .cols>div:last-child{position:relative;inset:auto;z-index:2;margin:16px calc(-1 * var(--uf-gutter)) 0;min-height:130px}
  .uf-site .uf-mc-use-hero .hfr{position:relative;inset:auto;min-height:130px}
  .uf-site .uf-mc-use-hero .hfr img,.uf-site .uf-mc-use-hero .hfr video{height:130px;object-position:center}
  .uf-site .uf-mc-use-hero .chips{display:none}
  .uf-site .uf-mc-use-hero .btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .uf-site .uf-mc-use-hero .btns .btn{white-space:normal;text-align:center;justify-content:center;min-height:52px;padding:10px 12px;font-size:13px;line-height:1.3}
  /* Eurostile Extended Black (2026-10-15) is wider than Saira: as on the state heroes, the paired buttons drop the arrow
     and tighten the tracking on phones, so WAREHOUSE or SHOWROOM fits half a 390px row at full size. */
  .uf-site .uf-mc-use-hero .btns .btn{letter-spacing:.02em;padding-inline:6px}
  .uf-site .uf-mc-use-hero .btns .btn .arr{display:none}
  .uf-site .uf-mc-use-hero .hfr .cap{position:static;display:block;width:100%;max-width:none;inset:auto;padding:12px var(--uf-gutter);background:#001523}
  .uf-site .uf-mc-use-hero::before{background:#001523bd}
  .uf-site .uf-mc-geometry-use{opacity:.25}
  .uf-site .uf-mc-use-hero .dek{font-size:15px;line-height:1.5;margin-bottom:18px}
  .uf-site .uf-mc-use-strip a{font-size:15px;min-height:76px;padding:20px}
  .uf-site[data-page-family=industry] .uf-mc-amenities .it{flex-direction:column;min-height:120px;padding:18px 14px}
  .uf-site .uf-mc-inventory-intro,.uf-site .uf-mc-inventory-results{padding:36px 24px}
  .uf-site .uf-mc-inventory-intro :is(h2,.h2x){font-size:27px}
  .uf-site .uf-mc-inventory .avr{grid-template-columns:1fr;padding:24px 0;gap:12px}
  .uf-site .uf-mc-inventory .avr .pr{font-size:18px}
  .uf-site main>.uf-mc-plan{padding:54px 0 64px}
  .uf-site .uf-mc-plan h2{font-size:29px}
  .uf-site main>.uf-mc-media{padding:54px 0}
  .uf-site .uf-mc-media .mtabs{flex-direction:row;flex-wrap:wrap}
  .uf-site .uf-mc-media .mtabs button{flex:1 1 33%;padding:15px 10px;font-size:12px}
  .uf-site .uf-mc-media .ggrid{display:flex;flex-direction:column;gap:20px}
  .uf-site .uf-mc-media .gt{height:auto;min-height:0}
  .uf-site .uf-mc-media .gt img{height:270px}
  .uf-site .uf-mc-media .gt .cap{position:static;display:block}
  .uf-site .uf-mc-copy-photo .stx{padding:28px 22px}
  .uf-site .uf-mc-copy-photo .sim{min-height:270px}
  .uf-site .uf-mc-copy-photo .sim .cap{position:static}
  .uf-site .uf-mc-copy-photo .sim img{height:300px}
  .uf-site .uf-mc-photo-stories .who{grid-template-columns:1fr;gap:38px}
  .uf-site main>.uf-mc-final{padding:54px 24px}
}


/* Industry strip: full-bleed blurred hero photo; button grid aligns to body gutter */
.uf-site .uf-mc-use-strip{
  padding-inline:max(var(--uf-gutter),calc((100vw - 1208px)/2));
  box-sizing:border-box
}
.uf-site .uf-mc-use-strip a{padding-inline:22px}


/* Industry directory shell. Until 2026-10-03 it carried a blurred, navy-washed copy of the hero photo behind the
   strip: the same photo twice on one page under a colour wash (Rick and Mart call, 2026-10-02: no duplicates, C2: no
   filter over photos). It is plain navy now (site-consistency.css). Restore: git show f032770:src/market-continuity.css */
.uf-site .uf-industry-directory{position:relative;isolation:isolate;overflow:hidden}
.uf-site .uf-industry-directory .uf-mc-use-strip{background:transparent}
.uf-site .uf-industry-directory .uf-mc-use-strip::before,
.uf-site .uf-industry-directory .uf-mc-use-strip::after{display:none}


/* Bay type line illustrations (Mart New amends Sep 22) */
.uf-site .uf-bay-illustration{
  display:grid;place-items:center;width:100%;aspect-ratio:16/10;
  background:#001523;border:1px solid #ffffff18;padding:18px 22px;box-sizing:border-box
}
.uf-site .uf-bay-illustration svg{display:block;width:100%;height:auto;max-height:180px}
.uf-site[data-page=baytypes] .tcard .ph > .uf-bay-illustration{
  position:absolute;inset:0;aspect-ratio:auto;border:0;padding:16px 18px
}
.uf-site[data-page=baytypes] .tcard .ph img[data-bay-photo-fallback]{display:none}
.uf-site[data-page=baytypes] .bt-slide .im .uf-bay-illustration{
  position:absolute;inset:0;min-height:100%;aspect-ratio:auto;border:0;padding:36px 40px
}
.uf-site[data-page=baytypes] .bt-slide .im img[data-bay-photo-fallback]{opacity:0;pointer-events:none}



/* ---------- 2026-10-02 Rick and Mart call (docs/changes/2026-10-02-pages.md) ---------- */
/* Phones: the copy spans the whole width, so the gradient runs top to bottom instead and stops above a band
   of full-colour photo under the buttons (C2). */
@media(max-width:760px){
  .uf-site:is([data-page=tx],[data-page=ct],[data-page=ma],[data-page=nh],[data-page=ct2]) main>.uf-mc-directory-hero{padding-bottom:150px}
  /* Stretched to a phone's tall hero, the outline X ran through the copy; the photo band carries the page here. */
  .uf-site:is([data-page=tx],[data-page=ct],[data-page=ma],[data-page=nh],[data-page=ct2]) main>.uf-mc-directory-hero .uf-mc-geometry-directory{display:none}
  .uf-site:is([data-page=tx],[data-page=ct],[data-page=ma],[data-page=nh],[data-page=ct2]) .uf-mc-directory-hero>:is(.sc,.scrim){background:linear-gradient(180deg,rgba(0,21,35,.95) 0%,rgba(0,21,35,.9) 58%,rgba(0,21,35,.45) 74%,rgba(0,21,35,0) 86%)}
}
/* The X over a state hero photo is drawn as an outline: as a filled shape it laid an orange wash over a third of the
   photo (C2). Heroes without a photo (nj, va, ct3) keep Mart's filled X; the list is the state heroes with a backdrop photo. */
.uf-site:is([data-page=tx],[data-page=ct],[data-page=ma],[data-page=nh],[data-page=ct2]) main>.uf-mc-directory-hero .uf-mc-geometry-directory{fill:none;stroke:var(--uf-orange);stroke-width:2.5;opacity:.9}
.uf-site:is([data-page=tx],[data-page=ct],[data-page=ma],[data-page=nh],[data-page=ct2]) main>.uf-mc-directory-hero .uf-mc-geometry-directory path{vector-effect:non-scaling-stroke}
/* Seam sweep (2026-10-12): the photo stops 50px above the hero's bottom (.bg inset 0 0 50px) but the outline spanned
   the whole hero, so one arm ran 49px into the navy band under the photo and the other stopped short of it. The
   outline now covers the photo only: the arm that reaches the bottom ends on the photo's edge. */
@media(min-width:761px){
  .uf-site:is([data-page=tx],[data-page=ct],[data-page=ma],[data-page=nh],[data-page=ct2]) main>.uf-mc-directory-hero .uf-mc-geometry-directory{height:calc(100% - 50px)}
}
/* Texas: the hero photo and the guide photo are Melissa, labelled as a banner (D1, D3). The banner sits on the photo's bottom
   edge (was 22px above it, where the outline X's right arm ended along its top edge: seam sweep, 2026-10-12). */
.uf-site[data-page=tx] .uf-tx-banner{position:absolute;z-index:3;right:max(var(--uf-gutter,24px),calc((100vw - 1208px)/2));bottom:50px;margin:0;padding:11px 16px 11px 22px;background:var(--uf-orange);color:#001523;font:400 15px/1.1 var(--uf-display);letter-spacing:.14em;text-transform:uppercase;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%)}
.uf-site[data-page=tx] .seo .vt{position:relative}
.uf-site[data-page=tx] main .seo .vt .cap.uf-tx-banner{position:absolute;left:0;right:auto;bottom:0;padding:14px 22px;background:var(--uf-orange);color:#001523;font:400 clamp(16px,1.6vw,22px)/1.1 var(--uf-display);letter-spacing:.14em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 100%,0 100%)}
@media(max-width:760px){.uf-site[data-page=tx] main>.uf-mc-directory-hero>.uf-tx-banner{bottom:66px;right:var(--uf-gutter,20px);font-size:12px;padding:9px 12px 9px 18px}}
/* Rick, C09-51 (2026-10-08): the state heroes' next section shows on a phone's first screen: a shorter photo band
   under the buttons (230 to 150px, above), and the two calls to action side by side. */
@media(max-width:760px){
  .uf-site main>.uf-mc-directory-hero .btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px}
  .uf-site main>.uf-mc-directory-hero .btns .btn{white-space:normal;text-align:center;justify-content:center;padding:12px 8px;font-size:12px;letter-spacing:.04em;line-height:1.3}
  .uf-site main>.uf-mc-directory-hero .btns .btn .arr{display:none}
  /* Eurostile Extended Black (2026-10-15): MASSACHUSETTS fits half a 390px row at 12px with no tracking. */
  .uf-site main>.uf-mc-directory-hero .btns .btn{letter-spacing:0;padding-inline:6px}
}
/* D3 (integration round 2026-10-02): from 761 to 900px the buttons reach under the banner (it sat over "See what's
   available at Melissa" between about 768 and 840px). There the hero is a little taller and the banner sits below the
   buttons, near the lower edge of the photo. */
@media(min-width:761px) and (max-width:900px){
  .uf-site[data-page=tx] main>.uf-mc-directory-hero{padding-bottom:126px}
  .uf-site[data-page=tx] main>.uf-mc-directory-hero>.uf-tx-banner{bottom:62px}
}
/* UF-18 (2026-10-03 audit, round 2): the shared button system's uppercase, letter-spaced "See what's available
   at Melissa" button is noticeably wider than before, and from about 1000 to 1150px that extra width reaches
   under the banner again, the same collision as the 761-900px case above, for the same reason: the hero needs
   a little more room between the buttons and the banner at these widths. */
@media(min-width:1000px) and (max-width:1160px){
  .uf-site[data-page=tx] main>.uf-mc-directory-hero{padding-bottom:126px}
  .uf-site[data-page=tx] main>.uf-mc-directory-hero>.uf-tx-banner{bottom:62px}
}
/* Texas park cards: the whole photo links to the park. Anna's card shows the park's drone photo since 2026-10-06,
   with its waitlist note on the photo. */
.uf-site[data-page=tx] .pcard a.ph{display:block;color:inherit;text-decoration:none}
.uf-site[data-page=tx] .pcard a.ph.tbd{display:flex}
.uf-site[data-page=tx] .pcard a.ph:focus-visible{outline:3px solid var(--uf-orange);outline-offset:-3px}
.uf-site[data-page=tx] .pcard .ph .note{color:#fff;background:#001523d9;font-size:12px}
/* On a card narrower than the note's one line (phones, and the two-column cards up to 820 px) the note wrapped to two
   lines over the photo, so it tightens instead. */
@media (max-width:820px){.uf-site[data-page=tx] .pcard .ph .note{font-size:11px;letter-spacing:.08em}}
@media (max-width:359px){.uf-site[data-page=tx] .pcard .ph .note{font-size:10px;letter-spacing:.05em}}
/* At the top the note covered the park's top row of buildings. Where the card is wide enough for the note and the
   orange corner tag side by side (490px: the 12px inset, the 349px note, a 12px gap and the 111px tag make 484), it
   sits at the bottom left over the road and grass instead (review, 2026-10-06). Narrower cards keep it at the top;
   the chips under the card say "100% leased" too. */
.uf-site[data-page=tx] .pcard a.ph{container-type:inline-size}
@container (min-width:490px){.uf-site[data-page=tx] .pcard .ph .note{top:auto;bottom:12px}}
/* Texas availability list (D4): Melissa availability and the Anna waitlist, on the site's preview form. */
.uf-site[data-page=tx] main>.uf-tx-lead{background:#021321;color:#fff;padding:88px 0}
.uf-site[data-page=tx] .uf-tx-lead-cols{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.uf-site[data-page=tx] .uf-tx-lead .kicker{font:400 13px/1.3 var(--uf-display);letter-spacing:.16em;text-transform:uppercase;color:var(--uf-orange);margin:0 0 16px}
.uf-site[data-page=tx] .uf-tx-lead h2{font:400 clamp(30px,3.2vw,44px)/1.05 var(--uf-display);text-transform:uppercase;letter-spacing:0;margin:0 0 20px;color:#fff}
.uf-site[data-page=tx] .uf-tx-lead h2 .o{color:var(--uf-orange)}
.uf-site[data-page=tx] .uf-tx-lead-copy p{font:400 18px/1.55 var(--uf-body);color:#d9e2e7;max-width:34em;margin:0 0 16px}
.uf-site[data-page=tx] .uf-tx-lead-mail a{color:var(--uf-orange);text-decoration:underline;text-underline-offset:3px}
.uf-site[data-page=tx] .uf-tx-form{background:#fffdfc;color:#001523;padding:32px;display:grid;gap:16px}
.uf-site[data-page=tx] .uf-tx-form h3{margin:0;font:400 22px/1.2 var(--uf-display);text-transform:uppercase;letter-spacing:.04em;color:#001523}
.uf-site[data-page=tx] .uf-tx-form .uf-tx-req{margin:-8px 0 0;font:400 13px/1.4 var(--uf-body);color:#465f6c}
.uf-site[data-page=tx] .uf-tx-form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.uf-site[data-page=tx] .uf-tx-form label{display:block;margin:0 0 6px;font:700 13px/1.3 var(--uf-body);color:#001523}
.uf-site[data-page=tx] .uf-tx-form .req{color:#ae5000}
.uf-site[data-page=tx] .uf-tx-form :is(input,select){width:100%;min-height:48px;padding:10px 12px;border:1px solid #9aa9b1;background:#fff;color:#001523;font:400 16px/1.3 var(--uf-body)}
.uf-site[data-page=tx] .uf-tx-form :is(input,select):focus-visible{outline:2px solid var(--uf-orange);outline-offset:1px;border-color:#001523}
.uf-site[data-page=tx] .uf-tx-form .btn{justify-self:start;min-height:54px;padding:0 28px}
.uf-site[data-page=tx] .uf-tx-form .fine{margin:0;font:400 13px/1.45 var(--uf-body);color:#465f6c}
.uf-site[data-page=tx] .uf-tx-form [data-form-status]{margin:0;font:700 14px/1.4 var(--uf-body);color:#001523}
.uf-site[data-page=tx] #tx-lead{scroll-margin-top:24px}
@media(max-width:900px){.uf-site[data-page=tx] .uf-tx-lead-cols{grid-template-columns:1fr;gap:32px}}
@media(max-width:540px){
  .uf-site[data-page=tx] main>.uf-tx-lead{padding:56px 0}
  .uf-site[data-page=tx] .uf-tx-form{padding:22px 18px}
  .uf-site[data-page=tx] .uf-tx-form .row{grid-template-columns:1fr}
  .uf-site[data-page=tx] .uf-tx-form .btn{justify-self:stretch}
}
/* Industry heroes (use-* and industries): Mart's Usecase PSD panel is navy over a full-colour photo. The site-wide
   orange artwork rule had turned that panel into an orange wash over the photo, and a navy gradient ran across the
   whole frame; both were colour filters (C2). The panel is navy again and the gradient stops at 70%. */
.uf-site main>.uf-mc-use-hero .uf-mc-geometry-use{fill:#001b26;opacity:.72}
.uf-site main>.uf-mc-use-hero::before{background:linear-gradient(90deg,rgba(0,21,35,.82) 0%,rgba(0,21,35,.62) 40%,rgba(0,21,35,0) 70%)}
/* Tablets: the copy keeps to the gradient side and the gradient reaches a little further, as on the supporting
   heroes (src/bay-hero.css), so no line of copy sits on the full-colour part of the photo (fix round, V2). */
@media (min-width:761px) and (max-width:1100px){
  .uf-site main>.uf-mc-use-hero .cols>div:first-child{width:min(560px,58%);max-width:none}
  .uf-site main>.uf-mc-use-hero::before{background:linear-gradient(90deg,rgba(0,21,35,.93) 0%,rgba(0,21,35,.93) 46%,rgba(0,21,35,.7) 62%,rgba(0,21,35,.22) 76%,rgba(0,21,35,0) 86%)}
}
@media(max-width:540px){
  .uf-site main>.uf-mc-use-hero::before{background:none}
}
/* 541 to 760px: the copy needs nearly the whole width, so the photo stacks under it in full colour, as on phones,
   instead of sitting under the copy behind a tint (fix round, V2). */
@media (min-width:541px) and (max-width:760px){
  .uf-site main>.uf-mc-use-hero{padding:56px 0 0;min-height:0}
  .uf-site main>.uf-mc-use-hero .cols>div:first-child{width:100%;max-width:none}
  .uf-site main>.uf-mc-use-hero .cols>div:last-child{position:relative;inset:auto;z-index:2;margin:34px calc(-1 * var(--uf-gutter)) 0;min-height:360px}
  .uf-site main>.uf-mc-use-hero .hfr{position:relative;inset:auto;min-height:360px}
  .uf-site main>.uf-mc-use-hero .hfr :is(img,video){height:360px;object-position:center}
  .uf-site main>.uf-mc-use-hero .hfr .cap{position:static;display:block;width:100%;max-width:none;inset:auto;padding:12px var(--uf-gutter);background:#001523}
  .uf-site main>.uf-mc-use-hero::before{background:none}
}

/* No photo yet (2026-10-03 polish, P2): a park without photos of its own shows its name on Mart's navy with the X
   outline, instead of one navy plate image repeated across a page (Locations, the maps, facility plan cards).
   Decorative: every card or button that carries it already names the park. */
.uf-site .uf-noimg{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;
  padding:0 8%;box-sizing:border-box;overflow:hidden;background:#001523;color:#fff;clip-path:none}
.uf-site .uf-noimg svg{position:absolute;top:50%;left:50%;width:auto;height:124%;transform:translate(-50%,-50%);stroke:#0c2d42;stroke-width:8;pointer-events:none}
.uf-site .uf-noimg b{position:relative;font:400 clamp(17px,1.9vw,24px)/1.15 var(--uf-display,UFDisplay,sans-serif);
  letter-spacing:.12em;text-transform:uppercase;color:#fff;white-space:normal;max-width:100%;overflow-wrap:anywhere}
/* Cheline 2026-10-09 (A36r): the park's name sat left of centre and ran past the X; name and X now share the centre. */
.uf-site .uf-card-image>span.uf-noimg,.uf-site .uf-mc-directory-cards .uf-card-image>span.uf-noimg{position:absolute;inset:0;
  padding:0 8% 18%;background:#001523;color:#fff;font:inherit;clip-path:none;text-transform:none}
.uf-site .ph>.uf-noimg{position:absolute;inset:0}