/* SJ SMALLPAGE V32 — FESTIVAL MOTION
   More life, useful information and motion. Grown-up festival palette, not pop-art. */

.v30-public{
  --fest-ink:#14251f;
  --fest-cream:#f6edda;
  --fest-coral:#c95a3d;
  --fest-gold:#dfad3d;
  --fest-sky:#6d98a7;
  --fest-leaf:#3f6c54;
  --fest-plum:#79687f;
  --fest-night:#17231f;
}

.v30-hero{overflow:visible!important;padding-bottom:68px!important}
.v30-hero-grid{align-items:stretch!important}
.v30-hero-copy{align-self:center}
.v30-hero-copy:before{content:"";display:block;width:70px;height:7px;background:linear-gradient(90deg,var(--fest-coral) 0 38%,var(--fest-gold) 38% 68%,var(--fest-sky) 68%);margin-bottom:20px}
.v30-hero h1{position:relative;z-index:2}
.v30-hero h1 em{color:var(--fest-coral)!important}
.v30-hero-image{align-self:center;transform:rotate(.7deg);box-shadow:20px 22px 0 var(--fest-sky)!important;position:relative!important}
.v30-hero-image:before{content:"";position:absolute;left:-26px;bottom:72px;width:80px;height:80px;background:var(--fest-gold);border-radius:50%;z-index:-1}
.v30-hero-image:after{content:"AAA / FIELD / PEOPLE";position:absolute;right:-24px;top:42px;background:var(--fest-coral);color:#fff;padding:8px 12px;font-size:8px;font-weight:900;letter-spacing:.13em;transform:rotate(4deg);z-index:5}
.v32-hero-motion{position:absolute;right:-70px;top:-76px;width:210px;height:210px;z-index:-1}
.v32-sun-orbit{width:100%;height:100%;overflow:visible}
.orbit-ring,.orbit-squiggle{fill:none;stroke:var(--fest-leaf);stroke-width:2;vector-effect:non-scaling-stroke}
.orbit-ring{stroke-dasharray:7 9;transform-origin:110px 110px;animation:v32Orbit 18s linear infinite}
.orbit-ring-2{stroke:var(--fest-gold);stroke-dasharray:3 10;animation-direction:reverse;animation-duration:12s}
.orbit-dot{fill:var(--fest-coral);transform-origin:110px 110px;animation:v32Orbit 8s linear infinite}
.orbit-squiggle{stroke:var(--fest-sky);stroke-width:5;stroke-linecap:round;stroke-dasharray:18 9;animation:v32Dash 5s linear infinite}

.v32-snapshot{position:relative;background:var(--fest-night);color:#fff;padding:34px 0 54px;overflow:hidden}
.v32-snapshot-grid{display:grid;grid-template-columns:1.55fr repeat(4,.75fr);gap:0;align-items:stretch;position:relative;z-index:2}
.v32-snapshot-intro{padding:13px 32px 13px 0;display:flex;flex-direction:column;justify-content:center}
.v32-snapshot-intro span{font-size:8px;font-weight:900;letter-spacing:.17em;color:var(--fest-gold)}
.v32-snapshot-intro b{font:600 20px/1.18 'Space Grotesk';max-width:290px;margin-top:7px;color:#fff}
.v32-stat{padding:12px 20px;border-left:1px solid #ffffff22;display:flex;flex-direction:column;justify-content:center;min-width:0}
.v32-stat strong{font:700 clamp(25px,3vw,39px)/1 'Space Grotesk';letter-spacing:-.05em;color:#fff}
.v32-stat:nth-of-type(2) strong{color:#f0c55c}.v32-stat:nth-of-type(3) strong{color:#8eb6c2}.v32-stat:nth-of-type(4) strong{color:#de765d}.v32-stat:nth-of-type(5) strong{color:#98b29f}
.v32-stat span{font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#aca9a3;margin-top:7px}
.v32-wave{position:absolute;inset:auto 0 -5px;height:55px;opacity:.4}
.v32-wave svg{width:100%;height:100%}
.wave-line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}
.wave-a{stroke:var(--fest-gold);stroke-dasharray:12 9;animation:v32Dash 8s linear infinite}
.wave-b{stroke:var(--fest-sky);stroke-dasharray:5 12;animation:v32DashReverse 11s linear infinite}

.v32-route{display:grid;grid-template-columns:210px 1fr;align-items:center;gap:20px;margin:-2px 0 30px;min-height:130px;position:relative}
.v32-route-copy span{display:block;color:var(--fest-coral);font-size:8px;font-weight:900;letter-spacing:.15em}
.v32-route-copy b{display:block;font:700 16px/1.15 'Space Grotesk';margin-top:5px}
.v32-route svg{width:100%;height:130px;overflow:visible}
.route-shadow,.route-main{fill:none;vector-effect:non-scaling-stroke}
.route-shadow{stroke:#d8c9ae;stroke-width:7}
.route-main{stroke:var(--fest-leaf);stroke-width:3;stroke-linecap:round;stroke-dasharray:10 10;animation:v32Dash 12s linear infinite}
.v32-route circle{fill:var(--fest-gold);stroke:var(--fest-ink);stroke-width:3;transform-box:fill-box;transform-origin:center;animation:v32Pulse 2.4s ease-in-out infinite}
.v32-route circle:nth-of-type(2){fill:var(--fest-sky);animation-delay:.4s}
.v32-route circle:nth-of-type(3){fill:var(--fest-coral);animation-delay:.8s}
.v32-route circle:nth-of-type(4){fill:var(--fest-plum);animation-delay:1.2s}

/* Less boxy festival diary */
.v30-event-list{border-top:0!important}
.v30-event-row{grid-template-columns:82px 1fr 40px!important;border-bottom:1px solid var(--v30-line)!important;padding:19px 0!important;position:relative}
.v30-event-row:before{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:3px;background:var(--fest-coral);transition:right .25s ease}
.v30-event-row:hover:before{right:0}
.v30-event-row time{background:none!important;border:0!important;padding:0!important;min-height:0!important;width:auto!important;display:flex!important;align-items:baseline!important;justify-content:flex-start!important}
.v30-event-row:nth-child(2n) time,.v30-event-row:nth-child(3n) time{border:0!important}

/* Looser stories */
.v30-story-grid{gap:48px 30px!important;align-items:start}
.v30-story-card{position:relative!important;border-top:0!important;padding-top:0!important}
.v30-story-card:nth-child(3n+2){margin-top:52px}
.v30-story-card:nth-child(3n+1):before,.v30-story-card:nth-child(3n+2):before,.v30-story-card:nth-child(3n+3):before{content:"";display:block;width:44px;height:5px;margin-bottom:11px;background:var(--fest-coral)}
.v30-story-card:nth-child(3n+2):before{background:var(--fest-sky)}
.v30-story-card:nth-child(3n+3):before{background:var(--fest-gold)}
.v30-story-card img{aspect-ratio:1.18/1!important}
.v30-story-card:nth-child(3n+2) img{aspect-ratio:1/1.18!important}

/* New information / personality section */
.v32-facts{position:relative;background:#dfe9e2;padding:105px 0;overflow:hidden}
.v32-facts:before{content:"SJ / FIELD NOTES / PEOPLE / EVENTS";position:absolute;left:-20px;bottom:-14px;font:800 70px/.85 'Space Grotesk';letter-spacing:-.06em;color:#274b3d0b;white-space:nowrap}
.v32-facts-grid{display:grid;grid-template-columns:.85fr 1fr 330px;gap:70px;align-items:center;position:relative;z-index:1}
.v32-facts-heading>span{font-size:9px;font-weight:900;letter-spacing:.16em;color:var(--fest-coral)}
.v32-facts-heading h2{font:650 clamp(43px,5vw,68px)/.9 'Space Grotesk';letter-spacing:-.055em;margin:10px 0 0;color:var(--fest-ink)}
.v32-facts-heading h2 em{font-family:Georgia,serif;font-weight:400;color:var(--fest-coral)}
.v32-facts-copy>p{font-size:17px;line-height:1.7;color:#4d5b52;margin:0 0 28px}
.v32-fact-points{display:grid;gap:0}
.v32-fact-points>div{display:grid;grid-template-columns:34px 1fr;gap:0 12px;border-top:1px solid #96aa9c;padding:14px 0}
.v32-fact-points>div:last-child{border-bottom:1px solid #96aa9c}
.v32-fact-points span{grid-row:1/3;color:var(--fest-coral);font-size:9px;font-weight:900;padding-top:4px}
.v32-fact-points b{font:650 17px 'Space Grotesk';color:var(--fest-ink)}
.v32-fact-points small{font-size:11px;line-height:1.5;color:#68756d}
.v32-facts-svg{width:100%;height:auto}
.facts-loop{fill:none;stroke-width:3;vector-effect:non-scaling-stroke;transform-origin:center}
.loop-one{stroke:var(--fest-leaf);stroke-dasharray:8 11;animation:v32Orbit 24s linear infinite}
.loop-two{stroke:var(--fest-sky);stroke-dasharray:4 12;animation:v32Orbit 18s linear infinite reverse}
.facts-pulse{fill:var(--fest-gold);transform-origin:311px 112px;animation:v32Pulse 2.2s ease-in-out infinite}

/* About now becomes a sweeping editorial block, not three stat boxes */
.v30-about{background:var(--fest-cream)!important;border:0!important;position:relative}
.v30-about:after{content:"";position:absolute;right:0;top:0;width:20%;height:100%;background:var(--fest-gold);opacity:.12;clip-path:polygon(58% 0,100% 0,100% 100%,0 100%)}
.v30-stats{display:flex!important;gap:36px!important;border-top:1px solid var(--v30-line)!important}
.v30-stats>div{background:none!important;border:0!important;padding:18px 0!important}
.v30-stats b{color:var(--fest-coral)}

/* Photo grid gets playful rhythm through geometry, not stickers */
.v30-photo-grid{gap:14px!important}
.v30-photo-item:nth-child(2){transform:translateY(24px)}
.v30-photo-item:nth-child(4){transform:translateX(-18px)}
.v30-photo-item span{background:linear-gradient(90deg,#12251ed9,transparent);padding:15px 55px 15px 12px;left:0!important;bottom:0!important}

/* Camera roll less boxy, more physical */
.v30-social{background:#d9e4e1!important}
.v30-social-grid{gap:25px 18px!important;align-items:start}
.v30-social-grid a{box-shadow:none!important;background:#fff8e8!important;padding:9px 9px 30px!important;position:relative}
.v30-social-grid a:nth-child(3n+1){transform:rotate(-1deg)}
.v30-social-grid a:nth-child(3n+2){transform:rotate(1deg) translateY(22px)!important}
.v30-social-grid a:nth-child(3n+3){transform:rotate(-.35deg)}
.v30-social-grid a:after{content:"SJ";position:absolute;right:10px;bottom:7px;font:800 10px 'Space Grotesk';color:var(--fest-coral)}
.v30-social-grid span{padding:10px 3px 0!important}

/* Contact remains obvious */
.v30-head .nav-work,.v30-contact-launch{background:var(--fest-coral)!important}
.v30-head .nav-work:hover,.v30-contact-launch:hover{background:var(--fest-leaf)!important}
.v30-work{background:linear-gradient(115deg,var(--fest-coral),#a94438)!important}
.v30-work button{background:var(--fest-gold)!important;color:var(--fest-ink)!important;border-color:var(--fest-gold)!important}

@keyframes v32Orbit{to{transform:rotate(360deg)}}
@keyframes v32Dash{to{stroke-dashoffset:-180}}
@keyframes v32DashReverse{to{stroke-dashoffset:180}}
@keyframes v32Pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.32)}}

@media(max-width:980px){
 .v32-snapshot-grid{grid-template-columns:1.2fr repeat(2,1fr)}
 .v32-snapshot-intro{grid-row:span 2}
 .v32-stat{min-height:72px}
 .v32-facts-grid{grid-template-columns:1fr 1fr;gap:50px}.v32-facts-svg{grid-column:1/-1;width:260px;justify-self:center;margin-top:-25px}
}
@media(max-width:800px){
 .v32-hero-motion{right:-30px;top:-45px;width:140px;height:140px}
 .v30-hero-image:after{right:-8px}
 .v32-snapshot{padding:28px 0 42px}
 .v32-snapshot-grid{grid-template-columns:1fr 1fr}
 .v32-snapshot-intro{grid-column:1/-1;grid-row:auto;padding-bottom:22px}
 .v32-stat{border-left:0;border-top:1px solid #ffffff24;padding:14px 7px}
 .v32-route{grid-template-columns:1fr;margin-bottom:5px}.v32-route svg{height:90px}
 .v30-story-card:nth-child(3n+2){margin-top:0}
 .v32-facts{padding:75px 0}.v32-facts-grid{grid-template-columns:1fr;gap:35px}.v32-facts-svg{grid-column:auto;width:220px;margin-top:0}
 .v30-photo-item:nth-child(n){transform:none}
 .v30-social-grid a:nth-child(n){transform:none!important}
}
@media(max-width:520px){
 .v32-snapshot-grid{grid-template-columns:1fr 1fr}
 .v32-snapshot-intro b{font-size:18px}
 .v32-stat strong{font-size:25px}
 .v32-route{display:none}
 .v30-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
}

@media(prefers-reduced-motion:reduce){
 .orbit-ring,.orbit-dot,.orbit-squiggle,.wave-line,.route-main,.v32-route circle,.facts-loop,.facts-pulse{animation:none!important}
}