/* CREAOS Travel: a search-first booking workspace with horizontal navigation. */
:root{--ink:#0b2027;--ocean:#40798c;--sea:#70a9a1;--sage:#cfd7c7;--paper:#f1f4f1;--line:#dce5df;--sans:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
html{scroll-padding-top:25px}
body{background:var(--paper);color:var(--ink)}
.site-shell{display:block;min-height:100vh}
.workspace{min-width:0;background:var(--paper)}
.workspace-header{height:78px;display:flex;align-items:center;gap:36px;padding:0 max(34px,calc((100vw - 1320px)/2));background:#fff;border-bottom:1px solid var(--line)}
.desktop-nav{display:flex;align-items:center;gap:25px;margin-left:auto}
.desktop-nav a{color:var(--ink);font:800 11px var(--sans);white-space:nowrap}
.desktop-nav a:hover{color:var(--ocean)}
.workspace-actions{display:flex;align-items:center;gap:16px;margin-left:10px}
.workspace-actions>a{font:700 11px var(--sans);color:var(--ocean)}
.language-toggle{width:37px;height:31px;padding:0;border:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);font:800 11px var(--sans)}
.mobile-brand{display:block;flex:none}
.mobile-brand img{width:168px}
.menu-toggle,.mobile-nav{display:none}
.workspace .container{width:min(100% - 68px,1230px)}
.workspace .section{padding:68px 0}
.eyebrow{font:800 10px var(--sans);letter-spacing:.18em;color:var(--ocean)}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}
.section-head h2,.welcome h2,.about-band h2,.contact h2{font:800 clamp(35px,3.6vw,56px)/1.06 var(--sans);letter-spacing:-.065em;margin:10px 0 0}
.section-head h2 em,.welcome h2 em,.about-band h2 em,.contact h2 em{font-style:normal;color:var(--ocean)}
.section-head>p{max-width:300px;color:#567078;font-size:13px;line-height:1.6}
.btn,.header-cta{border-radius:0}

/* A compact dashboard heading replaces the conventional travel hero. */
.dashboard-intro{display:grid;grid-template-columns:minmax(0,1fr) 162px;gap:32px;align-items:center;padding:43px 34px 30px;background:#fff}
.dashboard-intro h1{max-width:760px;margin:11px 0 9px;font:800 clamp(40px,4.7vw,68px)/1.04 var(--sans);letter-spacing:-.075em}
.dashboard-intro h1 em{font-style:normal;color:var(--ocean)}
.dashboard-intro p{max-width:620px;color:#4a6269;font-size:14px;line-height:1.6;margin:0}
.intro-stamp{width:160px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:13px;border:1px solid var(--sea);background:var(--sage);transform:rotate(5deg)}
.intro-stamp span{font:800 9px var(--sans);letter-spacing:.12em}
.intro-stamp strong{font:800 76px/.9 var(--sans);letter-spacing:-.11em}

/* Booking controls have their own surface, not a floating hero overlay. */
.trip-finder{margin:0;padding:0 34px 28px;background:#fff}
.finder-panel{display:grid;grid-template-columns:1.15fr 1fr 1fr auto;align-items:stretch;gap:0;min-height:84px;margin:0;padding:0;border:1px solid #25434c;border-radius:0;box-shadow:none;background:var(--ink);color:#fff}
.finder-intro{padding:14px 15px 12px 18px}
.finder-intro .eyebrow{font-size:9px;color:var(--sea)}
.finder-intro strong{display:block;margin-top:6px;font:800 16px/1.25 var(--sans);letter-spacing:-.04em}
.finder-field{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;padding:13px 15px;border:0;border-left:1px solid #ffffff25}
.finder-field>span{color:var(--sea);font:800 9px var(--sans);letter-spacing:.13em}
.finder-field select,.finder-field input{width:100%;min-width:0;border:0;background:transparent;color:#fff;outline:none;font:600 12px var(--sans)}
.finder-field select option{color:var(--ink)}
.finder-field input::placeholder{color:#c4d5d0}
.finder-field:focus-within{background:#21434c;border-radius:0}
.finder-submit{min-height:84px;height:100%;margin:0;padding:0 19px;background:var(--sea);color:var(--ink);border-radius:0;font:800 11px var(--sans)}
.finder-submit:hover{background:var(--sage);color:var(--ink)}

/* Filterable result surface for the internal tour collection. */
.catalog{padding:35px 34px 70px!important;background:var(--paper)}
.catalog>.container{width:100%;max-width:none}
.catalog .section-head{align-items:center;margin-bottom:22px}
.catalog .section-head h2{font-size:clamp(30px,3vw,42px)}
.catalog .section-head>p{font-size:12px;max-width:315px}
.catalog-tools{display:flex;align-items:center;gap:16px;margin:0 0 13px}
.catalog-search{min-width:205px;max-width:310px;flex:0 0 28%}
.catalog-search input{height:43px;background:#fff;border:1px solid var(--line);border-radius:0}
.catalog-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:5px;padding-bottom:2px}
.catalog-chip{flex:none;border:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);padding:10px 12px;font:800 10px var(--sans);text-transform:none;letter-spacing:0}
.catalog-chip:hover,.catalog-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.catalog-status{min-height:20px;margin:10px 0;color:var(--ocean);font:800 10px var(--sans);letter-spacing:.12em;text-transform:uppercase}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.catalog-grid .journey-card{display:grid;grid-template-columns:37% minmax(0,1fr);min-height:178px;border:1px solid var(--line);border-radius:0;background:#fff;box-shadow:none;transition:border-color .2s,transform .2s}
.catalog-grid .journey-card:hover{transform:translateY(-2px);box-shadow:none;border-color:var(--ocean)}
.catalog-grid .journey-card:focus-visible{outline:3px solid var(--sea);outline-offset:2px}
.catalog-grid .journey-image{height:100%;min-height:178px;border-radius:0}
.catalog-grid .journey-image img{height:100%;object-fit:cover}
.catalog-grid .journey-region{left:7px;bottom:7px;top:auto;padding:6px;border-radius:0;background:var(--ink);color:#fff;font-size:8px}
.catalog-grid .journey-content{padding:16px 15px}
.catalog-grid .journey-content h3{margin:0 0 8px;font:800 16px/1.24 var(--sans);letter-spacing:-.035em}
.catalog-grid .journey-content p{margin:0 0 12px;color:#5c7277;font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.catalog-grid .journey-open{margin-top:auto;padding:0 0 4px;border:0;border-bottom:1px solid var(--ocean);background:none;color:var(--ocean);font:800 9px/1.4 var(--sans);letter-spacing:.04em}
.catalog-more{justify-content:flex-start;margin-top:25px}
.catalog-more .btn{border-radius:0}

/* Secondary company information is deliberately below the full catalogue. */
.content-divider{display:flex;justify-content:space-between;padding:15px 34px;background:var(--ink);color:var(--sea);font:800 9px var(--sans);letter-spacing:.17em}
.welcome{background:#fff}
.welcome-copy p{color:#50666c}
.value-grid{margin-top:32px;gap:9px}
.value-grid article{min-height:150px;border:1px solid var(--line);border-radius:0;background:var(--paper);padding:23px}
.value-icon{color:var(--ocean)}
.services{background:var(--paper)}
.services-grid article{background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:none}
.journal{background:#fff}
.journal-card,.journal-card img{border-radius:0}
.about-band{background:var(--sage);color:var(--ink)}
.about-band h2 em{color:var(--ocean)}
.about-band p{color:#39565c}
.contact{background:var(--ink)}
.contact h2 em{color:var(--sea)}
.contact-card{border-radius:0}
.site-footer{background:#06191e}

/* Archive and individual information pages use the same crisp portal language. */
.site-header{background:#fff;border-bottom:1px solid var(--line);box-shadow:none}
.site-header .desktop-nav a{color:var(--ink)}
.site-header .header-inner{height:78px}
.site-header .brand{background:none;padding:0;border-radius:0}
.site-header .brand img{width:168px}
.site-header .lang-toggle{border:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink)}
.site-header .header-contact{background:var(--ink);color:#fff;border-radius:0}
.site-header .menu-toggle span{background:var(--ink)}
.site-header .mobile-nav{background:#fff}
.site-header .mobile-nav a{color:var(--ink)}
.library-hero{min-height:280px;padding:60px 0;background:var(--sage);color:var(--ink)}
.library-hero::before{display:none}
.library-hero h1{font:800 clamp(42px,5vw,69px)/1.03 var(--sans);letter-spacing:-.07em}
.library-hero h1 em{font-style:normal;color:var(--ocean)}
.library-hero .section-number{color:var(--ocean)}
.library-hero-side p{color:#294b51;font-size:14px;line-height:1.65}
.library-hero .text-link{color:var(--ink);border-color:var(--ink)}
.library-content{background:var(--paper)}
.library-toolbar h2,.library-detail-head h1{font:800 clamp(37px,4vw,57px)/1.05 var(--sans);letter-spacing:-.06em}
.library-toolbar h2 em{font-style:normal}
.library-search input,.library-filter{border-radius:0}
.library-card{border-radius:0;box-shadow:none}
.library-card:hover{transform:none;box-shadow:none;border-color:var(--ocean)}
.library-card h3{font-family:var(--sans);font-weight:800;letter-spacing:-.035em}
.library-detail-image,.library-inline-image img,.library-gallery img{border-radius:0}
.library-article h2{font-family:var(--sans);font-weight:800;letter-spacing:-.04em}

@media(max-width:1150px){
  .desktop-nav{gap:14px}
  .workspace-actions>a{display:none}
  .workspace-header,.dashboard-intro{padding-inline:25px}
  .trip-finder{padding-inline:25px}
  .catalog{padding-inline:25px!important}
  .finder-panel{grid-template-columns:1fr 1fr 1fr}
  .finder-intro{grid-column:1/-1;padding:11px 14px;border-bottom:1px solid #ffffff25}
  .finder-field:first-of-type{border-left:0}
  .finder-submit{min-height:67px}
  .catalog-grid .journey-card{grid-template-columns:34% minmax(0,1fr)}
}
@media(max-width:900px){
  .desktop-nav{display:none}
  .workspace-header{height:66px;position:sticky;top:0;z-index:30}
  .mobile-brand img{width:140px}
  .workspace-location{display:none}
  .workspace-actions{margin-left:auto}
  .menu-toggle{display:block}
  .mobile-nav:not([hidden]){display:block;position:fixed;top:66px;left:0;right:0;z-index:29;padding:10px 25px 24px;background:var(--ink);box-shadow:0 15px 25px #0b202744}
  .mobile-nav a{display:block;padding:13px 3px;border-bottom:1px solid #ffffff25;color:#fff;font:700 13px var(--sans)}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .workspace .container{width:min(100% - 36px,1230px)}
  .workspace-header{padding-inline:18px}
  .workspace-actions>a{display:none}
  .dashboard-intro{display:block;padding:32px 18px 25px}
  .dashboard-intro h1{font-size:clamp(42px,9vw,63px)}
  .intro-stamp{display:none}
  .trip-finder{padding:0 18px 22px}
  .finder-panel{display:block}
  .finder-intro{padding:15px}
  .finder-field{min-height:70px;border:0;border-top:1px solid #ffffff25;padding:12px 15px}
  .finder-submit{width:100%;min-height:50px}
  .catalog{padding:32px 18px 55px!important}
  .catalog .section-head{display:block}
  .catalog .section-head>p{margin-top:12px}
  .catalog-tools{display:block}
  .catalog-search{display:block;max-width:none;width:100%;margin-bottom:9px}
  .catalog-filters{width:100%}
  .catalog-grid{grid-template-columns:1fr}
  .catalog-grid .journey-card{grid-template-columns:145px minmax(0,1fr);min-height:150px}
  .catalog-grid .journey-image{min-height:150px}
  .content-divider{padding-inline:18px}
  .section-head{display:block}
  .section-head>p{margin-top:15px}
}
@media(max-width:480px){
  .dashboard-intro h1{font-size:42px}
  .catalog-grid .journey-card{grid-template-columns:107px minmax(0,1fr);min-height:143px}
  .catalog-grid .journey-image{min-height:143px}
  .catalog-grid .journey-content{padding:11px}
  .catalog-grid .journey-content h3{font-size:14px}
  .catalog-grid .journey-content p{font-size:10px;-webkit-line-clamp:2}
  .catalog-grid .journey-open{font-size:8px}
  .catalog-grid .journey-region{font-size:7px;padding:4px}
  .content-divider span:last-child{display:none}
}