:root{--ink:#252628;--cream:#f4f0e6;--lime:#d7fa28;--muted:#b8b6ad;--line:#57595a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--cream);font-family:Manrope,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.event-hero{min-height:100vh;padding:27px clamp(20px,5vw,80px) 26px;display:flex;flex-direction:column}
.nav{display:flex;justify-content:space-between}
.logo{font-size:25px;line-height:.82;font-weight:800;letter-spacing:-1.7px;display:flex;flex-direction:column;width:max-content}
.logo i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--lime);margin-left:4px}
.back{font-size:13px;font-weight:700}
.hero-layout{flex:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:7vw;align-items:center;max-width:1500px;width:100%;margin:62px auto 38px}
.kicker,.section-no{margin:0;color:var(--lime);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:12px}
.section-no span{color:#a8a69f;margin-left:15px}
.hero-copy h1{font-size:clamp(60px,7.5vw,126px);line-height:.88;letter-spacing:-.085em;margin:25px 0 32px}
.hero-copy h1 em,.people h2 em{font-style:normal;color:var(--lime)}
.hero-lead{font-size:clamp(21px,2.2vw,31px);line-height:1.2;max-width:650px;margin:0 0 20px}
.hero-text{font-size:17px;line-height:1.5;max-width:540px;margin:0 0 36px;color:#d0cec5}
.cta{display:inline-flex;gap:30px;align-items:center;background:var(--lime);border-radius:999px;color:var(--ink);font-size:14px;font-weight:800;padding:17px 20px;transition:transform .2s}
.cta:hover{transform:translateY(-3px)}
.cta span{font-size:20px}
.scribble{display:block;margin:24px 0 0 47%;font:32px 'Marck Script',cursive;color:var(--lime);transform:rotate(-5deg);width:max-content;border-bottom:2px solid var(--lime)}
.hero-date{display:flex;align-items:flex-end;gap:clamp(16px,2vw,34px);color:var(--lime);justify-self:end}
.hero-date strong{font-size:clamp(170px,18vw,265px);line-height:.66;letter-spacing:-.13em}
.hero-date>div{display:flex;flex-direction:column;gap:11px;padding-bottom:13px}
.hero-date span{font-size:clamp(26px,3vw,46px);font-weight:800;text-transform:uppercase;line-height:.9;letter-spacing:-.06em}
.hero-date small{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}
.event-facts{display:flex;gap:clamp(24px,6vw,100px);margin:0;padding:21px 0 0;border-top:1px solid var(--line)}
.event-facts div{display:flex;gap:10px;align-items:baseline}
.event-facts dt{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted)}
.event-facts dd{margin:0;font-size:14px;font-weight:800}
.section{padding:130px clamp(20px,9vw,150px);border-top:1px solid var(--line)}
.about-grid,.people-grid,.join-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;align-items:start;margin-top:48px}
.section h2{font-size:clamp(45px,5.6vw,88px);line-height:.92;letter-spacing:-.078em;margin:0}
.about-copy,.people-grid>div{font-size:18px;line-height:1.55;max-width:510px}
.about-copy p,.people-grid p{margin:0 0 23px}
.about-copy .intro-lead{font-size:25px;line-height:1.35}
mark{background:transparent;color:var(--lime);font-weight:700}
.program{background:#303234}
.program>h2{margin-top:47px}
.program-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:56px;border-top:1px solid var(--line)}
.program article{min-height:275px;padding:25px 42px 32px 0;border-bottom:1px solid var(--line);transition:padding-left .2s,background .2s}
.program article:nth-child(2n){padding-left:42px;border-left:1px solid var(--line)}
.program article:hover{background:rgba(215,250,40,.045);padding-left:13px}
.program article:nth-child(2n):hover{padding-left:55px}
.program span{font-size:13px;color:var(--lime);letter-spacing:1px}
.program h3{font-size:clamp(25px,2.4vw,36px);letter-spacing:-.055em;margin:58px 0 15px}
.program p{font-size:16px;line-height:1.55;color:#d0cec5;max-width:410px;margin:0}
.hosts-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;align-items:end;margin-top:48px}
.hosts-heading p{max-width:480px;font-size:18px;line-height:1.55;margin:0}
.host{display:grid;grid-template-columns:190px minmax(0,430px);gap:38px;align-items:end;margin:64px 0 0;padding-top:25px;border-top:1px solid var(--line)}
.host-placeholder{aspect-ratio:4/5;background:#37393a;display:grid;place-items:center;color:var(--lime);font-size:90px;font-weight:800;letter-spacing:-.1em}
.host-role{margin:0;color:var(--lime);font-size:12px;letter-spacing:.8px;text-transform:uppercase;font-weight:700}
.host h3{font-size:clamp(42px,4vw,64px);letter-spacing:-.07em;margin:13px 0}
.host-note{font-size:15px;line-height:1.5;color:var(--muted);margin:0}
.atmosphere{background:#303234}
.atmosphere-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:end;margin-top:48px}
.atmosphere h2{font-size:clamp(40px,4.8vw,75px)}
.atmosphere p{font-size:17px;line-height:1.55;max-width:470px}
.atmosphere .location{color:var(--lime);font-weight:700;margin-top:34px}
.atmosphere figure{margin:0}
.atmosphere img{display:block;width:100%;aspect-ratio:1.18;object-fit:cover}
.atmosphere figcaption{font-size:11px;line-height:1.4;color:var(--muted);margin-top:11px}
.join-grid{align-items:end}
.join h2{max-width:800px}
.join-details{max-width:370px;font-size:17px;line-height:1.45}
.join-details>p{margin:0 0 13px}
.join-date{font-size:34px!important;line-height:1.05;font-weight:800;text-transform:uppercase;letter-spacing:-.05em}
.join-date span{font-size:15px;letter-spacing:0;font-weight:600;text-transform:none}
.join-details .price{font-size:34px;font-weight:800;letter-spacing:-.05em;margin:28px 0 16px}
.registration{color:var(--muted);font-size:15px;margin-bottom:27px!important}
footer{display:flex;justify-content:space-between;align-items:flex-end;padding:32px clamp(20px,5vw,80px);font-size:12px;color:var(--muted)}
footer p{margin:0}
.footer-center{text-align:center}
footer nav{display:flex;justify-content:center;gap:15px;margin-top:12px}
footer nav a,footer>a:last-child{color:var(--lime);font-weight:700}
.legal{max-width:300px;margin:16px auto 0!important;font-size:10px;line-height:1.45;color:#8f908d}
.cookie{position:fixed;z-index:10;right:24px;bottom:22px;max-width:430px;padding:16px 16px 16px 19px;border:1px solid rgba(215,250,40,.8);background:#303234;box-shadow:0 14px 40px rgba(0,0,0,.25);display:flex;align-items:center;gap:12px}
.cookie>span{font-size:29px}
.cookie p{font-size:12px;line-height:1.35;margin:0;flex:1}
.cookie button{border:0;border-radius:999px;background:var(--lime);color:var(--ink);font:700 12px Manrope,Arial,sans-serif;padding:10px 12px;cursor:pointer;white-space:nowrap}
.cookie[hidden]{display:none!important}
@media(max-width:760px){.event-hero{min-height:auto;padding:22px 20px 26px}
.hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:42px;margin:66px auto 38px}
.hero-copy h1{font-size:clamp(55px,15vw,80px)}
.hero-lead{font-size:22px}
.hero-text{font-size:16px}
.hero-date{align-self:flex-start;gap:14px}
.hero-date strong{font-size:clamp(135px,40vw,190px)}
.hero-date>div{padding-bottom:8px;gap:8px}
.hero-date span{font-size:25px}
.hero-date small{font-size:11px}
.event-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}
.event-facts div{display:block}
.event-facts div:last-child{grid-column:span 2}
.event-facts dd{margin-top:5px}
.section{padding:76px 20px}
.about-grid,.people-grid,.join-grid,.hosts-heading,.atmosphere-grid{display:block;margin-top:36px}
.section h2{font-size:clamp(43px,13vw,58px)}
.about-copy,.people-grid>div{font-size:16px;margin-top:31px}
.about-copy .intro-lead{font-size:20px}
.program>h2{margin-top:36px}
.program-grid{display:block;margin-top:36px}
.program article,.program article:nth-child(2n){min-height:0;padding:23px 0;border-left:0}
.program article:hover,.program article:nth-child(2n):hover{padding-left:0;background:transparent}
.program h3{font-size:29px;margin:29px 0 12px}
.program p{font-size:15px}
.people-grid>div{margin-top:32px}
.hosts-heading p{font-size:16px;margin-top:28px}
.host{grid-template-columns:112px minmax(0,1fr);gap:20px;margin-top:43px}
.host-placeholder{font-size:57px}
.host h3{font-size:42px}
.atmosphere h2{font-size:45px}
.atmosphere p{font-size:16px}
.atmosphere figure{margin-top:35px}
.join-details{margin-top:35px}
.join-date{font-size:29px!important}
.join-details .price{font-size:30px}
.scribble{margin-left:43%}
footer{display:grid;grid-template-columns:1fr auto;gap:20px 16px;align-items:start}
footer .footer-center{grid-column:1/-1;grid-row:2;text-align:left}
footer nav{justify-content:flex-start}
.legal{margin:15px 0 0!important;text-align:left}
.cookie{left:14px;right:14px;bottom:14px;padding:13px;gap:9px}
.cookie p{font-size:11px}
.cookie button{padding:9px 10px;font-size:11px}
}
@media(max-width:390px){.hero-copy h1{font-size:52px}
.hero-date strong{font-size:128px}
.hero-date span{font-size:21px}
.section h2{font-size:42px}
.host{grid-template-columns:92px minmax(0,1fr)}
.host-placeholder{font-size:50px}
}