@font-face{font-family:Opowiesc;src:url('welcome-title.ttf')}@font-face{font-family:Tekst;src:url('welcome-body.ttf')}
*{box-sizing:border-box}html{color-scheme:dark;background:#03191e}body{margin:0;color:#f7e7bf;background:radial-gradient(ellipse at 50% 35%,#10343a 0,#041c22 60%,#021116 100%);font-family:Tekst,sans-serif}main{max-width:1536px;margin:auto;overflow:hidden}.welcome{text-align:center;padding:16px 20px 0;position:relative;z-index:3}.logo{width:230px;height:auto;display:block;margin:auto;filter:drop-shadow(0 2px 18px #b68a3d45)}h1{font-family:Opowiesc,serif;font-weight:400;font-size:clamp(27px,3.4vw,45px);margin:0 0 8px;line-height:1.15;color:#f5d99e}.welcome p{font-size:13px;line-height:1.6;margin:0;min-height:24px;color:#dfd4b8}.universe{position:relative;width:100%;aspect-ratio:1536/1024;isolation:isolate;margin-top:-45px}.landscape{position:absolute;inset:0;pointer-events:none;mask-image:linear-gradient(transparent 0,#000 9%,#000 90%,transparent 100%)}.artwork>img{width:100%;height:100%;object-fit:contain;display:block}.artwork>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.artwork.ready>img{visibility:hidden}.bike{position:absolute;width:29%;aspect-ratio:1;display:block;color:#ffe9b5;text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent;z-index:2;transition:filter .25s}.vehicle{position:absolute;inset:0;display:block;transform-origin:50% 75%;will-change:transform;filter:drop-shadow(0 13px 9px #00101560)}.label{position:absolute;top:87%;left:0;right:0;text-align:center;font-family:Opowiesc,serif;font-size:clamp(23px,2.8vw,39px);text-shadow:0 2px 5px #001015,0 0 15px #001015,0 0 30px #001015;line-height:1.05;transition:color .2s,opacity .2s;pointer-events:none}.bike:hover .label,.bike:focus-visible .label{color:#fff9e3;text-decoration:underline;text-decoration-color:#ba904b;text-underline-offset:7px}.bike:hover,.bike:focus-visible{filter:drop-shadow(0 0 10px #d5b06460)}.bike:focus-visible{outline:1px solid #d8b15f;border-radius:50%}.pl{left:7%;top:15%}.en{left:1%;top:37%}.de{left:9%;top:60%}.cs{right:7%;top:15%}.sk{right:1%;top:37%}.uk{right:9%;top:60%}
footer{text-align:center;position:relative;z-index:3;margin-top:-25px;padding:10px 20px 26px;color:#d3c8ac;font-size:12px}footer p{font-family:Opowiesc,serif;font-size:25px;margin:0 0 16px;color:#f0d69f}.tools{display:flex;justify-content:center;gap:25px;align-items:center;margin-bottom:16px}.tools a,.tools button{font-family:Tekst,sans-serif;color:#ccbb92;background:none;border:0;border-bottom:1px solid #8c794350;padding:3px 0;font-size:11px;text-decoration:none;cursor:pointer}.tools a:focus-visible,.tools button:focus-visible{outline:2px solid gold}small{display:block;font-size:10px;opacity:.7}.departure-light{position:fixed;inset:0;background:#f7df9c;pointer-events:none;opacity:0;z-index:20;transition:opacity .65s}.departing .bike:not(.chosen){pointer-events:none;opacity:.5;transition:opacity .7s}.departing .chosen{z-index:10;pointer-events:none}.departing .chosen .label{opacity:0}.departing .welcome{opacity:.5;transition:opacity .7s}.arriving .departure-light{opacity:1}
.bike{width:24%}.pl{left:8%;top:5%}.en{left:2%;top:38%}.de{left:10%;top:71%}.cs{right:8%;top:5%}.sk{right:2%;top:38%}.uk{right:10%;top:71%}footer{margin-top:55px}
@media(min-width:1500px){.welcome{padding-top:20px}.logo{width:260px}}
@media(max-width:650px){.welcome{padding:16px 18px 0}.logo{width:190px}h1{font-size:29px;max-width:340px;margin:0 auto 8px}.welcome p{font-size:11px;max-width:340px;margin:auto;min-height:40px}.universe{aspect-ratio:auto;height:970px;margin-top:-35px}.landscape{inset:0;overflow:hidden;mask-image:linear-gradient(transparent 0,#000 8%,#000 67%,transparent 95%)}.landscape>img,.landscape>canvas{position:absolute;left:-60%;top:0;width:220%;height:auto;aspect-ratio:1.5;max-width:none}.bike{width:52%;}.pl{left:0;top:27%}.en{left:0;top:49%}.de{left:0;top:71%}.cs{right:0;top:27%}.sk{right:0;top:49%}.uk{right:0;top:71%}.label{font-size:29px;top:87%}footer{margin-top:-30px;padding-bottom:20px}footer p{font-size:23px}.tools{gap:18px}small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.departure-light,.bike,.label{transition:none!important}}
@media(max-width:650px){.bike{width:46%}.pl,.en,.de{left:2%}.cs,.sk,.uk{right:2%}}
/* Mirror only the artwork: captions stay readable and travel coordinates stay unchanged. */
.cs .vehicle>img,.cs .vehicle>canvas,.sk .vehicle>img,.sk .vehicle>canvas,.uk .vehicle>img,.uk .vehicle>canvas{transform:scaleX(-1)}
.vehicle{transform-origin:50% 85%}
.vehicle:before{content:'';position:absolute;left:10%;right:7%;bottom:9%;height:5%;border-radius:50%;background:#02131580;filter:blur(5px);z-index:-1}
.departing .chosen .vehicle:before{background:#021315aa;filter:blur(3px)}
/* Bring the upper motorcycles onto the planet while keeping the labels clear. */
.pl .vehicle,.cs .vehicle{top:16%;bottom:-16%}
.pl .label,.cs .label{top:2%}
.departing .bike:not(.chosen){opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s .45s}
.welcome p{font-size:clamp(17px,1.85vw,25px);line-height:1.5;min-height:76px;max-width:850px;margin:0 auto;color:#f2dfb5}
.welcome h1{min-height:1.15em}
@media(max-width:650px){.welcome p{font-size:17px;min-height:78px;max-width:350px}.welcome h1{min-height:67px}}
.label{left:50%;right:auto;width:max-content;max-width:100%;transform:translateX(-50%);padding:5px 18px 8px;border-radius:50%;background:rgba(0,8,10,.82);border:1px solid rgba(210,174,99,.32);box-shadow:0 3px 12px #0005;text-shadow:0 1px 3px #000;white-space:nowrap}
.pl .label,.cs .label{top:17%}
.bike:hover .label,.bike:focus-visible .label{background:rgba(0,8,10,.95);border-color:#d2ae63;text-decoration:none}
@media(max-width:650px){.label{font-size:26px;padding:4px 13px 7px}}
/* Reserve clear space for captions outside the actual vehicle and flag silhouettes. */
.label{top:96%;font-size:27px;padding:4px 15px 7px}
.pl .label,.cs .label{top:9%}
@media(min-width:651px){.en,.sk,.de,.uk{width:21%}}
@media(max-width:650px){.label{font-size:25px;padding:4px 12px 7px}.pl .label,.cs .label{top:2%}}
@media(max-width:650px){
 .universe{height:auto;aspect-ratio:390/970}
 .landscape{mask-image:linear-gradient(transparent 0,#000 5%,#000 94%,transparent 100%)}
 .landscape>img,.landscape>canvas{left:0;top:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center top}
 .pl,.cs{top:17%}.en,.sk{top:39%}.de,.uk{top:61%}
 footer{margin-top:-95px}
}
/* One invitation at the top; labels consistently precede their flags. */
#status:empty{display:none}
.welcome h1{margin:2px auto 16px}
@media(min-width:651px){
 .bike{width:17%}.pl,.cs{top:12%}.en,.sk{top:47%}.de,.uk{top:79%}
 .pl .label,.cs .label{top:-1%}
 .en .label,.sk .label,.de .label,.uk .label{top:-19%}
}
@media(max-width:650px){
 .welcome h1{min-height:67px;margin-bottom:0}
 .en,.sk{top:43%}.de,.uk{top:69%}
 .en .label,.sk .label,.de .label,.uk .label{top:-19%}
 .landscape>img,.landscape>canvas{height:112%}
 footer{margin-top:12px}
}
@media(min-width:651px){
 .pl .vehicle{top:30%;bottom:-30%}.cs .vehicle{top:38%;bottom:-38%}
 .pl .label{top:13%}.cs .label{top:21%}
 .en .label,.sk .label{top:-10%}
}
/* Captions sit level with the flags, over the handlebars toward the centre. */
.sk .vehicle>img,.sk .vehicle>canvas{clip-path:inset(0 3% 0 0)}
@media(min-width:651px){.vehicle{scale:1.25}}
.bike .label{top:12%;left:78%;max-width:none}
.cs .label,.sk .label,.uk .label{left:22%}
@media(min-width:651px){.pl .label{top:42%}.cs .label{top:50%}}
@media(max-width:650px){
 .bike .label{left:68%;font-size:24px;padding:4px 10px 7px}
 .cs .label,.sk .label,.uk .label{left:32%}
 .pl .label,.cs .label{top:28%}
}

/* Viewport fit */
html,body{background:#03191e var(--welcome-stars,url('assets/gwiazdy.webp')) center top/768px 768px repeat}
main{overflow:visible}
.landscape{mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 90%,transparent);mask-composite:intersect}
footer{margin:0;padding:0}
footer #status:not(:empty){position:fixed;left:0;right:0;bottom:12px;z-index:12;margin:0;pointer-events:none}
.departure-light{background:#03191e var(--welcome-stars,url('assets/gwiazdy.webp')) center top/768px 768px repeat}
@media(min-width:651px){
 .welcome{display:flex;align-items:center;justify-content:flex-start;gap:24px;width:min(1300px,100%);height:68px;padding:0 24px;margin:0 auto;text-align:left}
 .welcome .logo{width:180px;height:auto;margin:0;flex:none}
 .welcome h1{font-size:clamp(22px,2.5vw,36px);line-height:1.15;min-height:0;margin:0;flex:1;white-space:pre-line}
 .universe{width:min(100%,calc((100svh - 134px - var(--wp-admin--admin-bar--height,0px))*1.5));margin:0 auto;aspect-ratio:1536/1024}
 .bike .label{font-size:clamp(18px,2.7vh,27px);padding:3px 12px 5px}
}
@media(max-width:650px){
 .welcome{height:68px;padding:0 12px;position:relative}
 .welcome .logo{width:90px;height:auto;margin:0 auto}
 .welcome h1{position:relative;margin:3px auto 0;max-width:370px;font-size:18px;line-height:1.1;min-height:0}
 .universe{--phone-scene-width:min(100vw,calc((100svh - 138px - var(--wp-admin--admin-bar--height,0px))*390/970));height:auto;width:var(--phone-scene-width);aspect-ratio:390/970;margin:0 auto}
 .bike .label{font-size:calc(var(--phone-scene-width)*.064);padding:calc(var(--phone-scene-width)*.008) calc(var(--phone-scene-width)*.02667) calc(var(--phone-scene-width)*.018667)}
 footer{margin:0;padding:0}
}
/* The planet fills the screen; the six independent choices keep their fitted layout. */
.landscape{left:calc(50% - 50vw);right:auto;width:100vw;mask-image:linear-gradient(to bottom,transparent,#000 6%,#000 96%,transparent);mask-composite:add}
.landscape>img,.landscape>canvas{left:0;top:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center top}
@media(min-width:651px){
 .universe{--planet-overflow:max(0px,calc(66.6667vw - (100svh - 134px - var(--wp-admin--admin-bar--height,0px))))}
 .landscape>img,.landscape>canvas{object-position:center 14%}
 .pl,.cs{translate:0 calc(var(--planet-overflow)*.18)}
 .en,.sk{translate:0 calc(var(--planet-overflow)*.08)}
}
:root{--night:#0c252a;--gold:#dfbb7e;--cream:#f6f1e6}
.cookie-links{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;padding:10px 6% 25px}
.cookie-links button,.cookie-info-link{background:none;border:0;border-bottom:1px solid #dfbb7e66;color:var(--gold);padding:5px 0;font-size:12px;cursor:pointer}
.cookie-banner{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(1100px,calc(100% - 40px));max-height:85vh;overflow:auto;z-index:99990;background:var(--cream);color:var(--night);border:1px solid #dfbb7e;box-shadow:0 12px 60px #03191b88;padding:25px 30px}
.cookie-banner-copy{display:flex;gap:22px}.cookie-star{color:#97723e;font-size:34px}.cookie-banner h2{font-size:32px;margin:0 0 10px}.cookie-banner p{font-size:13px;line-height:1.8;color:#425b54;margin-bottom:8px}.cookie-banner .cookie-info-link{color:#65512f;border-color:#97723e88}
.cookie-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.cookie-actions button{padding:12px 18px;min-height:44px;border:1px solid #7d673f;background:transparent;color:var(--night);font:500 13px Manrope,Arial,sans-serif;cursor:pointer}.cookie-actions button:hover{background:#e9ddc8}.cookie-actions button:focus-visible,.cookie-links button:focus-visible,.cookie-dialog summary:focus-visible{outline:3px solid #926829;outline-offset:3px}
.cookie-dialog{width:min(700px,92vw);max-width:700px;max-height:88vh;overflow:auto;padding:30px;color:var(--night);background:var(--cream);border:1px solid var(--gold)}.cookie-dialog h2{font-size:38px;margin:18px 0}.cookie-dialog .eyebrow{color:#846234;font-size:10px}.cookie-dialog p,.cookie-dialog dd{font-size:14px;line-height:1.85;color:#425b54}.cookie-close{display:block;margin:0 0 20px auto;padding:9px 12px;border:1px solid #7d673f;background:transparent;cursor:pointer;color:var(--night);font-size:13px}.cookie-category{padding:18px 0;border-top:1px solid #0c252a33}.cookie-category strong{font-size:15px}.cookie-category p{margin:10px 0 0}.cookie-category label{display:flex;gap:12px;align-items:center;cursor:pointer}.cookie-category input{height:22px;width:22px;accent-color:#284f45;flex-shrink:0}.cookie-choice-summary{font-size:12px!important}.cookie-dialog details{margin-top:25px;border-top:1px solid #0c252a44;padding-top:18px}.cookie-dialog summary{font-weight:600;font-size:15px;cursor:pointer;padding:5px 0}.cookie-policy-content h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;font-weight:500;margin:25px 0 12px}.cookie-policy-content a{color:#435f32;text-decoration:underline;overflow-wrap:anywhere}.cookie-policy-content dt{font-size:14px;font-weight:600;margin:20px 0 7px}.cookie-policy-content dd{margin:0}.cookie-storage-message,.cookie-noscript{padding:15px 6%;font-size:13px;line-height:1.8}.cookie-storage-message{border-top:1px solid var(--gold)}
@media(max-width:760px){.cookie-banner{left:12px;bottom:12px;transform:none;width:calc(100% - 24px);padding:20px;max-height:72vh}.cookie-star{display:none}.cookie-banner h2{font-size:27px}.cookie-banner p{font-size:12px;line-height:1.7}.cookie-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:16px}.cookie-actions button{width:100%}.cookie-dialog{padding:22px;max-height:88vh}.cookie-dialog h2{font-size:32px}.cookie-dialog .cookie-actions{grid-template-columns:1fr}.cookie-links{gap:20px}.cookie-dialog p,.cookie-dialog dd{font-size:13px}}