/* Original clock and orbiting dishes from the supplied Kairos ZIP. */
@font-face{font-family:"Kairos Entry Cinzel";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/cinzel-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Kairos Entry Cinzel";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/cinzel-latin-700-normal.woff2) format("woff2")}
.kairos-entry{--night:#0e3f3a;--night-2:#0a2e2a;--gold:#b8935e;--gold-2:#d4b583;--gold-3:#efdcb4;--orange:#d87a35;--f-display:"Kairos Entry Cinzel",Georgia,serif;--f-serif:"Cormorant Garamond",Georgia,serif;--ease:cubic-bezier(.2,.7,.2,1);--entry-duration:6000ms;--tiles:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='240'%3E%3Crect width='112' height='240' fill='%23072b28'/%3E%3Crect x='1' y='1' width='26' height='78' rx='1.5' fill='%230d4540'/%3E%3Crect x='4' y='5' width='2' height='60' rx='1' fill='%23ffffff' fill-opacity='.06'/%3E%3Crect x='29' y='1' width='26' height='78' rx='1.5' fill='%230e4741'/%3E%3Crect x='57' y='1' width='26' height='78' rx='1.5' fill='%230b3c37'/%3E%3Crect x='85' y='1' width='26' height='78' rx='1.5' fill='%230c3e39'/%3E%3Crect x='88' y='5' width='2' height='60' rx='1' fill='%23ffffff' fill-opacity='.06'/%3E%3Crect x='1' y='81' width='26' height='78' rx='1.5' fill='%230a3632'/%3E%3Crect x='29' y='81' width='26' height='78' rx='1.5' fill='%230d4540'/%3E%3Crect x='57' y='81' width='26' height='78' rx='1.5' fill='%230e4741'/%3E%3Crect x='60' y='85' width='2' height='60' rx='1' fill='%23ffffff' fill-opacity='.06'/%3E%3Crect x='85' y='81' width='26' height='78' rx='1.5' fill='%230b3c37'/%3E%3Crect x='1' y='161' width='26' height='78' rx='1.5' fill='%23155f57'/%3E%3Crect x='29' y='161' width='26' height='78' rx='1.5' fill='%230a3632'/%3E%3Crect x='32' y='165' width='2' height='60' rx='1' fill='%23ffffff' fill-opacity='.06'/%3E%3Crect x='57' y='161' width='26' height='78' rx='1.5' fill='%230d4540'/%3E%3Crect x='85' y='161' width='26' height='78' rx='1.5' fill='%230e4741'/%3E%3C/svg%3E");}
.kairos-entry .clock{--size:420px;--R:calc(var(--size) * .585);--m:calc(var(--size) * .155);--orbit:96s;position:relative;width:var(--size);height:var(--size);flex:none}
.kairos-entry .orloj{width:100%;height:100%;overflow:visible}
.kairos-entry .o-ln{fill:none;stroke:var(--gold-2);stroke-width:1.2;opacity:.75}
.kairos-entry .o-ln--faint{opacity:.35;stroke-width:1}
.kairos-entry .o-bbox{fill:none;stroke:none}
.kairos-entry .o-tk{stroke:var(--gold-2);stroke-width:1;opacity:.5}
.kairos-entry .o-tk--big{stroke:var(--gold-3);stroke-width:2.6;opacity:.95}
.kairos-entry .o-num{font:600 21px var(--f-display);fill:var(--gold-3);text-anchor:middle;dominant-baseline:central;letter-spacing:.04em}
.kairos-entry .o-ring-txt{font:600 13px var(--f-display);fill:var(--gold-2);letter-spacing:.08em}
.kairos-entry .o-gear-ln{fill:none;stroke:var(--orange);stroke-width:2;opacity:.62}
.kairos-entry .o-gear rect{fill:var(--orange);opacity:.62}
.kairos-entry .o-zod{fill:none;stroke:var(--gold-3);stroke-width:1.3;opacity:.55}
.kairos-entry .o-zod--faint{opacity:.28}
.kairos-entry .o-zod-mk line{stroke:var(--gold-3);stroke-width:1.4;opacity:.5}
.kairos-entry .o-rays line{stroke:var(--gold-2);stroke-width:1;opacity:.26}
.kairos-entry .o-greek{font:600 12px Georgia,"Times New Roman",serif;fill:var(--gold-2);text-anchor:middle;letter-spacing:.5em;opacity:.85}
.kairos-entry .o-min{fill:var(--gold-3)}
.kairos-entry .o-min-tip{fill:var(--orange)}
.kairos-entry .o-sec{stroke:var(--orange);stroke-width:1.6;stroke-linecap:round}
.kairos-entry .o-sec-dot{fill:var(--orange)}
.kairos-entry .o-sun line{stroke:var(--gold-3);stroke-width:1.8;stroke-linecap:round}
.kairos-entry .o-core-bg{fill:var(--night-2)}
.kairos-entry .o-k{font:700 66px var(--f-display);fill:var(--orange);text-anchor:middle;dominant-baseline:central}
.kairos-entry .o-hand{transition:none}
.kairos-entry .o-hand--h,.kairos-entry .o-hand--m{filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}

.kairos-entry .o-spin{transform-box:fill-box;transform-origin:center;animation:entry-o-spin 150s linear infinite}
.kairos-entry .o-spin--text{animation-duration:140s;animation-direction:reverse}
.kairos-entry .o-spin--gear{animation-duration:58s}
.kairos-entry .o-spin--zod{animation-duration:210s}
@keyframes entry-o-spin{to{transform:rotate(360deg)}}

/* foto dei piatti che orbitano */
.kairos-entry .clock__orbit-wrap{position:absolute;inset:0;transform:rotate(calc(var(--scroll-rot,0) * 1deg))}
.kairos-entry .clock__orbit{position:absolute;inset:0;animation:entry-o-spin var(--orbit) linear infinite}
.kairos-entry .clock__med{position:absolute;left:50%;top:50%;width:var(--m);height:var(--m);margin:calc(var(--m) / -2) 0 0 calc(var(--m) / -2);border-radius:50%;padding:3px;
  background:linear-gradient(135deg,var(--gold-3),var(--gold) 60%,#8a6a3e);box-shadow:0 12px 30px -8px rgba(0,0,0,.5);
  transform:rotate(calc(var(--i) * 45deg)) translateY(calc(var(--R) * -1)) rotate(calc(var(--i) * -45deg))}
.kairos-entry .clock__med img{width:100%;height:100%;border-radius:50%;object-fit:cover;animation:entry-o-spin var(--orbit) linear infinite reverse}

/* The layout and progress control belong only to the opening scene. */
.intro-screen.kairos-entry{position:fixed;inset:0;z-index:300;display:block;height:100dvh;padding:0;background:var(--night);color:#fbf7ef;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;isolation:isolate}
.kairos-entry[hidden]{display:none!important}
.kairos-entry::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--tiles);background-size:112px 240px;opacity:.42;mask-image:radial-gradient(120% 95% at 82% 18%,#000 0%,#0008 42%,transparent 82%);pointer-events:none}
.kairos-entry::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 78% 45%,#d87a351a,transparent 70%),linear-gradient(180deg,#07252259,#07252200 30%,#0725228c)}
.kairos-entry .entry-inner{--pc:clamp(240px,min(34vw,56svh),490px);position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"logo clock" "quote clock" "actions clock";align-content:center;align-items:center;column-gap:clamp(24px,5vw,72px);row-gap:26px;width:100%;max-width:1280px;min-height:100%;padding:clamp(24px,5svh,60px) clamp(24px,4vw,40px);margin:auto}
.kairos-entry .entry-logo{grid-area:logo;display:block;width:min(440px,100%);height:auto;align-self:end}
.kairos-entry .entry-clock{grid-area:clock;display:grid;place-items:center;padding:calc(var(--pc) * .19);justify-self:center}
.kairos-entry .entry-clock .clock{--size:var(--pc)}
.kairos-entry .entry-quote{grid-area:quote;margin:0;padding:0;border:0;align-self:center}
.kairos-entry .entry-quote p{font:italic 500 clamp(23px,2.2vw,32px)/1.28 var(--f-serif);color:#fbf7ef;margin:0;max-width:30ch;text-wrap:balance}
.kairos-entry .entry-quote footer{display:block;margin-top:16px;font:600 11px/1.5 var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2)}
.kairos-entry .entry-actions{grid-area:actions;align-self:start;display:flex}
.kairos-entry .entry-enter{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;width:194px;min-height:48px;margin:0;padding:14px 26px;border:0!important;border-radius:999px;background:#efdcb40a;color:var(--gold-3);box-shadow:none!important;outline:0!important;font:500 12px/1.4 var(--sans);letter-spacing:.14em;cursor:pointer;appearance:none;transition:transform .2s,filter .2s}
.kairos-entry .entry-enter-label{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:25px;white-space:nowrap}
.kairos-entry .entry-enter-label svg{width:20px;height:20px;flex:none;transition:transform .25s}
.kairos-entry .entry-enter-label-filled{position:absolute;inset:0;z-index:2;color:#072522;clip-path:inset(0 100% 0 0)}
.kairos-entry .entry-fill{position:absolute;inset:0;z-index:0;pointer-events:none;transform:scaleX(0);transform-origin:left;background:linear-gradient(110deg,#b8935e,#e4c797)}
.kairos-entry .entry-enter:focus,.kairos-entry .entry-enter:focus-visible{outline:0!important;box-shadow:none!important}
.kairos-entry .entry-enter:focus-visible .entry-enter-label{text-decoration:underline;text-underline-offset:5px}
.kairos-entry .entry-enter:hover{filter:brightness(1.1)}
.kairos-entry .entry-enter:hover svg{transform:translateX(4px)}
.kairos-entry .entry-enter:active{transform:translateY(1px)}
.kairos-entry.is-leaving{pointer-events:none;animation:entry-scene-out .85s cubic-bezier(.7,0,.25,1) forwards}
@keyframes entry-scene-out{to{opacity:0;transform:translateY(-12px)}}
@media(max-width:899px){
 .kairos-entry .entry-inner{--pc:min(62vw,33svh,390px);grid-template-columns:minmax(0,1fr);grid-template-areas:"logo" "clock" "quote" "actions";justify-items:center;text-align:center;row-gap:14px;padding:clamp(22px,4svh,40px) 24px}
 .kairos-entry .entry-logo{width:min(250px,64vw);align-self:center}
 .kairos-entry .entry-clock{padding:calc(var(--pc) * .2)}
 .kairos-entry .entry-quote p{font-size:clamp(20px,3.4vw,25px);margin-inline:auto}
 .kairos-entry .entry-quote footer{font-size:10px;margin-top:12px}
 .kairos-entry .entry-actions{justify-content:center;align-self:center}
}
@media(max-width:899px) and (max-height:680px){
 .kairos-entry .entry-inner{--pc:min(60vw,31svh,310px);row-gap:10px;padding:18px 20px}
 .kairos-entry .entry-logo{width:min(220px,60vw)}
 .kairos-entry .entry-quote p{font-size:19px;line-height:1.2}
 .kairos-entry .entry-quote footer{font-size:9px;margin-top:9px}
}
@media(max-height:520px) and (min-width:520px){
 .kairos-entry .entry-inner{--pc:min(48svh,30vw,280px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"logo clock" "quote clock" "actions clock";row-gap:12px;column-gap:24px;text-align:left;justify-items:start;padding:20px 32px}
 .kairos-entry .entry-logo{width:min(240px,100%)}
 .kairos-entry .entry-clock{padding:calc(var(--pc) * .18)}
 .kairos-entry .entry-quote p{font-size:18px;max-width:28ch}
 .kairos-entry .entry-quote footer{font-size:9px;margin-top:8px}
 .kairos-entry .entry-enter{min-height:44px;padding-block:12px}
}
@media(prefers-reduced-motion:reduce){
 .kairos-entry .o-spin,.kairos-entry .clock__orbit,.kairos-entry .clock__med img{animation:none!important}
 .kairos-entry .entry-enter,.kairos-entry .entry-enter svg{transition:none}
 .kairos-entry.is-leaving{animation-duration:.01ms}
}