/* SJ SMALLPAGE V34 — LIVE FIELD EXPERIENCE */

/* Hero escapes the grid */
.v30-hero{padding-top:56px!important}
.v30-hero-grid{grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr)!important;gap:42px!important}
.v30-hero-image{margin-right:-7vw!important}
.v30-hero-image img{height:min(69vh,720px)!important}
.v30-hero h1{font-size:clamp(78px,9.7vw,154px)!important}
.v30-hero-image:after{content:"AAA / FIELD / PEOPLE / LATE NIGHTS"!important}
.v32-hero-motion{right:-20px!important;top:-90px!important;width:245px!important;height:245px!important}

/* Kinetic stat ribbon */
.v34-numbers{background:var(--fest-yellow);color:var(--fest-ink);overflow:hidden;border-block:3px solid var(--fest-ink);padding:18px 0}
.v34-number-track{width:max-content;display:flex;align-items:baseline;gap:26px;animation:v34Ticker 42s linear infinite;padding-left:2vw}
.v34-number-track span{display:flex;align-items:baseline;gap:9px;font-size:10px;font-weight:900;letter-spacing:.12em;white-space:nowrap}
.v34-number-track b{font:800 31px/1 'Space Grotesk';letter-spacing:-.05em;color:var(--fest-blue)}
.v34-number-track span:nth-of-type(2n) b{color:var(--fest-pink)}
.v34-number-track span:nth-of-type(3n) b{color:#087f7a}
.v34-number-track i{font-style:normal;font-size:18px;color:var(--fest-pink)}

/* Proper live takeover */
.v34-takeover{background:#111522;color:#fff;position:relative;overflow:hidden;border-bottom:7px solid var(--fest-pink)}
.v34-takeover-grid{min-height:250px;display:grid;grid-template-columns:1.25fr .9fr 190px;gap:45px;align-items:center;position:relative;z-index:2}
.v34-live-kicker{font-size:9px;font-weight:900;letter-spacing:.17em;color:#fff}
.v34-live-kicker i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--fest-pink);margin-right:8px;box-shadow:0 0 0 0 rgba(230,43,118,.7);animation:v34Live 1.7s ease-out infinite}
.v34-live-title h2{font:750 clamp(45px,6vw,78px)/.86 'Space Grotesk';letter-spacing:-.06em;margin:12px 0 10px;color:#fff}
.v34-live-title p{font-size:12px;color:#aeb5c6;margin:0}
.v34-live-status{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff20}
.v34-live-status span{background:#171c2c;padding:13px 15px;min-height:67px}
.v34-live-status small{display:block;font-size:7px;font-weight:900;letter-spacing:.14em;color:#77829b;margin-bottom:5px}
.v34-live-status b{font-size:11px;color:#fff}
.v34-enter-live{width:170px;height:170px;border-radius:50%;background:var(--fest-yellow);color:var(--fest-ink);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(4deg);transition:transform .2s}
.v34-enter-live:hover{transform:rotate(0) scale(1.04)}
.v34-enter-live span{font-size:8px;font-weight:900;letter-spacing:.16em}.v34-enter-live b{font:800 22px/1 'Space Grotesk';margin:5px 0}.v34-enter-live i{font-style:normal;font-size:18px}
.v34-live-beam{position:absolute;width:560px;height:900px;top:-550px;opacity:.12;background:linear-gradient(to bottom,var(--fest-blue),transparent);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);transform-origin:50% 0;animation:v34Beam 9s ease-in-out infinite alternate}
.beam-one{left:4%;transform:rotate(-18deg)}.beam-two{right:8%;background:linear-gradient(to bottom,var(--fest-pink),transparent);animation-delay:-4s}
.v34-live-marquee{border-top:1px solid #ffffff22;overflow:hidden;height:35px;display:flex;align-items:center}
.v34-live-marquee div{width:max-content;white-space:nowrap;color:#8992a6;font-size:8px;font-weight:900;letter-spacing:.2em;animation:v34Ticker 24s linear infinite}

/* Less card-like featured story */
.v30-featured-grid{grid-template-columns:1.4fr .6fr!important;gap:0!important;position:relative}
.v30-featured-grid>img{height:600px!important}
.v30-featured-grid>div{background:var(--fest-cream);padding:44px 0 44px 42px;align-self:end;transform:translateX(-1px)}
.v30-featured-grid h2{font-size:clamp(44px,5.4vw,78px)!important}

/* Festival diary route stronger */
.v32-route{margin-top:-15px!important}
.v32-route svg{transform:rotate(-1deg)}
.v30-event-row{padding:24px 0!important}
.v30-event-row h3{font-size:31px!important}

/* Field notes: irregular dispatches rather than cards */
.v30-note-grid{display:grid!important;grid-template-columns:repeat(12,1fr)!important;gap:26px!important;background:none!important;border:0!important;align-items:start}
.v30-note-grid article{grid-column:span 3;background:none!important;padding:0!important;border-top:5px solid var(--fest-blue)}
.v30-note-grid article:nth-child(2){grid-column:span 4;margin-top:58px;border-top-color:var(--fest-pink)}
.v30-note-grid article:nth-child(3){grid-column:span 2;border-top-color:var(--fest-yellow)}
.v30-note-grid article:nth-child(4){grid-column:span 3;margin-top:30px;border-top-color:var(--fest-teal)}
.v30-note-grid img{aspect-ratio:auto!important;max-height:330px!important}
.v30-note-grid p{font-size:17px!important}

/* People of the Field */
.v34-people{background:#f8f4ea;overflow:hidden}
.v34-people .v30-section-head{position:relative}
.v34-handnote{font:italic 15px Georgia,serif;color:var(--fest-pink);transform:rotate(-3deg);margin-bottom:7px}
.v34-people-run{display:flex;gap:46px;align-items:flex-start;padding:18px 4vw 50px 0;overflow-x:auto;scroll-snap-type:x proximity}
.v34-person{flex:0 0 245px;scroll-snap-align:start}
.v34-person:nth-child(2n){margin-top:65px}.v34-person:nth-child(3n){margin-top:22px}
.v34-person figure{margin:0 0 15px;width:100%;height:310px;background:#dce7ff;overflow:hidden;position:relative}
.v34-person:nth-child(3n+1) figure{box-shadow:9px 9px 0 var(--fest-blue)}
.v34-person:nth-child(3n+2) figure{box-shadow:9px 9px 0 var(--fest-pink)}
.v34-person:nth-child(3n+3) figure{box-shadow:9px 9px 0 var(--fest-yellow)}
.v34-person img{width:100%;height:100%;object-fit:cover}
.v34-person-placeholder{display:grid;place-items:center}.v34-person-placeholder span{font:800 100px 'Space Grotesk';color:#ffffff}
.v34-person small{font-size:8px;font-weight:900;letter-spacing:.12em;color:var(--fest-blue)}
.v34-person h3{font:700 29px/.95 'Space Grotesk';letter-spacing:-.04em;margin:7px 0 4px}
.v34-person b{font-size:10px;color:#6e7178}.v34-person p{font:italic 14px/1.5 Georgia,serif;color:#4c5058}

/* Full bleed typographic break */
.v34-photo-break{background:var(--fest-blue);overflow:hidden;border-block:4px solid var(--fest-ink);padding:12px 0;transform:rotate(-.7deg);width:102%;margin-left:-1%}
.v34-photo-break div{font:800 clamp(27px,4vw,55px)/.9 'Space Grotesk';letter-spacing:-.045em;color:#fff;white-space:nowrap;animation:v34Ticker 32s linear infinite}

/* Immersive interlude */
.v34-interlude{background:var(--fest-pink);color:#fff;padding:85px 0 70px;overflow:hidden}
.v34-interlude .wrap{display:grid;grid-template-columns:.7fr 1fr;position:relative}
.v34-interlude span{font-size:9px;font-weight:900;letter-spacing:.17em;color:#ffe983}
.v34-interlude h2{font:750 clamp(58px,8vw,115px)/.78 'Space Grotesk';letter-spacing:-.075em;margin:0;color:#fff}
.v34-interlude h2 em{font-family:Georgia,serif;font-weight:400;color:var(--fest-yellow)}
.v34-interlude svg{grid-column:1/-1;width:100%;height:150px;margin-top:18px;overflow:visible}
.v34-interlude path{fill:none;stroke:#fff;stroke-width:3;stroke-dasharray:12 12;animation:v32Dash 10s linear infinite}
.v34-interlude circle{fill:var(--fest-yellow);stroke:var(--fest-ink);stroke-width:3;animation:v32Pulse 2s ease-in-out infinite}

/* Photography gets closer to edge */
.v30-photo-grid{width:calc(100% + 8vw);margin-left:-4vw!important}
.v30-photo-item.item-1{grid-column:span 8!important}.v30-photo-item.item-2{grid-column:span 4!important}
.v30-photo-item.item-3{grid-column:span 4!important}.v30-photo-item.item-4{grid-column:span 4!important}.v30-photo-item.item-5{grid-column:span 4!important}

/* Footer statement */
.v30-footer-grid:before{content:"SEE YOU IN A FIELD.";grid-column:1/-1;font:800 clamp(52px,9vw,135px)/.76 'Space Grotesk';letter-spacing:-.075em;color:#fff;margin-bottom:28px}
.v30-footer-grid:after{content:"✦";position:absolute;right:5%;font-size:70px;color:var(--fest-yellow);animation:v32Orbit 14s linear infinite}
.v30-footer-grid{position:relative!important}

/* Micro interaction */
.v30-section-head>a,.v30-about-links a,.v30-about-links button{position:relative}
.v30-section-head>a:after,.v30-about-links a:after,.v30-about-links button:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:3px;background:var(--fest-pink);transition:right .2s}
.v30-section-head>a:hover:after,.v30-about-links a:hover:after,.v30-about-links button:hover:after{right:0}

@keyframes v34Ticker{to{transform:translateX(-28%)}}
@keyframes v34Live{0%{box-shadow:0 0 0 0 rgba(230,43,118,.65)}70%{box-shadow:0 0 0 10px rgba(230,43,118,0)}100%{box-shadow:0 0 0 0 rgba(230,43,118,0)}}
@keyframes v34Beam{0%{transform:rotate(-20deg)}100%{transform:rotate(24deg)}}

@media(max-width:980px){
 .v30-hero-grid{grid-template-columns:1fr 1fr!important}.v30-hero-image{margin-right:-12vw!important}
 .v34-takeover-grid{grid-template-columns:1fr 180px}.v34-live-status{grid-column:1/-1;grid-row:2}.v34-enter-live{grid-column:2;grid-row:1}
 .v30-note-grid article:nth-child(n){grid-column:span 6!important;margin-top:0!important}
}
@media(max-width:800px){
 .v30-hero-grid{grid-template-columns:1fr!important}.v30-hero-image{margin-right:0!important}.v30-hero-image img{height:540px!important}
 .v34-number-track{animation-duration:28s}
 .v34-takeover-grid{grid-template-columns:1fr;padding-top:38px;padding-bottom:38px}.v34-enter-live{grid-column:1;grid-row:auto;width:120px;height:120px}.v34-live-status{grid-column:1;grid-row:auto}
 .v30-featured-grid{grid-template-columns:1fr!important}.v30-featured-grid>img{height:420px!important}.v30-featured-grid>div{padding:28px 0!important}
 .v30-note-grid{grid-template-columns:1fr!important}.v30-note-grid article:nth-child(n){grid-column:auto!important}
 .v34-people-run{gap:28px}.v34-person{flex-basis:210px}.v34-person figure{height:270px}
 .v34-interlude .wrap{grid-template-columns:1fr}.v34-interlude h2{margin-top:18px}
 .v30-photo-grid{width:100%;margin-left:0!important}
 .v30-footer-grid:after{font-size:42px}
}
@media(prefers-reduced-motion:reduce){
 .v34-number-track,.v34-live-kicker i,.v34-live-beam,.v34-live-marquee div,.v34-photo-break div,.v34-interlude path,.v34-interlude circle,.v30-footer-grid:after{animation:none!important}
}