/* ==========================================================
   MICE AGENCY — COMPLETE NEW HOME UI
   Brand: #8F0000 / #FEFC44 / #000000
========================================================== */

/* HERO */
.hero-new{background:#fff;padding:86px 0 0;overflow:hidden}
.hero-new-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:760px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.hero-new-copy{padding:82px 64px 72px 60px;display:flex;flex-direction:column}
.hero-new-copy .eyebrow{color:var(--red)}
.hero-new-copy h1{margin-top:42px;font-size:clamp(78px,8.5vw,136px);line-height:.78;font-weight:700;letter-spacing:-.085em;color:#000}
.hero-new-copy h1 span{display:block;margin-left:17%;color:var(--red);font-weight:500}
.hero-new-copy h2{max-width:760px;margin-top:48px;font-size:clamp(30px,3.2vw,52px);line-height:1.02;font-weight:500;letter-spacing:-.055em}
.hero-new-bottom{margin-top:auto;padding-top:58px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end;border-top:1px solid var(--line)}
.hero-new-bottom>p{max-width:560px;color:var(--muted);font-size:13px;line-height:1.8}
.hero-new-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.hero-new-media{position:relative;background:var(--red);min-height:760px;padding:54px 48px 48px 0;display:grid;grid-template-columns:1fr 150px;grid-template-rows:1fr auto;gap:0}
.hero-photo{position:relative;z-index:2;height:100%;min-height:610px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.2)}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.55))}
.hero-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.hero-new-media:hover .hero-photo img{transform:scale(1.025)}
.hero-red-panel{align-self:end;min-height:340px;padding:27px 20px;background:#000;color:#fff;display:flex;flex-direction:column;position:relative;z-index:3}
.hero-panel-index{font:600 46px/.9 var(--heading);letter-spacing:-.06em;color:var(--yellow)}
.hero-red-panel p{margin-top:auto;color:rgba(255,255,255,.6);font-size:11px;line-height:1.6}
.hero-red-panel strong{margin-top:22px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2);font-size:10px;text-transform:uppercase;letter-spacing:1.3px}
.hero-yellow-note{grid-column:1/-1;justify-self:end;margin-top:-34px;position:relative;z-index:4;width:260px;padding:15px 18px;background:var(--yellow);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}
.hero-route{display:grid;grid-template-columns:repeat(9,1fr);border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero-route span{padding:19px 12px;border-right:1px solid var(--line);text-align:center;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.75px}.hero-route span:last-child{border-right:0}

/* STATEMENT BAND */
.statement-band{background:#000;color:#fff;padding:90px 0}
.statement-band-grid{display:grid;grid-template-columns:210px 1fr;gap:70px;align-items:start}
.statement-no{padding-top:10px;color:var(--yellow);font-size:9px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}
.statement-band p{max-width:1130px;font:400 clamp(48px,5.6vw,86px)/.98 var(--heading);letter-spacing:-.06em}
.statement-band p strong{font-weight:500;color:var(--yellow)}

/* SERVICES */
.services-new{padding:140px 0;background:var(--warm)}
.services-new-head{display:grid;grid-template-columns:1fr 430px;gap:80px;align-items:end;margin-bottom:75px}
.services-new-head .eyebrow{color:var(--red)}
.services-new-head h2{max-width:820px;margin-top:22px;font-size:clamp(52px,5.4vw,82px);line-height:.95;font-weight:500}
.services-new-head>p{color:var(--muted);font-size:14px;line-height:1.8;padding-bottom:5px}
.service-index{border-top:2px solid #000}
.service-index-row{display:grid;grid-template-columns:85px minmax(280px,.95fr) minmax(280px,1.05fr) 48px;gap:36px;align-items:center;min-height:156px;padding:30px 0;border-bottom:1px solid #bfbab2;transition:.3s ease}
.service-index-row:hover{padding-left:18px;padding-right:18px;background:#fff}
.service-index-no{align-self:start;padding-top:7px;color:var(--red);font-size:10px;font-weight:700;letter-spacing:1px}
.service-index-row h3{font-size:clamp(27px,2.4vw,38px);line-height:1.03;font-weight:500}
.service-index-row p{color:var(--muted);font-size:12px;line-height:1.7;max-width:520px}
.service-index-arrow{width:42px;height:42px;display:grid;place-items:center;border:1px solid #000;border-radius:50%;font-size:16px;transition:.25s}
.service-index-row:hover .service-index-arrow{background:var(--red);border-color:var(--red);color:#fff;transform:rotate(45deg)}

/* ABOUT */
.about-new{background:#fff;padding:0}
.about-new-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;min-height:820px}
.about-new-media{position:relative;min-height:820px;overflow:hidden}
.about-new-media img{width:100%;height:100%;object-fit:cover}
.about-media-caption{position:absolute;left:0;bottom:0;background:var(--yellow);padding:18px 26px;font-size:9px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}
.about-new-copy{padding:110px max(5vw,70px);background:var(--red);color:#fff;display:flex;flex-direction:column;justify-content:center}
.about-new-copy .eyebrow{color:var(--yellow)}
.about-new-copy h2{max-width:720px;margin-top:28px;font-size:clamp(52px,5.3vw,82px);line-height:.94;font-weight:500}
.about-new-copy>p{max-width:720px;margin-top:30px;color:rgba(255,255,255,.66);font-size:13px;line-height:1.8}
.about-new-meta{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.28);border-left:1px solid rgba(255,255,255,.28)}
.about-new-meta>div{padding:24px;border-right:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28)}
.about-new-meta strong{display:block;color:var(--yellow);font-size:11px;text-transform:uppercase;letter-spacing:1px}
.about-new-meta span{display:block;margin-top:8px;color:rgba(255,255,255,.55);font-size:11px;line-height:1.55}
.powered-note{font-size:10px!important;text-transform:uppercase;letter-spacing:.9px}.powered-note a{color:var(--yellow);border-bottom:1px solid var(--yellow)}

/* MICE DEFINITION */
.mice-definition{background:var(--yellow);padding:0}
.mice-definition-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid rgba(0,0,0,.25);border-right:1px solid rgba(0,0,0,.25)}
.mice-word{min-height:335px;padding:38px 32px;border-right:1px solid rgba(0,0,0,.25);display:flex;flex-direction:column}.mice-word:last-child{border-right:0}
.mice-word>span{font:700 clamp(70px,7vw,110px)/.8 var(--heading);letter-spacing:-.08em;color:var(--red)}
.mice-word strong{margin-top:auto;font:600 22px/1.1 var(--heading)}
.mice-word p{margin-top:14px;color:rgba(0,0,0,.6);font-size:11px;line-height:1.65}

/* DESTINATIONS */
.destinations-new{padding:135px 0;background:#090909;color:#fff}
.destinations-new-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:start}
.destination-copy{position:sticky;top:125px;padding-right:20px}
.destination-copy .eyebrow{color:var(--yellow)}
.destination-copy h2{margin-top:28px;font-size:clamp(54px,5.5vw,84px);line-height:.94;font-weight:500}
.destination-copy>p{max-width:550px;margin-top:32px;color:rgba(255,255,255,.58);font-size:13px;line-height:1.82}
.destination-copy .button-light{margin-top:38px}
.destination-gallery{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:360px 360px;gap:12px}
.destination-tile{position:relative;overflow:hidden;background:#222}.destination-tile-large{grid-row:1/-1}
.destination-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.78))}
.destination-tile img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:.65s ease}
.destination-tile:hover img{transform:scale(1.04);filter:saturate(1)}
.destination-tile>div{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;display:flex;align-items:end;justify-content:space-between;gap:20px}
.destination-tile small{font-size:8px;text-transform:uppercase;letter-spacing:1.3px;color:var(--yellow)}
.destination-tile strong{font:500 clamp(24px,2.8vw,40px)/1 var(--heading);letter-spacing:-.05em}
.destination-list{margin-top:70px;display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.destination-list a{min-height:95px;padding:18px 15px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:600;transition:.25s}.destination-list a:last-child{border-right:0}.destination-list a span{align-self:flex-end;color:var(--yellow)}.destination-list a:hover{background:var(--red)}

/* WHY */
.why-new{padding:135px 0;background:#fff}
.why-new-head{display:grid;grid-template-columns:220px 1fr;gap:60px;align-items:start;margin-bottom:65px}.why-new-head .eyebrow{color:var(--red)}
.why-new-head h2{font-size:clamp(56px,6vw,90px);line-height:.9;font-weight:500;max-width:920px}
.why-new-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid #000;border-left:1px solid var(--line)}
.why-new-grid article{min-height:380px;padding:28px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.why-new-grid article>span{color:var(--red);font-size:10px;font-weight:700}
.why-new-grid h3{margin-top:auto;font-size:30px;line-height:1.02;font-weight:500}
.why-new-grid p{margin-top:18px;color:var(--muted);font-size:12px;line-height:1.7}
.why-new-grid .why-highlight{background:var(--yellow)}.why-new-grid .why-highlight p{color:rgba(0,0,0,.62)}

/* PROCESS */
.process-new{padding:135px 0;background:var(--red);color:#fff}
.process-new-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}
.process-new-heading{position:sticky;top:125px;align-self:start}.process-new-heading .eyebrow{color:var(--yellow)}
.process-new-heading h2{margin-top:28px;font-size:clamp(58px,6.3vw,96px);line-height:.9;font-weight:500}.process-new-heading>p{max-width:470px;margin-top:30px;color:rgba(255,255,255,.56);font-size:13px;line-height:1.75}
.process-new-steps{border-top:1px solid rgba(255,255,255,.45)}
.process-new-step{display:grid;grid-template-columns:72px 1fr;gap:25px;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.25)}
.process-new-step>span{font:500 14px/1 var(--heading);color:var(--yellow)}
.process-new-step h3{font-size:30px;line-height:1;font-weight:500}.process-new-step p{max-width:560px;margin-top:13px;color:rgba(255,255,255,.57);font-size:12px;line-height:1.75}

/* FAQ */
.faq-new{padding:135px 0;background:var(--warm)}
.faq-new-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}
.faq-new-heading{align-self:start}.faq-new-heading .eyebrow{color:var(--red)}
.faq-new-heading h2{margin-top:26px;font-size:clamp(52px,5.4vw,80px);line-height:.94;font-weight:500}.faq-new-heading>p{max-width:420px;margin-top:25px;color:var(--muted);font-size:13px;line-height:1.7}
.faq-new-list{border-top:2px solid #000}
.faq-new-list details{border-bottom:1px solid #bbb6ad}.faq-new-list summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 36px;gap:24px;align-items:center;padding:24px 0;font:600 17px/1.3 var(--heading)}.faq-new-list summary::-webkit-details-marker{display:none}.faq-new-list summary span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#000;color:var(--yellow);font:400 20px/1 var(--heading);transition:.25s}.faq-new-list details[open] summary span{transform:rotate(45deg);background:var(--red);color:#fff}.faq-new-list details>p{padding:0 65px 24px 0;color:var(--muted);font-size:13px;line-height:1.75}

/* CTA */
.cta-new{padding:95px 0;background:var(--yellow)}
.cta-new-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end}.cta-new .eyebrow{color:var(--red)}
.cta-new h2{margin-top:22px;font-size:clamp(56px,6.4vw,98px);line-height:.9;font-weight:600;max-width:920px}.cta-new-grid>div:last-child p{max-width:500px;color:rgba(0,0,0,.63);font-size:13px;line-height:1.75}.cta-new-grid .button-dark{margin-top:28px}

@media(max-width:1180px){
 .hero-new-grid{grid-template-columns:1fr .9fr}.hero-new-copy{padding-left:42px;padding-right:42px}.hero-new-copy h1{font-size:clamp(70px,8vw,108px)}.hero-new-media{padding-right:30px;grid-template-columns:1fr 125px}.hero-route{grid-template-columns:repeat(5,1fr)}.hero-route span:nth-child(n+6){display:none}
 .services-new-head{grid-template-columns:1fr 360px}.service-index-row{grid-template-columns:65px 1fr 1fr 42px;gap:24px}
 .about-new-copy{padding-left:50px;padding-right:50px}.destination-list{grid-template-columns:repeat(4,1fr)}.destination-list a:nth-child(4n){border-right:0}.why-new-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:900px){
 .hero-new{padding-top:0}.hero-new-grid{grid-template-columns:1fr}.hero-new-copy{min-height:auto;padding:72px 0 60px;border:0}.hero-new-copy h1{font-size:clamp(72px,14vw,108px)}.hero-new-copy h1 span{margin-left:10%}.hero-new-copy h2{font-size:clamp(34px,7vw,54px)}.hero-new-bottom{grid-template-columns:1fr;gap:30px}.hero-new-media{min-height:620px;padding:40px 0 40px 6vw;grid-template-columns:1fr 125px}.hero-photo{min-height:520px}.hero-route{grid-template-columns:repeat(3,1fr)}.hero-route span:nth-child(n+4){display:none}
 .statement-band-grid{grid-template-columns:1fr;gap:28px}.statement-band p{font-size:clamp(42px,8vw,70px)}
 .services-new{padding:100px 0}.services-new-head{grid-template-columns:1fr;gap:30px}.service-index-row{grid-template-columns:48px 1fr 38px;gap:18px}.service-index-row p{grid-column:2}.service-index-arrow{grid-column:3;grid-row:1/3}.service-index-row h3{font-size:30px}
 .about-new-grid{grid-template-columns:1fr}.about-new-media{min-height:560px}.about-new-copy{padding:80px 6vw}.mice-definition-grid{grid-template-columns:1fr 1fr}.mice-word:nth-child(2){border-right:0}.mice-word:nth-child(-n+2){border-bottom:1px solid rgba(0,0,0,.25)}
 .destinations-new{padding:100px 0}.destinations-new-grid{grid-template-columns:1fr}.destination-copy{position:static}.destination-gallery{grid-template-rows:420px 300px}.destination-list{grid-template-columns:repeat(2,1fr)}.destination-list a:nth-child(even){border-right:0}
 .why-new{padding:100px 0}.why-new-head{grid-template-columns:1fr;gap:22px}.process-new{padding:100px 0}.process-new-grid{grid-template-columns:1fr}.process-new-heading{position:static}.faq-new{padding:100px 0}.faq-new-grid{grid-template-columns:1fr;gap:55px}.cta-new-grid{grid-template-columns:1fr;gap:40px}
}

@media(max-width:600px){
 .hero-new-copy{padding-top:55px}.hero-new-copy .eyebrow{font-size:8px}.hero-new-copy h1{margin-top:28px;font-size:clamp(58px,18vw,82px)}.hero-new-copy h1 span{margin-left:0}.hero-new-copy h2{margin-top:30px;font-size:clamp(31px,9.2vw,44px)}.hero-new-bottom{padding-top:36px}.hero-new-media{min-height:500px;padding:25px 0 25px 5vw;grid-template-columns:1fr 96px}.hero-photo{min-height:440px}.hero-red-panel{min-height:265px;padding:18px 13px}.hero-panel-index{font-size:34px}.hero-red-panel p{font-size:9px}.hero-yellow-note{width:205px;font-size:8px}.hero-route{grid-template-columns:1fr 1fr 1fr}.hero-route span{font-size:8px;padding:16px 6px}
 .statement-band{padding:70px 0}.statement-band p{font-size:clamp(38px,11.5vw,52px)}
 .services-new-head h2,.about-new-copy h2,.destination-copy h2,.why-new-head h2,.process-new-heading h2,.faq-new-heading h2,.cta-new h2{font-size:clamp(44px,12.7vw,62px)}
 .service-index-row{grid-template-columns:36px 1fr;min-height:0;padding:24px 0}.service-index-arrow{display:none}.service-index-row p{grid-column:2}.service-index-row:hover{padding-left:0;padding-right:0;background:transparent}
 .about-new-media{min-height:420px}.about-new-copy{padding:65px 5vw}.about-new-meta{grid-template-columns:1fr}.mice-definition-grid{grid-template-columns:1fr}.mice-word{min-height:230px;border-right:0!important;border-bottom:1px solid rgba(0,0,0,.25)}.mice-word:last-child{border-bottom:0}.mice-word>span{font-size:82px}.mice-word strong{margin-top:30px}
 .destination-gallery{grid-template-columns:1fr;grid-template-rows:auto}.destination-tile,.destination-tile-large{grid-row:auto;height:350px}.destination-list{grid-template-columns:1fr}.destination-list a{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}
 .why-new-grid{grid-template-columns:1fr}.why-new-grid article{min-height:270px}.process-new-step{grid-template-columns:48px 1fr}.faq-new-list summary{font-size:15px}.cta-new{padding:75px 0}
}
