:root{--yellow:#fff229;--black:#111;--white:#f9f9f7;--line:#333;--body:Arial,Helvetica,sans-serif;--display:Impact,'Arial Narrow',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--black);color:var(--black);font-family:var(--body);font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ff7d28;outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}p+p{margin-top:1rem}h1,h2,h3{line-height:1.05}em{font-style:normal}section{scroll-margin-top:1rem}.skip{position:fixed;top:-100px;left:16px;background:var(--yellow);z-index:100;padding:12px}.skip:focus{top:12px}.header{background:var(--black);color:white;display:flex;align-items:center;justify-content:space-between;padding:20px 4.5%;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:14px}.brand img{width:50px;height:50px;object-fit:cover}.brand>span{font-size:1.15rem;font-weight:900;line-height:1.25;letter-spacing:-.03em}.brand small{display:block;font-size:.75rem;letter-spacing:.14em;color:#b9b9b9;margin-top:3px}.header nav{display:flex;align-items:center;gap:34px;font-size:.875rem;font-weight:600}.header nav a{padding:6px 0}.header nav a:hover{color:var(--yellow)}.nav-ig{display:flex;gap:12px;align-items:center}.nav-ig svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.nav-ig .fill{fill:currentColor;stroke:none}.menu-toggle{display:none}.hero{color:var(--white);padding:28px 4.5% 20px;overflow:hidden}.hero-top,.section-label,.hero-foot{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;letter-spacing:.09em;font-weight:700;line-height:1.4}.hero-top{color:#b5b5b5}.hero h1{font-family:var(--display);font-size:clamp(5.2rem,17.4vw,16rem);letter-spacing:-.022em;line-height:1.03;margin:24px 0 12px;font-weight:400;white-space:nowrap}.hero-period{color:var(--yellow)}.hero-bottom{display:grid;grid-template-columns:1fr 42%;gap:6%;align-items:center;margin-top:20px;margin-bottom:32px}.eyebrow{font-size:.75rem;font-weight:bold;letter-spacing:.12em;margin-bottom:20px}.yellow{color:var(--yellow)}.hero h2{font-size:clamp(2.6rem,4.5vw,4.8rem);font-weight:800;letter-spacing:-.055em;line-height:1.02;margin-bottom:24px}.hero-copy>p:not(.eyebrow){font-size:1.1rem;line-height:1.7;color:#c6c6c6}.actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{padding:16px 24px;font-size:.875rem;font-weight:bold;display:inline-flex;align-items:center;justify-content:center;min-height:52px;transition:background .2s,transform .2s;text-align:center}.button:hover{transform:translateY(-2px)}.yellow-button{background:var(--yellow);color:var(--black)}.yellow-button:hover{background:#fff97d}.black-button{background:var(--black);color:white}.black-button:hover{background:#303030}.text-link{font-size:.875rem;border-bottom:1px solid #777;padding:8px 0}.hero-emblem{position:relative;max-width:440px;justify-self:end;width:100%;padding:0 20px 24px}.hero-emblem img{aspect-ratio:1;object-fit:cover;width:100%;transform:rotate(-8deg)}.emblem-label{position:absolute;right:8px;bottom:16px;transform:rotate(-8deg);background:var(--yellow);color:black;padding:7px 14px;font-size:.75rem;font-weight:800;letter-spacing:.07em}.hero-foot{color:#9a9a9a;border-top:1px solid var(--line);padding-top:18px}.hero-foot a{display:flex;align-items:center;gap:18px;color:white}.hero-foot a span{font-size:1.15rem}.ribbon{background:var(--yellow);overflow:hidden;border-top:2px solid #111;border-bottom:2px solid #111;padding:14px 0}.ribbon>div{white-space:nowrap;width:max-content;font-size:1.35rem;font-weight:900;letter-spacing:-.025em;animation:marquee 38s linear infinite}.ribbon span{display:inline-block;margin:0 30px;font-size:1.6rem}@keyframes marquee{to{transform:translateX(-33.333%)}}.section{padding:70px 4.5% 80px}.section-label{padding-bottom:26px;border-bottom:1px solid #ccc;margin-bottom:44px}.about,.meet{background:var(--white)}.display{font-family:var(--display);font-size:clamp(3rem,5.8vw,6rem);line-height:1.05;font-weight:400;letter-spacing:-.01em}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.about h2 em{background:var(--yellow);padding:0 6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.lead{font-size:1.6rem;font-weight:700;letter-spacing:-.04em;line-height:1.3;margin-bottom:24px}.about-copy p:not(.lead){color:#525252;max-width:560px}.underlined{display:inline-block;border-bottom:1px solid black;margin-top:22px;font-size:.875rem;font-weight:bold;padding-bottom:3px}.manifesto{margin-top:64px;padding-top:32px;border-top:1px solid #ccc;display:grid;grid-template-columns:repeat(3,1fr);gap:6%}.number{font-size:.75rem;font-weight:700;display:inline-block;margin-bottom:18px;color:#555}.manifesto h3{font-size:1.3rem;letter-spacing:-.04em;margin-bottom:12px}.manifesto p{color:#606060;max-width:360px;line-height:1.65}.news{background:var(--yellow)}.news .section-label{border-color:#aea320}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:40px}.section-heading>p{font-size:.95rem;max-width:300px;color:#484400}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{display:flex;flex-direction:column;background:var(--black);color:white;transition:transform .2s;min-width:0}.news-card:hover{transform:translateY(-5px)}.card-image{position:relative;overflow:hidden;aspect-ratio:1.1;background:#050505}.card-image>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.news-card:hover .card-image>img{transform:scale(1.035)}.tag{position:absolute;top:16px;left:16px;font-size:.75rem;letter-spacing:.06em;background:var(--yellow);color:#111;font-weight:bold;padding:5px 10px}.play{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #fff;border-radius:50%;background:#1119;font-size:.875rem}.card-copy{padding:26px;flex:1;display:flex;flex-direction:column}.card-copy time{font-size:.75rem;color:#999;letter-spacing:.06em}.card-copy h3{font-size:1.5rem;letter-spacing:-.04em;margin:14px 0}.card-copy p{font-size:1rem;line-height:1.55;color:#b8b8b8}.card-link{font-size:.875rem;display:flex;justify-content:space-between;margin-top:28px;padding-top:16px;border-top:1px solid #333;font-weight:bold}.card-link>span{font-size:1rem}.news-footer{margin-top:40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.news-footer p{font-size:.95rem}.anniversary{background:var(--black);color:white}.anniversary .section-label{border-color:#444;color:#aaa}.anniversary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.twenty{color:var(--yellow);font-family:var(--display);font-size:clamp(10rem,26vw,25rem);line-height:.8;letter-spacing:-.055em;position:relative;padding-bottom:64px}.twenty>span{display:block;font-family:var(--body);font-size:1.25rem;letter-spacing:.3em;color:#111;background:var(--yellow);padding:16px 20px;transform:rotate(-7deg);width:max-content;position:absolute;bottom:30px;left:30%;font-weight:900}.anniversary-copy .display{margin-bottom:28px;font-size:clamp(3rem,4.8vw,5rem)}.anniversary-copy em{color:var(--yellow)}.anniversary-copy>p:not(.eyebrow){color:#b9b9b9;max-width:500px}.anniversary-copy .button{margin-top:30px}.meet-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.meet-grid>div>p{margin-top:26px;max-width:400px;color:#555}.meet .button{margin-top:28px}.faq{border-top:1px solid #bbb}.faq details{border-bottom:1px solid #bbb;padding:22px 0}.faq summary{cursor:pointer;display:flex;justify-content:space-between;font-size:1.05rem;font-weight:bold;list-style:none;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:1.4rem;line-height:1}.faq details[open] summary:after{content:'−'}.faq p{color:#555;line-height:1.65;margin-top:16px;padding-right:24px}.faq a{display:inline-block;border-bottom:1px solid #111;margin-top:10px;font-size:.875rem}.footer{background:white;padding:38px 4.5% 24px;border-top:1px solid #ddd}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:32px}.footer-brand{display:flex;align-items:center;gap:20px}.footer-brand img{width:64px}.footer-brand>span{font-family:var(--display);font-size:2rem;line-height:1}.footer-brand small{display:block;font-family:var(--body);font-size:.75rem;letter-spacing:.08em;font-weight:bold;margin-top:10px}.footer-top>div{display:flex;gap:24px;font-size:.875rem;font-weight:bold}.footer-bottom{border-top:1px solid #ddd;padding-top:20px;font-size:.75rem;color:#666;display:flex;justify-content:space-between;gap:16px}.footer-bottom a{color:#111}
@media(min-width:1600px){.header,.hero,.section,.footer{padding-left:max(4.5%,calc((100vw - 1450px)/2));padding-right:max(4.5%,calc((100vw - 1450px)/2))}.hero h1{font-size:16rem}}
@media(max-width:850px){.header nav{gap:20px}.hero-bottom{grid-template-columns:1fr 36%;gap:3%}.hero h2{font-size:3rem}.hero-copy>p:not(.eyebrow){font-size:1rem}.hero-emblem{padding:0 0 24px}.actions{gap:20px}.about-grid{gap:6%}.lead{font-size:1.35rem}.news-grid{gap:16px}.card-copy{padding:20px}.card-copy h3{font-size:1.25rem}.anniversary-grid,.meet-grid{gap:6%}.anniversary-copy .display{font-size:3rem}}
@media(max-width:620px){html{scroll-padding-top:24px}.header{padding:16px 6%}.brand img{width:42px;height:42px}.brand>span{font-size:1.05rem}.brand small{font-size:.75rem}.menu-toggle{display:flex;align-items:center;gap:14px;background:none;color:white;border:1px solid #666;padding:8px 12px;font-size:.875rem;min-height:44px}.header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#111;border-top:1px solid #333;border-bottom:1px solid #555;padding:20px 6%;flex-direction:column;align-items:stretch;gap:12px}.header nav.is-open{display:flex}.header nav a{padding:10px 0}.nav-ig{justify-content:space-between}.hero{padding:24px 6% 18px}.hero-top{font-size:.75rem}.hero-top>span:last-child{display:none}.hero h1{font-size:18.2vw;margin-top:28px;letter-spacing:-.02em}.hero-bottom{display:flex;flex-direction:column-reverse;gap:22px;margin-top:18px;margin-bottom:34px;align-items:stretch}.hero-emblem{max-width:230px;align-self:center;margin:0;padding-bottom:10px}.emblem-label{font-size:.75rem;bottom:4px;right:0;padding:6px 10px}.hero-copy .eyebrow{margin-bottom:14px}.hero h2{font-size:3.05rem}.hero-copy>p:not(.eyebrow){font-size:1rem}.hero-copy>p br{display:none}.actions{gap:24px;margin-top:24px;flex-wrap:wrap}.button{padding:14px 20px}.hero-foot{font-size:.75rem;align-items:center}.hero-foot a{font-size:.75rem;max-width:155px;gap:10px}.ribbon{padding:11px 0}.ribbon>div{font-size:1.1rem}.section{padding:46px 6% 54px}.section-label{font-size:.75rem;margin-bottom:32px;padding-bottom:20px;gap:12px}.section-label>span:last-child{text-align:right}.about-grid,.anniversary-grid,.meet-grid{grid-template-columns:1fr;gap:30px}.display{font-size:3.2rem}.about-copy .lead{font-size:1.35rem}.manifesto{grid-template-columns:1fr;margin-top:36px;padding-top:24px;gap:24px}.manifesto article{display:grid;grid-template-columns:30px 1fr;column-gap:10px}.number{grid-row:1 / 3;margin:2px 0 0}.manifesto h3{font-size:1.2rem}.manifesto p{grid-column:2;max-width:none}.section-heading{flex-direction:column;align-items:start;gap:20px;margin-bottom:28px}.section-heading>p{font-size:.95rem}.news-grid{grid-template-columns:1fr;gap:24px}.card-image{aspect-ratio:1.2}.card-copy{padding:24px}.card-copy h3{font-size:1.6rem}.tag{font-size:.75rem}.news-footer{flex-direction:column;align-items:stretch;gap:20px;margin-top:28px}.news-footer p{text-align:center}.anniversary-grid{gap:36px}.twenty{font-size:65vw;justify-self:center;padding-bottom:48px;line-height:.8}.twenty>span{font-size:1rem;padding:12px 20px;bottom:10px}.anniversary-copy .display{font-size:3.2rem}.anniversary-copy .eyebrow{font-size:.75rem}.meet-grid{gap:36px}.faq summary{font-size:1rem}.footer{padding:32px 6% 22px}.footer-top{align-items:flex-start;gap:24px;flex-direction:column}.footer-bottom{flex-direction:column;gap:8px}.footer-brand img{width:58px}.footer-top>div{margin-left:78px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ribbon>div{animation:none}*{transition:none!important}}

/* Foc de les Fogueres: low-intensity flames around the emblem and anniversary. */
.hogueras-fire{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:visible}
.flame{position:absolute;display:block;width:var(--flame-size,24px);opacity:.3;transform-origin:50% 90%;filter:drop-shadow(0 0 7px #ffb53d35);animation:flame-breathe var(--flame-duration,4.6s) ease-in-out var(--flame-delay,0s) infinite;animation-play-state:paused}
.hogueras-fire .flame img{width:100%;height:auto;aspect-ratio:1;transform:none}
.flame-1{left:1%;top:24%;--flame-size:22px;--flame-delay:-1.1s}
.flame-2{right:4%;top:8%;--flame-size:28px;--flame-duration:5.7s;--flame-delay:-3.2s}
.flame-3{left:11%;bottom:9%;--flame-size:20px;--flame-duration:5.2s;--flame-delay:-2.4s}
.flame-4{right:2%;bottom:25%;--flame-size:24px;--flame-delay:-.7s}
.ember{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffd576;opacity:0;box-shadow:0 0 5px #ffc25f55;animation:ember-rise var(--ember-duration,7s) ease-out var(--ember-delay,0s) infinite;animation-play-state:paused}
.ember-1{left:5%;bottom:25%;--ember-delay:-3s}
.ember-2{right:6%;bottom:28%;--ember-delay:-5.3s;--ember-duration:8s}
.ember-3{left:19%;top:22%;--ember-delay:-1.5s;--ember-duration:7.8s}
.ember-4{right:20%;top:14%;--ember-delay:-4.2s}
.hogueras-fire.is-visible .flame,.hogueras-fire.is-visible .ember{animation-play-state:running}
.twenty .hogueras-fire{font-size:initial;letter-spacing:normal;color:initial}
.twenty .flame-1{left:-5%;top:16%}.twenty .flame-2{right:0;top:6%}.twenty .flame-3{left:5%;bottom:11%}.twenty .flame-4{right:4%;bottom:13%}
.hero-foot{align-items:center;flex-wrap:wrap}
.motion-toggle{display:inline-flex;align-items:center;gap:8px;border:0;padding:8px;background:none;color:#b9b9b9;font-size:.75rem;line-height:1.4;cursor:pointer;min-height:36px}
.motion-toggle[hidden]{display:none}.motion-toggle:hover{color:var(--yellow)}.motion-symbol{font-size:1rem;min-width:14px;text-align:center}
body[data-motion="paused"] .hogueras-fire .flame,body[data-motion="paused"] .hogueras-fire .ember,body[data-motion="paused"] .ribbon>div{animation-play-state:paused}
@keyframes flame-breathe{0%,100%{opacity:.24;transform:translate3d(0,0,0) rotate(-3deg) scale(.96)}45%{opacity:.48;transform:translate3d(2px,-5px,0) rotate(2deg) scale(1.06)}70%{opacity:.32;transform:translate3d(-1px,-2px,0) rotate(-1deg) scale(1.01)}}
@keyframes ember-rise{0%{opacity:0;transform:translate3d(0,0,0)}18%{opacity:.5}65%{opacity:.2}100%{opacity:0;transform:translate3d(9px,-54px,0)}}
@media(max-width:620px){.hero-foot{gap:12px 16px}.hero-foot>a{margin-left:auto}.motion-toggle{order:3;width:100%;padding:3px 0;min-height:30px;justify-content:center}.hero-emblem .flame-2{--flame-size:22px}.hero-emblem .flame-4{--flame-size:19px}.twenty .flame{--flame-size:22px}}
@media(prefers-reduced-motion:reduce){.hogueras-fire .flame,.hogueras-fire .ember{animation:none}.hogueras-fire .flame{opacity:.25;transform:none}.hogueras-fire .ember{display:none}.motion-toggle{display:none}}