/*Hero photo*/
.photo-top{position:relative;height:300px;overflow:hidden;background:#3a3a3a}
.photo-top img{width:100%;height:100%;object-fit:cover}
.photo-top__cta{
    position:absolute;
    right:0;
    bottom:0;
    display:inline-flex;
    align-items:center;
    gap:12px;
    min-height:56px;
    padding:0 20px;
    background:#000;
    color:#fff;
    font-size:16px;
    font-weight:700;
    letter-spacing:.72px;
    text-transform:uppercase;
    text-decoration:none
}
.photo-top__cta:hover{background:#222}
@media(min-width: 1024px){
    .photo-top{height:460px;margin-top:-104px}
    .photo-top__cta{font-size:20px;min-height:56px;padding:0 30px}
}

/* rule tying the blocks */
.axe{display:grid;grid-template-columns:9.183% 1fr;min-height:60px}
.axe__half:first-child{border-right:2px solid #e6e6e6}
.axe__half--text{padding:56px 18px 56px 24px}
.axe__title{margin:0 0 16px;font-size:34px;line-height:40px;font-weight:700;text-wrap:balance}
.axe__lead{margin:0;max-width:720px;font-size:21px;line-height:32px}
.axe--short{min-height:48px}
@media(min-width: 768px){
    .axe{grid-template-columns:37.28% 1fr}
    .axe__half--text{padding:96px 9.183% 96px 6.77%}
    .axe__title{font-size:48px;line-height:56px}
    .axe--short{min-height:72px}
}

/* colour split */
.split{display:grid}
.split>*{min-width:0}
.split__text{padding:40px 24px 48px}
.split__title{margin:28px 0 16px;font-size:30px;line-height:36px;font-weight:700}
.split__img img{width:100%;height:100%;aspect-ratio:1.6;object-fit:cover}
.split--bordeaux .split__text{background:#6b1d2f;color:#fff}
.split--grey .split__text{background:#f0f0f0}
.split__link{display:inline-block;margin-top:14px;padding:6px 0;font-weight:700;text-decoration:none;border-bottom:2px solid currentColor}
.split__link:hover{color:#d9a21b}
.split__link--dark:hover{color:#6b1d2f}
@media(min-width: 1024px){
    .split{grid-template-columns:1fr 1fr;min-height:420px}
    .split__text{padding:42px 6.77% 70px}
    .split__title{margin-top:120px;font-size:48px;line-height:56px}
    .split--reverse .split__text{order:2}
    .split--reverse .split__title{margin-top:60px;font-size:36px;line-height:44px}
    .split__img img{aspect-ratio:auto}
}

.timeline{margin:22px 0 10px;padding:0;list-style:none}
.timeline li{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:10px 0;border-top:1px solid #d6d6d6}
.timeline__t{font-weight:700}

/* tiles */
.tiles{display:grid;gap:1px;background:#fff}
.tile{display:block;background:#f0f0f0;text-decoration:none;min-width:0}
.tile__img{position:relative}
.tile__img img{width:100%;aspect-ratio:1.6;object-fit:cover}
.tile__img .chip{position:absolute;left:24px;top:24px}
.tile__title{margin:0;padding:20px 6.77% 40px;font-size:22px;line-height:30px;font-weight:500;transition:transform .2s cubic-bezier(.39,.575,.565,1)}
.tile:hover .tile__title{transform:translateY(-6px)}
.tile--grey,.tile--mustard{padding:30px 6.77% 44px}
.tile--grey .tile__title,.tile--mustard .tile__title{padding:0}
.tile--mustard{background:#fbefc9}
.tile__title--big{margin:22px 0 10px;font-size:30px;line-height:38px;font-weight:700}
.tile--grey p,.tile--mustard p{margin:0;max-width:520px}
@media(min-width: 768px){
    .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
    .tiles--two{grid-template-columns:1fr 1fr;margin-top:1px}
}

/* relay on the rule */
.relay{position:relative;display:flex;flex-direction:column;align-items:center;gap:30px;padding:60px 18px}
.relay:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#e6e6e6;z-index:-1}
.relay__kicker{position:relative;margin:0;padding:0 14px 12px;background:#fff;font-family:"Lora",Georgia,serif;font-style:italic;font-weight:600;font-size:17px;line-height:28px;text-align:center}
.relay__kicker:after{content:"";position:absolute;left:50%;bottom:0;width:40px;height:4px;margin-left:-20px;background:#000}
.relay__box{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    width:100%;
    max-width:420px;
    padding:26px 30px;
    background:#d9a21b;
    color:#000;
    font-size:22px;
    line-height:30px;
    font-weight:700;
    text-decoration:none
}
.relay__box:before{
    content:"";
    position:absolute;
    left:0;
    top:-14px;
    border-left:0 solid transparent;
    border-right:44px solid transparent;
    border-bottom:14px solid #a87a0e;
}
.relay__box:hover{background:#e5ae26}

/* code block */
.code-block{padding:56px 18px;background:#f0f0f0}
.code-block__title{margin:16px 0 26px;font-size:30px;line-height:36px;font-weight:700}
.code-block__grid{display:grid;gap:30px}
.code-block__grid>*{min-width:0}
.code{
    margin:0;
    padding:26px;
    overflow-x:auto;
    background:#111;
    color:#f4f4f4;
    border-radius:6px;
    font-family:"Courier New",Consolas,monospace;
    font-size:18px;
    line-height:30px
}
.c-com{color:#9aa0a6}
.c-str{color:#f2c35a}
.c-key{color:#8fd3ff}
.code-block__explain p{margin:0 0 16px}
@media(min-width: 1024px){
    .code-block{padding:72px 9.183% 80px 21.4%}
    .code-block__title{font-size:36px;line-height:44px}
    .code-block__grid{grid-template-columns:1.1fr 1fr;gap:48px}
}

/* jobs */
.jobs{padding:0 18px 56px}
.jobs__title,.compare__title,.why-six__title,.gear__title{margin:0 0 22px;font-size:30px;line-height:36px;font-weight:500}
.jobs__grid{display:grid;gap:1px;background:#e6e6e6}
.jobs__item{padding:26px 24px 30px;background:#fff}
.jobs__h{margin:16px 0 8px;font-size:22px;line-height:30px;font-weight:500}
.jobs__item p{margin:0}
@media(min-width: 768px){.jobs__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width: 1024px){.jobs{padding:0 9.183% 72px 21.4%}.jobs__grid{grid-template-columns:repeat(4,1fr)}}

/* compare */
.compare{padding:0 18px 56px}
@media(min-width: 1024px){.compare{padding:0 9.183% 72px 21.4%}}

/* why six */
.why-six{display:grid;gap:10px;padding:56px 18px;background:#fbefc9}
.why-six__col p{margin:0 0 14px;max-width:640px}
@media(min-width: 1024px){.why-six{grid-template-columns:37.28% 1fr;padding:76px 9.183% 70px}}

/* room gear */
.gear{padding:56px 18px 20px}
.gear__list{margin:0;padding:0;list-style:none;border-top:2px solid #000}
.gear__list li{padding:14px 0;border-bottom:1px solid #e6e6e6}
@media(min-width: 1024px){.gear{padding:72px 9.183% 20px 21.4%}}

/* calendar */
.calendar{padding:20px 18px 40px}
.calendar__title{margin:0 0 20px;font-size:30px;line-height:36px;font-weight:500}
.calendar__scroll{overflow-x:auto;border-top:2px solid #000}
.calendar__table{width:100%;min-width:640px;border-collapse:collapse}
.calendar__table th,.calendar__table td{padding:16px 10px;border-bottom:1px solid #e6e6e6;text-align:left;font-weight:400}
.calendar__table th{font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.places{display:inline-block;padding:2px 10px;background:#fbefc9;font-weight:700;font-size:16px}
.places--full{background:#000;color:#fff}
.calendar__note{margin:16px 0 0;color:#555}
@media(min-width: 1024px){.calendar{padding:20px 9.183% 40px 21.4%}.calendar__title{font-size:32px;line-height:38px}}

/* paper sheet */
.sheet{display:grid;gap:26px;padding:56px 18px 72px}
.sheet__title{margin:16px 0 10px;font-size:30px;line-height:36px;font-weight:700}
.sheet__head p{margin:0;max-width:460px}
.sheet__list{margin:0;padding:0;list-style:none;counter-reset:fiche}
.sheet__list li{position:relative;padding:16px 0 16px 56px;border-bottom:1px solid #e6e6e6;counter-increment:fiche}
.sheet__list li:before{content:counter(fiche);position:absolute;left:0;top:14px;width:38px;height:38px;border:2px solid #000;border-radius:50%;text-align:center;line-height:34px;font-weight:700}
.sheet__h{margin:0 0 4px;font-size:20px;line-height:28px;font-weight:500}
.sheet__list p{margin:0}
@media(min-width: 1024px){.sheet{grid-template-columns:37.28% 1fr;gap:56px;padding:72px 9.183% 96px}}

/*Quote font*/
.voice{display:grid;gap:30px;align-items:center;padding:56px 18px;background:#f0f0f0}
.voice__img{width:200px;height:200px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
.voice__quote{margin:0 0 18px;font-size:24px;line-height:32px;font-weight:700}
.voice__who{margin:0;font-size:16px;line-height:22px}
@media(min-width: 1024px){
    .voice{grid-template-columns:255px 1fr;gap:64px;padding:64px 9.183% 72px}
    .voice__img{width:255px;height:255px}
    .voice__quote{font-size:32px;line-height:40px}
}

/* not offered */
.nope{padding:0 18px 20px}
.nope__title{margin:0 0 20px;font-size:30px;line-height:36px;font-weight:500}
.nope__list{margin:0;padding:0;list-style:none;border-top:2px solid #000}
.nope__list li{position:relative;padding:16px 0 16px 34px;border-bottom:1px solid #e6e6e6}
.nope__list li:before{content:"×";position:absolute;left:4px;top:13px;font-weight:700;font-size:24px;color:#6b1d2f}
@media(min-width: 1024px){.nope{padding:0 9.183% 20px 21.4%}}

/* faq, big type */
.faq{padding:72px 18px 24px}
.faq__title{margin:0 0 22px;font-size:30px;line-height:36px;font-weight:500}
.faq__item{border-top:1px solid #000}
.faq__item:last-of-type{border-bottom:1px solid #000}
.faq__item summary{
    position:relative;
    padding:20px 44px 20px 0;
    font-size:21px;
    line-height:28px;
    font-weight:500;
    cursor:pointer;
    list-style:none
}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary:after{content:"+";position:absolute;right:6px;top:16px;font-size:30px;font-weight:300}
.faq__item[open] summary:after{content:"−"}
.faq__item p{margin:0;padding:0 0 1.2rem;max-width:760px}
@media(min-width: 1024px){.faq{padding:96px 9.183% 24px 21.4%}}

/* madlib form */
.madlib{margin-top:72px;padding:56px 18px;background:#6b1d2f;color:#fff}
.madlib__title{margin:0 0 22px;font-size:30px;line-height:36px;font-weight:700}
.madlib__sentence{margin:0 0 24px;font-size:24px;line-height:56px;font-weight:300}
.gap{
    min-height:46px;
    padding:4px 10px;
    border:0;
    border-bottom:2px solid #fff;
    border-radius:0;
    background:rgba(255,255,255,.1);
    color:#fff;
    font-family:inherit;
    font-size:22px;
    font-weight:500;
    vertical-align:baseline
}
.gap option{color:#000}
.gap::placeholder{color:#e8cfd5}
.gap--l{width:min(100%,320px)}
.gap:focus{outline:3px solid #d9a21b;outline-offset:2px}
.gap.is-bad{border-bottom-color:#ffb4a8;background:rgba(255,180,168,.18)}
.hidden-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.tick{display:flex;gap:12px;align-items:flex-start;max-width:820px;margin:0 0 22px;font-size:17px;line-height:26px}
.tick input{width:22px;height:22px;margin-top:2px;flex:0 0 auto;accent-color:#d9a21b}
.tick a{color:#fff}
.tick.is-bad span{color:#ffb4a8}
.madlib__state{margin:20px 0 0;padding:14px 16px;background:#fff;color:#000;border-left:6px solid #d9a21b;font-weight:500}
.madlib__state.is-bad{border-left-color:#b00020}
@media(min-width: 1024px){
    .madlib{padding:80px 9.183% 80px 21.4%}
    .madlib__title{font-size:36px;line-height:44px}
    .madlib__sentence{font-size:28px;line-height:64px}
}

/* access */
.access{display:grid;gap:30px;padding:72px 18px 0}
.access__title{margin:0 0 10px;font-size:26px;line-height:32px;font-weight:500}
.access__col p{margin:0}
@media(min-width: 768px){.access{grid-template-columns:1fr 1fr;padding:72px 9.183% 0 21.4%;gap:56px}}