--ink:#0A0A0A;--ink2:#1A1A1A;--ink3:#2A2A2A; --gold:#888888;--gold-light:#999999; --muted:#666666;--muted-light:#888888; --border:rgba(10,10,10,.08);--border-dark:rgba(255,255,255,.1); --serif:'Cormorant Garamond',Georgia,serif;--display:'Granada','Cormorant Garamond',Georgia,serif; --sans:'Montserrat','Helvetica Neue',sans-serif; --ease:cubic-bezier(.25,.46,.45,.94);--container:1300px;--gutter:clamp(1.5rem,4vw,4rem); --ease-smooth:cubic-bezier(.22,1,.36,1); } html{scroll-behavior:smooth;scrollbar-width:none} html::-webkit-scrollbar{display:none} body{ background:var(--ink);color:var(--ink);font-family:var(--mono); font-weight:300;font-size:16px;line-height:1.6;overflow-x:hidden; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; transition:background-color .4s,color .4s; } ::selection{background:var(--gold);color:var(--cream)} a{color:inherit;text-decoration:none;} button{background:none;border:none;color:inherit;font-family:inherit} img{display:block;max-width:100%} /* *”€*”€*”€ GRAIN *”€*”€*”€ */ .grain{position:fixed;inset:0;z-index:10000;pointer-events:none;opacity:.03;mix-blend-mode:multiply} .grain::before{content:'';position:absolute;inset:-200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:256px;animation:grain 8s steps(10) infinite} @keyframes grain{0%,100%{transform:translate(0,0)}10%{transform:translate(-5%,-10%)}30%{transform:translate(7%,-25%)}50%{transform:translate(-15%,10%)}70%{transform:translate(0%,15%)}90%{transform:translate(-10%,10%)}} /* *”€*”€*”€ CURSOR *”€*”€*”€ */ /* *”€*”€*”€ NAV (JOMO-STYLE: cream bg) *”€*”€*”€ */ nav{ position:fixed;top:0;left:0;right:0;z-index:9000;height:64px; display:flex;align-items:center;justify-content:space-between;padding:0 max(var(--gutter), calc((100% - var(--container))/2 + var(--gutter))); background:#FFFFFF;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px); border-bottom:1px solid var(--border); opacity:0;transform:translateY(-20px);transition:all .6s var(--ease); } nav.visible{opacity:1;transform:translateY(0)} nav.dark{background:rgba(10,10,10,.95);border-bottom-color:var(--border-dark)} nav.dark .nav-link{color:rgba(255,255,255,.45)} nav.dark .nav-link:hover{color:var(--cream)} nav.dark .nav-link::after{background:var(--cream)} nav.dark .nav-logo{color:var(--cream)} nav.dark .nav-hamburger span{background:var(--cream)} .nav-links{display:flex;gap:2rem;align-items:center;flex:1} .nav-links:last-of-type{justify-content:flex-end} .nav-link{font-size:.55rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);transition:color .3s;position:relative;padding-bottom:2px} .nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:.5px;background:var(--ink);transition:width .4s var(--ease)} .nav-link:hover{color:var(--ink)} .nav-link:hover::after{width:100%} .nav-link.active{color:var(--ink)} .nav-link.active::after{width:100%} nav.dark .nav-link.active{color:var(--cream)} nav.dark .nav-link.active::after{background:var(--cream)} .nav-logo{text-align:center;transition:color .3s;display:flex;align-items:center;position:relative} .nav-logo-img{height:22px;width:auto;display:block;transition:all .4s ease} nav.dark .nav-logo-img{filter:brightness(0) invert(1)} .nav-logo:hover .nav-logo-img{transform:scale(1.02)} .nav-btn{font-size:.55rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);background:none;padding:0 0 2px;border:none;position:relative;transition:color .3s}.nav-btn::after{content:'';position:absolute;bottom:0;left:0;width:0;height:.5px;background:var(--ink);transition:width .4s var(--ease)}.nav-btn:hover{color:var(--ink);background:none}.nav-btn:hover::after{width:100%}nav.dark .nav-btn:hover{color:var(--cream)}nav.dark .nav-btn::after{background:var(--cream)} .nav-btn:hover{background:var(--ink2);transform:translateY(-1px)} nav.dark .nav-btn{background:none;color:rgba(255,255,255,.45)} .nav-hamburger{display:none;width:24px;height:24px;flex-direction:column;justify-content:center;align-items:center;background:none;border:none;cursor:pointer;padding:0} .nav-hamburger span{display:block;height:.5px;width:20px;background:var(--ink);transition:all .3s} .mobile-overlay{position:fixed;inset:0;z-index:8999;background:var(--cream);display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.8rem;opacity:0;pointer-events:none;transition:opacity .4s}`n.mobile-overlay.open{display:flex;opacity:1;pointer-events:auto} .mobile-overlay a{font-family:var(--serif);font-size:2rem;font-weight:300;letter-spacing:.08em;color:var(--ink)} /* *”€*”€*”€ HERO (DARK, 60VH) *”€*”€*”€ */ .hero{position:relative;height:60vh;min-height:450px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--ink)} .hero-bg{position:absolute;inset:0;z-index:1} .hero-bg img{width:100%;height:120%;object-fit:cover;transform:scale(1.05);opacity:.45;transition:transform 8s ease} .hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.7) 0%,rgba(10,10,10,.3) 40%,rgba(10,10,10,.5) 70%,rgba(10,10,10,.85) 100%);z-index:2} .hero-content{position:relative;z-index:3;text-align:center;max-width:850px;padding:0 2rem} .hero-eyebrow{font-size:.55rem;letter-spacing:.5em;text-transform:uppercase;color:var(--gold);margin-bottom:2rem;opacity:0;transform:translateY(30px)} .hero-title{font-family:var(--serif);font-size:clamp(2.5rem,6.5vw,5.5rem);font-weight:300;line-height:1.05;color:var(--cream);margin-bottom:1rem;opacity:0;transform:translateY(40px)} .hero-title em{font-style:italic;font-weight:400} .hero-sub{font-family:var(--serif);font-size:clamp(.95rem,1.4vw,1.15rem);font-weight:300;color:rgba(245,240,232,.5);line-height:1.8;max-width:500px;margin:0 auto;opacity:0;transform:translateY(30px)} .hero-scroll{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:.6rem;opacity:0} .hero-scroll span{font-size:.45rem;letter-spacing:.4em;text-transform:uppercase;color:rgba(255,255,255,.35)} .hero-scroll-line{width:1px;height:35px;background:linear-gradient(180deg,var(--gold) 0%,transparent 100%);animation:scrollP 2s ease-in-out infinite} @keyframes scrollP{0%,100%{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}} /* *”€*”€*”€ SECTIONS *”€*”€*”€ */ .section{padding:clamp(5rem,10vw,9rem) 0;position:relative} .container{max-width:1300px;margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem)} .eyebrow{font-size:.52rem;letter-spacing:.4em;text-transform:uppercase;color:var(--muted);margin-bottom:1.2rem} .section-title{font-family:var(--display);font-size:clamp(2rem,4.5vw,3.8rem);font-weight:300;line-height:1.1;margin-bottom:1.2rem} .section-title em{font-style:italic;font-weight:400} .divider{width:50px;height:.5px;background:var(--ink);opacity:.15} .fade-up{opacity:0;transform:translateY(35px);transition:opacity .8s var(--ease),transform .8s var(--ease)} .fade-up.vis{opacity:1;transform:translateY(0)} /* *”€*”€*”€ EVENTS INTRO *”€*”€*”€ */ .events-intro{background:var(--cream);text-align:center;padding:clamp(4rem,7vw,6rem) 0} .events-intro-text{ font-family:var(--serif);font-size:clamp(1.1rem,1.8vw,1.4rem); font-weight:300;font-style:italic;color:var(--muted); line-height:1.8;max-width:600px;margin:0 auto; } /* *”€*”€*”€ UPCOMING EVENTS (2-COL GRID) *”€*”€*”€ */ .events-section{background:var(--cream);padding:clamp(3rem,7vw,6rem) 0} .events-header{margin-bottom:clamp(2.5rem,5vw,4rem)} .events-grid{ display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,2.5rem); } .event-card{ display:grid;grid-template-columns:1fr 1fr;gap:0; background:var(--cream2);position:relative;overflow:hidden; border:1px solid var(--border); transition:transform .5s var(--ease),box-shadow .5s var(--ease); } .event-card:hover{ transform:translateY(-6px); box-shadow:0 25px 60px rgba(10,10,10,.06),0 8px 20px rgba(10,10,10,.03); } .event-card-img{ position:relative;overflow:hidden;aspect-ratio:4/3; } .event-card-img img{ width:100%;height:100%;object-fit:cover; transition:transform 1.2s var(--ease); } .event-card:hover .event-card-img img{transform:scale(1.08)} .event-card-img::after{ content:'';position:absolute;inset:0; box-shadow:inset 0 0 0 .5px rgba(10,10,10,.06); pointer-events:none; } /* Lock badge */ .event-lock{ position:absolute;top:1rem;right:1rem;z-index:4; display:flex;align-items:center;gap:.4rem; background:rgba(10,10,10,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); padding:5px 10px; } .event-lock svg{width:10px;height:10px;fill:var(--gold);flex-shrink:0} .event-lock span{ font-size:.4rem;letter-spacing:.25em;text-transform:uppercase; color:var(--gold);font-weight:500; } .event-card-body{ padding:clamp(1.2rem,2vw,2rem); display:flex;flex-direction:column;justify-content:center; } .event-date{ font-family:var(--serif);font-size:clamp(.8rem,1.1vw,.95rem); font-weight:400;color:var(--gold);margin-bottom:.6rem; letter-spacing:.03em; } .event-name{ font-family:var(--serif);font-size:clamp(1.1rem,1.6vw,1.5rem); font-weight:400;font-style:italic;line-height:1.25; color:var(--ink);margin-bottom:.6rem; } .event-location{ display:inline-flex;align-items:center;gap:.4rem; font-size:.45rem;letter-spacing:.25em;text-transform:uppercase; color:var(--muted);margin-bottom:.8rem; } .event-location::before{ content:'';width:14px;height:.5px;background:var(--muted); } .event-desc{ font-size:.72rem;line-height:1.9;color:var(--muted); max-width:280px; } /* *”€*”€*”€ PAST HIGHLIGHTS (HORIZONTAL SCROLL) *”€*”€*”€ */ .archive-section{ background:var(--cream);padding:clamp(4rem,8vw,7rem) 0; position:relative;overflow:hidden; } .archive-section::before{ content:'';position:absolute;top:0;left:0;right:0;height:.5px; background:linear-gradient(90deg,transparent,var(--border),transparent); } .archive-header{margin-bottom:clamp(2rem,4vw,3.5rem)} .archive-scroll{ display:flex;gap:clamp(1.2rem,2vw,2rem); overflow-x:auto;padding:0 clamp(1.5rem,4vw,4rem) 2rem; scrollbar-width:none;cursor:grab; -webkit-overflow-scrolling:touch; } .archive-scroll::-webkit-scrollbar{display:none} .archive-scroll:active{cursor:grabbing} .archive-item{ flex:0 0 auto;width:clamp(260px,22vw,340px); position:relative;overflow:hidden; transition:transform .5s var(--ease); } .archive-item:hover{transform:translateY(-4px)} .archive-item-img{ overflow:hidden;aspect-ratio:3/4;position:relative; } .archive-item-img img{ width:100%;height:100%;object-fit:cover; transition:transform 1.2s var(--ease); } .archive-item:hover .archive-item-img img{transform:scale(1.06)} .archive-item-img::after{ content:'';position:absolute;inset:0; background:linear-gradient(180deg,transparent 50%,rgba(10,10,10,.5) 100%); pointer-events:none; } .archive-item-info{ padding:1rem 0 0; } .archive-item-name{ font-family:var(--serif);font-size:clamp(.95rem,1.2vw,1.15rem); font-weight:400;font-style:italic;color:var(--ink); margin-bottom:.3rem; } .archive-item-date{ font-size:.48rem;letter-spacing:.25em;text-transform:uppercase; color:var(--muted); } /* *”€*”€*”€ ACCESS CTA (DARK) *”€*”€*”€ */ .access-cta{ background:var(--ink);color:var(--cream);text-align:center; padding:clamp(5rem,10vw,9rem) 0;position:relative;overflow:hidden; } .access-cta::before{ content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); width:600px;height:600px;border-radius:50%; background:radial-gradient(circle,rgba(201,169,110,.04) 0%,transparent 70%); pointer-events:none; } .access-cta .eyebrow{color:var(--gold);text-align:center} .access-quote{ font-family:var(--serif);font-size:clamp(1.4rem,2.8vw,2.3rem); font-weight:300;font-style:italic;line-height:1.4; color:var(--cream);max-width:700px;margin:0 auto 1rem; } .access-quote span{color:var(--gold)} .access-note{ font-size:.6rem;letter-spacing:.12em;color:var(--muted); margin-bottom:3rem;max-width:500px;margin-left:auto;margin-right:auto; line-height:1.9; } .btn-light{ display:inline-block;font-size:.55rem;letter-spacing:.3em; text-transform:uppercase;color:var(--ink);background:var(--cream); padding:15px 42px;transition:all .4s var(--ease); margin-bottom:2rem; } .btn-light:hover{background:var(--cream2);transform:translateY(-2px)} .access-disclaimer{ font-size:.5rem;letter-spacing:.15em;color:rgba(255,255,255,.3); max-width:420px;margin:0 auto;line-height:1.8; } /* PAGE CONTENT wrapper */ .page-content{position:relative;z-index:2;background:var(--cream);margin-bottom:80vh} /* FOOTER LAYER (sticky, revealed underneath) */ .footer-layer{position:sticky;bottom:0;z-index:1;background:var(--ink);min-height:80vh;display:flex;flex-direction:column;justify-content:space-between} footer{background:var(--ink);color:var(--cream);padding:clamp(4rem,7vw,5.5rem) 0 2rem} .footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;margin-bottom:3.5rem} .footer-logo{font-family:var(--serif);font-size:1.4rem;letter-spacing:.4em;font-weight:300;color:var(--cream);margin-bottom:.8rem} .footer-tagline{font-family:var(--serif);font-size:.85rem;font-style:italic;color:rgba(245,240,232,.4);max-width:230px} .footer-nav-title{font-size:.5rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem} .footer-nav{display:flex;flex-direction:column;gap:.6rem} .footer-nav a{font-size:.7rem;color:rgba(245,240,232,.4);transition:color .3s} .footer-nav a:hover{color:var(--cream)} .footer-social-links{display:flex;gap:1rem;margin-top:.5rem} .footer-social-links a{width:34px;height:34px;border:1px solid var(--border-dark);display:flex;align-items:center;justify-content:center;transition:all .3s} .footer-social-links a:hover{border-color:var(--gold);background:rgba(201,169,110,.08)} .footer-social-links svg{width:13px;height:13px;fill:rgba(245,240,232,.4);transition:fill .3s} .footer-social-links a:hover svg{fill:var(--gold)} .footer-bottom{padding-top:1.8rem;border-top:1px solid var(--border-dark);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem} .footer-legal{font-size:.55rem;color:rgba(245,240,232,.25);letter-spacing:.04em} .footer-legal-links{display:flex;gap:1.2rem} .footer-legal-links a{font-size:.55rem;color:rgba(245,240,232,.25);transition:color .3s} .footer-legal-links a:hover{color:var(--cream)} /* *”€*”€*”€ BACK TO TOP *”€*”€*”€ */ .btt{position:fixed;bottom:2rem;right:2rem;z-index:9500;width:42px;height:42px;border:1px solid var(--border);background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all .4s var(--ease)} .btt.vis{opacity:1;pointer-events:auto} .btt:hover{border-color:var(--gold);background:var(--cream)} .btt svg{width:14px;height:14px;stroke:var(--muted);fill:none;stroke-width:1.5;transition:stroke .3s} .btt:hover svg{stroke:var(--gold)} /* *”€*”€*”€ PAGE ENTER *”€*”€*”€ */ @keyframes pageEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}} body.page-ready{animation:pageEnter .8s var(--ease) both} /* *”€*”€*”€ STAGGERED DELAYS *”€*”€*”€ */ .events-grid .event-card:nth-child(1){transition-delay:0s} .events-grid .event-card:nth-child(2){transition-delay:.08s} .events-grid .event-card:nth-child(3){transition-delay:.16s} .events-grid .event-card:nth-child(4){transition-delay:.24s} .events-grid .event-card:nth-child(5){transition-delay:.32s} .events-grid .event-card:nth-child(6){transition-delay:.4s} .events-grid .fade-up:nth-child(1){transition-delay:0s} .events-grid .fade-up:nth-child(2){transition-delay:.1s} .events-grid .fade-up:nth-child(3){transition-delay:.15s} .events-grid .fade-up:nth-child(4){transition-delay:.2s} .events-grid .fade-up:nth-child(5){transition-delay:.25s} .events-grid .fade-up:nth-child(6){transition-delay:.3s} /* *”€*”€*”€ RESPONSIVE *”€*”€*”€ */ @media(max-width:1024px){ .events-grid{grid-template-columns:1fr} .event-card{grid-template-columns:2fr 3fr} .footer-top{grid-template-columns:1fr 1fr} } @media(max-width:768px){ .nav-links{display:none}.nav-hamburger{display:flex} .events-grid{grid-template-columns:1fr} .event-card{grid-template-columns:1fr} .event-card-img{aspect-ratio:16/9} .event-card-body{padding:1.5rem} .archive-item{width:240px} .footer-top{grid-template-columns:1fr;gap:2rem} .footer-bottom{flex-direction:column;text-align:center} } @media(max-width:480px){ .event-card-body{padding:1.2rem} .archive-item{width:200px} }
Home About Moments Events Spaces Partnerships Apply Login
ARCA Events
[experiences]

Curated Moments of
Euphoria

A programme of extraordinary experiences reserved exclusively for ARCA members.

Discover
[upcoming]

What's next

La Mesa Oculta Vol. III
Members Only
July 12, 2026

La Mesa Oculta Vol. III

El Born

Private chef's table, 12 seats. An evening of blind-course tasting with one of Barcelona's most elusive culinary minds.

Rooftop Sessions: Solstice
Members Only
July 21, 2026

Rooftop Sessions: Solstice

Eixample

Live electronic sets paired with bespoke cocktails under the Barcelona sky. Sunset to midnight.

Gallery After Dark
Members Only
August 3, 2026

Gallery After Dark

Poblenou

Private viewing and intimate artist talk. A night where contemporary art meets unscripted conversation.

Wine & Vinyl
Members Only
August 15, 2026

Wine & Vinyl

Barri Gotic

Natural wine tasting guided by a Barcelona sommelier, accompanied by a curated vinyl DJ set. Analog pleasures only.

Sunrise Ritual
Members Only
August 28, 2026

Sunrise Ritual

Barceloneta

Beach meditation at dawn followed by a communal farm-to-table breakfast. Begin the day with intention.

The Masquerade
Members Only
September 6, 2026

The Masquerade

Secret Location

The annual gala. Dress code: all black. Masks provided at the door. What happens inside, stays inside.

[archive]

Past moments

Negroni Nights
Negroni Nights Vol. II
March 2026
Canvas & Conversation
Canvas & Conversation
February 2026
Terrace Sessions
Terrace Sessions: Twilight
January 2026
La Mesa Oculta Vol. II
La Mesa Oculta Vol. II
December 2025
The Masquerade 2025
The Masquerade 2025
September 2025
Full Moon Gathering
Full Moon Gathering
August 2025
Gallery After Dark I
Gallery After Dark I
June 2025