/* P01 three live directions. Visual grammar: photographs, cream / grey, restrained red. */
body.mev-home-options>.mev-hero,body.mev-home-options .mev-hero:has(+ #page){display:none!important}
body.mev-home-options #page,body.mev-home-options .site-content,body.mev-home-options #primary,body.mev-home-options #main,body.mev-home-options .inside-article,body.mev-home-options .entry-content{width:100%;max-width:none;margin:0;padding:0}
body.mev-home-options .entry-header,body.mev-home-options #vue-app{display:none}
.mev-opt,.mev-opt *{box-sizing:border-box}
.mev-opt{--cream:#f9f9ef;--grey:#eff0e9;--ink:#1b1b1b;--red:#fd0600;background:var(--cream);color:var(--ink);font-family:"General Sans",Arial,sans-serif;overflow:hidden}
.mev-opt a{color:inherit!important;text-decoration:none!important}
.mev-opt a:focus-visible,.mev-opt button:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.mev-opt img{display:block;width:100%;height:100%;object-fit:cover}
.mev-opt h1,.mev-opt h2{color:var(--ink);font-family:"Karrik","General Sans",sans-serif;font-weight:400;letter-spacing:-.04em;line-height:1.02;margin:0}
.mev-opt p{margin:0}
.mev-opt-hero{position:relative;height:100svh;min-height:580px;color:#fff;background:#1c1b19;overflow:hidden}
.mev-opt-hero__slide{position:absolute;inset:0;opacity:0;visibility:hidden;margin:0;transition:opacity 1.2s ease,visibility 1.2s ease}
.mev-opt-hero__slide.is-active{opacity:1;visibility:visible}
.mev-opt-hero__slide img{filter:brightness(.76)}
.mev-opt-hero__slide figcaption{position:absolute;left:max(5vw,calc((100vw - 1240px)/2));right:5vw;bottom:20%;z-index:1;max-width:840px;font-family:"Karrik","General Sans",sans-serif;font-size:clamp(45px,5.2vw,76px);line-height:.97;letter-spacing:-.045em;text-wrap:balance;color:#fff}
.mev-opt-hero__bottom{position:absolute;z-index:2;left:max(5vw,calc((100vw - 1240px)/2));right:max(5vw,calc((100vw - 1240px)/2));bottom:6%;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff;font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.mev-opt-hero__dots{display:flex;gap:5px;align-items:center}.mev-opt-hero__dots button{padding:10px 2px;background:transparent;border:0;cursor:pointer}
.mev-opt-hero__dots i{display:block;width:28px;height:2px;background:rgba(255,255,255,.55);transition:background .3s,transform .3s}.mev-opt-hero__dots .is-active i{background:#fff;transform:scaleY(2)}
.mev-opt-hero__pause{background:none;border:0;color:#fff;padding:7px 0;font-size:11px;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
body.mev-home-options:has(#wpvibe-preview-banner) .mev-opt-hero__bottom{bottom:calc(6% + 55px)}
.mev-opt-intro{max-width:1240px;margin:auto;padding:clamp(55px,6vw,85px) 0 clamp(45px,5vw,70px)}
.mev-opt-intro>span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--red);font-weight:650;margin-bottom:20px}
.mev-opt-intro h1{font-size:clamp(35px,3.8vw,54px);max-width:830px}
.mev-opt-intro p{max-width:620px;font-size:17px;line-height:1.42;margin-top:22px}
.mev-opt-section{--edge:max(5vw,calc((100vw - 1240px)/2));padding:70px var(--edge) 75px;background:var(--grey)}
.mev-opt-section:nth-of-type(even){background:var(--cream)}
.mev-opt-section__head{display:block;margin-bottom:28px}
.mev-opt-section__head>span{display:block;font-size:11px;color:var(--red);letter-spacing:.08em;text-transform:uppercase;margin-bottom:15px}
.mev-opt-section__head h2{font-size:clamp(36px,3.4vw,48px)}
.mev-opt-section__head p{font-size:16px;line-height:1.3;max-width:560px;margin-top:9px;text-align:left}
.mev-opt-grid{display:grid;gap:12px;margin-inline:calc(-1 * var(--edge))}
.mev-opt-tile{position:relative;overflow:hidden;background:#252322;display:block;min-width:0;min-height:0;color:#fff!important}
.mev-opt-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.62))}
.mev-opt-tile img{transition:transform .7s ease}.mev-opt-tile:hover img{transform:scale(1.035)}
.mev-opt-tile__caption{position:absolute;z-index:1;left:19px;right:18px;bottom:18px;font-family:"Karrik",Arial,sans-serif!important;font-size:clamp(17px,1.55vw,23px);font-weight:400;font-style:normal!important;letter-spacing:-.018em;line-height:1.05;color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.mev-opt-tile__caption small{display:block;font-size:10px;letter-spacing:.06em;font-weight:650;margin-bottom:8px}
.mev-opt-section__entry{display:inline-block;border:1px solid var(--ink);border-radius:100px;padding:11px 19px;margin-top:24px;font-size:12px;letter-spacing:.03em;transition:background .2s,color .2s}
.mev-opt-section__entry:hover{background:var(--ink);color:#fff!important}
.mev-opt-section__whole{display:block}
.mev-opt-extras{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:70px 0;background:var(--cream)}
.mev-opt-extra a{position:relative;display:block;height:clamp(330px,38vw,530px);overflow:hidden;background:#292827;color:#fff!important}
.mev-opt-extra img{transition:transform .7s}.mev-opt-extra a:hover img{transform:scale(1.035)}
.mev-opt-extra a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.65))}
.mev-opt-extra a>span{position:absolute;z-index:1;left:25px;right:25px;bottom:26px;display:flex;flex-direction:column;color:#fff}
.mev-opt-extra small{font-size:10px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:12px}
.mev-opt-extra strong{font-family:"Karrik","General Sans",sans-serif;font-size:clamp(36px,3.7vw,53px);font-weight:400;letter-spacing:-.04em;line-height:1}
.mev-opt-extra em{font-size:12px;font-style:normal;margin-top:18px;border:1px solid #fff;border-radius:40px;padding:9px 16px;align-self:flex-start}
.mev-opt-meet{background:var(--grey);padding:90px max(5vw,calc((100vw - 1240px)/2)) 110px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.mev-opt-meet span{font-size:11px;color:var(--red);text-transform:uppercase;letter-spacing:.08em}
.mev-opt-meet h2{font-size:clamp(37px,4vw,58px);margin-top:35px}
.mev-opt-meet a{border:1px solid var(--ink);border-radius:50px;padding:12px 18px;font-size:12px;white-space:nowrap}
.mev-opt-meet a:hover{background:var(--ink);color:#fff!important}
/* A: quiet photographic mosaic, individual doors. */
.mev-opt--a .mev-opt-section--01 .mev-opt-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:300px}
.mev-opt--a .mev-opt-section--02 .mev-opt-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:410px}
.mev-opt--a .mev-opt-section--03 .mev-opt-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:400px}
.mev-opt--a .mev-opt-section--02 .mev-opt-tile__caption,.mev-opt--a .mev-opt-section--03 .mev-opt-tile__caption{font-size:clamp(15px,1.35vw,20px)}
/* B: contiguous blades, one full-section entry to each current index. */
.mev-opt--b .mev-opt-grid{display:flex;gap:2px;height:min(64vw,620px)}
.mev-opt--b .mev-opt-tile{flex:1;transition:flex .45s cubic-bezier(.2,.7,.2,1)}
.mev-opt--b .mev-opt-section__whole:hover .mev-opt-tile:first-child{flex:1.25}
.mev-opt--b .mev-opt-tile__caption{font-size:clamp(14px,1.4vw,22px);writing-mode:vertical-rl;transform:rotate(180deg);left:17px;bottom:20px;right:auto;max-height:72%;overflow:hidden}
.mev-opt--b .mev-opt-tile__caption small{display:none}
.mev-opt--b .mev-opt-section__entry{border:0;border-radius:0;border-bottom:1px solid var(--ink);padding:12px 0 8px;font-size:14px}
/* C: one large view and a low image ribbon, direct access to each destination. */
.mev-opt--c .mev-opt-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:min(49vw,580px) 175px;gap:10px}
.mev-opt--c .mev-opt-tile:first-child{grid-column:1/-1}
.mev-opt--c .mev-opt-section--01 .mev-opt-tile:not(:first-child){grid-column:span 2}
.mev-opt--c .mev-opt-section--01 .mev-opt-tile:last-child{grid-column:span 4}
.mev-opt--c .mev-opt-section--02 .mev-opt-tile:not(:first-child){grid-column:span 3}
.mev-opt--c .mev-opt-section--03 .mev-opt-tile:not(:first-child){grid-column:span 4}
.mev-opt--c .mev-opt-tile:first-child .mev-opt-tile__caption{font-size:clamp(27px,3.2vw,45px);left:30px;bottom:25px}
.mev-opt--c .mev-opt-tile:not(:first-child) .mev-opt-tile__caption{font-size:14px;left:12px;right:10px;bottom:12px}
.mev-opt--c .mev-opt-tile:not(:first-child) small{display:none}
@media(max-width:1270px){.mev-opt-intro{padding-left:5vw;padding-right:5vw}}
@media(max-width:800px){
 .mev-opt--a .mev-opt-section--01 .mev-opt-grid{grid-auto-rows:210px}.mev-opt--a .mev-opt-section--02 .mev-opt-grid,.mev-opt--a .mev-opt-section--03 .mev-opt-grid{grid-auto-rows:310px}
}
@media(max-width:640px){
 .mev-opt-hero{height:100svh;min-height:590px}.mev-opt-hero__slide figcaption{left:23px;right:22px;bottom:32%;font-size:clamp(34px,9.5vw,48px)}
 .mev-opt-hero__bottom{left:23px;right:23px;bottom:5%}.mev-opt-hero__bottom>span{display:none}.mev-opt-hero__dots i{width:21px}.mev-opt-hero__pause{font-size:10px}
 body.mev-home-options:has(#wpvibe-preview-banner) .mev-opt-hero__bottom{bottom:calc(5% + 140px)}
 .mev-opt-hero__slide:nth-child(2) img{object-position:58% center}.mev-opt-hero__slide:nth-child(3) img{object-position:75% center}.mev-opt-hero__slide:nth-child(4) img{object-position:19% center}
 .mev-opt-intro{display:block;padding:44px 22px 55px}.mev-opt-intro>span{display:block;margin-bottom:28px}.mev-opt-intro h1{font-size:clamp(32px,8.4vw,40px)}.mev-opt-intro p{font-size:15px;line-height:1.43;margin-top:20px;max-width:350px}
 .mev-opt-section{--edge:22px;padding:58px var(--edge) 62px}.mev-opt-section__head{display:block;margin-bottom:25px}.mev-opt-section__head>span{display:block;padding:0;margin-bottom:20px}.mev-opt-section__head h2{font-size:36px}.mev-opt-section__head p{text-align:left;margin-top:12px;font-size:15px;max-width:320px}
 .mev-opt--a .mev-opt-section--01 .mev-opt-grid,.mev-opt--a .mev-opt-section--02 .mev-opt-grid,.mev-opt--a .mev-opt-section--03 .mev-opt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px;gap:7px}
 .mev-opt--a .mev-opt-section--02 .mev-opt-tile:last-child{grid-column:1/-1;height:240px}.mev-opt--a .mev-opt-tile__caption{left:12px;right:8px;bottom:12px;font-size:16px!important}.mev-opt--a .mev-opt-tile__caption small{font-size:9px;margin-bottom:5px}
 .mev-opt--b .mev-opt-grid{height:55svh;min-height:430px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-22px;padding-right:22px}.mev-opt--b .mev-opt-grid::-webkit-scrollbar{display:none}.mev-opt--b .mev-opt-tile{flex:0 0 57vw;scroll-snap-align:start}.mev-opt--b .mev-opt-tile__caption{writing-mode:initial;transform:none;left:16px;right:15px;bottom:16px;max-height:none;font-size:22px}
 .mev-opt--c .mev-opt-grid{display:flex;flex-wrap:wrap;gap:8px}.mev-opt--c .mev-opt-tile:first-child{flex:0 0 100%;height:60svh;min-height:430px}.mev-opt--c .mev-opt-tile:not(:first-child){flex:0 0 calc(50% - 4px);height:150px}.mev-opt--c .mev-opt-tile:first-child .mev-opt-tile__caption{font-size:32px;left:20px;bottom:20px}.mev-opt--c .mev-opt-tile:not(:first-child) .mev-opt-tile__caption{font-size:14px}
 .mev-opt-section__entry{font-size:12px;margin-top:22px}
 .mev-opt-extras{display:block;padding:0}.mev-opt-extra a{height:55svh;min-height:420px}.mev-opt-extra a>span{left:23px;bottom:24px}.mev-opt-extra strong{font-size:41px}
 .mev-opt-meet{display:block;padding:75px 22px 90px}.mev-opt-meet h2{font-size:39px;margin:25px 0 35px}
}
@media(prefers-reduced-motion:reduce){.mev-opt-hero__slide,.mev-opt-tile img,.mev-opt-extra img{transition:none}}

/* D: an edge-to-edge, full-height quadriptych; each image is a direct door. */
.mev-opt--d .mev-opt-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3px;height:100svh;min-height:610px}
.mev-opt--d .mev-opt-tile__caption{font-size:clamp(20px,2vw,31px);left:clamp(18px,2.4vw,38px);bottom:clamp(17px,2vw,34px)}
.mev-opt--d .mev-opt-tile:after{background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.65))}
.mev-opt--d .mev-opt-tile:hover img,.mev-opt--d .mev-opt-tile:focus-visible img{transform:scale(1.045)}
/* E: one panoramic image and a continuous strip of destinations. */
.mev-opt--e .mev-opt-grid{display:flex;flex-direction:column;height:100svh;min-height:630px;gap:3px}
.mev-opt--e .mev-opt-grid>.mev-opt-tile{flex:1 1 0;min-height:0}
.mev-opt--e .mev-opt-grid__ribbon{display:flex;flex:0 0 21%;min-height:0;gap:3px}
.mev-opt--e .mev-opt-grid__ribbon .mev-opt-tile{flex:1 1 0}
.mev-opt--e .mev-opt-grid>.mev-opt-tile .mev-opt-tile__caption{font-size:clamp(26px,3vw,43px);left:clamp(24px,4vw,60px);bottom:clamp(24px,3vw,43px)}
.mev-opt--e .mev-opt-grid__ribbon .mev-opt-tile__caption{font-size:clamp(13px,1.05vw,17px);left:13px;right:10px;bottom:13px}
.mev-opt--e .mev-opt-grid__ribbon .mev-opt-tile__caption small{display:none}
/* F: full-height blades that fluidly expand under pointer or keyboard focus. */
.mev-opt--f .mev-opt-grid{display:flex;height:100svh;min-height:610px;gap:3px}
.mev-opt--f .mev-opt-tile{flex:1 1 0;transition:flex-grow .7s cubic-bezier(.22,1,.36,1)}
.mev-opt--f .mev-opt-tile:hover,.mev-opt--f .mev-opt-tile:focus-visible{flex-grow:2.7}
.mev-opt--f .mev-opt-tile img{transition:transform .7s cubic-bezier(.22,1,.36,1)}
.mev-opt--f .mev-opt-tile__caption{writing-mode:vertical-rl;transform:rotate(180deg);left:clamp(10px,1.1vw,18px);bottom:25px;right:auto;font-size:clamp(15px,1.25vw,21px);max-height:70%;overflow:hidden}
.mev-opt--f .mev-opt-tile__caption small{display:none}
@media(max-width:640px){
 .mev-opt--d .mev-opt-grid{height:84svh;min-height:580px;gap:3px}
 .mev-opt--d .mev-opt-tile__caption{font-size:18px;left:12px;right:8px;bottom:13px}
 .mev-opt--d .mev-opt-tile__caption small{font-size:9px;margin-bottom:6px}
 .mev-opt--e .mev-opt-grid{height:84svh;min-height:590px}
 .mev-opt--e .mev-opt-grid>.mev-opt-tile{flex:1 1 0}
 .mev-opt--e .mev-opt-grid__ribbon{flex:0 0 21%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
 .mev-opt--e .mev-opt-grid__ribbon::-webkit-scrollbar,.mev-opt--f .mev-opt-grid::-webkit-scrollbar{display:none}
 .mev-opt--e .mev-opt-grid__ribbon .mev-opt-tile{flex:0 0 42vw;scroll-snap-align:start}
 .mev-opt--e .mev-opt-grid>.mev-opt-tile .mev-opt-tile__caption{font-size:29px;left:20px;bottom:20px}
 .mev-opt--e .mev-opt-grid__ribbon .mev-opt-tile__caption{font-size:14px;left:11px;bottom:11px}
 .mev-opt--f .mev-opt-grid{height:78svh;min-height:510px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
 .mev-opt--f .mev-opt-tile,.mev-opt--f .mev-opt-tile:hover,.mev-opt--f .mev-opt-tile:focus-visible{flex:0 0 72vw;scroll-snap-align:center}
 .mev-opt--f .mev-opt-tile__caption{writing-mode:initial;transform:none;left:20px;right:16px;bottom:20px;font-size:24px;max-height:none}
 .mev-opt--f .mev-opt-tile__caption small{display:block;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.mev-opt--f .mev-opt-tile,.mev-opt--f .mev-opt-tile img{transition:none}}
/* CTA geometry shared with the site's rectangular controls. */
.mev-opt-section__entry,.mev-opt-extra em,.mev-opt-meet a{border-radius:0}
.mev-opt--b .mev-opt-section__entry{border:1px solid var(--ink);padding:11px 19px;font-size:12px}
.mev-opt--b .mev-opt-section__entry:hover{background:var(--ink);color:#fff!important}

