/* =========================================================
   PARALELO 34 · 2027 — 1980 x 6576
   hero 0-1160 | format 1160-2200 | official 2200-2700
   awards 2700-3540 | dates 3540-4830 | first step 4830-5560
   cta 5560-6152 | footer 6152-6576
   ========================================================= */

body{ background:#010101 url("img2/paralelo-bg.png") top center / 100% 656rem no-repeat; }

/* ---------------------------------------------------------
   1. HERO   0 – 1160
   --------------------------------------------------------- */

.hero{ height:116rem; overflow:hidden; }

.hero__bg{
  position:absolute; left:0; top:0; width:197.8rem; height:102rem;
  background:url("img2/Mask%20group%20(3).png") 0 0 / 197.8rem 102rem no-repeat;
}
.hero__veil{
  position:absolute; left:0; top:0; right:0; height:116rem;
  background:linear-gradient(to bottom, rgba(10,10,9,0) 62%, rgba(10,10,9,.55) 84%, #0a0a09 96%);
}
.hero__wm{
  position:absolute; left:39.8rem; top:86.6rem;
  font-family:var(--serif);
  font-optical-sizing:none;
  font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 1;
  font-weight:700; font-size:31rem; line-height:1; letter-spacing:.78em;
  color:rgba(239,235,227,.0375);
  z-index:2;
}

.hero__lbl{ left:4.2rem; top:39.4rem; font-size:1.05rem; letter-spacing:.2em; z-index:3; }
.hero__kicker{
  position:absolute; left:4.1rem; top:41.85rem;
  font-size:1.328rem; font-weight:400; letter-spacing:.2em; line-height:1;
  color:rgba(239,235,227,.72);
  z-index:3;
}
.hero__title{
  position:absolute; left:4rem; top:47.5rem;
  font-family:var(--serif);
  font-optical-sizing:none;
  font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 1;
  font-weight:700;
  font-size:12.85rem; line-height:11.8rem; letter-spacing:-.0145em;
  color:#efebe3;
  z-index:3;
}
.hero__c1,.hero__c2{
  position:absolute; top:75.25rem;
  font-size:1.62rem; font-weight:300; line-height:2.8rem;
  color:#8d8b86;
  z-index:3;
}
.hero__c1{ left:4.2rem; }
.hero__c2{ left:49.4rem; }

/* ---------------------------------------------------------
   2. FESTIVAL FORMAT   1160 – 2200
   --------------------------------------------------------- */

.s-fmt{ height:104rem; }
.s-fmt__lbl{ left:4.1rem; top:6.9rem; font-size:1.05rem; letter-spacing:.2em; }

.s-fmt__h2{
  position:absolute; left:4.2rem; top:10.15rem;
  font-family:var(--serif);
  font-optical-sizing:none;
  font-variation-settings:"opsz" 88,"SOFT" 0,"WONK" 1;
  font-weight:700;
  font-size:8.2rem; line-height:1; letter-spacing:0;
  color:var(--cream);
}
.s-fmt__p{
  position:absolute; left:134.9rem; top:10.75rem;
  font-size:1.62rem; font-weight:300; line-height:2.75rem;
  color:#8d8b86;
}

.fmt{ position:absolute; left:0; top:0; width:100%; }
.fmt__row{
  position:absolute; left:4.1rem; width:189.9rem;
  border-top:1px solid rgba(239,235,227,.07);
}
.fmt__row--1{
  top:31.2rem; height:18.3rem;
  border-top:none;
  background:linear-gradient(rgba(239,235,227,.017), rgba(239,235,227,.017)) 0 0 / 100% 17.3rem no-repeat;
}
.fmt__row--2{ top:49.5rem;  height:11.2rem; }
.fmt__row--3{ top:60.7rem;  height:11.2rem; }
.fmt__row--4{ top:71.9rem;  height:11.2rem; }
.fmt__row--5{ top:83.1rem;  height:11.2rem; border-bottom:1px solid rgba(239,235,227,.07); }

.fmt__n{
  position:absolute; left:3.6rem;
  font-style:normal; font-size:1.05rem; font-weight:400; letter-spacing:.08em; line-height:1;
  color:rgba(239,235,227,.22);
}
.fmt__name{
  position:absolute; left:8rem;
  font-family:var(--serif);
  font-optical-sizing:none;
  font-variation-settings:"opsz" 88,"SOFT" 0,"WONK" 1;
  font-weight:400;
  font-size:3.25rem; line-height:1;
  color:rgba(239,235,227,.78);
}
.fmt__sub{
  position:absolute; left:8rem; top:9.86rem;
  font-style:normal; font-size:.93rem; font-weight:400; letter-spacing:.2em; line-height:1;
  color:var(--gold);
}
.fmt__desc{
  position:absolute; right:3.4rem;
  text-align:right;
  font-size:2.02rem; font-weight:300; line-height:1;
  color:#8d8b86;
  white-space:nowrap;
}
.fmt__row--1 .fmt__name{
  top:4.46rem; font-style:italic; font-size:4.95rem; color:var(--cream);
}
.fmt__row--1 .fmt__n{ top:7.14rem; }
.fmt__row--1 .fmt__desc{ top:6.63rem; color:var(--cream); }
.fmt__row--2 .fmt__name,.fmt__row--3 .fmt__name,
.fmt__row--4 .fmt__name,.fmt__row--5 .fmt__name{ top:1.24rem; }
.fmt__row--2 .fmt__n,.fmt__row--3 .fmt__n,
.fmt__row--4 .fmt__n,.fmt__row--5 .fmt__n{ top:2.14rem; }
.fmt__row--2 .fmt__desc,.fmt__row--3 .fmt__desc,
.fmt__row--4 .fmt__desc,.fmt__row--5 .fmt__desc{ top:.73rem; }

/* ---------------------------------------------------------
   3. OFFICIAL SELECTION   2200 – 2700
   --------------------------------------------------------- */

.s-off{ height:50rem; }
.s-off__h2{
  position:absolute; left:4.2rem; top:17.2rem;
  font-family:var(--serif);
  font-optical-sizing:none;
  font-variation-settings:"opsz" 88,"SOFT" 0,"WONK" 1;
  font-weight:700;
  font-size:7.8rem; line-height:1; letter-spacing:0;
  color:var(--cream);
}
.s-off__p1{
  position:absolute; left:4.1rem; top:29.4rem;
  font-size:1.62rem; font-weight:300; line-height:2.8rem;
  color:#8d8b86;
}
.s-off__p2{
  position:absolute; left:4.1rem; top:36.9rem;
  font-size:1.62rem; font-weight:300; line-height:2.8rem;
  color:#8d8b86;
}
.s-off__k{
  position:absolute; left:117.5rem; top:20.3rem;
  font-size:.92rem; font-weight:400; letter-spacing:.2em; line-height:1;
  color:rgba(239,235,227,.36);
}
.s-off__frame{
  position:absolute; left:117.5rem; top:23.7rem;
  width:76.4rem; height:16rem;
  border:1px solid rgba(199,168,110,.55);
}
.s-off__frame::before,.s-off__frame::after{
  content:""; position:absolute; width:1.2rem; height:1.2rem;
}
.s-off__ftitle{
  position:absolute; left:4.2rem; top:3.9rem;
  font-family:var(--serif);
  font-optical-sizing:none;
  font-variation-settings:"opsz" 64,"SOFT" 0,"WONK" 1;
  font-style:italic; font-weight:300;
  font-size:4.6rem; line-height:1;
  color:var(--cream);
}
.s-off__fsub{
  position:absolute; left:4.2rem; top:11.6rem;
  font-style:normal;
  font-size:1.05rem; font-weight:400; letter-spacing:.2em; line-height:1;
  color:var(--gold);
}

/* ---------------------------------------------------------
   4. AWARDS   2700 – 3540
   --------------------------------------------------------- */

.s-awd{ height:84rem; }
.s-awd__bg{
  position:absolute; left:0; top:4.5rem; width:197.8rem; height:72.6rem;
  background:url("img2/Group%2052.png") 0 -.8rem / 197.8rem 72.6rem no-repeat;
}
.s-awd__bg::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to bottom,
    rgba(10,10,9,.21) 0%,  rgba(10,10,9,.18) 25%, rgba(10,10,9,.21) 55%,
    rgba(10,10,9,.28) 64%, rgba(10,10,9,.56) 71%, rgba(10,10,9,.72) 78%,
    rgba(10,10,9,.80) 85%, rgba(10,10,9,.91) 92%, rgba(10,10,9,.99) 100%);
}
.s-awd__lbl{ left:31rem; top:21rem; font-size:1.05rem; letter-spacing:.2em; z-index:2; }
.s-awd__h2{
  position:absolute; left:30.8rem; top:25.85rem;
  font-family:var(--serif);
  font-optical-sizing:none;
  font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 1;
  font-weight:700;
  font-size:15.4rem; line-height:1; letter-spacing:-.01em;
  color:#efebe3;
  z-index:2;
}
.s-awd__sub{
  position:absolute; left:31rem; top:48.9rem;
  font-size:2.42rem; font-weight:300; line-height:1;
  color:var(--cream);
  z-index:2;
}
.s-awd__p{
  position:absolute; left:31rem; top:53.85rem;
  font-size:1.625rem; font-weight:300; line-height:2.8rem;
  color:#8d8b86;
  z-index:2;
}
.s-awd__note{ position:absolute; left:107.1rem; top:47.6rem; z-index:2; }
.s-awd__note::before{
  content:""; position:absolute; left:0; top:0; width:1px; height:12rem;
  background:rgba(239,235,227,.22);
}
.s-awd__nk{
  position:absolute; left:1.3rem; top:.3rem;
  font-size:1.05rem; font-weight:400; letter-spacing:.2em; line-height:1;
  color:rgba(239,235,227,.42);
}
.s-awd__nt{
  position:absolute; left:1.3rem; top:4.05rem;
  font-size:1.57rem; font-weight:300; line-height:2.8rem;
  color:#8d8b86;
  white-space:nowrap;
}

/* ---------------------------------------------------------
   5. KEY DATES   3540 – 4830
   --------------------------------------------------------- */

.s-dates{ height:129rem; }
.s-dates__lbl{ left:4.1rem; top:12.5rem; font-size:1.05rem; letter-spacing:.2em; }
.s-dates__h2{
  position:absolute; left:4.2rem; top:15.63rem;
  font-family:var(--serif);
  font-optical-sizing:none;
  font-variation-settings:"opsz" 88,"SOFT" 0,"WONK" 1;
  font-weight:700;
  font-size:8.27rem; line-height:1; letter-spacing:0;
  color:var(--cream);
}
.s-dates__range{
  position:absolute; right:4.1rem; top:22.1rem;
  font-size:1.428rem; font-weight:300; line-height:1;
  color:#8d8b86;
}

.kd{ position:absolute; left:0; top:0; width:100%; }
.kd__row{
  position:absolute; left:4.1rem; width:189.9rem;
  border-top:1px solid rgba(239,235,227,.07);
}
.kd__row--1{ top:32.5rem; height:12rem; }
.kd__row--2{ top:44.5rem; height:12rem; }
.kd__row--3{ top:56.5rem; height:12rem; }
.kd__row--4{ top:68.5rem; height:12rem; }
.kd__row--5{ top:80.5rem; height:12rem; }
.kd__row--6{ top:92.5rem; height:12rem; }
.kd__row--7{ top:104.5rem; height:13.7rem; border-bottom:1px solid rgba(239,235,227,.07); }

.kd__n{
  position:absolute; left:3.6rem; top:5.04rem;
  font-style:normal; font-size:1.05rem; font-weight:400; letter-spacing:.08em; line-height:1;
  color:rgba(239,235,227,.22);
}
.kd__name{
  position:absolute; left:8rem; top:4.505rem;
  font-size:2.3rem; font-weight:300; letter-spacing:.02em; line-height:1;
  color:rgba(239,235,227,.80);
}
.kd__name--it{
  font-family:var(--serif);
  font-optical-sizing:none;
  font-variation-settings:"opsz" 64,"SOFT" 0,"WONK" 1;
  font-style:italic; font-weight:300;
  font-size:3.28rem; letter-spacing:0;
  color:var(--cream);
}
.kd__place{
  position:absolute; left:8rem; top:9.17rem;
  font-style:normal; font-size:.875rem; font-weight:400; letter-spacing:.2em; line-height:1;
  color:rgba(239,235,227,.36);
}
.kd__v{
  position:absolute; right:3.4rem; top:3.29rem;
  font-family:var(--serif);
  font-optical-sizing:none;
  font-variation-settings:"opsz" 64,"SOFT" 0,"WONK" 1;
  font-style:italic; font-weight:300;
  font-size:4.68rem; line-height:1;
  color:rgba(239,235,227,.78);
}
.kd__row--7 .kd__n{ top:7.34rem; }
.kd__row--7 .kd__name{ top:5.27rem; }
.kd__row--7 .kd__v{ top:4.59rem; }
.kd__v--gold{ font-size:6.7rem; color:var(--gold); font-style:normal; font-weight:700; font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 1; }

.s-dates__note{
  position:absolute; left:4.2rem; top:125.3rem;
  font-size:1.62rem; font-weight:300; line-height:1;
  color:#8d8b86;
}

/* ---------------------------------------------------------
   6. FIRST STEP   4830 – 5560
   --------------------------------------------------------- */

.s-step{ height:73rem; }
.s-step__lbl{ left:4.1rem; top:19.95rem; font-size:1.05rem; letter-spacing:.2em; }
.s-step__h2{
  position:absolute; left:4.2rem; top:22.79rem;
  font-family:var(--serif);
  font-optical-sizing:none;
  font-variation-settings:"opsz" 88,"SOFT" 0,"WONK" 1;
  font-style:italic; font-weight:700;
  font-size:7.73rem; line-height:1; letter-spacing:0;
  color:var(--cream);
}
.s-step__p1,.s-step__p2{
  position:absolute; left:129.9rem;
  font-size:1.62rem; font-weight:300; line-height:2.8rem;
  color:#8d8b86;
}
.s-step__p1{ top:19.55rem; }
.s-step__p2{ top:27.55rem; }

.cards{ position:absolute; left:4.1rem; top:42rem; width:189.8rem; height:13rem; display:flex; }
.card{
  position:relative; width:47.45rem; height:13rem;
  border-top:1px solid rgba(239,235,227,.10);
  border-right:1px solid rgba(239,235,227,.07);
}
.card:last-child{ border-right:none; }
.card--on{
  border-top:1px solid var(--gold);
  background:linear-gradient(to bottom, rgba(239,235,227,.045), rgba(239,235,227,.012));
}
.card b{
  position:absolute; left:2.9rem; top:3.4rem;
  font-family:var(--serif);
  font-optical-sizing:none;
  font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 1;
  font-weight:700; font-size:4.03rem; line-height:1;
  color:rgba(239,235,227,.42);
}
.card--on b{ color:var(--cream); }
.card i{
  position:absolute; left:3rem; top:8.8rem;
  font-style:normal; font-size:1.22rem; font-weight:400; letter-spacing:.2em; line-height:1;
  color:rgba(239,235,227,.36);
}
.card--on i{ color:var(--gold); }

/* ---------------------------------------------------------
   7. CTA   5560 – 6152
   --------------------------------------------------------- */

.s-cta{ height:59.2rem; }
.s-cta__bg{
  position:absolute; left:0; top:5.4rem; width:198rem; height:53.7rem;
  background:url("img2/Container%20(1).png") 0 -1.2rem / 198rem 53.7rem no-repeat;
}
.s-cta__bg::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to bottom,
    rgba(10,10,9,.723) 0%,  rgba(10,10,9,.731) 15%, rgba(10,10,9,.728) 28%,
    rgba(10,10,9,.754) 43%, rgba(10,10,9,.763) 57%, rgba(10,10,9,.772) 71%,
    rgba(10,10,9,.783) 78%, rgba(10,10,9,.789) 85%, rgba(10,10,9,.80) 92%,
    rgba(10,10,9,.98) 100%);
}
.s-cta__h{
  position:absolute; left:0; right:0; top:20.485rem;
  text-align:center;
  font-family:var(--serif);
  font-optical-sizing:none;
  font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 1;
  font-style:italic; font-weight:300;
  font-size:9.15rem; line-height:8.6rem;
  color:#f2eee6;
  z-index:2;
}
.s-cta__btn{
  position:absolute; left:86.3rem; top:43.5rem;
  width:25.4rem; height:4.9rem;
  z-index:2;
}