/* ==========================================================================
   Pits — home.css (μόνο αρχική). Redesign «Mix», Οκτ 2026 — OCTOPUSH.
   Hero: video μέσα στη λέξη MILOS · Destinations: pinned οριζόντιο ταξίδι ·
   Tours: boarding pass · Watersports: accordion · Make your own trip: χάρτης ·
   Stats: κλίμακα βάθους · Moments: film strip · Crew · Reviews · Blog: καρτ-ποστάλ · Partners: marquee.
   ========================================================================== */

@font-face{font-family:"Anton";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/anton-latin-400-normal.woff2) format("woff2")}

:root{
	--hx-text:#4f5b62;
	--hx-muted:#5f6b76;
	--hx-line:#d6e2e8;
	--hx-sand:#f6ead3;
	--hx-sky:#7fd3ff;
	--hx-accent-ink:#00709f;
	--f-mono:"IBM Plex Mono",ui-monospace,monospace;
	--f-serif:"Instrument Serif",Georgia,serif;
	--ease-out:cubic-bezier(.16,1,.3,1);
}
body.home{background:var(--c-bg) var(--pattern) center top/100% auto repeat-y}
.home .site-main{color:var(--hx-text)}

/* Κοινά */
.hx-sec{padding-block:clamp(72px,10vw,140px)}
.hx-sec--flush{padding-top:0}
.hx-wrap{width:calc(100% - 2*var(--edge));margin-inline:auto}
.hx-head{display:flex;flex-wrap:wrap;gap:24px 48px;justify-content:space-between;align-items:flex-end;margin-bottom:clamp(32px,5vw,56px)}
.hx-head__t{display:grid;gap:10px;max-width:760px}
.hx-head__t .script{margin:0}
.hx-h2{margin:0;font:800 clamp(32px,4.2vw,56px)/1.08 var(--f-head);letter-spacing:-.02em;color:var(--c-primary);text-wrap:balance}
.hx-h2 em{font:italic 400 1.08em/1 var(--f-serif);letter-spacing:0;color:var(--c-accent)}
.hx-lead{max-width:56ch;font-size:18px;line-height:1.7;margin:0}
.hx-mono{font:500 12px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
.hx-arrow{width:18px;height:18px;transition:transform .35s var(--ease-out)}
.btn:hover .hx-arrow{transform:translateX(4px)}

.js [data-hx-r]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);transition-delay:var(--d,0s)}
.js [data-hx-r].is-in{opacity:1;transform:none}

/* ---------- Hero ---------- */
.hx-hero{position:relative;height:260vh}
.hx-hero__sticky{position:sticky;top:calc(var(--adm) + var(--header-h));height:calc(100svh - var(--adm) - var(--header-h));overflow:hidden}
.hx-hero video,.hx-hero__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hx-hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgb(13 13 12 / .6));opacity:calc((var(--p,0) - .5) * 2)}
.hx-hero__mask{position:absolute;inset:0;display:grid;place-items:center;background:var(--c-bg);mix-blend-mode:screen;opacity:calc(1 - max(0, (var(--p,0) - .45)) * 3)}
.hx-hero__word{margin-top:clamp(48px,9vh,110px);font:400 min(calc((100vw - 2*var(--gutter)) / 2.32),calc((100svh - var(--adm) - var(--header-h)) * .7))/.86 "Anton",Impact,"Arial Narrow Bold",sans-serif;letter-spacing:-.01em;color:#000;transform:scale(calc(1 + var(--p,0) * var(--p,0) * 9));will-change:transform;user-select:none}
.hx-hero__over{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(20px,3vh,32px) var(--edge) 40px;pointer-events:none}
.hx-hero__top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;color:var(--c-primary);opacity:calc(1 - var(--p,0) * 4)}
.hx-hero__top p{margin:0}
.hx-hero__tag{font:italic 400 clamp(22px,2.4vw,34px)/1.1 var(--f-serif);max-width:22ch}

.hx-hero__bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;color:#fff;opacity:calc((var(--p,0) - .65) * 4);transform:translateY(calc((1 - var(--p,0)) * 40px))}
.hx-hero__bottom.is-live{pointer-events:auto}
.hx-hero h1{margin:0;color:#fff;font:800 clamp(46px,7vw,110px)/.95 var(--f-head);letter-spacing:-.04em;max-width:11ch}
.hx-hero h1 em{display:block;font:italic 400 .8em/1 var(--f-serif);letter-spacing:0}
.hx-hero__copy{display:grid;gap:18px;justify-items:start;max-width:640px}
.hx-hero__bottom p{max-width:38ch;color:rgb(255 255 255 / .92);margin:0;font-size:18px}
.hx-board{width:min(400px,100%);padding:18px;border-radius:18px;background:rgb(17 61 72 / .5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgb(255 255 255 / .18)}
.hx-board__top{display:flex;justify-content:space-between;gap:12px;margin:0;padding-bottom:10px;border-bottom:1px solid rgb(255 255 255 / .2);color:rgb(255 255 255 / .75)}
.hx-board a{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:2px 14px;align-items:center;padding:12px 0;border-bottom:1px solid rgb(255 255 255 / .12);color:#fff;transition:padding .35s var(--ease-out)}
.hx-board a:last-child{border-bottom:0;padding-bottom:2px}
.hx-board a:hover{color:#fff;padding-left:6px}
.hx-board img{grid-row:1/3;width:56px;height:56px;border-radius:12px;object-fit:cover;transition:transform .5s var(--ease-out)}
.hx-board a:hover img{transform:scale(1.06)}
.hx-board b{align-self:end;font:700 16px/1.3 var(--f-head)}
.hx-board span{align-self:start;font-size:12px;letter-spacing:.04em;text-transform:none;color:rgb(255 255 255 / .72)}
.hx-board em{grid-row:1/3;grid-column:3;font:700 18px/1 var(--f-head);font-style:normal}
@media (max-width:600px){.hx-hero__bottom p{display:none}.hx-hero__bottom{gap:16px}.hx-board{padding:12px 14px}.hx-board a{padding:8px 0;grid-template-columns:44px minmax(0,1fr) auto}.hx-board img{width:44px;height:44px}}
.hx-hero__hint{position:absolute;left:50%;bottom:24px;translate:-50% 0;color:var(--c-primary);opacity:calc(1 - var(--p,0) * 6)}


/* ---------- Destinations ---------- */
.hx-dest{position:relative;height:420vh}
.hx-dest__sticky{position:sticky;top:calc(var(--adm) + var(--header-h));height:calc(100svh - var(--adm) - var(--header-h));overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:28px}
.hx-dest__head{width:calc(100% - 2*var(--edge));margin-inline:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.hx-dest__count{margin:0;color:var(--c-primary)}
.hx-dest__count b{font:800 40px/1 var(--f-head);letter-spacing:-.02em}
.hx-dest__rail{position:relative}
.hx-dest__track{position:relative;display:flex;gap:28px;padding-inline:var(--edge);transform:translateX(calc(var(--p,0) * var(--shift,0px) * -1));will-change:transform}
.hx-dest__route{position:absolute;left:0;top:-34px;height:20px;pointer-events:none}
.hx-dest__route path{fill:none;stroke-linecap:round}
.hx-dest__route .b{stroke:rgb(0 148 217 / .3);stroke-width:2;stroke-dasharray:2 8}
.hx-dest__route .d{stroke:var(--c-accent);stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p,0))}
.hx-place{position:relative;flex:0 0 min(64vw,720px);height:min(58vh,560px);border-radius:24px;overflow:hidden;isolation:isolate;color:#fff;display:flex;align-items:flex-end;padding:clamp(20px,3vw,36px)}
.hx-place:hover,.hx-place:focus-visible{color:#fff}
.hx-place img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.4s var(--ease-out)}
.hx-place::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 35%,rgb(13 13 12 / .72))}
.hx-place:hover img{transform:scale(1.06)}
.hx-place__in{display:grid;gap:10px;width:100%}
.hx-place__coord{display:block;margin:0;color:rgb(255 255 255 / .85)}
.hx-place h3{margin:0;color:#fff;font:800 clamp(36px,5vw,72px)/1 var(--f-head);letter-spacing:-.03em}
.hx-place__row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.hx-place__row p{margin:0;font-size:18px;color:rgb(255 255 255 / .92)}
.hx-place .btn{padding:11px 24px}
.hx-place--intro{background:var(--c-primary);flex-basis:min(44vw,460px);align-items:stretch}
.hx-place--intro::after{content:none}
.hx-place--intro .hx-place__in{align-content:space-between}
.hx-place--intro h3{font-size:clamp(30px,3.4vw,46px);line-height:1.08}
.hx-place--intro p{margin:0;color:rgb(255 255 255 / .82)}
.hx-dest__bar{width:calc(100% - 2*var(--edge));margin-inline:auto;height:2px;background:var(--hx-line);border-radius:2px;overflow:hidden}
.hx-dest__bar i{display:block;height:100%;background:var(--c-primary);transform:scaleX(var(--p,0));transform-origin:left}
@media (max-width:900px){
	.hx-dest{height:auto;padding-block:72px 32px}
	.hx-dest__sticky{position:relative;top:auto;height:auto;overflow:visible}
	.hx-dest__track{transform:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:var(--edge);gap:14px}
	.hx-dest__track::-webkit-scrollbar{display:none}
	.hx-place{flex-basis:84vw;height:440px;scroll-snap-align:center}
	.hx-place--intro{flex-basis:72vw}
	.hx-dest__route,.hx-dest__bar,.hx-dest__count{display:none}
}

/* ---------- Tours: boarding pass ---------- */
.hx-filters{display:flex;flex-wrap:wrap;gap:8px}
.hx-chip{padding:10px 18px;border-radius:var(--pill);border:1px solid var(--hx-line);background:#fff;color:var(--c-primary);font:500 14px/1 var(--f-body);transition:background .25s,color .25s,border-color .25s}
.hx-chip:hover{border-color:var(--c-accent)}
.hx-chip[aria-pressed="true"]{background:var(--c-primary);border-color:var(--c-primary);color:#fff}
.hx-tickets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
@media (max-width:1024px){.hx-tickets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.hx-tickets{grid-template-columns:1fr}}
.hx-tk{--cut:250px;filter:drop-shadow(0 18px 30px rgb(17 61 72 / .12));transition:transform .5s var(--ease-out),filter .5s}
.hx-tk.is-hidden{display:none}
.hx-tk:hover{transform:translateY(-6px) rotate(-.4deg);filter:drop-shadow(0 26px 40px rgb(17 61 72 / .22))}
.hx-tk__link{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:22px;overflow:hidden;color:inherit;
	-webkit-mask:radial-gradient(circle 13px at 0 var(--cut),#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% var(--cut),#0000 98%,#000) right/51% 100% no-repeat;
	mask:radial-gradient(circle 13px at 0 var(--cut),#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% var(--cut),#0000 98%,#000) right/51% 100% no-repeat}
.hx-tk__link:hover{color:inherit}
.hx-tk__media{position:relative;height:var(--cut);overflow:hidden;background:var(--c-tint)}
.hx-tk__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}
.hx-tk:hover .hx-tk__media img{transform:scale(1.07)}
.hx-tk__tags{position:absolute;top:14px;left:14px;display:flex;flex-wrap:wrap;gap:6px}
.hx-tk__tags span{padding:7px 12px;border-radius:var(--pill);background:rgb(17 61 72 / .6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font:500 12px/1 var(--f-body)}
.hx-tk__stub{display:grid;gap:16px;padding:26px 24px 22px;border-top:2px dashed var(--hx-line);flex:1}
.hx-tk__route{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:12px}
.hx-tk__route small{display:block;color:var(--hx-muted)}
.hx-tk__route b{font:700 15px/1.2 var(--f-head);color:var(--c-primary)}
.hx-tk__route .r{text-align:right}
.hx-tk__path{position:relative;height:22px;margin-bottom:3px}
.hx-tk__path::before{content:"";position:absolute;left:0;right:0;bottom:4px;border-bottom:2px dotted rgb(0 148 217 / .45)}
.hx-tk__ship{position:absolute;left:0;bottom:2px;width:24px;color:var(--c-accent);transition:left 1.4s var(--ease-out)}
.hx-tk:hover .hx-tk__ship{left:calc(100% - 24px)}
.hx-tk__title{margin:0;font:800 23px/1.2 var(--f-head);letter-spacing:-.01em;color:var(--c-primary)}
.hx-tk__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto}
.hx-tk__foot dl{display:flex;gap:22px;margin:0}
.hx-tk__foot dt{color:var(--hx-muted)}
.hx-tk__foot dd{margin:2px 0 0;font:700 20px/1.1 var(--f-head);color:var(--c-primary);font-variant-numeric:tabular-nums}
.hx-tk__foot dd small{font:500 13px/1 var(--f-body);color:var(--hx-muted)}
.hx-tk__go{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:var(--c-accent);color:#fff;transition:background .3s,transform .5s var(--ease-out)}
.hx-tk:hover .hx-tk__go{background:var(--c-primary);transform:rotate(-45deg)}

/* ---------- Watersports: accordion σε σκούρα μπάντα ---------- */
.hx-dark{position:relative;isolation:isolate;background:var(--c-primary);color:rgb(255 255 255 / .82);border-radius:40px;margin-inline:10px}
.hx-dark::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(1200px 500px at 85% 0%,rgb(0 148 217 / .22),transparent 60%),radial-gradient(900px 500px at 0% 100%,rgb(127 211 255 / .1),transparent 60%)}
.hx-dark .hx-h2{color:#fff}
.hx-dark .script{color:var(--hx-sky)}
.hx-acc{display:flex;gap:12px;height:clamp(420px,46vw,560px);margin:0;padding:0;list-style:none}
.hx-acc li{position:relative;flex:1;min-width:0;border-radius:24px;overflow:hidden;color:#fff;transition:flex .8s var(--ease-out);outline-offset:4px}
.hx-acc li:hover,.hx-acc li:focus-visible,.hx-acc:not(:hover):not(:focus-within) li:first-child{flex:3.2}
.hx-acc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hx-acc li::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgb(11 42 50 / .8))}
.hx-acc h3{position:absolute;left:20px;bottom:18px;z-index:1;margin:0;color:#fff;font:700 22px/1.2 var(--f-head);white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg)}
.hx-acc li:hover h3,.hx-acc li:focus-visible h3,.hx-acc:not(:hover):not(:focus-within) li:first-child h3{writing-mode:horizontal-tb;transform:none;font-size:30px}
@media (max-width:760px){
	.hx-dark{border-radius:28px}
	.hx-acc{flex-direction:column;height:auto}
	.hx-acc li,.hx-acc li:hover,.hx-acc:not(:hover):not(:focus-within) li:first-child{flex:none;height:170px}
	.hx-acc li h3{writing-mode:horizontal-tb!important;transform:none!important;font-size:24px!important}
}

/* ---------- Make your own trip ---------- */
.hx-own{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,90px);align-items:center}
@media (max-width:900px){.hx-own{grid-template-columns:1fr}}
.hx-own__copy{display:grid;gap:20px;justify-items:start}
.hx-own__copy .script{margin:0}
.hx-stops{display:flex;flex-wrap:wrap;gap:8px}
.hx-stops .hx-chip[aria-pressed="true"]{background:var(--c-accent);border-color:var(--c-accent)}
.hx-map{border-radius:28px;background:#fff;padding:clamp(12px,2vw,24px);box-shadow:0 30px 60px -40px rgb(17 61 72 / .5)}
.hx-map__canvas{height:clamp(340px,34vw,480px);border-radius:18px;overflow:hidden}

/* ---------- Stats: κλίμακα βάθους ---------- */
.hx-depth{position:relative;padding-top:56px}
.hx-depth__ruler{position:absolute;left:0;right:0;top:0;height:28px;background:repeating-linear-gradient(90deg,var(--c-primary) 0 1px,transparent 1px 20px) bottom/100% 10px no-repeat,repeating-linear-gradient(90deg,var(--c-primary) 0 1px,transparent 1px 100px) bottom/100% 28px no-repeat;opacity:.35}
.hx-depth__fill{position:absolute;left:0;top:26px;height:3px;width:100%;background:var(--c-accent);transform:scaleX(var(--p,0));transform-origin:left;border-radius:3px}
.hx-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
@media (max-width:760px){.hx-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}}
.hx-stat{display:grid;gap:6px;padding-left:18px;border-left:1px solid var(--hx-line)}
.hx-stat p{margin:0}
.hx-stat__num{font:800 clamp(48px,6vw,88px)/1 var(--f-head);color:var(--c-primary);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.hx-stat__label{color:var(--hx-muted)}

/* ---------- Moments: film strip ---------- */
.hx-strip{overflow:hidden}
.hx-strip__row{display:flex;gap:20px;width:max-content;margin:0;padding:0;list-style:none;transform:translateX(calc(var(--p,0) * -38%))}
.hx-strip__row+.hx-strip__row{margin-top:20px;transform:translateX(calc(-30% + var(--p,0) * 30%))}
.hx-strip img{height:clamp(200px,24vw,340px);width:auto;max-width:none;object-fit:cover;border-radius:20px;background:var(--c-tint)}

/* ---------- Crew ---------- */
.hx-crew{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,6vw,90px);align-items:center}
@media (max-width:900px){.hx-crew{grid-template-columns:1fr}}
.hx-crew__copy{display:grid;gap:18px;justify-items:start}
.hx-crew__copy .script{margin:0}
.hx-crew__cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.hx-cap{margin:0;border-radius:24px;overflow:hidden;background:#fff;padding:12px;box-shadow:0 30px 50px -36px rgb(17 61 72 / .55);transition:transform .7s var(--ease-out)}
.hx-cap:first-child{transform:rotate(-3deg) translateY(10px)}
.hx-cap:last-child{transform:rotate(2.5deg) translateY(-14px)}
.hx-cap:hover{transform:none}
.hx-cap img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:16px}
.hx-cap figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 6px 4px}
.hx-cap b{font:700 18px/1.2 var(--f-head);color:var(--c-primary)}
.hx-cap span{color:var(--hx-muted)}

/* ---------- Reviews: λευκές κάρτες ---------- */
.hx-rating{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;color:var(--hx-muted);font-size:16px}
.hx-rating b{font:800 40px/1 var(--f-head);color:var(--c-primary)}
.hx-rating__stars{color:#e9a400;letter-spacing:2px;font-size:18px}
.hx-rating:hover{color:var(--c-primary)}
.hx-revs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:900px){.hx-revs{grid-template-columns:1fr}}
.hx-rv{display:grid;gap:18px;align-content:space-between;padding:28px;border-radius:24px;background:#fff;border:1px solid var(--hx-line);transition:transform .5s var(--ease-out),box-shadow .5s}
.hx-rv:hover{transform:translateY(-6px);box-shadow:0 26px 50px -30px rgb(17 61 72 / .4)}
.hx-rv__stars{color:#e9a400;letter-spacing:3px;font-size:18px}
.hx-rv p{margin:0;color:var(--c-ink);font-size:17px;line-height:1.65}
.hx-rv footer{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--hx-muted)}
.hx-rv footer img,.hx-rv footer i{flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover}
.hx-rv footer i{display:grid;place-items:center;background:var(--c-tint);color:var(--c-primary);font:700 15px/1 var(--f-head);font-style:normal}
.hx-rv footer b{display:block;color:var(--c-primary);font-size:16px}
.hx-revs__more{margin:32px 0 0;text-align:center}

/* ---------- Blog: καρτ-ποστάλ ---------- */
.hx-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 28px;padding-top:12px}
@media (max-width:1024px){.hx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hx-pc{display:grid;gap:18px;align-content:start;color:inherit;transform:rotate(var(--r,0deg));transition:transform .7s var(--ease-out)}
.hx-pc:hover,.hx-pc:focus-visible{color:inherit;transform:rotate(0) translateY(-8px)}
.hx-pc__card{position:relative;display:block;padding:12px 12px 46px;background:#fff;border-radius:6px;box-shadow:0 22px 40px -26px rgb(17 61 72 / .55),0 2px 4px rgb(17 61 72 / .06)}
.hx-pc__img{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:3px;background:var(--c-tint)}
.hx-pc__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}
.hx-pc:hover .hx-pc__img img{transform:scale(1.05)}
.hx-pc__stamp{position:absolute;top:22px;right:22px;padding:8px 10px;background:#fff;border:2px dashed var(--c-accent);color:var(--hx-accent-ink);font:500 12px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;transform:rotate(6deg)}
.hx-pc__date{position:absolute;left:16px;bottom:8px;font:400 30px/1 var(--f-script);color:var(--c-primary)}
.hx-pc h3{margin:0;padding-inline:4px;font:700 18px/1.35 var(--f-head);color:var(--c-primary);transition:color .3s}
.hx-pc:hover h3{color:var(--c-accent)}
@media (max-width:560px){.hx-cards{gap:24px 14px}.hx-pc h3{font-size:15px}.hx-pc__date{font-size:22px}.hx-pc__stamp{top:16px;right:16px;font-size:10px}}

/* ---------- Partners: γκρι marquee ---------- */
.hx-logos{overflow:hidden;padding-block:8px 24px;-webkit-mask:linear-gradient(90deg,#0000,#000 8%,#000 92%,#0000);mask:linear-gradient(90deg,#0000,#000 8%,#000 92%,#0000)}
.hx-logos__track{display:flex;align-items:center;gap:clamp(8px,2vw,32px);width:max-content;margin:0;padding:0;list-style:none;animation:hx-slide 55s linear infinite}
.hx-logos:hover .hx-logos__track{animation-play-state:paused}
/* Τα αρχεία είναι τετράγωνα 300×300 με το σήμα σε μια λωρίδα ~10–21% στο κέντρο: κρατάμε μόνο τη λωρίδα 4:1 */
.hx-logos img{width:clamp(220px,22vw,340px);height:auto;max-width:none;aspect-ratio:4/1;object-fit:cover;object-position:center;filter:grayscale(1);opacity:.6;transition:filter .3s,opacity .3s}
.hx-logos img:hover{filter:none;opacity:1}
@keyframes hx-slide{to{transform:translateX(-50%)}}

@media (prefers-reduced-motion:reduce){
	.js [data-hx-r]{opacity:1;transform:none}
	.hx-logos__track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}
	.hx-tk__ship{transition:none}
}
@media (prefers-reduced-motion:reduce){.hx-logos__track [aria-hidden="true"]{display:none}}
