:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--font-display: "Trebuchet MS", "Arial Narrow", "Segoe UI", sans-serif;line-height:1.5;font-weight:400;color:#f6f2ff;background:#05030c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;min-height:100dvh}button,input,textarea,select{font:inherit}.app-shell{min-height:100svh;min-height:100dvh;display:grid;place-items:center}.hero{position:relative;width:min(100%,92rem);min-height:calc(100svh - 3rem);min-height:calc(100dvh - 3rem);display:grid;align-content:start;justify-content:center;overflow:hidden;background-color:#05030c;background-image:linear-gradient(#05030c47,#05030cc2),url(/images/ibizaclipse-hero-wide.webp);background-size:cover;background-position:center center;box-shadow:0 24px 80px #00000073,inset 0 1px #ffffff0a}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero__content{position:relative;z-index:1;display:grid;justify-items:center;padding:clamp(1.5rem,3vw,3rem);margin:clamp(5svh,5vh,6rem) clamp(1rem,4vw,2rem) 0;box-shadow:inset 0 1px #ffffff0a;text-align:center}.eyebrow{margin:0 0 .75rem;color:#ffb86b;text-transform:uppercase;letter-spacing:.24em;font-size:.8rem;font-weight:700}h1{margin:0;font-size:clamp(2.5rem,7vw,5rem);line-height:.95;letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-display);font-weight:700;max-inline-size:100%;overflow-wrap:anywhere;text-wrap:balance}.subtitle{margin:1rem 0 0;max-width:28rem;font-size:1.05rem;color:#f6f2ffd6;text-wrap:balance}.subtitle--subline{margin-top:.45rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.14em}.countdown{margin:1.35rem 0 0}.countdown__label{margin:0 0 .85rem;color:#ffb86bf2;text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;font-weight:700}.countdown__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.countdown__unit{display:grid;gap:.35rem;padding:.85rem .7rem .95rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:#02020857;text-align:center;box-shadow:inset 0 1px #ffffff0a}.countdown__value{font-size:clamp(1.7rem,5vw,3rem);line-height:1;font-weight:700;letter-spacing:.06em;color:#fff7ec;text-shadow:0 0 16px rgba(255,170,72,.18);font-family:var(--font-display)}.countdown__name{color:#f6f2ffad;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700}.countdown--arrived{margin:1.35rem 0 0;color:#fff7ec;font-size:1.05rem;letter-spacing:.04em;text-shadow:0 0 16px rgba(255,170,72,.18);font-weight:600}.hero__share{display:grid;justify-items:center;gap:.35rem;margin:6rem 0 0}.hero__share_button{padding:.7rem 1.4rem;border:1px solid rgba(255,184,107,.42);border-radius:999px;background:linear-gradient(180deg,#ffb86b2e,#ffb86b14),#06050cad;color:#fff7ec;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700;cursor:pointer;box-shadow:0 0 18px #ffb86b1f,inset 0 1px #ffffff0f;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.hero__share_button:hover{transform:translateY(-1px);border-color:#ffb86bad;box-shadow:0 0 24px #ffb86b2e,inset 0 1px #ffffff14}.hero__share_button:focus-visible{outline:2px solid rgba(255,184,107,.95);outline-offset:3px}.hero__share_status{min-height:1.1rem;margin:0;color:#f6f2ffb8;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.hero__performers_label{margin:1.1rem 0 0;color:#ffb86b;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700}.hero__performers{display:grid;gap:.35rem;width:min(100%,48rem);margin:.35rem 0 0}.hero__performers_row{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem .8rem;color:#f6f2ffa8;text-transform:uppercase;line-height:1.35}.hero__performers_row--large{font-size:.96rem;letter-spacing:.08em}.hero__performers_row--medium{font-size:.85rem;letter-spacing:.06em}.hero__performers_row--small{font-size:.74rem;letter-spacing:.05em}.hero__performer_name{white-space:nowrap}@media (max-width: 1100px){h1{font-size:clamp(2.25rem,6vw,4rem);letter-spacing:.1em}}@media (max-width: 768px) and (orientation: portrait){.hero{background-image:linear-gradient(#05030c5c,#05030cd1),url(/images/ibizaclipse-hero-mobile.webp);background-position:center center}.hero__content{margin:clamp(8svh,8vh,4rem) 1rem 0}h1{font-size:clamp(2rem,11vw,3rem);letter-spacing:.08em}.subtitle--subline{font-size:.72rem;letter-spacing:.12em}.countdown__grid{gap:.45rem}.countdown__unit{padding:.75rem .45rem .8rem}.countdown__value{font-size:clamp(1.3rem,6vw,2rem)}.countdown__name{font-size:.62rem;letter-spacing:.12em}.hero__share_button{padding:.65rem 1.15rem;font-size:.72rem;letter-spacing:.12em}.hero__share_status{font-size:.64rem}.hero__performers{width:min(100%,30rem);gap:.3rem}.hero__performers_row{gap:.24rem .55rem}.hero__performers_row--large{font-size:.8rem;letter-spacing:.06em}.hero__performers_row--medium{font-size:.72rem;letter-spacing:.05em}.hero__performers_row--small{font-size:.64rem;letter-spacing:.04em}}
