/* Opening before-and-after for marlon-jimenez v5. Source: src/ba.src.css + src/scenes.src.css (vpx = virtual px). */
.ba{--pad:44px;--H:360px;--ww:min(30vw,430px);--pw:calc(var(--ww) * .32);--ov:-18px;--drop:30px;position:relative;max-width:1280px;margin:clamp(22px,2.6vw,34px) auto 0;text-align:left}.ba-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--grey);border-radius:8px;overflow:hidden;isolation:isolate}.ba-state{position:relative;margin:0;padding:var(--pad) 12px 0;display:grid;justify-items:center;align-content:start}.ba-devs{position:relative;width:calc(var(--ww) + var(--pw) - var(--ov));height:calc(var(--H) - var(--pad));overflow:hidden}.dev{position:absolute;top:0}.dev-w{left:0;width:var(--ww);border:1px solid #cfc9bf;border-radius:6px;background:#fff;padding:5px}.dev-p{right:0;top:var(--drop);width:var(--pw);border-radius:calc(var(--pw) * .15);background:#1f1f1f;padding:calc(var(--pw) * .035)}.screen{position:relative;overflow:hidden;container-type:inline-size;background:#fff}.dev-w .screen{aspect-ratio:1280/800;border-radius:2px}.dev-p .screen{aspect-ratio:375/812;border-radius:calc(var(--pw) * .12)}.ba-state figcaption{width:100%;align-self:end;border-top:1px solid #d6d6d6;padding:12px 4px 14px;font-family:var(--sans);font-size:14px;line-height:1.4;color:var(--ink)}.ba-state figcaption b{display:block;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12.5px;margin-bottom:2px}.ba-cap{font-family:var(--sans);font-size:13.5px;line-height:1.4;color:var(--mute);margin-top:10px;text-align:center;max-width:70ch;margin-left:auto;margin-right:auto}.ba-what{margin-top:22px;text-align:left}.ba-what-h{font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.ba-list{list-style:none;font-family:var(--sans);font-size:14.5px;line-height:1.4;border-top:1px solid var(--line)}.ba-list li{display:grid;grid-template-columns:2.2em 1fr;padding:10px 0;border-bottom:1px solid var(--line);transition:color var(--t-ui) var(--ease-settle)}.ba-list span{color:var(--mute);letter-spacing:.08em;font-size:12.5px;padding-top:2px}.ba-ctl,.ba-chip,.ba-play{display:none}.ba-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:760px){.ba{--pad:20px;--H:300px;--ww:0px;--ov:0px;--drop:0px;--pw:min(40vw,170px)}.dev-w{display:none}.ba-state{padding-left:6px;padding-right:6px}}.ba-on .ba{--pad:46px;--H:clamp(300px, calc(100svh - 500px) ,640px);--ww:min(calc((var(--H) - var(--pad)) * 1.84),62vw,860px);--pw:min(calc((var(--H) - var(--pad)) * .56),calc(var(--ww) * .31));--ov:-26px;--drop:30px}.ba-on .ba-stage{grid-template-columns:1fr;height:var(--H);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize;-webkit-tap-highlight-color:transparent}.ba-on .ba-state{grid-area:1/1;padding:var(--pad) 0 0}.ba-on .ba-state figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;padding:0;border:0}.ba-on .ba-after .screen{clip-path:inset(0 calc(100% - var(--p) * 1%) 0 0)}.ba-on .ba-after .dev{background:transparent;border-color:transparent}.ba-on .ba-ctl{display:block;position:absolute;z-index:10;left:50%;top:var(--pad);height:calc(var(--H) - var(--pad));width:calc(var(--ww) + var(--pw) - var(--ov));transform:translate(-50%);pointer-events:none}.ba-ctl .dev{border-color:transparent;background:transparent}.ba-ctl .screen{overflow:visible;background:transparent}.ba-line{position:absolute;inset:0;transform:translate(calc(var(--p) * 1%));will-change:transform}.ba-line:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--ink);box-shadow:0 0 0 1px #ffffffd9}.ba-line[data-for=p]{--hy:calc((var(--H) - var(--pad) - var(--drop)) * .46)}.ba-handle{position:absolute;left:0;top:var(--hy,44%);width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#fff;border:1px solid var(--ink);color:var(--ink);display:grid;place-items:center;pointer-events:auto;touch-action:none;cursor:grab;transition:transform var(--t-tap) var(--ease-glide),background-color var(--t-ui) var(--ease-settle)}.ba-handle svg{width:22px;height:22px}.ba-handle:hover{background:var(--warm)}.ba-handle:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.is-drag .ba-handle{transform:scale(.94);cursor:grabbing}.is-drag .ba-stage{cursor:grabbing}.ba-on .ba-chip{display:block;position:absolute;z-index:11;top:13px;font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);transition:opacity var(--t-ui) var(--ease-settle)}.ba-chip--a{left:calc(50% - (var(--ww) + var(--pw) - var(--ov)) / 2)}.ba-chip--b{right:calc(50% - (var(--ww) + var(--pw) - var(--ov)) / 2)}.ba-chip i{font-style:normal;font-weight:400;letter-spacing:.02em;text-transform:none;color:var(--mute)}.ba[data-end=before] .ba-chip--a,.ba[data-end=after] .ba-chip--b{opacity:0}.ba-on .ba-play{display:inline-flex;position:absolute;z-index:12;left:16px;bottom:16px;align-items:center;gap:10px;min-height:44px;padding:0 18px 0 16px;border:1px solid var(--line);border-radius:40px;background:#fff;color:var(--ink);font:400 15px/1 var(--serif);letter-spacing:-.01em;cursor:pointer;transition:background-color var(--t-ui) var(--ease-settle)}.ba-on .ba-play[hidden]{display:none}.ba-play:hover{background:var(--warm)}.ba-play:active{transform:scale(.97)}.ba-play:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.ba-play i{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor}.ba[data-morph] .ba-play i{width:10px;height:10px;border:0;border-radius:50%;background:currentColor;animation:ba-dot .9s var(--ease-calm) infinite alternate}@keyframes ba-dot{to{opacity:.25}}.ba-hint{position:absolute;left:34px;top:calc(44% - 12px);font-family:var(--sans);font-size:13px;letter-spacing:.02em;white-space:nowrap;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:40px;padding:3px 10px;opacity:0;transform:translate(-6px);transition:opacity var(--t-ui) var(--ease-settle),transform var(--t-ui) var(--ease-settle)}.is-hint .ba-hint{opacity:1;transform:none}@media(min-width:761px)and (max-width:1099px){.ba-on .ba{--ww:max(300px,min(64vw, calc((100svh - 546px)*1.84) ));--H:calc(var(--ww) * .64 + var(--pad))}}@media(min-width:1100px){.ba-on .ba{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:28px;max-width:1340px}.ba-on .ba-what{grid-column:1;grid-row:1;align-self:end;margin:0 0 4px}.ba-on .ba-stage{grid-column:2;grid-row:1}.ba-on .ba-cap{grid-column:2;grid-row:2}}@media(max-width:760px){.ba-on .ba{--pad:40px;--H:clamp(250px, calc(100svh - 548px) ,470px);--ww:0px;--ov:0px;--drop:0px;--pw:min(300px,calc((var(--H) - var(--pad)) * .82))}.ba-on .ba-stage{margin:0 calc(-1 * var(--gut) + 8px)}.ba-on .ba-play{left:8px;bottom:8px;padding:0 12px;gap:8px;font-size:13.5px}.ba-chip--a{left:calc(50% - var(--pw) / 2 - 2px)}.ba-chip--b{right:calc(50% - var(--pw) / 2 - 2px)}.ba-on .ba-chip{font-size:11.5px;letter-spacing:.08em}.ba-chip i,.ba-hint{display:none}}.ba[data-morph] .ba-after .screen{clip-path:none}.ba[data-morph] .ba-ctl{opacity:0;transition:opacity .3s var(--ease-calm)}.ba[data-morph] .ba-chip{opacity:0}.ba-ctl{transition:opacity var(--t-ui) var(--ease-settle)}.ba-after .as,.ba-after .as>*,.ba-after .as-hero>*,.ba-after .as-row>*,.ba-before .vp,.ba-before .clut{transition:opacity var(--t-ui) var(--ease-calm),transform var(--t-line) var(--ease-settle),background-color var(--t-ui) var(--ease-calm),clip-path var(--t-arrive) var(--ease-settle)}.ba[data-morph] .ba-after .as{background-color:#fbfaf700}.ba[data-morph] .ba-after .screen{background:transparent}.ba[data-morph] .ba-after .as>*,.ba[data-morph] .ba-after .as-hero>*,.ba[data-morph] .ba-after .as-row>*{opacity:0}.ba[data-morph] .ba-after :is(.a-type,.a-call,.a-rest,.a-pic){opacity:0}.ba[data-morph] .ba-after .a-type{transform:scale(.36)}.ba[data-morph] .ba-after .a-call{transform:scale(.6)}.ba[data-morph] .ba-after .a-rest{transform:translate3d(0,14px,0)}.ba[data-morph] .ba-after .a-pic{clip-path:inset(100% 0 0 0)}.ba.m1 .ba-before .clut{opacity:0;transform:translate3d(0,-6px,0);transition-delay:calc(var(--i,0) * 90ms)}.ba.m2 .ba-after .as{background-color:#fbfaf7}.ba.m2 .ba-after .as-head{opacity:1}.ba.m2 .ba-before .vp{opacity:0;transition-delay:.25s}.ba.m2 .ba-after .a-type{opacity:1;transform:none;transition-duration:var(--t-ui),var(--t-arrive)}.ba.m2 .ba-after .as-hero,.ba.m2 .ba-after .as-row{opacity:1}.ba.m3 .ba-after .a-call{opacity:1;transform:none;animation:ba-ring 1.1s var(--ease-settle) .35s 1}@keyframes ba-ring{0%{box-shadow:0 0 #1f1f1f59}to{box-shadow:0 0 0 calc(var(--u) * 14) #1f1f1f00}}.ba.m4 .ba-after .a-rest{opacity:1;transform:none;transition-delay:calc(var(--i,0) * 90ms)}.ba.m4 .ba-after .a-pic{opacity:1;clip-path:inset(0 0 0 0)}.ba.m-arm *,.ba.m-arm{transition:none!important;animation:none!important}.ba[data-morph] .ba-list li{color:var(--mute)}.ba.m2:not(.m3) .ba-list li:nth-child(1),.ba.m3:not(.m4) .ba-list li:nth-child(2),.ba.m4 .ba-list li:nth-child(3){color:var(--ink)}@media(prefers-reduced-motion:reduce){.ba-handle,.ba-list li{transition:none}}.vp{position:absolute;inset:0;overflow:hidden;container-type:normal;-webkit-text-size-adjust:100%;text-size-adjust:100%}.vp *{box-sizing:border-box;margin:0;padding:0}.vp-b-p{--u:calc(100cqw / 980)}.vp-b-w{--u:calc(100cqw / 1280)}.vp-a-p{--u:calc(100cqw / 375)}.vp-a-w{--u:calc(100cqw / 1280)}.bs{min-height:100%;background:#c9d3da repeating-linear-gradient(45deg,#c3ced6 0 calc(var(--u)*4),#cfd8de calc(var(--u)*4) calc(var(--u)*8));font:calc(var(--u)*12)/1.35 Verdana,Geneva,Tahoma,sans-serif;color:#222;padding:0 0 calc(var(--u)*40)}.vp-b-p .bs{padding:0 calc(var(--u)*10) calc(var(--u)*40)}.bs-page{width:calc(var(--u)*960);margin:0 auto;background:#fff;border:calc(var(--u)*1) solid #8aa0ae;border-top:0}.bs-top{display:flex;align-items:center;justify-content:space-between;height:calc(var(--u)*96);padding:0 calc(var(--u)*18);background:linear-gradient(#e8f6ff,#9fd3f0);border-bottom:calc(var(--u)*3) solid #1b5f9e}.bs-logo{font:italic 700 calc(var(--u)*34)/1 "Times New Roman",Times,serif;color:#0b4f96;text-shadow:calc(var(--u)*2) calc(var(--u)*2) 0 #fff,calc(var(--u)*3) calc(var(--u)*3) 0 #6aa8d4;letter-spacing:calc(var(--u)*-.5)}.bs-tag{font:700 calc(var(--u)*13)/1.3 Arial,Helvetica,sans-serif;color:#c0392b;text-align:right;text-transform:uppercase}.bs-nav{display:flex;flex-wrap:wrap;gap:0 calc(var(--u)*7);background:#1b5f9e;color:#fff;padding:calc(var(--u)*5) calc(var(--u)*12);font:calc(var(--u)*11)/1.6 Arial,Helvetica,sans-serif}.bs-nav span{white-space:nowrap}.bs-nav i{font-style:normal;color:#d6ebf8}.bs-news{background:#fff3b0;border-bottom:calc(var(--u)*1) solid #e2c44a;color:#b0281a;font:700 calc(var(--u)*11)/1 Arial,Helvetica,sans-serif;padding:calc(var(--u)*6) calc(var(--u)*10);white-space:nowrap;overflow:hidden}.bs-body{display:grid;grid-template-columns:calc(var(--u)*170) 1fr calc(var(--u)*190);gap:calc(var(--u)*12);padding:calc(var(--u)*12)}.bs-box{border:calc(var(--u)*1) solid #9db3c2;background:#f2f7fa;margin-bottom:calc(var(--u)*10)}.bs-box b{display:block;background:#2c6fa8;color:#fff;font:700 calc(var(--u)*11)/1.4 Arial,Helvetica,sans-serif;padding:calc(var(--u)*3) calc(var(--u)*6)}.bs-box ul{list-style:square inside;padding:calc(var(--u)*6);color:#1b5f9e;font-size:calc(var(--u)*11);line-height:1.7;text-decoration:underline}.bs-box p{padding:calc(var(--u)*6);font-size:calc(var(--u)*11)}.bs-in{display:block;height:calc(var(--u)*16);border:calc(var(--u)*1) solid #888;background:#fff;margin:calc(var(--u)*2) calc(var(--u)*6) calc(var(--u)*4)}.bs-btn{display:inline-block;margin:0 calc(var(--u)*6) calc(var(--u)*6);padding:calc(var(--u)*1) calc(var(--u)*8);border:calc(var(--u)*1) solid #666;background:linear-gradient(#fafafa,#d7d7d7);font:calc(var(--u)*11) Arial,Helvetica,sans-serif}.bs-main h2{font:700 calc(var(--u)*18)/1.25 Arial,Helvetica,sans-serif;color:#0b4f96;margin-bottom:calc(var(--u)*8)}.bs-main p{margin-bottom:calc(var(--u)*9);text-align:justify}.bs-photo{float:right;width:calc(var(--u)*220);height:calc(var(--u)*150);margin:0 0 calc(var(--u)*8) calc(var(--u)*10);border:calc(var(--u)*4) ridge #9db3c2;background:radial-gradient(60% 40% at 30% 30%,#bfe9f5 0 20%,transparent 60%),radial-gradient(50% 35% at 72% 65%,#a7def0 0 18%,transparent 60%),linear-gradient(#5fb2d0,#2f86ad)}.bs-photo span{display:block;margin-top:calc(var(--u)*155);font-size:calc(var(--u)*10);color:#555;text-align:center}.bs-pdf{color:#1b5f9e;text-decoration:underline;font-weight:700}.bs-small{font-size:calc(var(--u)*10);color:#555}.bs-foot{border-top:calc(var(--u)*1) solid #9db3c2;background:#eef3f6;padding:calc(var(--u)*8) calc(var(--u)*12);font-size:calc(var(--u)*10);color:#555;text-align:center}.bs-more{padding:0 calc(var(--u)*12) calc(var(--u)*12)}.bs-more h3{font:700 calc(var(--u)*14)/1.3 Arial,Helvetica,sans-serif;color:#0b4f96;margin:calc(var(--u)*6) 0}.bs-more table{width:100%;border-collapse:collapse;font-size:calc(var(--u)*11)}.bs-more td{border:calc(var(--u)*1) solid #c2d1db;padding:calc(var(--u)*4) calc(var(--u)*6)}.bs-more tr:nth-child(odd) td{background:#f4f8fb}.bs-more h3{margin-top:calc(var(--u)*14)}.bs-gal{display:grid;grid-template-columns:repeat(8,1fr);gap:calc(var(--u)*6);margin-bottom:calc(var(--u)*6)}.bs-gal i{display:block;aspect-ratio:4/3;border:calc(var(--u)*2) solid #9db3c2;background:linear-gradient(160deg,#9fd8ea,#3d93b8)}.bs-gal i:nth-child(3n){background:linear-gradient(160deg,#c9d9a8,#7fa35a)}.bs-gal i:nth-child(4n){background:linear-gradient(160deg,#e3d7bd,#b39c74)}.bs-faq{list-style:disc inside;columns:2;font-size:calc(var(--u)*11);line-height:1.8;color:#1b5f9e;text-decoration:underline}.bs-form{width:calc(var(--u)*420);border:calc(var(--u)*1) solid #9db3c2;background:#f2f7fa;padding:calc(var(--u)*8)}.bs-form p{font-size:calc(var(--u)*11);margin:calc(var(--u)*2) 0}.bs-form .bs-in{margin:0 0 calc(var(--u)*4);width:100%}.bs-form .bs-ta{height:calc(var(--u)*60)}.bs-form .bs-btn{margin:calc(var(--u)*4) calc(var(--u)*4) calc(var(--u)*6) 0}.as{min-height:100%;background:#fbfaf7;color:#1f1f1f;font-family:Newsreader,Georgia,serif;font-weight:300}.as-head{display:flex;align-items:center;justify-content:space-between;height:calc(var(--u)*56);padding:0 calc(var(--u)*20);border-bottom:calc(var(--u)*1) solid #e2ddd4;background:#fff}.as-name{font:400 calc(var(--u)*18)/1 "Newsreader",Georgia,serif;letter-spacing:-.01em}.as-menu{font:400 calc(var(--u)*14)/1 "Gill Sans","Gill Sans MT",Cabin,sans-serif;letter-spacing:.02em}.as-hero{padding:calc(var(--u)*34) calc(var(--u)*20) calc(var(--u)*26)}.as-kick{font:400 calc(var(--u)*12)/1 "Gill Sans","Gill Sans MT",Cabin,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#4d4d4d}.as-h{font-weight:300;font-size:calc(var(--u)*44);line-height:1.06;letter-spacing:-.025em;margin-top:calc(var(--u)*14);font-variation-settings:"opsz" 72;transform-origin:0 0}.as-p{font-size:calc(var(--u)*17);line-height:1.45;margin-top:calc(var(--u)*14);color:#2b2b2b}.as-call{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*10);height:calc(var(--u)*52);margin-top:calc(var(--u)*22);background:#1f1f1f;color:#fff;border-radius:calc(var(--u)*2);font:400 calc(var(--u)*17)/1 "Newsreader",Georgia,serif}.as-call svg{width:calc(var(--u)*16);height:calc(var(--u)*16);fill:currentColor}.as-hours{font:400 calc(var(--u)*13)/1.4 "Gill Sans","Gill Sans MT",Cabin,sans-serif;color:#5e5e5e;margin-top:calc(var(--u)*12);text-align:center}.as-water{height:calc(var(--u)*260);margin:0 calc(var(--u)*20);border-radius:calc(var(--u)*6);background:radial-gradient(14% 9% at 22% 30%,rgba(255,255,255,.55),transparent 70%),radial-gradient(18% 10% at 64% 22%,rgba(255,255,255,.45),transparent 70%),radial-gradient(16% 8% at 44% 58%,rgba(255,255,255,.42),transparent 70%),radial-gradient(20% 10% at 80% 70%,rgba(255,255,255,.38),transparent 70%),radial-gradient(12% 7% at 14% 78%,rgba(255,255,255,.4),transparent 70%),linear-gradient(160deg,#8fd0dd,#4aa6c0 55%,#2a7f9f)}.as-d .as-head{height:calc(var(--u)*64);padding:0 calc(var(--u)*48);display:grid;grid-template-columns:1fr auto 1fr}.as-d .as-name{font-size:calc(var(--u)*22);text-align:center}.as-d .as-nav{font:400 calc(var(--u)*15)/1 "Gill Sans","Gill Sans MT",Cabin,sans-serif;display:flex;gap:calc(var(--u)*26)}.as-d .as-callsm{justify-self:end;font:400 calc(var(--u)*15)/1 "Gill Sans","Gill Sans MT",Cabin,sans-serif;border-bottom:calc(var(--u)*1) solid currentColor;padding-bottom:calc(var(--u)*3)}.as-d .as-hero{text-align:center;padding:calc(var(--u)*64) calc(var(--u)*48) calc(var(--u)*40)}.as-d .as-h{font-size:calc(var(--u)*80);margin-top:calc(var(--u)*20);transform-origin:50% 0}.as-d .as-p{font-size:calc(var(--u)*22);max-width:calc(var(--u)*620);margin:calc(var(--u)*20) auto 0}.as-d .as-row{display:flex;gap:calc(var(--u)*26);align-items:center;justify-content:center;margin-top:calc(var(--u)*30)}.as-d .as-call{display:inline-flex;margin:0;padding:0 calc(var(--u)*32);height:calc(var(--u)*54);font-size:calc(var(--u)*18)}.as-d .as-hours{margin:0;font-size:calc(var(--u)*15)}.as-d .as-water{height:calc(var(--u)*420);margin:0 calc(var(--u)*48)}