:root{--paper:#f2ead8;--blue:#2336d4;--red:#e5503f;--honey:#f6b73c;--ink:#14383a}
body{background:var(--paper);background-image:linear-gradient(rgba(20,56,58,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(20,56,58,.07) 1px,transparent 1px);background-size:96px 96px}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.22;mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .2 0 0 0 0 .2 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E")}
.nav2{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:16px 4vw;transition:background .3s}
.nav2.solid{background:rgba(242,234,216,.92);backdrop-filter:blur(8px)}.logo img{height:52px;display:block}
.links{display:flex;gap:30px;align-items:center;font:600 1rem Figtree,sans-serif}.links a{text-decoration:none;background:linear-gradient(var(--red),var(--red)) 0 100%/0 2px no-repeat;transition:background-size .25s}.links a:hover{background-size:100% 2px}
.links .pill{background:var(--blue);color:#fff;padding:11px 24px;border-radius:99px;transition:transform .2s,background .2s}.links .pill:hover{background:var(--red);transform:rotate(-3deg) scale(1.05)}
.menu{display:none;font:700 1rem Figtree;background:var(--ink);color:#fff;border:0;border-radius:99px;padding:10px 20px;cursor:pointer}
.h2o{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:2vw;padding:120px 4vw 150px;overflow:hidden}
h1{line-height:.9;font-weight:400}h1>span{display:block;overflow:hidden;padding:.04em .1em}h1 span span{display:inline-block}
.l1{font:italic 400 clamp(4.4rem,10.5vw,10rem)/.95 'Instrument Serif',serif;color:var(--ink)}
.l2{margin:.04em 0 .1em -.1em;background:#fffdf6;transform:rotate(-2deg);box-shadow:0 8px 0 rgba(20,56,58,.12);clip-path:polygon(0 8%,5% 0,12% 6%,20% 1%,30% 7%,42% 0,55% 6%,66% 1%,78% 7%,90% 0,100% 6%,99% 50%,100% 94%,92% 100%,80% 93%,68% 100%,55% 94%,40% 100%,28% 93%,15% 100%,6% 94%,0 100%,1% 50%);padding:.12em .3em!important;font:900 clamp(2.6rem,6.3vw,6.2rem)/.95 Archivo,sans-serif;font-stretch:68%;text-transform:uppercase;color:var(--blue);width:fit-content;max-width:100%}
.l3{font:italic 400 clamp(2.4rem,5vw,4.8rem)/1 'Instrument Serif',serif;color:var(--red);margin-left:.6em}
.sub{max-width:30em;margin:34px 0 26px;font-size:1.15rem}.acts{display:flex;gap:26px;flex-wrap:wrap}
.go{font:italic 400 1.9rem 'Instrument Serif',serif;text-decoration:none;color:var(--ink);background:linear-gradient(var(--red),var(--red)) 0 100%/100% 3px no-repeat;padding-bottom:4px;transition:background-size .25s,color .2s}.go:hover{background-size:100% 100%;color:#fff}.go.alt{background-image:linear-gradient(var(--blue),var(--blue))}
.collage{position:relative;aspect-ratio:1/1.05;width:100%;max-width:880px;justify-self:center}
.collage>*{position:absolute}.paper{left:4%;top:2%;width:62%;height:74%;background:var(--red);clip-path:polygon(0 3%,6% 0,13% 3%,22% 0,31% 2%,40% 0,52% 3%,63% 0,75% 2%,87% 0,100% 3%,98% 20%,100% 38%,97% 58%,100% 78%,98% 100%,86% 97%,72% 100%,58% 97%,44% 100%,30% 97%,16% 100%,5% 97%,0 100%,2% 80%,0 60%,3% 40%,0 20%)}
.ph{background-size:cover;background-position:center;box-shadow:0 18px 30px rgba(20,56,58,.28)}
.leaf{left:20%;top:6%;width:48%;aspect-ratio:3/4;transform:rotate(3deg);clip-path:polygon(0 3%,6% 0,13% 3%,22% 0,31% 2%,40% 0,52% 3%,63% 0,75% 2%,87% 0,100% 3%,98% 20%,100% 38%,97% 58%,100% 78%,98% 100%,86% 97%,72% 100%,58% 97%,44% 100%,30% 97%,16% 100%,5% 97%,0 100%,2% 80%,0 60%,3% 40%,0 20%);box-shadow:none}
.pol{border:12px solid #fffdf6;border-bottom-width:40px}.p1{right:0;top:34%;width:40%;aspect-ratio:1;transform:rotate(-7deg)}.p2{left:0;bottom:6%;width:42%;aspect-ratio:1;transform:rotate(5deg)}
.dot{right:6%;top:0;width:24%;aspect-ratio:1;border-radius:50%;border:8px solid var(--honey);transform:rotate(8deg)}
.stroke{left:-4%;bottom:0;width:100%;fill:none;stroke:var(--blue);stroke-width:12;stroke-linecap:round;overflow:visible;pointer-events:none}
.belt{position:absolute;left:0;right:0;bottom:0;display:flex;list-style:none;padding:0;margin:0;background:var(--ink);transform:rotate(-1deg) scale(1.03);transform-origin:left bottom}
.belt li{flex:1}.belt a{display:block;padding:18px 10px;text-align:center;text-decoration:none;color:#fff;font:900 clamp(1rem,2vw,1.8rem) Archivo,sans-serif;font-stretch:70%;text-transform:uppercase;transition:background .2s,color .2s}
.belt li:nth-child(odd) a:hover{background:var(--honey);color:var(--ink)}.belt li:nth-child(even) a:hover{background:var(--red)}.belt li:last-child a{background:var(--red)}.belt li:last-child a:hover{background:var(--honey);color:var(--ink)}
@media(max-width:900px){.h2o{grid-template-columns:1fr;padding-top:100px}.collage{max-width:460px}.menu{display:block}
.links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;padding:22px 4vw;background:var(--paper);display:none}.links.open{display:flex}.belt{flex-wrap:wrap}.belt li{flex:1 1 33%}}

.cls{background:var(--ink);color:#fff;padding:9vw 4vw 7vw;margin-top:-1px}
.cls h2{font:900 clamp(3rem,8vw,7.5rem)/.9 Archivo,sans-serif;font-stretch:68%;text-transform:uppercase;letter-spacing:0}
.cls h2 em{display:block;font:italic 400 .8em/1 'Instrument Serif',serif;text-transform:none;color:var(--honey)}.cls-head p{margin-top:22px;max-width:32em;color:#e9efe9}
.cls-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:5vw;margin-top:48px;align-items:start}
.days{display:flex;flex-direction:column;border-top:2px solid rgba(255,255,255,.25)}
.days button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:baseline;gap:22px;padding:16px 10px;border-bottom:2px solid rgba(255,255,255,.25);transition:padding .25s,background .25s,color .25s}
.dn{font:900 clamp(2.4rem,5vw,4.4rem)/1 Archivo,sans-serif;font-stretch:68%;text-transform:uppercase;color:transparent;-webkit-text-stroke:1.5px #fff;min-width:2.4em}.cn{font:italic 400 1.6rem 'Instrument Serif',serif}
.days button:hover,.days button[aria-selected=true]{background:var(--honey);color:var(--ink);padding-left:26px}.days button[aria-selected=true] .dn,.days button:hover .dn{color:var(--ink);-webkit-text-stroke:0}
.days button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.stage{position:relative;min-height:560px}.stage .im{width:76%;aspect-ratio:4/5;background-size:cover;background-position:center;transform:rotate(2deg);clip-path:polygon(0 3%,6% 0,13% 3%,22% 0,31% 2%,40% 0,52% 3%,63% 0,75% 2%,87% 0,100% 3%,98% 20%,100% 38%,97% 58%,100% 78%,98% 100%,86% 97%,72% 100%,58% 97%,44% 100%,30% 97%,16% 100%,5% 97%,0 100%,2% 80%,0 60%,3% 40%,0 20%)}
.stage .card{position:absolute;right:0;bottom:4%;width:60%;background:#fffdf6;color:var(--ink);padding:28px 30px;transform:rotate(-2deg);box-shadow:0 20px 40px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.card .t{font:700 .95rem Figtree;color:var(--blue)}.card h3{font:italic 400 clamp(2.2rem,3.6vw,3.4rem)/1 'Instrument Serif',serif}.card p{margin:0}
.cls-note{margin-top:36px}.cls-note a{color:var(--honey)}
@media(max-width:900px){.cls-body{grid-template-columns:1fr}.stage{min-height:0}.stage .im{width:100%}.stage .card{position:relative;width:92%;margin:-60px 0 0 auto}.cn{font-size:1.2rem}}