/* A little event world, rather than another software landing page. */
.footer{flex-wrap:wrap}.footer-partner{flex:0 0 100%;order:4;border-top:1px solid var(--line);padding-top:24px;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:18px}.footer-partner>span{font:11px 'Courier New',monospace;color:var(--muted)}.footer-partner>a{display:inline-flex;align-items:center;gap:20px;padding:12px 16px;background:#24261c;color:#f2edcf;border:2px solid #24261c;transition:background .2s}.footer-partner>a:hover{background:#3d4130}.footer-partner img{display:block;width:140px;height:auto}.footer-partner>a>span{font-size:19px}
.footer-partner{flex-wrap:wrap}
:root{--paper:#f2edcf;--ink:#24261c;--line:#c9c6ac;--muted:#747561;--green:#d4dea7}
body{font-family:Arial,Helvetica,sans-serif}h1,h2,h3,.logo,.ticker span{font-family:Arial,Helvetica,sans-serif}h1,h2,h3{font-weight:800}.wrap{width:min(1360px,calc(100% - 96px))}.eyebrow,.hero-footnote,.art-caption,.invite-kicker,.invite-top,.invite-info span,.service-top,.service-tag,.step-number,.world-label,.footer>span,.contact-top{font-family:'Courier New',monospace}.header{position:relative;z-index:3;height:94px;border-bottom:2px solid var(--ink)}.logo{letter-spacing:-2px;font-size:32px}.logo-org{font-size:24px}.logo-spark{border:2px solid var(--ink);background:var(--orange);color:var(--ink);width:21px;height:21px;font-size:0;box-shadow:4px 4px 0 var(--ink);margin-left:14px}.nav-cta{border:2px solid var(--ink);border-radius:0;padding:11px 17px;box-shadow:3px 3px 0 var(--ink)}nav{font-weight:600}.hero{width:100%;max-width:none;position:relative;isolation:isolate;display:block;min-height:790px;padding:65px max(48px,calc((100vw - 1360px)/2)) 120px;overflow:hidden;margin:0;background:#f4e9bd}.hero-world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:-3;image-rendering:pixelated}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#f2edcff5 0%,#f2edcfea 28%,#f2edcfbf 38%,#f2edcf00 60%)}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:110px;background:linear-gradient(0deg,#24261c35,transparent);z-index:-1}.hero-copy{max-width:600px}.hero .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:30px;font-weight:700}.live-dot{border-radius:0;background:var(--ink);box-shadow:3px 3px 0 var(--orange)}h1{font-size:clamp(58px,5.5vw,88px);line-height:.98;letter-spacing:-5px;margin-bottom:35px;text-transform:uppercase;max-width:600px}.hero h1 .underlined{display:inline}.underlined svg{display:none}.hero-lead{font-size:20px;line-height:1.4;max-width:470px;font-weight:700}.hero-detail{font-size:14px;line-height:1.65;color:#4e513e;max-width:440px}.hero-actions{gap:27px;margin-top:30px}.hero-actions .button{padding:19px 21px;font-size:12px}.button{border-radius:0;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--orange);font-family:'Courier New',monospace;font-weight:bold}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--orange)}.hero-footnote{font-size:9px;line-height:1.7;color:#4e513e;max-width:370px;margin-top:25px}.world-label{position:absolute;bottom:35px;right:48px;background:var(--ink);color:var(--paper);padding:13px 18px;font-size:10px;line-height:1.7;transform:rotate(-3deg);box-shadow:5px 5px 0 var(--orange)}.world-label span{display:block;color:#d4dea7;font-size:9px}.ticker{background:var(--orange);border-block:2px solid var(--ink);position:relative}.ticker-inner{padding-block:17px}.ticker span{font-weight:800;text-transform:uppercase;font-size:18px;letter-spacing:0}.ticker b{font-size:22px;margin-left:15px}.ticker i{font-family:monospace;font-size:18px}.demo-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:85px 60px;border-bottom:2px solid var(--ink)}.demo-copy{padding-left:75px;position:relative}.demo-copy:before{content:'↳';font-size:75px;font-weight:400;position:absolute;left:0;top:36px;color:var(--orange)}.demo-copy .eyebrow{font-size:9px;letter-spacing:1px}.demo-copy h2{font-size:55px;line-height:1.04;letter-spacing:-2.6px;margin-bottom:24px}.demo-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:360px;color:#62654f}.demo-copy .demo-aside{font-family:'Courier New',monospace;font-size:11px!important;color:var(--ink)!important;border-left:3px solid var(--orange);padding:8px 0 8px 15px;margin-top:24px}.hero-art{min-height:470px;padding:25px 40px 35px}.grid-paper{display:none}.art-caption{top:0;left:30px;font-size:8px;transform:rotate(0);letter-spacing:.8px}.art-caption span{display:none}.invite-card{background:var(--paper);border:2px solid var(--ink);border-radius:0;transform:rotate(4deg);box-shadow:10px 10px 0 var(--ink);width:310px;padding:20px 26px}.invite-card:hover{transform:rotate(0)}.invite-top{font-size:8px;border-bottom:2px solid var(--ink)}.invite-icon{font-size:52px;color:var(--orange);margin:17px 0 12px}.invite-card h2{font-size:36px;text-transform:uppercase;letter-spacing:-1.7px}.invite-info{border-top:2px dashed var(--ink)}.rsvp-button{background:var(--orange);border:2px solid var(--ink);border-radius:0;color:var(--ink);font-family:'Courier New',monospace;font-weight:bold;font-size:11px}.rsvp-button:hover{background:#ff8655}.status-sticker{border:2px solid var(--ink);border-radius:0;box-shadow:4px 4px 0 var(--ink);right:2px;top:140px;background:var(--green);transform:rotate(-5deg);padding:13px}.check-icon{background:var(--ink);color:var(--green);border-radius:0;width:25px;height:25px}.status-sticker div>span{color:#4d5436}.paid-sticker{background:var(--orange);border:2px solid var(--ink);border-radius:0;bottom:90px;left:10px;font-size:8px;transform:rotate(4deg);box-shadow:3px 3px 0 var(--ink)}.art-bottom{right:30px;bottom:-10px;font-family:'Courier New',monospace;font-size:10px}.services{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;padding-block:90px}.section-intro{display:block;align-self:start;position:sticky;top:40px}.section h2{font-size:49px;line-height:1.06;letter-spacing:-2.7px}.section-intro>p:last-child{margin-top:28px;font-size:16px;line-height:1.8;max-width:390px;color:#62654f}.muted{color:#767a60}.services-grid{display:block;border:0;margin:0}.service,.service:first-child,.service:last-child{position:relative;padding:25px 0 25px 55px;border:0;border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr}.service:last-child{border-bottom:1px solid var(--ink)}.service-top{position:absolute;left:0;top:27px;display:block;margin:0}.service-top .service-icon{display:none}.service-top>span:last-child{font-size:13px;font-weight:bold;color:var(--orange)}.service h3{font-size:24px;line-height:1.2;letter-spacing:-.8px;margin-bottom:12px}.service p{font-size:14px;line-height:1.7;min-height:0;margin-bottom:10px;color:#62654f}.service-tag{font-size:10px;margin-top:3px;color:var(--ink)}.process{position:relative;background:var(--ink);color:var(--paper);margin:0 22px;transform:rotate(-.5deg)}.process .wrap{transform:rotate(.5deg)}.process .section{padding-block:75px}.process .eyebrow{font-size:9px}.process h2{font-size:48px}.process-star{font-size:110px;transform:rotate(12deg)}.steps{gap:55px;margin-top:48px}.step-number{border-radius:0;border:1px solid var(--orange);color:var(--orange);width:33px;height:33px;font-weight:bold;box-shadow:3px 3px 0 #ff5c3144}.steps h3{font-size:22px}.steps p{font-size:14px;color:#c6c6ad}.process-joke{margin-top:40px;gap:20px}.process-joke>span{font-family:'Courier New',monospace;font-size:12px}.process-joke strong{font-size:25px;font-weight:700}.process-joke small{font-size:10px;color:#c6c6ad;max-width:260px;line-height:1.6}.faq{padding-block:100px;gap:100px}.faq h2{font-size:45px}.faq-aside{font-family:'Courier New',monospace;font-size:12px;color:#62654f}.faq-list{border-top:2px solid var(--ink)}details{border-color:var(--line);padding-block:24px}summary{font-size:16px}details p{font-size:14px;color:#62654f}.contact{background:var(--orange);border-radius:0;border:2px solid var(--ink);padding:40px 50px 45px;box-shadow:9px 9px 0 var(--ink);margin-bottom:20px}.contact h2{font-size:86px;letter-spacing:-5px;text-transform:uppercase}.contact h2>span{color:var(--ink);-webkit-text-stroke:1px var(--ink);color:transparent}.contact-top .eyebrow{font-size:9px}.contact .button{box-shadow:4px 4px 0 var(--paper)}.contact-bottom p{font-family:'Courier New',monospace;font-size:13px}.footer{padding-block:38px}.footer p{font-family:'Courier New',monospace;font-size:10px}.footer .logo{letter-spacing:-1.4px}dialog{border:2px solid var(--ink);border-radius:0;box-shadow:8px 8px 0 var(--orange)}input:not([type=checkbox]),textarea{border-radius:0}form .button{font-size:12px}
@media(min-width:1600px){.hero{min-height:870px;padding-top:85px}.hero-world{object-position:center 55%}h1{font-size:90px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{padding:55px 32px 100px;min-height:730px}.hero-copy{max-width:520px}h1{font-size:65px;letter-spacing:-3.8px}.hero:before{background:linear-gradient(90deg,#f2edcff5 0%,#f2edcfee 30%,#f2edcfb0 48%,transparent 78%)}.hero-lead{font-size:18px;max-width:360px}.hero-detail{max-width:355px}.world-label{right:32px}.demo-section{gap:25px}.demo-copy{padding-left:50px}.demo-copy:before{font-size:50px}.demo-copy h2{font-size:43px}.hero-art{padding-inline:35px}.status-sticker{right:-5px}.services{gap:50px}.section h2{font-size:41px}.service h3{font-size:22px}.process h2{font-size:43px}.steps{gap:32px}.process-joke small{margin-left:0;max-width:none}.faq{gap:55px}.faq h2{font-size:39px}.contact h2{font-size:74px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:80px}.hero{padding:40px 20px 0;min-height:930px;display:flex;flex-direction:column;overflow:hidden}.hero-world{height:590px;top:auto;bottom:0;object-position:70% 65%;object-fit:cover}.hero:before{background:linear-gradient(180deg,#f2edcf 0%,#f2edcf 38%,#f2edcfed 45%,#f2edcf00 63%)}.hero:after{height:80px}.hero-copy{max-width:540px;align-self:start}.hero .eyebrow{font-size:9px;letter-spacing:.8px;margin-bottom:25px}h1{font-size:clamp(54px,8.7vw,68px);letter-spacing:-3.6px;line-height:.99;max-width:540px;margin-bottom:25px}.hero-lead{max-width:420px;font-size:18px}.hero-detail{max-width:400px;font-size:13px;margin-bottom:20px}.hero-actions{gap:24px;margin-top:22px;flex-direction:row;align-items:center}.hero-actions .button{font-size:11px;padding:16px 15px}.hero-footnote{font-size:8px;margin-top:20px;max-width:360px}.world-label{right:24px;bottom:25px;font-size:9px}.ticker-inner{gap:14px 19px;flex-wrap:wrap;justify-content:center}.ticker span{font-size:13px;letter-spacing:.3px}.ticker b{font-size:15px;margin-left:6px}.ticker i{font-size:13px}.demo-section{grid-template-columns:1fr;gap:20px;padding-block:50px 35px}.demo-copy{padding-left:45px}.demo-copy:before{top:30px;font-size:49px}.demo-copy h2{font-size:43px}.demo-copy>p:not(.eyebrow){max-width:450px;font-size:14px}.demo-copy .demo-aside{font-size:10px!important;margin-top:17px}.hero-art{width:min(400px,100%);justify-self:center;min-height:470px;margin:0 auto;padding:30px 35px 40px}.art-caption{left:20px;font-size:7px;top:2px}.invite-card{width:285px;padding:18px 24px}.invite-card h2{font-size:34px}.invite-icon{font-size:51px}.status-sticker{right:-2px;top:135px;font-size:10px;padding:10px}.paid-sticker{bottom:98px;left:0;padding:10px}.art-bottom{bottom:-2px;right:13px}.services{grid-template-columns:1fr;gap:33px;padding-block:55px}.section-intro{position:static}.section h2{font-size:39px;letter-spacing:-2px}.section-intro>p:last-child{font-size:14px;max-width:450px;margin-top:22px}.service,.service:first-child,.service:last-child{padding:23px 0 23px 43px}.service h3{font-size:23px}.service p{font-size:14px}.service-top{top:26px}.service-tag{font-size:10px}.process{margin-inline:10px}.process .wrap{width:calc(100% - 40px)}.process .section{padding-block:52px}.process-heading h2{font-size:34px}.process-heading .eyebrow{font-size:7px;letter-spacing:.8px}.process-star{font-size:52px;margin-top:25px}.steps{grid-template-columns:1fr;gap:24px;margin-top:35px}.steps article{display:grid;grid-template-columns:35px 1fr;gap:0 16px;padding-top:22px}.step-number{grid-row:1/3;margin-bottom:0}.steps h3{font-size:21px;line-height:1.3;margin-bottom:10px}.steps p{grid-column:2;max-width:none;margin-bottom:0;font-size:13px;line-height:1.8}.process-joke{margin-top:35px;gap:9px;padding-top:24px}.process-joke>span{width:100%}.process-joke strong{font-size:23px}.process-joke small{width:100%;font-size:10px;margin-top:5px}.faq{grid-template-columns:1fr;padding-block:60px;gap:23px}.faq h2{font-size:37px}.faq-aside{font-size:11px}.faq-aside br{display:none}summary{font-size:14px}details p{font-size:13px}.contact{padding:25px;box-shadow:6px 6px 0 var(--ink);margin-bottom:15px}.contact h2{font-size:clamp(43px,8.8vw,64px);letter-spacing:-3px;line-height:1.03;margin:24px 0}.contact-top .eyebrow{font-size:7px;line-height:1.6;max-width:230px;letter-spacing:.8px}.contact-top>span{font-size:40px}.contact-bottom{flex-direction:column;align-items:start;gap:24px}.contact-bottom p{font-size:12px}.contact-bottom .button{width:100%}.footer{flex-wrap:wrap;gap:15px;padding-block:30px}.footer p{order:3;width:100%;max-width:none;font-size:9px}.footer>span{margin-left:auto;font-size:9px}.form-row{grid-template-columns:1fr}}
@media(max-width:400px){h1{font-size:50px;letter-spacing:-3px}.hero{min-height:935px}.hero-actions{gap:17px}.hero-actions .button{font-size:10px;gap:13px}.hero .text-link{font-size:9px}.hero-detail{font-size:12px}.demo-copy{padding-left:30px}.demo-copy h2{font-size:37px}.demo-copy:before{font-size:35px}.hero-art{padding-inline:24px}.invite-card{width:260px}.status-sticker{right:-5px}.status-sticker strong{font-size:10px}.status-sticker div>span{font-size:7px}.section h2{font-size:35px}.process-heading h2{font-size:30px}.process-star{font-size:43px}.contact h2{font-size:42px;letter-spacing:-2.5px}}

/* Phones: the hero heading and lead must fit the column (the .hero has
   overflow:hidden, so anything wider was silently clipped at the right). */
@media(max-width:760px){.hero-copy{max-width:100%;min-width:0}.hero h1{font-size:clamp(34px,10.4vw,68px);letter-spacing:-.045em;overflow-wrap:break-word}.hero-lead,.hero-detail{max-width:100%}}

/* "V sodelovanju s Sportam.si": in the header next to the CTA; on phones a
   thin strip above the header (no room beside the logo and the CTA). */
.header-right{display:flex;align-items:center;gap:22px}
.partner-badge{display:inline-flex;align-items:center;gap:10px;padding:7px 10px;background:#24261c;color:#f2edcf;border:2px solid #24261c;text-decoration:none;transition:background .2s}
.partner-badge:hover{background:#3d4130}
.partner-badge .partner-label{font:10px 'Courier New',monospace;color:#d9d4b4;white-space:nowrap}
.partner-badge img{display:block;width:84px;height:auto}
.partner-badge .partner-arrow{font-size:14px}
.partner-strip{display:none}
@media(max-width:900px){.header-right .partner-badge{display:none}
.partner-strip{display:flex;justify-content:flex-end;background:#24261c;padding:6px 20px}
.partner-strip .partner-badge{padding:2px 0;border:0}
.partner-strip .partner-badge img{width:72px}}
/* Footer: the partner block sits on the right. */
.footer-partner{justify-content:flex-end}
@media(max-width:760px){.footer-partner{justify-content:center}}

/* Give every service number its own column. This also overrides the older
   :nth-child(3) padding reset that put 03 underneath its heading on phones. */
.services-grid > .service {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  column-gap: 25px;
  padding: 25px 0;
}
.services-grid > .service > .service-top {
  position: static;
  grid-column: 1;
  grid-row: 1 / 4;
  margin: 4px 0 0;
}
.services-grid > .service > h3,
.services-grid > .service > p,
.services-grid > .service > .service-tag {
  grid-column: 2;
  min-width: 0;
  max-width: none;
  overflow-wrap: break-word;
}
@media (max-width: 760px) {
  .services-grid > .service {
    grid-template-columns: 26px minmax(0, 1fr);
    column-gap: 17px;
    padding: 23px 0;
  }
  /* Keep the invitation's captions in the document flow, below the card,
     rather than pinning them over the RSVP button and the rotated shadow. */
  .demo-section .hero-art {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    min-height: 0;
    min-width: 0;
    padding: 30px 16px 16px;
  }
  .demo-section .invite-card {
    justify-self: center;
    width: min(285px, calc(100% - 24px));
    min-width: 0;
    padding: 18px 20px;
  }
  .demo-section .invite-card h2 {
    font-size: clamp(26px, 8.5vw, 34px);
  }
  .demo-section .invite-info {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: 12px;
  }
  .demo-section .invite-note { margin-inline: 0; }
  .demo-section .art-caption { left: 16px; right: 16px; }
  .demo-section .status-sticker { right: 0; }
  .demo-section .paid-sticker {
    position: static;
    justify-self: start;
    margin: 4px 0 0 4px;
    transform: rotate(-3deg);
  }
  .demo-section .art-bottom {
    position: static;
    justify-content: center;
    min-width: 0;
    transform: none;
    color: #62654f;
  }
  .demo-section .scribble-arrow { font-size: 32px; }
}