/* About Us "More than just a place to stay." (client mockup 2026-10-19).
   --u is one mockup pixel (mockup 1918x820). The stage spans mockup x 116..1894 (text column's left edge to the
   right arrow's outer edge) and sits on the hero's rails. The cards are real 3D-transformed boxes: perspective
   1800u with its vanishing point at (982.5u, 388u) in stage coordinates, slot sizes/tilts solved from the mockup. */

body.about-page .wms-sec{
  --wms-ink:#234550;--wms-tan:#9a7857;--wms-line:#c9ad8b;
  position:relative;overflow:hidden;background:#f4efe5;color:var(--wms-ink);
  padding:0 max(clamp(80px,8.947vw,170px),calc((100% - 1560px) / 2))
}
.wms-sec .wms{container-type:inline-size}
.wms-sec .wms__stage{--u:calc(100cqw / 1778);position:relative;height:calc(820 * var(--u))}
.wms-sec .wms__plate{position:absolute;left:calc(-236 * var(--u));top:0;width:calc(2038 * var(--u));height:calc(820 * var(--u));max-width:none;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 calc(70 * var(--u)));mask-image:linear-gradient(90deg,transparent,#000 calc(70 * var(--u)))}
.wms-sec :where(h2,h3,p){margin:0}

/* copy column */
.wms-sec .wms__copy{position:absolute;left:0;top:0;width:calc(540 * var(--u));z-index:4}
.wms-sec .wms__eyebrow{display:flex;align-items:center;gap:calc(19 * var(--u));margin:calc(173 * var(--u)) 0 0;font:400 max(10.5px,calc(13 * var(--u)))/1 "HP Label",Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#b09470;white-space:nowrap}
.wms-sec .wms__eyebrow i{flex:none;width:calc(42 * var(--u));height:1px;background:#b9a083}
body.about-page .wms-sec .wms__title{margin:calc(44 * var(--u)) 0 0;font:400 calc(72 * var(--u))/calc(69.5 * var(--u)) var(--hp-display,"HP Display",Georgia,serif);letter-spacing:-.025em;color:var(--wms-ink);-webkit-text-stroke:.003em currentColor}
.wms-sec .wms__title span{display:block;white-space:nowrap}
.wms-sec .wms__title em{display:block;white-space:nowrap;font-style:italic;color:var(--wms-tan);letter-spacing:-.02em;-webkit-text-stroke:.008em currentColor}
.wms-sec .wms__lead{margin:calc(21 * var(--u)) 0 0;max-width:calc(425 * var(--u));font:400 max(14px,calc(20.2 * var(--u)))/1.33 var(--hp-text,"HP Text",Arial,sans-serif);color:#5f6a70}
.wms-sec .wms__link{display:flex;align-items:center;gap:calc(31 * var(--u));width:max-content;min-width:calc(306 * var(--u));height:max(46px,calc(56 * var(--u)));margin:calc(32 * var(--u)) 0 0;padding:0 calc(36 * var(--u));box-sizing:border-box;border:1.4px solid var(--wms-line);border-radius:999px;color:var(--wms-ink);text-decoration:none;font:400 max(15px,calc(17.8 * var(--u)))/1 var(--hp-display,"HP Display",Georgia,serif);letter-spacing:.005em;white-space:nowrap;transition:background .25s,border-color .25s}
.wms-sec .wms__link:hover{background:#efe6d6;border-color:#b3916a}
.wms-sec .wms__link:focus-visible{outline:2px solid var(--wms-ink);outline-offset:5px}
.wms-sec .wms__link svg{flex:none;width:calc(37 * var(--u));height:auto;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}

/* the deck */
.wms-sec .wms__deck{position:absolute;left:0;top:0;width:calc(1778 * var(--u));height:calc(820 * var(--u));perspective:calc(1800 * var(--u));perspective-origin:calc(982.5 * var(--u)) calc(388 * var(--u));pointer-events:none;z-index:2}
.wms-sec .wms__card{position:absolute;box-sizing:border-box;overflow:hidden;border:calc(3 * var(--u)) solid #fffdf8;border-radius:calc(20 * var(--u));background:#1d2a30;pointer-events:auto;cursor:pointer;
  box-shadow:0 calc(16 * var(--u)) calc(34 * var(--u)) #3c30201f;-webkit-backface-visibility:hidden;backface-visibility:hidden;
  transition:left .75s cubic-bezier(.22,.61,.2,1),top .75s cubic-bezier(.22,.61,.2,1),width .75s cubic-bezier(.22,.61,.2,1),height .75s cubic-bezier(.22,.61,.2,1),transform .75s cubic-bezier(.22,.61,.2,1),opacity .45s}
.wms-sec .wms__card[data-pos="0"]{left:calc(696 * var(--u));top:calc(116 * var(--u));width:calc(573 * var(--u));height:calc(540 * var(--u));transform:rotateY(0deg);z-index:4;cursor:default;box-shadow:0 calc(22 * var(--u)) calc(46 * var(--u)) #3c302030}
.wms-sec .wms__card[data-pos="1"]{left:calc(1260.5 * var(--u));top:calc(156.9 * var(--u));width:calc(302.7 * var(--u));height:calc(462.3 * var(--u));transform:rotateY(14.14deg);z-index:3}
.wms-sec .wms__card[data-pos="2"]{left:calc(1514.7 * var(--u));top:calc(203 * var(--u));width:calc(244.3 * var(--u));height:calc(370.1 * var(--u));transform:rotateY(29.81deg);z-index:2}
.wms-sec .wms__card[data-pos="-1"]{left:calc(474.7 * var(--u));top:calc(175.4 * var(--u));width:calc(302.7 * var(--u));height:calc(425.3 * var(--u));transform:rotateY(-30.22deg);z-index:3}
.wms-sec .wms__card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.wms-sec .wms__card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,#0b131828 58%,#0a1014e0 100%);pointer-events:none}
.wms-sec .wms__txt{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:0 calc(26 * var(--u)) calc(20 * var(--u));color:#fffdf8}
.wms-sec .wms__n{display:flex;align-items:center;gap:calc(10 * var(--u));margin:0 0 calc(11 * var(--u));font:400 max(9px,calc(11 * var(--u)))/1 "HP Label",Arial,sans-serif;letter-spacing:.14em;color:#fffdf8e6}
.wms-sec .wms__n i{flex:0 1 calc(62 * var(--u));height:1px;background:#fffdf88c}
.wms-sec .wms__t{font:400 max(16px,calc(27.8 * var(--u)))/1.1 var(--hp-display,"HP Display",Georgia,serif);letter-spacing:0;color:#fff}
.wms-sec .wms__d{max-width:calc(334 * var(--u));margin-top:calc(4 * var(--u));font:400 max(12.5px,calc(18.2 * var(--u)))/1.14 var(--hp-text,"HP Text",Arial,sans-serif);color:#fffdf8f2}
.wms-sec .wms__n,.wms-sec .wms__t,.wms-sec .wms__d,.wms-sec .wms__txt{transition:font-size .75s cubic-bezier(.22,.61,.2,1),line-height .75s cubic-bezier(.22,.61,.2,1),margin .75s,padding .75s,max-width .75s}
.wms-sec .wms__card[data-pos="1"] .wms__txt{padding:0 calc(24 * var(--u)) calc(21 * var(--u))}
.wms-sec .wms__card[data-pos="1"] .wms__n{font-size:max(9px,calc(10.8 * var(--u)));margin-bottom:calc(9 * var(--u))}
.wms-sec .wms__card[data-pos="1"] .wms__t{font-size:max(15px,calc(26 * var(--u)))}
.wms-sec .wms__card[data-pos="1"] .wms__d{max-width:calc(160 * var(--u));font-size:max(11.5px,calc(15.8 * var(--u)));line-height:1.15;margin-top:calc(4 * var(--u))}
.wms-sec .wms__card[data-pos="-1"] .wms__txt{padding:0 calc(24 * var(--u)) calc(20 * var(--u))}
.wms-sec .wms__card[data-pos="-1"] .wms__n{font-size:max(9px,calc(11 * var(--u)));margin-bottom:calc(9 * var(--u))}
.wms-sec .wms__card[data-pos="-1"] .wms__t{max-width:calc(168 * var(--u));font-size:max(15px,calc(27.4 * var(--u)))}
.wms-sec .wms__card[data-pos="-1"] .wms__d{max-width:calc(112 * var(--u));font-size:max(11.5px,calc(16.8 * var(--u)));line-height:1.15;margin-top:calc(4 * var(--u))}
.wms-sec .wms__card[data-pos="2"] .wms__txt{padding:0 calc(16 * var(--u)) calc(16 * var(--u))}
.wms-sec .wms__card[data-pos="2"] .wms__n{font-size:max(9px,calc(9.8 * var(--u)));margin-bottom:calc(8 * var(--u))}
.wms-sec .wms__card[data-pos="2"] .wms__t{font-size:max(14px,calc(23.2 * var(--u)))}
.wms-sec .wms__card[data-pos="2"] .wms__d{max-width:calc(140 * var(--u));font-size:max(11px,calc(14.6 * var(--u)));line-height:1.15;margin-top:calc(3 * var(--u))}

/* controls */
.wms-sec .wms__arrow{position:absolute;z-index:5;top:calc(388 * var(--u) - max(19px,calc(24 * var(--u))));width:max(38px,calc(48 * var(--u)));height:max(38px,calc(48 * var(--u)));padding:0;display:grid;place-items:center;border:1.3px solid #c3a888;border-radius:50%;background:#f4efe5;color:#203f48;cursor:pointer;transition:background .25s,border-color .25s}
.wms-sec .wms__arrow--prev{left:calc(449 * var(--u))}
.wms-sec .wms__arrow--next{right:0}
.wms-sec .wms__arrow svg{width:max(18px,calc(24 * var(--u)));height:auto;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.wms-sec .wms__arrow:hover{background:#efe6d6;border-color:#b3916a}
.wms-sec .wms__arrow:focus-visible,.wms-sec .wms__dots button:focus-visible{outline:2px solid var(--wms-ink);outline-offset:4px}
.wms-sec .wms__dots{position:absolute;z-index:5;left:calc(956 * var(--u));top:calc(690 * var(--u));display:flex;align-items:center;gap:calc(12.7 * var(--u))}
.wms-sec .wms__dots button{position:relative;width:max(14px,calc(14 * var(--u)));height:max(14px,calc(14 * var(--u)));padding:0;border:0;background:none;cursor:pointer}
.wms-sec .wms__dots button::before{content:"";position:absolute;left:50%;top:50%;width:calc(12 * var(--u));height:calc(12 * var(--u));border-radius:50%;background:#dfd3c1;transform:translate(-50%,-50%);transition:background .3s,width .3s,height .3s}
.wms-sec .wms__dots button[aria-current="true"]::before{width:calc(14 * var(--u));height:calc(14 * var(--u));background:#26474c}
.wms-sec .wms__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media(prefers-reduced-motion:reduce){.wms-sec .wms__card,.wms-sec .wms__txt,.wms-sec .wms__n,.wms-sec .wms__t,.wms-sec .wms__d{transition:none}}

/* Tablet and phone: copy first, then one card at a time with arrows either side of the dots. */
@media(max-width:900px){body.about-page .wms-sec{padding-left:24px;padding-right:24px}}
@media(max-width:1250px){
  body.about-page .wms-sec{padding-top:88px;padding-bottom:84px}
  .wms-sec .wms__plate{display:none}
  .wms-sec .wms__stage{--u:1px;height:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"copy copy copy" "deck deck deck" "prev dots next";align-items:center;row-gap:0}
  .wms-sec .wms__copy{position:static;grid-area:copy;width:auto;max-width:620px}
  .wms-sec .wms__eyebrow{margin:0;font-size:12px;gap:14px}
  .wms-sec .wms__eyebrow i{width:34px}
  body.about-page .wms-sec .wms__title{margin:20px 0 0;font-size:clamp(42px,12.5cqw,72px);line-height:1.04}
  .wms-sec .wms__lead{margin:20px 0 0;max-width:520px;font-size:19px;line-height:1.5}
  .wms-sec .wms__link{width:auto;max-width:100%;height:56px;margin-top:28px;padding:0 30px;font-size:19px;display:inline-flex}
  .wms-sec .wms__link{justify-self:start}
  .wms-sec .wms__deck{position:relative;grid-area:deck;width:100%;max-width:620px;height:auto;aspect-ratio:573 / 540;margin:40px auto 0;perspective:none;pointer-events:auto}
  .wms-sec .wms__card,.wms-sec .wms__card[data-pos]{left:0;top:0;width:100%;height:100%;transform:none;opacity:0;pointer-events:none;border-width:3px;border-radius:20px;z-index:1}
  .wms-sec .wms__card[data-pos="0"]{opacity:1;pointer-events:auto;z-index:2}
  .wms-sec .wms__txt,.wms-sec .wms__card[data-pos] .wms__txt{padding:0 24px 22px}
  .wms-sec .wms__card[data-pos] .wms__n{font-size:11px;margin-bottom:9px}
  .wms-sec .wms__card[data-pos] .wms__t{max-width:none;font-size:clamp(24px,6.4vw,30px)}
  .wms-sec .wms__card[data-pos] .wms__d{max-width:none;font-size:clamp(14.5px,3.9vw,16.5px);line-height:1.35;margin-top:7px}
  .wms-sec .wms__arrow{position:static;width:46px;height:46px;margin-top:26px}
  .wms-sec .wms__arrow--prev{grid-area:prev;justify-self:end}
  .wms-sec .wms__arrow--next{grid-area:next;justify-self:start}
  .wms-sec .wms__arrow svg{width:22px}
  .wms-sec .wms__dots{position:static;grid-area:dots;justify-self:center;margin-top:26px;gap:12px}
  .wms-sec .wms__dots button{width:16px;height:16px}
  .wms-sec .wms__dots button::before{width:12px;height:12px}
  .wms-sec .wms__dots button[aria-current="true"]::before{width:14px;height:14px}
}