:root{--fog: #edebe4;--ink: #000;--aji: #f2b400;--rocoto: #b5281e;--gutter: clamp(16px, 4vw, 48px);--ease: cubic-bezier(.2, .7, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font-family:Archivo,system-ui,sans-serif;font-variation-settings:"wdth" 100;color:var(--ink);background:var(--fog);line-height:1.4;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}.display{font-weight:800;font-variation-settings:"wdth" 70;line-height:.9;letter-spacing:-.01em;text-transform:none}h1.display{font-size:clamp(3.2rem,11vw,10rem)}h2.display{font-size:clamp(2.4rem,7vw,5.5rem)}h3.display{font-size:clamp(1.8rem,4vw,3rem)}.nav{position:fixed;inset:0 0 auto 0;z-index:10;display:flex;justify-content:space-between;align-items:baseline;padding:18px var(--gutter);mix-blend-mode:difference;color:#fff;font-weight:600}.nav a{text-decoration:none;margin-left:20px}.nav a:hover,.nav a:focus-visible{text-decoration:underline;text-underline-offset:4px}.nav .brand{margin:0;font-variation-settings:"wdth" 70;font-weight:800;font-size:1.3rem}.hero{position:relative;height:100svh;overflow:hidden;background:#000}.hero img{width:100%;height:100%;object-fit:cover;opacity:.85;animation:kenburns 14s var(--ease) both}.hero .copy{position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(24px,6vh,64px);color:#fff}.hero h1{max-width:12ch}.hero .line{display:block;overflow:hidden}.hero .line span{display:block;animation:rise 1s var(--ease) both}.hero .line:nth-child(2) span{animation-delay:.12s}.hero .line:nth-child(3) span{animation-delay:.24s}.hero .sub{margin-top:20px;font-size:1.1rem;max-width:40ch;animation:fade 1s .5s both}.hero .cta{margin-top:24px;animation:fade 1s .7s both}.credit{display:block;font-size:.7rem;opacity:.6;margin-top:6px}.hero .credit,.detail-hero .credit{position:absolute;right:var(--gutter);bottom:8px;color:#fff;margin:0}.detail-hero{position:relative}figure{margin:0}.btn{display:inline-block;padding:14px 22px;border:0;cursor:pointer;background:var(--aji);color:#000;font-weight:700;text-decoration:none;transition:transform .25s var(--ease),background .2s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:focus-visible,.chip:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--aji);outline-offset:2px}.btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}.btn:disabled{opacity:.5;cursor:wait}.section{padding:clamp(48px,10vh,120px) var(--gutter)}.section-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 32px;margin-bottom:32px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 14px;border:2px solid var(--ink);background:transparent;cursor:pointer;font-weight:600;transition:background .2s,color .2s}.chip[aria-pressed=true],.chip:hover{background:var(--ink);color:var(--fog)}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.poster{position:relative;grid-column:span 6;cursor:pointer;overflow:hidden;background:#000;aspect-ratio:4/5}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),opacity .4s}.poster:hover img,.poster:focus-visible img{transform:scale(1.04);opacity:.8}.poster .label{position:absolute;inset:auto 0 0 0;padding:20px;color:#fff;background:linear-gradient(transparent,#0000008c)}.poster .meta{display:flex;gap:14px;margin-top:8px;font-weight:600;transform:translateY(8px);opacity:0;transition:transform .4s var(--ease),opacity .4s}.poster:hover .meta,.poster:focus-visible .meta{transform:none;opacity:1}.poster .meta b{background:var(--aji);color:#000;padding:2px 8px}@media(min-width:720px){.poster{aspect-ratio:3/4}.poster:nth-child(6n+1),.poster:nth-child(6n+5){grid-column:span 4;aspect-ratio:16/10}.poster:nth-child(6n+2),.poster:nth-child(6n+6){grid-column:span 2}.poster:nth-child(6n+3),.poster:nth-child(6n+4){grid-column:span 3;aspect-ratio:4/3}}@supports (animation-timeline: view()){.poster{animation:unclip linear both;animation-timeline:view();animation-range:entry 0% entry 45%}}.about{display:grid;gap:32px;align-items:end}.about img{aspect-ratio:4/5;object-fit:cover;width:100%}.about p{font-size:clamp(1.2rem,2.2vw,1.7rem);max-width:28ch;line-height:1.25;font-weight:500}.about p+p{margin-top:1em}@media(min-width:900px){.about{grid-template-columns:2fr 3fr}}.contact{display:grid;gap:32px;border-top:2px solid var(--ink)}.contact p{font-size:clamp(1.1rem,1.8vw,1.4rem);max-width:32ch;line-height:1.3}@media(min-width:900px){.contact{grid-template-columns:1fr 1fr;align-items:start}}footer{padding:32px var(--gutter) 48px;display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between;border-top:2px solid var(--ink)}.detail-hero{height:70svh;overflow:hidden;background:#000}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail{display:grid;gap:40px}.detail .facts{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.detail .facts span{border:2px solid var(--ink);padding:6px 12px;font-weight:600}.detail .facts span.price{background:var(--aji);border-color:var(--aji)}.detail p.lead{font-size:1.3rem;max-width:45ch;line-height:1.3}.detail p.body{margin-top:16px;max-width:60ch}.detail ul{margin-top:20px;padding-left:1.2em;max-width:45ch}@media(min-width:900px){.detail{grid-template-columns:3fr 2fr}}.route,.practical{margin-top:clamp(48px,8vh,96px)}.route ol,.practical dl{list-style:none;padding:0;margin-top:24px}.route li{display:grid;gap:16px;padding:24px 0;border-top:2px solid var(--ink)}.route li figure{background:#000}.route li img{width:100%;aspect-ratio:4/3;object-fit:cover}.route li .n{display:inline-block;background:var(--aji);font-weight:800;padding:2px 8px;margin-bottom:10px}.route li p{margin-top:10px;max-width:45ch}@media(min-width:600px){.route li{grid-template-columns:1fr 1fr;align-items:start}.route li:nth-child(2n) figure{order:2}}.practical dl>div{display:grid;gap:4px;padding:12px 0;border-top:2px solid var(--ink)}.practical dt{font-weight:700}@media(min-width:600px){.practical dl>div{grid-template-columns:10rem 1fr;gap:16px}}.how{border-top:2px solid var(--ink)}.how ol{list-style:none;padding:0;margin-top:32px;display:grid;gap:24px;counter-reset:step}.how li{padding-top:12px;border-top:2px solid var(--ink);max-width:30ch}.how li:before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;font-weight:800;color:var(--rocoto);margin-bottom:8px}.how li b{display:block;margin-bottom:4px}@media(min-width:720px){.how ol{grid-template-columns:repeat(4,1fr)}}.more{padding-top:0}.more .grid{margin-top:32px}.more .poster,.more .poster:nth-child(n){grid-column:span 6;aspect-ratio:16/10}@media(min-width:720px){.more .poster,.more .poster:nth-child(n){grid-column:span 3}}form.book{display:grid;gap:12px;background:#fff;padding:24px;align-self:start}.detail form.book{position:sticky;top:24px}.alt{display:flex;gap:12px;flex-wrap:wrap}form.book .alt{font-size:.9rem;display:block}form.book label{display:grid;gap:4px;font-weight:600;font-size:.9rem}form.book input,form.book select,form.book textarea{padding:10px 12px;border:2px solid var(--ink);background:var(--fog)}form.book .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}form.book .err{color:var(--rocoto);font-weight:600}.booked{background:var(--aji);padding:32px 24px}.back{position:fixed;top:18px;left:var(--gutter);z-index:11;mix-blend-mode:difference;color:#fff;background:none;border:0;cursor:pointer;font-weight:600;text-decoration:underline;text-underline-offset:4px}.live{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;color:#fff}.live img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.7;animation:fade .8s var(--ease) both}.live .copy{position:absolute;left:var(--gutter);right:var(--gutter);bottom:10vh;animation:rise .8s var(--ease) both}.live .copy p{margin-top:16px;font-size:clamp(1.1rem,2.5vw,1.6rem);max-width:40ch;line-height:1.3}.live .dots{position:absolute;top:72px;left:var(--gutter);right:var(--gutter);display:flex;gap:6px}.live .dots i{flex:1;height:4px;background:#ffffff4d}.live .dots i.on{background:var(--aji)}.live .code{position:absolute;top:20px;right:var(--gutter);font-weight:700;letter-spacing:.1em}.live .wait{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:var(--gutter)}.join{min-height:100svh;display:grid;place-content:center;gap:16px;padding:var(--gutter)}.join input{font-size:2.5rem;font-weight:800;letter-spacing:.2em;text-align:center;text-transform:uppercase;padding:12px;border:3px solid var(--ink);background:#fff;width:8ch}.join .err{color:var(--rocoto);font-weight:600}.console{padding:96px var(--gutter) 48px;display:grid;gap:24px;max-width:900px}.console .tours{display:grid;gap:8px}.console .tours button{text-align:left;padding:14px;border:2px solid var(--ink);background:#fff;cursor:pointer;display:flex;justify-content:space-between}.console .tours button:hover{background:var(--aji)}.console .bigcode{font-size:clamp(4rem,15vw,9rem);font-weight:800;font-variation-settings:"wdth" 70;line-height:1;letter-spacing:.05em}.console .stops{display:grid;gap:6px}.console .stops button{text-align:left;padding:10px 14px;border:2px solid var(--ink);background:#fff;cursor:pointer}.console .stops button.on{background:var(--ink);color:var(--fog)}.console .controls{display:flex;gap:8px;flex-wrap:wrap}@keyframes rise{0%{transform:translateY(110%)}}@keyframes fade{0%{opacity:0}}@keyframes kenburns{0%{transform:scale(1.12)}}@keyframes unclip{0%{clip-path:inset(0 0 30% 0);opacity:.3}to{clip-path:inset(0);opacity:1}}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
