/* Tourguide.no V5.0 Alpha 2 – deliberately distinct homepage */
body.tg-v500-front{background:#f4efe4}

/* Dark glass navigation over the cinematic homepage. */
.tg-v500-front .site-header{background:#052f2beF;border-bottom:1px solid rgba(255,255,255,.10);box-shadow:none}
.tg-v500-front .brand,.tg-v500-front .brand-name{color:#fff}
.tg-v500-front .brand small{color:#d6b86f}
.tg-v500-front .brand-mark{color:#d6b86f}
.tg-v500-front .main-nav a{color:rgba(255,255,255,.88)}
.tg-v500-front .main-nav .tg-nav-hotel>a{color:#e4c67f}
.tg-v500-front .book-now{background:#d1aa5d;color:#082f2b;box-shadow:none}
.tg-v500-front .language-switcher>summary{color:#fff}
.tg-v500-front .menu-toggle span{background:#fff}

/* Hero becomes a dramatic editorial opening rather than a V4 split banner. */
.tg-v500-front .hero{min-height:850px;background:#052f2b}
.tg-v500-front .hero-media:before{background:linear-gradient(90deg,rgba(1,26,23,.94) 0%,rgba(1,26,23,.78) 38%,rgba(1,26,23,.32) 70%,rgba(1,26,23,.14) 100%)!important}
.tg-v500-front .hero-inner{grid-template-columns:minmax(0,1.12fr) minmax(420px,.72fr);gap:86px;padding-top:92px;padding-bottom:88px}
.tg-v500-front .hero-copy{padding-top:78px;max-width:730px}
.tg-v500-front .hero-copy h1{font-size:clamp(4.7rem,7.3vw,7.4rem);line-height:.86;max-width:750px;letter-spacing:-.065em}
.tg-v500-front .hero-copy p{font-size:1.08rem;max-width:590px;line-height:1.8}
.tg-v500-front .hero-cta{margin-top:32px}
.tg-v500-front .booking-card{border-radius:4px;padding:30px 28px 28px;background:rgba(255,253,248,.985);box-shadow:0 42px 95px rgba(0,0,0,.38);border:0}
.tg-v500-front .booking-card:before{content:"PRIVATE CONCIERGE";display:block;margin:-30px -28px 22px;padding:12px 28px;background:#cba65e;color:#07342f;font-size:.6rem;font-weight:900;letter-spacing:.20em}
.tg-v500-front .booking-card h2{font-size:1.95rem}

/* Confidence strip is thin, restrained and hotel-like. */
.tg-v500-front .tg-quicktrust{background:#061f1d;border-top:1px solid rgba(255,255,255,.06)}
.tg-v500-front .tg-quicktrust-grid{min-height:80px}
.tg-v500-front .tg-quicktrust-item strong{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:.9rem}

/* Completely new visual gateway. */
.tg-v5-gateway{padding:110px 0 118px;background:#f4efe4;overflow:hidden}
.tg-v5-gateway-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:74px;align-items:center}
.tg-v5-gateway-copy{max-width:470px}
.tg-v5-gateway-copy h2{font-family:Georgia,"Times New Roman",serif;color:#063c35;font-weight:400;font-size:clamp(3.7rem,6vw,6.2rem);letter-spacing:-.055em;line-height:.86;margin:18px 0 28px}
.tg-v5-gateway-copy p{font-size:1rem;line-height:1.85;color:#526965;margin:0 0 34px}
.tg-v5-gateway-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.tg-v5-textlink{font-size:.75rem;font-weight:800;color:#063c35;border-bottom:1px solid #c6a45b;padding-bottom:5px}
.tg-v5-gateway-cards{display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:265px 265px;gap:16px}
.tg-v5-gateway-card{position:relative;overflow:hidden;min-height:0;background:#073b35}
.tg-v5-gateway-card-main{grid-row:1/3}
.tg-v5-gateway-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s ease}
.tg-v5-gateway-card:hover img{transform:scale(1.035)}
.tg-v5-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,30,27,.05),rgba(2,30,27,.76))}
.tg-v5-card-label{position:absolute;left:25px;right:25px;bottom:24px;color:#fff;display:flex;flex-direction:column;align-items:flex-start}
.tg-v5-card-label small{font-size:.58rem;letter-spacing:.17em;color:#e2c276;font-weight:850;margin-bottom:8px}
.tg-v5-card-label strong{font-family:Georgia,"Times New Roman",serif;font-size:1.42rem;line-height:1.08;font-weight:400;max-width:260px}
.tg-v5-gateway-card-main .tg-v5-card-label strong{font-size:2.15rem;max-width:350px}
.tg-v5-card-label em{font-style:normal;font-size:.68rem;font-weight:800;margin-top:14px;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:3px}

/* Services = editorial bento, not five tiny V4 cards. */
.tg-v500-front .services{background:#fffdf9;padding:108px 0 116px}
.tg-v500-front .services h2{font-size:clamp(3.8rem,5.6vw,5.8rem);max-width:700px;line-height:.9;margin-bottom:44px}
.tg-v500-front .service-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.tg-v500-front .service-card{border-radius:0;box-shadow:none;border:1px solid #ded8cc;background:#f7f2e8;position:relative}
.tg-v500-front .service-card:nth-child(1),.tg-v500-front .service-card:nth-child(2){grid-column:span 6}
.tg-v500-front .service-card:nth-child(n+3){grid-column:span 4}
.tg-v500-front .service-card:nth-child(-n+2) .service-img{height:290px}
.tg-v500-front .service-card:nth-child(n+3) .service-img{height:215px}
.tg-v500-front .service-body{padding:27px 25px 29px;min-height:210px}
.tg-v500-front .service-icon{font-size:1.4rem;color:#b18c47}
.tg-v500-front .service-card h3{font-size:1.45rem;line-height:1.08}
.tg-v500-front .service-card:hover{transform:none;box-shadow:none}
.tg-v500-front .service-card:hover .service-img{filter:saturate(1.05)}

/* Popular Journeys becomes the dark centerpiece of the homepage. */
.tg-v500-front #popular-journeys{background:#062f2b;color:#fff;padding:112px 0 120px}
.tg-v500-front #popular-journeys .section-kicker{color:#dfc173}
.tg-v500-front #popular-journeys .tg-customer-head h2{color:#fff;font-size:clamp(3.7rem,5.5vw,5.7rem);max-width:850px}
.tg-v500-front #popular-journeys .tg-customer-head p{color:rgba(255,255,255,.67)}
.tg-v500-front #popular-journeys .tg-journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tg-v500-front #popular-journeys .tg-journey-card{border:0!important;border-radius:0!important;box-shadow:none!important;background:#0a413a;color:#fff}
.tg-v500-front #popular-journeys .tg-journey-card img{height:300px;object-fit:cover}
.tg-v500-front #popular-journeys .tg-card-body{padding:28px}
.tg-v500-front #popular-journeys h3{color:#fff;font-size:1.65rem}
.tg-v500-front #popular-journeys p{color:rgba(255,255,255,.66)}
.tg-v500-front #popular-journeys .eyebrow-small{color:#dcbf75}
.tg-v500-front #popular-journeys .tg-card-link,.tg-v500-front #popular-journeys .tg-card-wa{color:#fff;border-color:rgba(255,255,255,.22)}

/* Fleet becomes more like a luxury product gallery. */
.tg-v500-front #fleet{background:#eee6d7;padding:108px 0 118px}
.tg-v500-front #fleet .tg-fleet-grid{gap:1px;background:#d6cdbd;border:1px solid #d6cdbd}
.tg-v500-front #fleet .tg-fleet-card{border-radius:0!important;border:0!important;box-shadow:none!important;background:#fffdf9}
.tg-v500-front #fleet .tg-fleet-card img{height:270px;object-fit:cover}
.tg-v500-front #fleet .tg-card-body{padding:28px}

/* Why Tourguide becomes clean architectural blocks. */
.tg-v500-front #why-tourguide{background:#fffdf9}
.tg-v500-front #why-tourguide .tg-why-grid{gap:0;border-top:1px solid #ded8cc;border-left:1px solid #ded8cc}
.tg-v500-front #why-tourguide .tg-why-card{border-radius:0!important;box-shadow:none!important;border:0!important;border-right:1px solid #ded8cc!important;border-bottom:1px solid #ded8cc!important;padding:34px!important}
.tg-v500-front #why-tourguide .tg-why-icon{color:#b48f49;font-size:1.55rem}

/* Partners/CTA feel integrated rather than bolted on. */
.tg-v500-front .tg-airhelp-section{background:#eee6d7;padding:78px 0}
.tg-v500-front .tg-airhelp-link{border-radius:0;box-shadow:none;border:1px solid #d8cebb}
.tg-v500-front .discover{height:520px}
.tg-v500-front .discover-copy h2{font-size:clamp(4rem,6.3vw,6.3rem);line-height:.86}
.tg-v500-front .trust-strip{padding:64px 0}
.tg-v500-front .contact-band{padding:72px 0}

@media(max-width:1120px){
  .tg-v5-gateway-grid{grid-template-columns:1fr;gap:48px}.tg-v5-gateway-copy{max-width:720px}
  .tg-v500-front .hero-inner{grid-template-columns:1fr 430px;gap:36px}.tg-v500-front .hero-copy h1{font-size:4.7rem}
}
@media(max-width:900px){
  .tg-v500-front .site-header{background:#052f2b}
  .tg-v500-front .main-nav{background:#052f2b}.tg-v500-front .main-nav a{color:#fff}
  .tg-v500-front .hero{min-height:0}.tg-v500-front .hero-inner{grid-template-columns:1fr;padding-top:40px}.tg-v500-front .hero-copy{padding-top:20px}.tg-v500-front .booking-card{max-width:none;margin-top:18px}
  .tg-v5-gateway-cards{grid-template-columns:1fr 1fr;grid-template-rows:380px 230px}.tg-v5-gateway-card-main{grid-column:1/3;grid-row:auto}
  .tg-v500-front .service-card:nth-child(1),.tg-v500-front .service-card:nth-child(2),.tg-v500-front .service-card:nth-child(n+3){grid-column:span 6}
}
@media(max-width:700px){
  .tg-v5-gateway{padding:72px 0}.tg-v5-gateway-copy h2{font-size:3.8rem}.tg-v5-gateway-cards{display:grid;grid-template-columns:1fr;grid-template-rows:none}.tg-v5-gateway-card,.tg-v5-gateway-card-main{grid-column:auto;grid-row:auto;height:310px}
  .tg-v500-front .service-grid{grid-template-columns:1fr}.tg-v500-front .service-card:nth-child(1),.tg-v500-front .service-card:nth-child(2),.tg-v500-front .service-card:nth-child(n+3){grid-column:auto}.tg-v500-front .service-card .service-img,.tg-v500-front .service-card:nth-child(-n+2) .service-img,.tg-v500-front .service-card:nth-child(n+3) .service-img{height:240px}
  .tg-v500-front #popular-journeys .tg-journey-grid{grid-template-columns:1fr}.tg-v500-front #popular-journeys .tg-journey-card img{height:240px}
  .tg-v500-front .hero-copy h1{font-size:3.7rem}.tg-v500-front .hero-inner{padding-bottom:48px}
}
