@font-face{font-family:'Playfair';src:url(../../fonts/concepts/playfair.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair';src:url(../../fonts/concepts/playfair-italic.woff2) format('woff2');font-weight:500;font-style:italic;font-display:swap}
.st-char{--pf:'Playfair',var(--serif);background:var(--cc-paper);color:var(--cc-ink)}
.st-char h1,.st-char h2,.st-char h3{font-family:var(--pf);font-weight:500}
.cc-hero{position:relative;min-height:calc(100vh - 2.8rem);min-height:calc(100svh - 2.8rem);display:flex;flex-direction:column;overflow:hidden;color:var(--cc-hull);background:linear-gradient(180deg,var(--cc-dawn-a),var(--cc-dawn-b) 58%,var(--cc-water) 60%);touch-action:pan-y;cursor:ew-resize}
.cc-sky{position:absolute;inset:0;background:linear-gradient(180deg,var(--cc-noon-a),var(--cc-noon-b) 44%,var(--cc-water) 44%)}
.cc-sky .live{position:absolute;inset:0;width:100%;height:100%;display:block}
.cc-hero .st-nav{position:relative;z-index:2;cursor:auto}
.st-char .st-nav b{font:italic 500 1.5rem/1 var(--pf);letter-spacing:0;text-transform:none}
.cc-boat{position:absolute;z-index:1;left:66%;top:50%;width:clamp(6rem,11vw,16rem);overflow:visible;pointer-events:none}
html.motion .cc-boat{animation:cc-bob 5.4s ease-in-out infinite}
@keyframes cc-bob{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(.28rem) rotate(.7deg)}}
.cc-hull{fill:var(--cc-hull)}.cc-cab{fill:var(--cc-hull);opacity:.92}.cc-win{fill:var(--cc-shore)}.cc-rail{fill:none;stroke:var(--cc-hull);stroke-width:2}
.cc-copy{position:relative;z-index:2;margin-top:auto;padding:0 var(--st-pad) clamp(1.2rem,2.4vw,4rem);width:min(64rem,76%);box-sizing:border-box}
.st-char h1{font-size:clamp(3.2rem,6.2vw,16vh);line-height:1;letter-spacing:-.02em;margin:0 0 .24em}
.st-char h1 em{font-style:italic}
.cc-copy > p{margin:0 0 .6rem;font-size:1.05rem}
.cc-range{display:block;max-width:26rem;margin:0 0 1rem}
.cc-range input{-webkit-appearance:none;appearance:none;display:block;width:100%;height:2rem;margin:0;background:none;cursor:ew-resize}
.cc-range input::-webkit-slider-runnable-track{height:1px;background:var(--cc-hull)}
.cc-range input::-moz-range-track{height:1px;background:var(--cc-hull)}
.cc-range input::-webkit-slider-thumb{-webkit-appearance:none;width:1.3rem;height:1.3rem;margin-top:-.65rem;border-radius:50%;background:var(--cc-sun)}
.cc-range input::-moz-range-thumb{width:1.3rem;height:1.3rem;border:0;border-radius:50%;background:var(--cc-sun)}
.cc-card{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:.2rem 1.6rem;padding:1rem 1.2rem;background:var(--cc-paper);color:var(--cc-ink);cursor:auto}
.cc-time{grid-column:1;margin:0;font:500 clamp(1.7rem,2.6vw,5rem)/1 var(--pf);font-variant-numeric:lining-nums}
.cc-trip{grid-column:1;margin:0;font-size:.86rem;color:var(--cc-ink-2)}
.cc-card .st-btn{grid-column:2;grid-row:1/3;background:var(--cc-ink);color:var(--cc-paper)}
.cc-card .st-toast{grid-column:1/3;margin:.2rem 0 0;font-size:.82rem;min-height:0}
.cc-card .st-toast:empty{display:none}
.st-char h2{font-size:clamp(2.6rem,5.6vw,15vh);line-height:1;margin:0 0 2rem}
.cc-trips article{border-top:1px solid var(--cc-ink);padding-top:.9rem}
.cc-trips h3{font-size:clamp(1.5rem,2.2vw,4rem);margin:0 0 .4rem}
.cc-trips p{margin:0 0 .8rem;color:var(--cc-ink-2);font-size:.95rem}
.cc-trips b{font:500 1.4rem/1 var(--pf);font-variant-numeric:lining-nums}
@media (max-width:760px){
  .cc-hero{min-height:0;background:var(--cc-paper);color:var(--cc-ink);cursor:auto}
  .cc-hero .st-nav{position:absolute;left:0;right:0;top:0;color:var(--cc-hull)}
  .cc-sky{position:relative;inset:auto;height:112vw;touch-action:pan-y;cursor:ew-resize}
  .cc-boat{left:56%;top:64vw}
  .cc-copy{width:auto;margin:0;padding:1.2rem var(--st-pad) 1.6rem}
  .st-char h1{font-size:15vw}
  .cc-range input::-webkit-slider-runnable-track{background:var(--cc-ink)}.cc-range input::-moz-range-track{background:var(--cc-ink)}
  .cc-range input::-webkit-slider-thumb{background:var(--cc-ink)}.cc-range input::-moz-range-thumb{background:var(--cc-ink)}
  .cc-card{display:grid;padding:0;background:none}
}