/* Wherry Picker. (c) 2026 Pablo Cugliandolo. All rights reserved. */
/* The home page look, for a page built in Elementor from the Wherry home template.
   Add a class in an element's Advanced › CSS Classes:
     containers: wh-page (every section of the page), wh-strip, wh-hero, wh-hero-pic, wh-sec, wh-row, wh-ways, wh-way,
                 wh-steps, wh-step, wh-grey, wh-story, wh-close, wh-btns
     widgets:    wh-eyebrow, wh-h1, wh-h2, wh-h3, wh-lead, wh-body, wh-cardnum, wh-stepnum, wh-motto,
                 wh-btn-solid, wh-btn-line, wh-btn-light, wh-btn-ghost, wh-link,
                 wh-sail / wh-sail-sm (image in the sail frame), wh-zoom (photo grows on hover), wh-float (the small card) */

body .wh-page{--wh-navy:#132640;--wh-navy-dark:#0C1929;--wh-green:#1E7A63;--wh-green-light:#2FA585;--wh-paper:#F3F5F4;
  --wh-grey:#E4E9E7;--wh-ink:#3C4A5A;--wh-line:#C9D2CF;--wh-serif:Fraunces,Georgia,serif;--wh-sans:Manrope,"Helvetica Neue",Arial,sans-serif;
  font-family:var(--wh-sans);color:var(--wh-navy)}
body .wh-page .elementor-widget-text-editor,body .wh-page .elementor-widget-text-editor p{font-family:var(--wh-sans)}
body .e-con.wh-page{--padding-left:24px;--padding-right:24px}

/* ---------- type ---------- */
body .wh-page .elementor-heading-title{font-family:var(--wh-serif);font-optical-sizing:auto;font-weight:300;color:var(--wh-navy);letter-spacing:-.015em}
body .wh-page .elementor-heading-title em{font-style:italic;color:var(--wh-green)}
body .wh-close .elementor-heading-title em{color:var(--wh-green-light)}
body .wh-eyebrow .elementor-heading-title{font-family:var(--wh-sans);font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--wh-green)}
body .wh-h1 .elementor-heading-title{font-size:clamp(52px,7.4vw,108px);line-height:.98;letter-spacing:-.02em}
body .wh-h2 .elementor-heading-title{font-size:clamp(38px,4.4vw,64px);line-height:1.02}
body .wh-close .wh-h2 .elementor-heading-title{font-size:clamp(42px,5.4vw,80px);line-height:1;color:var(--wh-paper)}
body .wh-h3 .elementor-heading-title{font-size:30px;font-weight:400}
body .wh-cardnum .elementor-heading-title{font-family:var(--wh-sans);font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--wh-green)}
body .wh-stepnum .elementor-heading-title{font-size:64px;font-style:italic;line-height:1;color:var(--wh-green)}
body .wh-steptitle .elementor-heading-title{font-family:var(--wh-sans);font-size:19px;font-weight:700;letter-spacing:0}
body .wh-motto .elementor-heading-title{font-size:26px;font-style:italic;color:var(--wh-green)}
body .wh-lead,body .wh-lead p{font-size:17px;line-height:1.65;color:var(--wh-ink)}
body .wh-body,body .wh-body p{font-size:15px;line-height:1.65;color:var(--wh-ink)}
body .wh-story .wh-lead p:first-child{color:var(--wh-navy);font-size:18px}
body .wh-close .wh-lead,body .wh-close .wh-lead p{color:#C5D2CE}
body .wh-page p:last-child{margin-bottom:0}

/* ---------- buttons ---------- */
body .wh-page .elementor-button{font-family:var(--wh-sans);font-weight:700;font-size:16px;border-radius:999px;padding:17px 30px;
  transition:background .25s,color .25s,border-color .25s;border:2px solid transparent;line-height:1.1}
body .wh-btn-solid .elementor-button{background:var(--wh-navy);color:#fff}
body .wh-btn-solid .elementor-button:hover{background:var(--wh-green);color:#fff}
body .wh-btn-line .elementor-button{background:transparent;color:var(--wh-navy);border-color:var(--wh-navy)}
body .wh-btn-line .elementor-button:hover{background:var(--wh-navy);color:#fff}
body .wh-btn-light .elementor-button{background:var(--wh-paper);color:var(--wh-navy)}
body .wh-btn-light .elementor-button:hover{background:#fff;color:var(--wh-green)}
body .wh-btn-ghost .elementor-button{background:transparent;color:var(--wh-paper);border-color:var(--wh-paper)}
body .wh-btn-ghost .elementor-button:hover{background:var(--wh-paper);color:var(--wh-navy)}
body .wh-link .elementor-button{background:none;padding:0 0 3px;border-radius:0;border:0;border-bottom:2px solid var(--wh-green);color:var(--wh-navy);font-size:15px}
body .e-con.wh-btns{--flex-direction:row;--flex-wrap:wrap;--gap:14px;--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0}

/* ---------- layout ---------- */
body .e-con.wh-strip{--padding-top:10px;--padding-bottom:10px;background:var(--wh-navy)}
body .wh-strip,body .wh-strip p{color:#DDE6E2;font-size:13px;letter-spacing:.04em;text-align:center;margin:0}
body .e-con.wh-hero{--padding-top:40px;--padding-bottom:90px}
body .e-con.wh-hero>.e-con-inner{--flex-direction:row;--gap:64px;--align-items:center}
body .e-con.wh-row>.e-con-inner,body .e-con.wh-row{--flex-direction:row;--flex-wrap:wrap;--justify-content:space-between;--align-items:flex-end;--gap:20px}
body .e-con.wh-sec{--padding-top:110px;--padding-bottom:110px}
body .e-con.wh-grey{background:var(--wh-grey)}
body .e-con.wh-ways,body .e-con.wh-steps{--display:grid;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;--padding-left:0;--padding-right:0}
body .e-con.wh-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--wh-line)}
body .e-con.wh-way{--gap:14px;--padding-left:0;--padding-right:0;color:var(--wh-navy);text-decoration:none}
body .e-con.wh-step{--gap:10px;--padding-top:34px;--padding-left:0;--padding-right:28px;border-right:1px solid var(--wh-line);margin-right:28px}
body .e-con.wh-story>.e-con-inner{--flex-direction:row;--gap:72px;--align-items:center}
body .e-con.wh-close{background:var(--wh-navy);position:relative;overflow:hidden;--padding-top:120px;--padding-bottom:120px}
body .e-con.wh-close>.e-con-inner{--flex-direction:row;--flex-wrap:wrap;--justify-content:space-between;--align-items:flex-end;--gap:40px;position:relative;z-index:1}
/* a big faint sail behind the closing call */
body .wh-close::before{content:"";position:absolute;right:-4%;bottom:-8%;width:52%;height:120%;opacity:.07;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68.032 56.693'%3E%3Cpolygon points='0,0 34.016,28.347 34.016,56.693 0,56.693' fill='%23E6E7E8'/%3E%3Cpolygon points='68.032,0 34.016,28.347 34.016,56.693 68.032,56.693' fill='%231E7A63'/%3E%3C/svg%3E") no-repeat right bottom/contain}

/* ---------- the sail frame and photos ---------- */
body .wh-sail img,body .wh-sail-sm img{display:block;width:100%;object-fit:cover}
body .wh-sail .elementor-widget-container,body .wh-sail figure{clip-path:polygon(0 0,50% 9%,100% 0,100% 100%,0 100%);overflow:hidden;margin:0}
body .wh-sail-sm .elementor-widget-container,body .wh-sail-sm figure{clip-path:polygon(0 0,50% 14%,100% 0,100% 100%,0 100%);overflow:hidden;margin:0}
body .wh-hero-pic .wh-sail img{aspect-ratio:4/5;height:auto}
body .wh-ways .wh-sail-sm img{aspect-ratio:4/5;height:auto}
body .wh-story .wh-sail img{aspect-ratio:4/3;height:auto}
body .wh-zoom img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
body .wh-zoom:hover img,body .wh-way:hover .wh-zoom img{transform:scale(1.06)}
body .e-con.wh-hero-pic{position:relative;--width:46%;--padding-left:0;--padding-right:0;flex:0 0 46%}
body .wh-float{position:absolute !important;left:-64px;bottom:48px;width:200px !important;padding:8px;background:#fff;box-shadow:0 24px 60px rgba(19,38,64,.18);z-index:2;
  animation:whFloat 7s ease-in-out infinite}
body .wh-float img{aspect-ratio:1/1;object-fit:cover;clip-path:polygon(0 0,50% 14%,100% 0,100% 100%,0 100%)}
body .wh-float figcaption,body .wh-float .widget-image-caption{margin:8px 4px 2px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#5C6B7A;text-align:left}
@keyframes whFloat{50%{transform:translateY(-12px)}}

/* ---------- shortcodes ---------- */
body .wh-rotator{font-family:var(--wh-serif);font-size:clamp(22px,2.2vw,30px);font-weight:300;line-height:1.2;margin:0;color:var(--wh-navy)}
/* every line in the rolling list is exactly one step tall (1.3em), so the words never drift */
body .wh-rotator{line-height:1.3}
body .wh-rot{display:inline-block;height:1.3em;line-height:1.3em;overflow:hidden;vertical-align:top;font-style:italic;color:var(--wh-green)}
body .wh-rot>span{display:block;animation-timing-function:cubic-bezier(.7,0,.2,1);animation-iteration-count:infinite}
body .wh-ticks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:14px;color:var(--wh-ink)}
body .wh-ticks li{display:flex;align-items:center;gap:8px}body .wh-ticks svg{color:var(--wh-green);flex:0 0 auto}
body .wh-badge{position:absolute;right:-28px;top:54px;width:132px;height:132px;border-radius:50%;background:var(--wh-navy);display:flex;align-items:center;justify-content:center;z-index:2}
body .wh-badge .wh-spin{position:absolute;inset:0;width:132px;height:132px;animation:whSpin 24s linear infinite}
body .wh-badge text{fill:#DDE6E2;font-family:var(--wh-sans);font-size:11.5px;font-weight:700;letter-spacing:3.6px}
@keyframes whSpin{to{transform:rotate(360deg)}}
body .wh-marquee{background:var(--wh-navy);color:var(--wh-paper);padding:26px 0;overflow:hidden}
body .wh-marq{display:flex;width:max-content;animation:whMarq 38s linear infinite;font-family:var(--wh-serif);font-weight:300;font-style:italic;font-size:clamp(26px,3vw,40px);white-space:nowrap}
body .wh-marq span{display:inline-flex;align-items:center;gap:34px;padding-right:34px}
@keyframes whMarq{to{transform:translateX(-50%)}}
body .wh-range{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}
body .wh-range::-webkit-scrollbar{display:none}
body .wh-tile{flex:0 0 280px;scroll-snap-align:start;text-decoration:none;color:var(--wh-navy)}
body .wh-tile:hover{color:var(--wh-navy)}
body .wh-tile-pic{display:block;position:relative;aspect-ratio:4/5;background:var(--wh-paper);overflow:hidden}
body .wh-tile-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
body .wh-tile:hover .wh-tile-pic img{transform:scale(1.06)}
body .wh-cust{position:absolute;left:14px;right:14px;bottom:14px;padding:12px;border-radius:999px;background:#fff;text-align:center;font-weight:700;font-size:14px;
  opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
body .wh-tile:hover .wh-cust,body .wh-tile:focus-visible .wh-cust{opacity:1;transform:none}
body .wh-tile-txt{display:flex;justify-content:space-between;gap:12px;margin-top:14px}
body .wh-tile-name{font-weight:600;font-size:16px}body .wh-tile-price{font-size:15px;color:var(--wh-ink);white-space:nowrap}
body .wh-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 28px}
body .wh-num-big{margin:0;font-family:var(--wh-serif);font-weight:300;font-size:clamp(56px,6vw,92px);line-height:1;letter-spacing:-.03em;color:var(--wh-navy)}
body .wh-num-txt{margin:14px 0 0;font-size:15px;line-height:1.6;color:var(--wh-ink);max-width:230px}
body .wh-wordmark{margin:0 0 6px}

/* ---------- phones and tablets ---------- */
@media (max-width:860px){
  body .e-con.wh-hero>.e-con-inner,body .e-con.wh-story>.e-con-inner{--flex-direction:column}
  body .e-con.wh-hero-pic{--width:100%;flex-basis:auto;max-width:520px;align-self:center}
  body .wh-float{display:none}
  body .wh-badge{right:-8px;top:24px;transform:scale(.8)}
  body .e-con.wh-ways,body .e-con.wh-steps{grid-template-columns:minmax(0,1fr)}
  body .e-con.wh-step{border-right:0;margin-right:0;border-bottom:1px solid var(--wh-line);padding-bottom:28px}
  body .wh-nums{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .e-con.wh-sec{--padding-top:70px;--padding-bottom:70px}
}
@media (prefers-reduced-motion:reduce){
  body .wh-rot>span,body .wh-marq,body .wh-spin,body .wh-float{animation:none !important}
}

/* ---------- containers inside a row ---------- */
body .e-con.wh-hero-text{--width:auto;--padding-left:0;--padding-right:0;flex:1 1 560px;min-width:0;--gap:0}
body .wh-hero-text>.elementor-widget{margin-bottom:0}
body .wh-hero-text .wh-eyebrow{margin-bottom:22px}
body .wh-hero-text .wh-rotator{margin-top:26px}
body .wh-hero-text .wh-lead{margin-top:22px;max-width:470px}
body .wh-hero-text .wh-btns{margin-top:34px}
body .wh-hero-text .elementor-widget-shortcode:last-child{margin-top:38px}
body .e-con.wh-flush{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0}
body .e-con.wh-row>.e-con-inner>.elementor-widget-text-editor,body .e-con.wh-row>.elementor-widget-text-editor{max-width:380px}
body .e-con.wh-row{--padding-left:0;--padding-right:0;--width:100%}
body .e-con.wh-sec-ways{--padding-top:120px;--padding-bottom:40px}
body .wh-sec-ways .wh-row{margin-bottom:32px}
body .wh-story .wh-sail{flex:1 1 520px;min-width:0;--container-widget-width:auto}
body .e-con.wh-story-text{--width:auto;flex:1 1 460px;min-width:0;--padding-left:0;--padding-right:0;--gap:18px}
body .e-con.wh-story{--padding-bottom:120px}
body .e-con.wh-close-text{--width:auto;flex:1 1 520px;--padding-left:0;--padding-right:0}
body .e-con.wh-close .wh-btns{--width:auto}
body .wh-way .wh-h3 .elementor-heading-title{margin-top:-4px}
body .wh-way::after{content:"→";position:absolute;right:16px;top:28px;width:46px;height:46px;border-radius:50%;background:var(--wh-navy);color:#fff;z-index:1;
  display:flex;align-items:center;justify-content:center;font-size:18px;transition:transform .3s,background .3s}
body .e-con.wh-way{position:relative}
body .wh-way:hover::after{transform:translateX(6px);background:var(--wh-green)}
@media (max-width:860px){body .e-con.wh-hero-text{flex-basis:auto}}
/* the badge's widget sits over the photo's top right corner */
body .e-con.wh-hero-pic>.elementor-widget-shortcode{position:absolute;right:-28px;top:54px;width:132px;margin:0;z-index:2}
body .e-con.wh-hero-pic>.elementor-widget-shortcode .wh-badge{position:relative;right:auto;top:auto}
@media (max-width:860px){body .e-con.wh-hero-pic>.elementor-widget-shortcode{right:-8px;top:24px}}
body .e-con.wh-page{overflow-x:clip}