/* Whender Contact Experience v2.9.5
   Rebuilt against the approved Contact Page reference.
   Contact only: homepage, World Navigator and World Page are untouched. */

body.page-template-page-contact,
body.page-id-contact{background:#02070a;color:#f1eadf}
.whender-contact--v270{background:#02070a;overflow:hidden}
.whender-contact--v270 .whender-kicker{display:block;color:#d8a84e;font:600 10px/1 Arial,sans-serif;letter-spacing:.27em;text-transform:uppercase}
.wc-gold-line{display:block;width:56px;height:1px;margin-top:32px;background:#c99231}

/* HERO — continuous dark architectural room, not a floating image card */
.wc-hero{
 position:relative;isolation:isolate;
 width:100%;max-width:none;min-height:552px;margin:0;
 display:grid;grid-template-columns:48% 52%;align-items:stretch;
 padding:70px 4.2vw 0;
 overflow:hidden;
 border-bottom:1px solid rgba(201,146,49,.55);
 background:
   radial-gradient(ellipse at 78% 68%,rgba(169,111,42,.12),transparent 34%),
   linear-gradient(90deg,#020608 0%,#03080b 43%,#071014 100%);
}
.wc-hero:before{
 content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.48;
 background:
  linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0/88px 100%,
  radial-gradient(ellipse at 69% 50%,transparent 0 38%,rgba(0,0,0,.42) 63%,rgba(0,0,0,.82) 100%);
}
.wc-hero:after{
 content:"";position:absolute;left:0;right:0;bottom:0;height:95px;z-index:1;pointer-events:none;
 background:linear-gradient(180deg,transparent,rgba(0,0,0,.58));
}
.wc-hero__copy{
 position:relative;z-index:4;align-self:center;
 max-width:610px;padding:8px 28px 68px 1.8vw;
}
.wc-hero__copy h1{
 margin:20px 0 24px;max-width:590px;
 color:#f2ece3;font:400 clamp(47px,4.45vw,72px)/1.03 Georgia,"Times New Roman",serif;
 letter-spacing:-.025em;text-transform:uppercase;
}
.wc-hero__copy p{
 max-width:340px;margin:0;color:rgba(242,236,227,.72);
 font:400 17px/1.52 Georgia,"Times New Roman",serif;
}
.wc-hero__visual{
 position:relative;z-index:2;min-height:482px;
 display:flex;align-items:flex-end;justify-content:flex-end;
 overflow:visible;
}

/* v2.7.4 — real transparent portal artwork.
   The World is a separate replaceable layer behind the PNG overlay. */
.wc-hero__portal{
 position:absolute;
 right:-1.2vw;
 bottom:-2px;
 width:min(49vw,680px);
 aspect-ratio:1 / 1;
 overflow:hidden;
 background:#02070a;
 box-shadow:-28px 18px 72px rgba(0,0,0,.56);
}

.wc-hero__world{
 position:absolute;
 z-index:0;
 inset:6.5% 3.8% 14% 32%;
 background-size:cover;
 background-position:center;
 transform:scale(1.04);
 transition:transform 6s ease;
}

.wc-hero:hover .wc-hero__world{
 transform:scale(1.075);
}

.wc-hero__portal-overlay{
 position:absolute;
 z-index:2;
 inset:0;
 width:100%;
 height:100%;
 display:block;
 object-fit:contain;
 pointer-events:none;
 user-select:none;
 -webkit-user-drag:none;
}

/* subtle darkness outside the portal artwork so it blends into the hero */
.wc-hero__visual:after{
 content:"";
 position:absolute;
 z-index:1;
 inset:0;
 pointer-events:none;
 background:linear-gradient(90deg,rgba(2,7,10,.72) 0%,transparent 31%);
}

/* FOUR VISUAL DIRECTIONS */
.wc-directions{
 display:grid;grid-template-columns:repeat(4,1fr);
 width:calc(100% - 8vw);max-width:1400px;margin:0 auto;padding:0;
 background:#02070a;border-left:1px solid rgba(201,146,49,.42);
 border-top:1px solid rgba(201,146,49,.42);
}
.wc-direction{
 position:relative;min-height:235px;padding:0;overflow:hidden;
 border:0;border-right:1px solid rgba(201,146,49,.42);
 border-bottom:1px solid rgba(201,146,49,.42);
 background:#071014;color:#f1eadf;text-align:left;cursor:pointer;
}
.wc-direction__image,.wc-direction__veil{position:absolute;inset:0}
.wc-direction__image{background-image:var(--wc-card-image);background-size:cover;background-position:center;opacity:.38;transform:scale(1.02);transition:opacity .4s ease,transform .7s ease}
.wc-direction__veil{background:linear-gradient(90deg,rgba(2,7,10,.95),rgba(2,7,10,.64) 58%,rgba(2,7,10,.28)),linear-gradient(180deg,transparent,rgba(2,7,10,.64))}
.wc-direction__content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:25px 28px;transition:transform .3s ease}
.wc-direction em{position:absolute;top:25px;left:28px;color:#d39a38;font:400 31px/1 Georgia,serif;font-style:normal}
.wc-direction strong{display:block;margin:0 0 9px;color:#f1eadf;font:400 17px/1.15 Georgia,serif;letter-spacing:.05em;text-transform:uppercase}
.wc-direction small{display:block;max-width:315px;color:rgba(241,234,223,.67);font:400 13px/1.55 Georgia,serif}
.wc-direction b{margin-top:17px;color:#d39a38;font:300 22px/1 Arial,sans-serif}
.wc-direction:hover .wc-direction__image,.wc-direction.is-active .wc-direction__image{opacity:.58;transform:scale(1.055)}
.wc-direction:hover .wc-direction__content,.wc-direction.is-active .wc-direction__content{transform:translateX(6px)}
.wc-direction.is-active{box-shadow:inset 0 -2px #d39a38}

/* FORM */
.wc-form-section{max-width:1060px;margin:0 auto;padding:52px 36px 62px}
.wc-form-heading{margin:0 0 25px}.wc-form-heading h2{display:none}
.wc-form{display:grid;grid-template-columns:1fr 1fr;gap:25px 38px}
.wc-form label{display:block}
.wc-form label>span{display:block;margin-bottom:7px;color:#d8a84e;font:600 9px/1 Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase}
.wc-form input,.wc-form textarea{box-sizing:border-box;width:100%;margin:0;padding:10px 5px;border:0;border-bottom:1px solid rgba(201,146,49,.38);border-radius:0;background:transparent;color:#f1eadf;font:400 13px/1.5 Georgia,serif;outline:none;box-shadow:none}
.wc-form textarea{min-height:100px;padding:12px;border:1px solid rgba(201,146,49,.34);resize:vertical}
.wc-form input:focus,.wc-form textarea:focus{border-color:#d39a38}
.wc-form input[readonly]{color:rgba(216,168,78,.72)}
.wc-honeypot{position:absolute!important;left:-9999px!important}
.wc-form-error{margin:0 0 22px;color:#f1b6a8;font:400 14px/1.6 Georgia,serif}
.wc-form__wide{grid-column:1/-1}
.wc-form__submit{grid-column:1/-1;padding-top:0;text-align:center}
.wc-form__submit button{padding:8px 18px;border:0;background:none;color:#d8a84e;font:400 19px/1 Georgia,serif;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}
.wc-form__submit button span{display:inline-block;margin-left:6px;transition:transform .2s ease}
.wc-form__submit button:hover span{transform:translateX(5px)}
.wc-form__submit small{display:block;margin-top:4px;color:rgba(241,234,223,.48);font:400 12px/1.5 Georgia,serif}

/* FINALE */
.wc-finale{position:relative;min-height:205px;display:flex;align-items:center;background-image:var(--wc-finale-image);background-size:cover;background-position:center;border-top:1px solid rgba(201,146,49,.22)}
.wc-finale__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,10,.88),rgba(2,7,10,.48) 46%,rgba(2,7,10,.12)),linear-gradient(180deg,rgba(2,7,10,.12),rgba(2,7,10,.34))}
.wc-finale__copy{position:relative;z-index:2;max-width:650px;padding:36px max(7vw,55px)}
.wc-finale h2{margin:0;color:#f1eadf;font:400 clamp(35px,3.8vw,55px)/1 Georgia,serif}
.wc-finale p{margin:5px 0 0;color:#d39a38;font:italic 400 clamp(23px,2.5vw,34px)/1.15 Georgia,serif}

.wc-success{min-height:72svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:110px 30px;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(216,168,78,.08),transparent 30%)}
.wc-success h2{max-width:850px;margin:16px 0;font:400 clamp(50px,6vw,88px)/.96 Georgia,serif}
.wc-success p{color:rgba(241,234,223,.62);font:400 19px/1.5 Georgia,serif}
.wc-text-link{margin-top:24px;color:#d8a84e;text-decoration:none;font:600 10px/1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}

@media(max-width:980px){
 .wc-hero{min-height:0;grid-template-columns:1fr;padding:84px 22px 0}
 .wc-hero__copy{max-width:680px;padding:28px 12px 38px}
 .wc-hero__visual{min-height:480px}
 .wc-hero__portal{position:relative;right:auto;bottom:0;width:min(620px,94vw);height:470px;margin:0 auto}
 .wc-directions{grid-template-columns:repeat(2,1fr);width:calc(100% - 44px)}
 .wc-direction{min-height:210px}
}
@media(max-width:650px){
 .wc-directions{grid-template-columns:1fr}
 .wc-hero__copy h1{font-size:clamp(43px,13vw,64px)}
 .wc-hero__portal{height:405px}
 .wc-hero__world{inset:6.5% 3.8% 14% 32%}
 .wc-form-section{padding:48px 22px 60px}
 .wc-form{grid-template-columns:1fr;gap:23px}
 .wc-form__wide,.wc-form__submit{grid-column:auto}
 .wc-finale{min-height:230px}
 .wc-finale__copy{padding:38px 24px}
}
