/* casting pages: hand-written, safe to edit. Tokens come from each page's :root */
.ticks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ticks li{display:flex;gap:14px;padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--glass)}
.ticks i{flex:none;display:grid;place-items:center;width:28px;height:28px;margin-top:2px;border-radius:50%;border:1px solid rgba(242,181,107,.5);color:var(--gold)}
.ticks i::before{content:"";width:10px;height:6px;margin-top:-3px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg)}
.ticks span{display:grid;gap:5px;min-width:0}
.ticks strong{font-family:"Playfair Display",serif;font-size:18px;font-weight:500;line-height:1.25}
.ticks small{color:var(--muted);font-size:13.5px;line-height:1.55}

.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.three div{padding:20px;border-radius:16px;border:1px solid var(--line);background:var(--glass)}
.three i{display:grid;place-items:center;width:38px;height:38px;padding-bottom:1px;border-radius:50%;border:1px solid rgba(242,181,107,.45);color:var(--gold);font-family:"Playfair Display",serif;font-style:normal}
.three h3{margin:12px 0 6px;font-family:"Playfair Display",serif;font-size:20px;font-weight:500}
.three p{color:var(--muted);font-size:14px;line-height:1.55}

.decide{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));column-gap:28px}
.decide div{padding:16px 0;border-top:1px solid var(--line)}
.decide h3{margin:0 0 6px;font-family:"Playfair Display",serif;font-size:19px;font-weight:500;color:var(--gold)}
.decide p{color:#d9cfc4;font-size:14.5px;line-height:1.6}

/* the application form shares the look of the booking wizard */
.apply{position:relative;margin-top:26px;padding:24px;border-radius:24px;border:1px solid var(--line);background:rgba(16,12,11,.72)}
.w-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.w-field{display:grid;gap:7px;min-width:0}
.w-field.full{margin-top:12px}
.w-field span,.w-label{display:block;font-size:11px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}
.w-field input,.w-field textarea{width:100%;min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.35);color:var(--ink);font:inherit;font-size:15px;outline:0;color-scheme:dark;transition:border-color .2s,box-shadow .2s}
.w-field textarea{resize:vertical;min-height:110px}
.w-field input:focus,.w-field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(242,181,107,.12)}
.w-group{margin-top:16px}
.w-group .w-label{margin-bottom:8px}
.toggle,.chips{display:flex;flex-wrap:wrap;gap:8px}
.toggle button,.chips button{padding:11px 18px 10px;border:1px solid var(--line);border-radius:99px;background:var(--glass);color:#d9cfc4;font:inherit;font-size:13.5px;cursor:pointer;transition:border-color .25s,color .25s,background .25s}
.toggle button:hover,.chips button:hover{border-color:rgba(242,181,107,.5)}
.toggle .on,.chips .on{border-color:var(--gold);background:rgba(242,181,107,.12);color:#ffe0b0}
.w-check{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0;color:#d9cfc4;font-size:13.5px;line-height:1.5;cursor:pointer}
.w-check input{flex:none;width:18px;height:18px;margin-top:1px;accent-color:#f2b56b}
.w-note{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}
.w-error{margin:10px 0 0;color:#ffb08a;font-size:13.5px}
.w-error[hidden]{display:none}
.sendrow{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:18px 0 12px}
.sendrow .btn{display:inline-block}

@media(max-width:860px){
  .ticks,.three{grid-template-columns:1fr}
  .apply{padding:18px 14px}
}
@media(max-width:520px){.w-grid{grid-template-columns:1fr}}