/* Rates page — Winter Texans + member savings + closing call as "Photo bento" (concept 4 of /sandpiper/winter-concepts-2/).
   Replaces the Postcard section (#winter). Scoped under .wu4; shared parts copied from the concept's base. */
@font-face{font-family:"HP Display";src:url("../fonts/library/wondar-quason/wondar-quason-400.woff2") format("woff2");font-weight:400;font-display:swap;size-adjust:96%}
@font-face{font-family:"HP Accent";src:url("../fonts/library/middleton/middleton-400.woff2") format("woff2");font-weight:400;font-display:swap;size-adjust:87%}
@font-face{font-family:"HP Text";src:url("../fonts/library/neue-frutiger/neue-frutiger-400.woff2") format("woff2");font-weight:200 800;font-display:swap;size-adjust:88%}
@font-face{font-family:"HP Label";src:url("../fonts/library/neue-frutiger/neue-frutiger-400.woff2") format("woff2");font-weight:200 800;font-display:swap;size-adjust:102%}
.wu4{
  --u:calc(100vw / 1900);
  --rail:calc(170 * var(--u));
  --navy:#073b57; --deep:#0b3a3a; --night:#0a2433; --sand:#917658; --kick:#9c8268; --lead:#0b4b69; --cap:#667080;
  --paper:#faf7ef; --paper-2:#f3ebdd; --card:#fffdf8; --gold:#b89a6a; --gold-2:#d9bf8e; --hair:rgba(7,59,87,.13);
  --c-winter:#7fa9a4; --c-spring:#e2b98a; --c-summer:#d98a55; --c-big:#0b4b69;
  --display:"HP Display",Georgia,serif; --accent:"HP Accent",cursive; --text:"HP Text",Arial,sans-serif; --label:"HP Label",Arial,sans-serif;
  --ease:cubic-bezier(.4,.1,.2,1);
  position:relative;padding:calc(150 * var(--u)) var(--rail);background:var(--paper);color:var(--navy);
  font:400 16px/normal var(--text);letter-spacing:normal;-webkit-font-smoothing:antialiased;overflow:hidden;
}
.wu4,.wu4 *,.wu4 *::before,.wu4 *::after{box-sizing:border-box}
.wu4 :where(h2,h3,p,ul){margin:0}
.wu4 ul{padding:0;list-style:none}
.wu4 svg{max-width:none}
.wu4 b{font-weight:400}
.wu4 .ev-title{text-wrap:wrap}
.wu4 :focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.wu4 .ev-head{display:flex;justify-content:space-between;align-items:flex-end;gap:calc(60 * var(--u))}
.wu4 .ev-head--c{justify-content:center;text-align:center}
.wu4 .ev-head--c .ev-k{justify-content:center}
.wu4 .ev-head--c .ev-k::after{content:"";width:calc(40 * var(--u));min-width:24px;height:1px;background:#b0977f}
.wu4 .ev-head--c .ev-intro{margin-inline:auto}
.wu4 .ev-k{display:flex;align-items:center;gap:calc(20 * var(--u));font:400 max(11px,calc(14.26 * var(--u)))/1 var(--label);letter-spacing:.39em;text-transform:uppercase;color:var(--kick);white-space:nowrap}
.wu4 .ev-k::before{content:"";width:calc(40 * var(--u));min-width:24px;height:1px;background:#b0977f}
.wu4 .ev-title{margin-top:calc(32 * var(--u));font:400 calc(85.8 * var(--u))/.99 var(--display);letter-spacing:-.01em;color:var(--navy)}
.wu4 .ev-title em{display:inline-block;font:400 1.1em/.72 var(--accent);font-style:normal;color:var(--sand);white-space:nowrap}
.wu4 .ev-pill{display:inline-flex;align-items:center;flex:none;gap:calc(18 * var(--u));height:max(46px,calc(62 * var(--u)));padding:0 max(6px,calc(9 * var(--u))) 0 max(20px,calc(30 * var(--u)));border:1px solid rgba(7,59,87,.32);border-radius:999px;font:500 max(14px,calc(19 * var(--u)))/1 var(--text);color:var(--navy);text-decoration:none;white-space:nowrap;transition:background .25s,color .25s,border-color .25s}
.wu4 .ev-pill span{display:grid;place-items:center;width:max(34px,calc(44 * var(--u)));height:max(34px,calc(44 * var(--u)));border-radius:50%;background:var(--navy);color:#fff;transition:transform .25s var(--ease),background .25s}
.wu4 .ev-pill svg{width:45%;height:45%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wu4 .ev-pill:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.wu4 .ev-pill:hover span{background:#fff;color:var(--navy);transform:translateX(3px)}
.wu4 .ev-pill--light{color:#fff;border-color:rgba(255,255,255,.5)}
.wu4 .ev-pill--light span{background:#fff;color:var(--navy)}
.wu4 .ev-pill--light:hover{background:#fff;color:var(--navy)}
.wu4 .ev-pill--solid{background:var(--navy);border-color:var(--navy);color:#fff}
.wu4 .ev-pill--solid span{background:#fff;color:var(--navy)}
.wu4 .ev-pill--solid:hover{background:#0a5a76;border-color:#0a5a76}
.wu4 .wt-ico{width:18px;height:18px;margin-right:2px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.wu4 .ev-pill:has(.wt-ico){padding-right:max(20px,calc(30 * var(--u)))}
.wu4 .wt-btns{display:flex;flex-wrap:wrap;gap:calc(14 * var(--u))}
.wu4 .wt-chips{display:flex;flex-wrap:wrap;gap:8px}
.wu4 .wt-chips li{padding:7px 14px;border-radius:999px;border:1px solid var(--gold);font:500 max(12.5px,calc(14 * var(--u)))/1 var(--text);color:var(--lead)}
.wu4 .wt-win{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:500 max(13px,calc(15 * var(--u)))/1.3 var(--text);color:var(--lead)}
.wu4 .wt-win i{flex:0 0 calc(60 * var(--u));min-width:28px;height:2px;background:linear-gradient(90deg,var(--gold),var(--navy))}
.wu4 .wt-win b{font-weight:500;color:var(--sand)}
.wu4 .wt-gs{width:calc(84 * var(--u));min-width:56px;height:auto;flex:none}
.wu4 .wt-close{display:flex;justify-content:space-between;align-items:center;gap:calc(40 * var(--u));flex-wrap:wrap;margin-top:calc(60 * var(--u));padding-top:calc(40 * var(--u));border-top:1px solid var(--hair)}
.wu4 .wt-close h3{font:400 calc(46 * var(--u))/1.05 var(--display);color:var(--navy)}
.wu4 .wt-close p{margin-top:calc(10 * var(--u));max-width:calc(560 * var(--u));font:500 max(14px,calc(19 * var(--u)))/1.45 var(--text);color:var(--lead)}
.wu4 .wt-close--c{flex-direction:column;text-align:center}
.wu4 .wt-close--c p{margin-inline:auto}
.wu4 .wt-close--dark{border-color:rgba(255,255,255,.18)}
.wu4 .wt-close--dark h3{color:#fff}
.wu4 .wt-close--dark p{color:rgba(255,255,255,.8)}
.wu4 .wt-close--dark .ev-pill{color:#fff;border-color:rgba(255,255,255,.45)}
.wu4 .wt-close--dark .ev-pill span{background:#fff;color:var(--navy)}
.wu4 .wt-close--dark .ev-pill--solid{background:var(--gold-2);border-color:var(--gold-2);color:#2b2010}
.wu4 .wt-lead{font:500 max(15px,calc(22 * var(--u)))/1.5 var(--text);color:var(--lead)}
.wu4 img{display:block;max-width:100%}
.wu4 h3{letter-spacing:normal}
.wu4 img{display:block;max-width:100%}
.wu4 h3{letter-spacing:normal}
/* ---- 4. Photo bento ---- */
.wu4 .wu4__g{display:grid;grid-template-columns:1.2fr 1fr .9fr 1fr;grid-template-rows:calc(300 * var(--u)) calc(300 * var(--u));gap:calc(14 * var(--u));margin-top:calc(60 * var(--u))}
.wu4 .wu4__t{overflow:hidden;border-radius:calc(18 * var(--u))}
.wu4 .wu4__t--ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.wu4 .wu4__t--ph:hover img{transform:scale(1.05)}
.wu4 .wu4__a{grid-row:1/3;border-top-left-radius:calc(150 * var(--u))}
.wu4 .wu4__b{grid-column:2/4;grid-row:1}
.wu4 .wu4__c{grid-column:4;grid-row:1}
.wu4 .wu4__d{grid-column:2;grid-row:2}
.wu4 .wu4__e{grid-column:3;grid-row:2}
.wu4 .wu4__f{grid-column:4;grid-row:2;border-bottom-right-radius:calc(110 * var(--u))}
.wu4 .wu4__t--win,.wu4 .wu4__t--mem,.wu4 .wu4__t--cta{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:calc(14 * var(--u));padding:calc(30 * var(--u)) calc(34 * var(--u))}
.wu4 .wu4__t--win{background:var(--card)}
.wu4 .wu4__k{font:400 calc(40 * var(--u))/1.05 var(--display);color:var(--navy)}
.wu4 .wu4__t--win > p:not(.wu4__k){font:400 max(13.5px,calc(17 * var(--u)))/1.5 var(--text);color:var(--lead)}
.wu4 .wu4__t--mem{background:#e3efec}
.wu4 .wu4__t--mem b{font:400 calc(84 * var(--u))/1 var(--display);color:#3b6f6a}
.wu4 .wu4__t--mem p{font:400 max(12.5px,calc(15 * var(--u)))/1.5 var(--text);color:#2f4f4c}
.wu4 .wu4__t--cta{background:var(--navy);color:#fff}
.wu4 .wu4__t--cta h3{font:400 calc(34 * var(--u))/1.1 var(--display);color:#fff}
.wu4 .wu4__t--cta p{font:400 max(12.5px,calc(15 * var(--u)))/1.5 var(--text);opacity:.85}
.wu4 .wu4__t--cta .ev-pill--solid{background:#fff;color:var(--navy);border-color:#fff}.wu4 .wu4__t--cta .ev-pill--solid span{background:var(--navy);color:#fff}
@media (max-width:999px){
  .wu4{--rail:clamp(20px,5vw,48px);padding:72px var(--rail)}
  .wu4 .ev-head{display:block}
  .wu4 .ev-head .ev-pill{margin-top:22px}
  .wu4 .ev-k{gap:14px;font-size:12px;letter-spacing:.3em}
  .wu4 .ev-title{font-size:clamp(40px,9vw,66px);line-height:1.02;margin-top:18px}
  .wu4 .wt-close{margin-top:40px;padding-top:30px;gap:20px}.wu4 .wt-close h3{font-size:30px}.wu4 .wt-close p{font-size:16px;max-width:none}
  .wu4 .wu4__g{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:auto;gap:10px;margin-top:30px}
  .wu4 .wu4__a,.wu4 .wu4__b,.wu4 .wu4__c,.wu4 .wu4__d,.wu4 .wu4__e,.wu4 .wu4__f{grid-column:auto;grid-row:auto}
  .wu4 .wu4__a{grid-column:1/-1;height:260px;border-radius:80px 14px 14px 14px}
  .wu4 .wu4__b,.wu4 .wu4__f{grid-column:1/-1}
  .wu4 .wu4__c,.wu4 .wu4__e{height:180px}
  .wu4 .wu4__d{grid-column:1/-1;order:5}
  .wu4 .wu4__f{order:6}
  .wu4 .wu4__t{border-radius:14px}
  .wu4 .wu4__t--win,.wu4 .wu4__t--mem,.wu4 .wu4__t--cta{padding:22px}
  .wu4 .wu4__k{font-size:26px}
  .wu4 .wu4__t--mem b{font-size:48px}
  .wu4 .wu4__t--cta h3{font-size:26px}
}