@font-face{font-family:"Mohave";src:url("fonts/mohave-var.woff2") format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Gothic A1";src:url("fonts/gothica1-normal-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Gothic A1";src:url("fonts/gothica1-normal-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Gothic A1";src:url("fonts/gothica1-normal-800.woff2") format("woff2");font-weight:800;font-display:swap}
:root{--gx-ink:#113344;--gx-rust:#e22412;--gx-pool:#86eade;--gx-paper:#fcfce3;--gx-river:#3c6d6f;--gx-mist:#c2d6f4;--gx-sand:#f8dbbf;--gx-muted:#477085;--gx-white:#ffffff;--gx-w:1240px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--gx-paper);color:var(--gx-ink);font:400 1.0625rem/1.64 "Gothic A1",system-ui,sans-serif;overflow-wrap:break-word}
.gx-incl span,.gx-facts dd,.gx-lead,.gx-foot p{overflow-wrap:anywhere}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:var(--gx-river);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--gx-ink)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gx-rust);outline-offset:2px}
h1,h2,h3{font-family:"Mohave",Impact,sans-serif;font-weight:700;line-height:1.02;letter-spacing:.01em;text-transform:uppercase;margin:0 0 .5em}
h1{font-size:clamp(2.3rem,5.4vw,4.4rem)}
h2{font-size:clamp(1.8rem,3.4vw,2.9rem)}
h3{font-size:clamp(1.3rem,2vw,1.65rem)}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.2em}
.gx-wrap{max-width:var(--gx-w);margin:0 auto;padding:0 20px}
.gx-skip{position:absolute;left:-999px;top:0;background:var(--gx-ink);color:#fff;padding:10px 14px;z-index:20}
.gx-skip:focus{left:10px}
.gx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* header: one ink bar, the mark and name left, the menu, the call and the button right; a sand rail below */
.gx-top{background:var(--gx-ink);color:var(--gx-paper)}
.gx-bar{display:flex;align-items:center;gap:22px;min-height:76px}
.gx-mast{display:flex;align-items:center;gap:12px;color:var(--gx-paper);text-decoration:none;flex:0 1 auto;min-width:0}
.gx-mark{width:42px;height:42px;fill:none;stroke:var(--gx-pool);stroke-width:3;stroke-linejoin:round}
.gx-mark rect{stroke:var(--gx-paper);stroke-width:1.5}
.gx-mark .gx-mark-tent{stroke:var(--gx-rust)}
.gx-mast-name{display:block;font:700 1.55rem/1 "Mohave",sans-serif;text-transform:uppercase;letter-spacing:.04em}
.gx-mast-sub{display:block;font-size:.8rem;color:var(--gx-mist);margin-top:3px}
.gx-nav{background:var(--gx-rust)}
.gx-nav ul{list-style:none;margin:0 auto;padding:0 20px;max-width:var(--gx-w);display:flex;flex-wrap:wrap;gap:0 26px}
.gx-nav a{display:block;color:#fff;text-decoration:none;font-weight:600;font-size:.93rem;padding:11px 0 9px;border-bottom:3px solid transparent}
.gx-nav a:hover,.gx-nav a[aria-current="page"]{border-bottom-color:#fff;color:#fff}
.gx-call{flex:1 1 auto;text-align:right;font-size:.82rem;line-height:1.3;margin:0}
.gx-call a{color:var(--gx-pool);font-weight:800;font-size:1.02rem;text-decoration:none}
.gx-call span{display:block;color:var(--gx-mist)}
.gx-ask{flex:0 0 auto;background:var(--gx-rust);color:#fff;text-decoration:none;font:700 1.1rem/1 "Mohave",sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:14px 18px}
.gx-ask:hover{background:#fff;color:var(--gx-ink)}
.gx-burger{display:none;background:none;border:2px solid var(--gx-paper);color:var(--gx-paper);font:700 1rem "Mohave",sans-serif;text-transform:uppercase;padding:8px 12px;cursor:pointer}
.gx-rail{background:var(--gx-sand);color:var(--gx-ink);font-size:.86rem}
.gx-rail p{margin:0;padding:7px 0}
@media (max-width:1080px){.gx-bar{flex-wrap:wrap;padding:12px 20px}.gx-nav{display:none}.gx-nav.gx-open{display:block}.gx-nav ul{flex-direction:column;padding:6px 20px 10px}.gx-burger{display:block;margin-left:auto}.gx-call{order:4;text-align:left;flex-basis:100%}.gx-ask{order:3}}
@media (max-width:560px){.gx-ask{display:none}.gx-mast-name{font-size:1.15rem}.gx-mast-sub{font-size:.72rem}.gx-mark{width:34px;height:34px;flex:0 0 34px}.gx-bar{gap:10px}}
/* crumbs */
.gx-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:14px 0 0;font-size:.85rem}
.gx-crumbs li+li::before{content:"/";margin-right:6px;color:var(--gx-muted)}
/* sections and grounds */
.gx-sec{padding:64px 0}
.gx-ink{background:var(--gx-ink);color:var(--gx-paper)}
.gx-ink a{color:var(--gx-pool)}
.gx-sand{background:var(--gx-sand)}
.gx-mist{background:var(--gx-mist)}
.gx-sand a,.gx-mist a{color:var(--gx-ink)}
.gx-white{background:var(--gx-white)}
.gx-kicker{font:700 1rem/1 "Mohave",sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--gx-muted);margin-bottom:12px}
.gx-ink .gx-kicker{color:var(--gx-pool)}
.gx-sand .gx-kicker,.gx-mist .gx-kicker{color:var(--gx-ink)}
.gx-lead{font-size:1.2rem;max-width:62ch}
.gx-prose{max-width:70ch}
.gx-rule{border:0;border-top:4px solid var(--gx-ink);margin:0 0 26px}
.gx-btn{display:inline-block;background:var(--gx-rust);color:#fff;text-decoration:none;font:700 1.15rem/1 "Mohave",sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:15px 22px;border:0;cursor:pointer}
.gx-btn:hover{background:var(--gx-ink);color:#fff}
.gx-ink .gx-btn:hover{background:#fff;color:var(--gx-ink)}
/* home first screen: the photo with a depth ruler, the headline card hanging over its lower edge */
.gx-hero{position:relative;background:var(--gx-ink);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;min-height:max(520px,calc(100vh - 157px))}
.gx-hero-pic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 70%}
.gx-ruler{position:absolute;z-index:1;left:0;top:0;bottom:0;width:170px;background:linear-gradient(90deg,rgba(17,51,68,.94),rgba(17,51,68,.6));padding:16px 0 10px 16px}
.gx-rl{width:150px;height:100%}
.gx-rl-axis,.gx-rl-minor{stroke:var(--gx-mist);stroke-width:1.5}
.gx-rl-tick{stroke:var(--gx-pool);stroke-width:3}
.gx-rl-lead{fill:none;stroke:var(--gx-pool);stroke-width:1}
.gx-rl-n{fill:var(--gx-pool);font:700 17px "Mohave",sans-serif}
.gx-rl-p{fill:var(--gx-paper);font:400 12px "Gothic A1",sans-serif}
.gx-rl-cap{fill:var(--gx-mist);font:700 13px "Mohave",sans-serif;letter-spacing:1.5px;text-transform:uppercase}
.gx-card{position:relative;margin:28px max(24px,calc((100vw - var(--gx-w)) / 2)) 28px 0;max-width:590px;background:var(--gx-paper);border-top:8px solid var(--gx-rust);padding:24px 30px 20px;z-index:2;box-shadow:0 18px 40px rgba(17,51,68,.28)}
.gx-card .gx-lead{font-size:1.08rem}
.gx-card h1{font-size:clamp(1.9rem,3vw,2.75rem)}
.gx-card .gx-price-n{font-size:2.2rem}
.gx-card .gx-cta{margin:12px 0 6px}
.gx-price{margin:0 0 6px;font-size:.95rem}
.gx-price-n{display:block;font:700 2.6rem/1 "Mohave",sans-serif;color:var(--gx-ink)}
.gx-price-pp{font-size:.98rem}
.gx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:18px 0 10px}
.gx-cta-call{font-size:.92rem}
.gx-cta-call a{font-weight:800;color:var(--gx-ink)}
.gx-pay{font-size:.88rem;color:var(--gx-muted);margin:6px 0 0}
@media (min-width:821px) and (max-height:920px){.gx-card{padding:18px 26px 14px;max-width:620px}.gx-card .gx-kicker{margin-bottom:6px}.gx-card h1{font-size:clamp(1.7rem,2.6vw,2.3rem);margin-bottom:.35em}.gx-card .gx-lead{font-size:.98rem;margin-bottom:.6em}.gx-card .gx-price{font-size:.88rem}.gx-card .gx-price-n{font-size:1.9rem}.gx-card .gx-cta{margin:8px 0 4px}.gx-card .gx-btn{padding:12px 18px}}
@media (max-width:820px){.gx-ruler{display:none}.gx-hero{display:block;min-height:0}.gx-hero-pic{position:static;height:42vh;min-height:260px}.gx-card{margin:-48px 12px 0;padding:20px 18px}}
/* ledger strip */
.gx-ledger{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid rgba(252,252,227,.3)}
.gx-ledger div{padding:22px 18px;border-right:2px solid rgba(252,252,227,.3)}
.gx-ledger div:last-child{border-right:0}
.gx-ledger b{display:block;font:700 2.4rem/1 "Mohave",sans-serif;color:var(--gx-pool)}
@media (max-width:760px){.gx-ledger{grid-template-columns:1fr 1fr}.gx-ledger div:nth-child(2){border-right:0}}
/* the eight gorges, deepest first: tall tiles with the cut along the foot */
.gx-gorges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.gx-gorge{background:var(--gx-white);display:flex;flex-direction:column;border-bottom:6px solid var(--gx-ink)}
.gx-gorge-pic{position:relative}
.gx-gorge-pic img{width:100%;aspect-ratio:.65;object-fit:cover}
.gx-gorge-depth{position:absolute;left:0;bottom:0;background:var(--gx-ink);color:var(--gx-pool);font:700 1.5rem/1 "Mohave",sans-serif;padding:10px 12px}
.gx-gorge-depth small{display:block;font:600 .72rem "Gothic A1",sans-serif;color:var(--gx-paper);margin-top:3px}
.gx-gorge-txt{padding:14px 14px 0;flex:1}
.gx-gorge-txt h3{font-size:1.32rem;margin-bottom:6px;line-height:1.2}
.gx-gorge-txt h3 a{color:var(--gx-ink);text-decoration:none}
.gx-gorge-txt p{font-size:.92rem;margin-bottom:8px}
.gx-gorge .gx-cut{height:54px;width:100%}
.gx-from{font-size:.86rem;padding:0 14px 12px}
.gx-from b{font:700 1.45rem "Mohave",sans-serif;display:block}
@media (max-width:1000px){.gx-gorges{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.gx-gorges{grid-template-columns:1fr}.gx-gorge-pic img{aspect-ratio:1.2}}
/* drawn cut */
.gx-cut{width:100%;height:120px}
.gx-cut-rim{stroke:var(--gx-muted);stroke-width:1;stroke-dasharray:4 4}
.gx-cut-ground{fill:var(--gx-ink)}
.gx-cut-ghost{fill:rgba(17,51,68,.12)}
.gx-cut-floor{stroke:var(--gx-rust);stroke-width:2}
.gx-ink .gx-cut-ground{fill:var(--gx-pool)}
.gx-ink .gx-cut-ghost{fill:rgba(194,214,244,.18)}
.gx-cut-big{height:200px;background:var(--gx-paper)}
/* styles: three ways to sleep */
.gx-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.gx-style img{width:100%;aspect-ratio:1.39;object-fit:cover;margin-bottom:14px}
.gx-style h3{border-top:4px solid var(--gx-rust);padding-top:10px}
@media (max-width:860px){.gx-styles{grid-template-columns:1fr}}
/* panorama band */
.gx-pano{position:relative}
.gx-pano img{width:100%;aspect-ratio:3.4;object-fit:cover;min-height:220px}
.gx-pano-cap{background:var(--gx-ink);color:var(--gx-paper)}
.gx-pano-cap a{color:var(--gx-pool)}
.gx-pano-cap .gx-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:30px;padding-top:34px;padding-bottom:34px}
@media (max-width:820px){.gx-pano-cap .gx-wrap{grid-template-columns:1fr}}
/* tables */
.gx-tablewrap{overflow-x:auto;margin:0 0 1.4em}
.gx-table{border-collapse:collapse;width:100%;min-width:640px;background:var(--gx-white);font-size:.95rem}
.gx-table th,.gx-table td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(17,51,68,.18);vertical-align:top}
.gx-table thead th{background:var(--gx-ink);color:var(--gx-paper);font:700 1rem "Mohave",sans-serif;text-transform:uppercase;letter-spacing:.06em}
.gx-cell-total{display:block;font:700 1.25rem/1.1 "Mohave",sans-serif}
.gx-table th a{display:inline-block;padding:4px 0}
.gx-cell-pp{font-size:.85rem;color:var(--gx-muted)}
/* included lists with pictograms */
.gx-incl{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.gx-incl ul{list-style:none;padding:0}
.gx-incl li{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.gx-ico{flex:0 0 30px;width:30px;height:30px;fill:none;stroke:var(--gx-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gx-ink .gx-ico{stroke:var(--gx-pool)}
@media (max-width:760px){.gx-incl{grid-template-columns:1fr}}
/* steps */
.gx-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;counter-reset:s}
.gx-steps li{counter-increment:s;border-top:4px solid var(--gx-pool);padding-top:12px;font-size:.95rem}
.gx-steps li::before{content:counter(s,decimal-leading-zero);display:block;font:700 2.2rem/1 "Mohave",sans-serif;color:var(--gx-pool);margin-bottom:6px}
.gx-steps b{display:block}
.gx-steps7{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.gx-steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.gx-steps{grid-template-columns:1fr}}
/* gorge page: wide picture, then the split of facts and the section drawing */
.gx-top-pic img{width:100%;aspect-ratio:2.74;object-fit:cover;min-height:180px;max-height:34vh}
.gx-head h1{font-size:clamp(1.8rem,2.8vw,2.6rem)}
.gx-head{display:grid;grid-template-columns:1.45fr 1fr;gap:38px;padding-top:22px;padding-bottom:10px}
.gx-facts{background:var(--gx-white);border-top:6px solid var(--gx-ink);padding:18px 20px;margin:0}
.gx-facts div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(17,51,68,.15);padding:7px 0;font-size:.95rem}
.gx-facts dt{font-weight:600}
.gx-facts dd{margin:0;text-align:right}
@media (max-width:860px){.gx-head{grid-template-columns:1fr}}
.gx-tall{display:grid;grid-template-columns:1fr 210px;gap:34px;align-items:start}
.gx-tall img{width:100%;aspect-ratio:.32;object-fit:cover}
@media (max-width:760px){.gx-tall{grid-template-columns:1fr}.gx-tall img{aspect-ratio:1.4}}
.gx-three{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gx-three li{background:var(--gx-white);padding:18px;border-left:6px solid var(--gx-rust)}
.gx-three h3{font-size:1.25rem}
@media (max-width:860px){.gx-three{grid-template-columns:1fr}}
/* catalogue rows */
.gx-rows{list-style:none;margin:0;padding:0}
.gx-row{display:grid;grid-template-columns:200px 1fr 260px;gap:22px;align-items:center;border-top:4px solid var(--gx-ink);padding:18px 0}
.gx-row img{width:100%;aspect-ratio:.65;object-fit:cover;max-height:260px}
.gx-row h3{line-height:1.2}
.gx-row h3 a{color:var(--gx-ink);text-decoration:none}
.gx-row .gx-cut{height:70px}
@media (max-width:860px){.gx-row{grid-template-columns:120px 1fr}.gx-row>div:last-child{grid-column:1/-1}}
/* FAQ */
.gx-faq details{border-top:2px solid var(--gx-ink);padding:12px 0}
.gx-faq summary{font-weight:800;cursor:pointer}
.gx-faq details p{margin:10px 0 0}
/* form */
.gx-form{background:var(--gx-white);border-top:8px solid var(--gx-ink);padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:16px 22px}
.gx-form fieldset{border:0;margin:0;padding:0;grid-column:1/-1}
.gx-form legend{font:700 1.15rem "Mohave",sans-serif;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
.gx-form label{display:block;font-weight:600;font-size:.92rem;margin-bottom:4px}
.gx-form input[type=text],.gx-form input[type=email],.gx-form input[type=tel],.gx-form input[type=date],.gx-form select,.gx-form textarea{width:100%;font:inherit;padding:10px 11px;border:2px solid var(--gx-ink);background:var(--gx-paper);color:var(--gx-ink);border-radius:0}
.gx-form textarea{min-height:120px}
.gx-wide{grid-column:1/-1}
.gx-chips{display:flex;flex-wrap:wrap;gap:8px 16px}
.gx-chips label{display:flex;gap:8px;align-items:center;font-weight:400;min-height:28px}
.gx-chips input{width:22px;height:24px;margin:0;flex:0 0 22px}
.gx-pot{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.gx-small{font-size:.86rem;color:var(--gx-muted)}
.gx-ink .gx-small{color:var(--gx-mist)}
.gx-mist .gx-small,.gx-sand .gx-small{color:var(--gx-ink)}
@media (max-width:700px){.gx-form{grid-template-columns:1fr;padding:18px}}
.gx-slot{display:none}
/* footer */
.gx-foot{background:var(--gx-ink);color:var(--gx-paper);margin-top:0;padding:0 0 26px}
.gx-foot a{color:var(--gx-pool)}
.gx-strata-wrap{background:var(--gx-sand);padding:26px 0 18px;color:var(--gx-ink)}
.gx-strata{width:100%;height:150px}
.gx-strata-band{fill:var(--gx-ink);opacity:.82}
.gx-strata-cap{font-size:.86rem;margin:8px 0 0}
.gx-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:30px;padding-top:34px}
.gx-foot-grid ul{list-style:none;padding:0;margin:0}
.gx-foot-grid li{margin-bottom:6px}
.gx-foot-h{font:700 1.1rem "Mohave",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--gx-pool);margin-bottom:8px}
.gx-foot-name{font:700 1.3rem "Mohave",sans-serif;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.gx-foot-low{border-top:2px solid rgba(252,252,227,.25);margin-top:26px;padding-top:16px;font-size:.88rem}
@media (max-width:820px){.gx-foot-grid{grid-template-columns:1fr}}

@media (max-width:520px){
.gx-top{padding:0}
.gx-top .gx-wrap,.gx-bar{padding:6px 14px}
.gx-call{font-size:.72rem}
.gx-call a{font-size:.92rem}
.gx-call span{font-size:.72rem}
.gx-mast-name{font-size:1.02rem;line-height:1}
.gx-mast-sub{font-size:.68rem}
.gx-mark{width:28px;height:28px;flex:0 0 28px}
.gx-burger{padding:4px 8px;font-size:.85rem}
.gx-hero-pic{height:28vh!important;min-height:140px!important}
.gx-card{margin:-32px 10px 0!important;padding:12px 14px 10px!important;border-top-width:5px!important}
.gx-card .gx-kicker{font-size:.72rem;margin-bottom:.3em}
.gx-card h1{font-size:1.25rem!important;line-height:1.14;margin:0 0 .4em}
.gx-card .gx-lead{font-size:.9rem!important;margin:0 0 .5em;line-height:1.3}
.gx-card .gx-price{font-size:.84rem;margin:0 0 .4em}
.gx-card .gx-price-n{font-size:1.5rem!important}
.gx-card .gx-cta{margin:4px 0 2px!important}
.gx-card .gx-btn{padding:9px 14px;font-size:.98rem}
}
