@font-face{font-family:FestivalCondensed;src:url('./assets/projects/festival-toolkit/barlow-condensed.woff2') format('woff2');font-weight:700;font-display:swap}
.exhibit--festival,.festival-dialog{--ft-mint:#e0efca;--ft-ink:#20392f;--ft-blue:#bfdcf4;--ft-pink:#f7bbd4;--ft-line:#20392f28;color:var(--ft-ink);font-family:Arial,'Microsoft YaHei',sans-serif;background:var(--ft-mint)}
.exhibit.exhibit--festival{grid-column:1/-1;border:1px solid #d5e6c0;border-radius:5px;isolation:isolate;overflow:hidden;box-shadow:0 25px 80px #0002}
.festival-masthead{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 30px;border-bottom:1px solid var(--ft-line);font:600 11px/1.5 var(--mono);letter-spacing:1.5px}.festival-masthead>span:first-child{display:flex;align-items:center;gap:14px}.festival-masthead b{display:grid;place-items:center;background:var(--ft-pink);color:#602840;width:34px;height:37px;font:25px Arial;transform:skew(-8deg)}.festival-masthead i{font-style:normal;margin:0 12px;color:#6b8067}
.festival-open{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;padding:0;width:100%;color:inherit;background:none;text-align:left;border:0;cursor:pointer;overflow:hidden}.festival-open:focus-visible{outline:3px solid #406f9b;outline-offset:-6px}.festival-intro{padding:42px 36px 36px;z-index:2;min-width:0}.festival-overline{font:600 11px/1.6 var(--mono);letter-spacing:1.5px;color:#526b58}.festival-intro h3{position:relative;font:700 clamp(4.8rem,8.5vw,8rem)/.83 FestivalCondensed,'Arial Narrow',sans-serif;letter-spacing:-.035em;margin:26px 0 21px;max-width:420px}.festival-intro h3>span{color:#507f9f}.festival-intro h3>i{font:700 .44em/1 FestivalCondensed;position:absolute;top:0;right:0;background:var(--ft-pink);padding:4px 12px 9px;transform:rotate(8deg);color:#813c5a}.festival-product-name{font-size:12px;font-weight:700;letter-spacing:1.3px;margin:0}.festival-intro h4{font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.5;margin:33px 0 13px;letter-spacing:-.04em}.festival-description{font-size:15px;line-height:1.9;color:#506650;max-width:380px;margin:0 0 25px}.festival-inspect{display:inline-flex;align-items:center;gap:24px;font-size:14px;font-weight:700}.festival-inspect b{width:34px;height:34px;display:grid;place-items:center;background:#20392f;color:#e0efca;transition:transform .3s,background .3s}
.festival-stage{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;padding:60px 38px 80px;background-image:radial-gradient(#54775226 .8px,transparent .8px);background-size:15px 15px;overflow:hidden;isolation:isolate}.festival-stage::before{content:'';position:absolute;width:260px;height:580px;background:#c0ddf4a6;transform:rotate(29deg);right:-130px;top:-55px;z-index:-1}.festival-orbit{position:absolute;width:440px;height:440px;border:1px solid #486b5530;border-radius:50%;top:65px;right:-75px}.festival-orbit::before{content:'';position:absolute;inset:36px;border:1px dashed #486b5530;border-radius:50%}.festival-pink-label{position:absolute;right:30px;top:31px;background:#f7bbd4;padding:11px 17px;font:700 12px/1.4 FestivalCondensed;letter-spacing:2px;transform:rotate(8deg);z-index:3}
.festival-ticket-wrap{position:relative;width:100%;max-width:320px;transform:rotate(-9deg);transition:transform .65s cubic-bezier(.18,.8,.3,1);filter:drop-shadow(14px 20px 0 #385b4610)}.festival-ticket{background:#f7f8ee;border:1px solid #55735b44;position:relative;color:#20392f;padding:23px 22px 0}.festival-ticket::before,.festival-ticket::after{content:'';position:absolute;width:22px;height:22px;border-radius:50%;background:var(--ft-mint,#e0efca);bottom:69px}.festival-ticket::before{left:-12px}.festival-ticket::after{right:-12px}.festival-ticket-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font:700 9px/1.5 var(--mono);letter-spacing:1.5px;border-bottom:1px solid #20392f35;padding-bottom:15px}.festival-ticket-top>span:first-child{background:#bfdcf4;padding:5px 8px}.festival-ticket-title{font:700 clamp(45px,5.5vw,70px)/.91 FestivalCondensed,sans-serif;letter-spacing:-1px;margin:25px 0 22px;position:relative}.festival-ticket-title>span{position:absolute;right:0;bottom:1px;color:#d874a1;font:42px Arial}.festival-ticket-seasons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:24px}.festival-stamp{display:flex;align-items:center;flex-direction:column;gap:10px;background:#e0efca;padding:10px 5px 6px;border:1px solid #20392f19;transition:transform .35s,box-shadow .35s}.festival-stamp svg{width:28px;height:28px}.festival-stamp small{font:700 9px var(--mono)}.stamp-autumn{background:#f6dbc3}.stamp-winter{background:#bfdcf4}.stamp-spring{background:#f7bbd4}.festival-ticket-stub{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 0;border-top:1px dashed #809281}.festival-ticket-stub>span{font:700 9px/1.6 var(--mono)}.festival-ticket-stub>b{font:700 32px FestivalCondensed}.festival-barcode{height:36px;width:58px;display:block;background:repeating-linear-gradient(90deg,#20392f 0 2px,transparent 2px 4px,#20392f 4px 5px,transparent 5px 9px,#20392f 9px 12px,transparent 12px 15px)}
.festival-weather{display:flex;align-items:center;gap:17px;position:absolute;bottom:59px;right:23px;padding:19px 20px;width:246px;box-shadow:0 12px 24px #26443516;background:#bfdcf4;border:1px solid #6f91a144;transform:rotate(5deg);transition:background .45s,transform .6s;color:#27485d}.festival-season-icon svg{width:40px;height:40px;display:block}.festival-weather small{font:700 9px/1.5 var(--mono);letter-spacing:1px}.festival-weather b{font:700 30px/1.1 FestivalCondensed;display:block}.festival-weather>span:last-child{margin-left:auto;font-size:25px}.festival-track{position:absolute;left:0;bottom:9px;width:100%;pointer-events:none}.festival-track svg{display:block;width:100%;height:64px;fill:none;stroke:#688d5d;stroke-width:1;stroke-dasharray:5 6;animation:festival-route 18s linear infinite}.festival-track>span{position:absolute;left:30px;bottom:9px;font:700 8px var(--mono);letter-spacing:1.4px;color:#657961;background:#e0efca;padding:4px 9px}
.festival-open:hover .festival-ticket-wrap{transform:rotate(-4deg) translateY(-8px)}.festival-open:hover .festival-weather{transform:rotate(1deg) translateY(4px)}.festival-open:hover .festival-inspect b{transform:rotate(-8deg);background:#47789a}.exhibit--festival[data-season=summer] .stamp-summer,.exhibit--festival[data-season=autumn] .stamp-autumn,.exhibit--festival[data-season=winter] .stamp-winter,.exhibit--festival[data-season=spring] .stamp-spring{transform:translateY(-6px);box-shadow:0 5px 0 #20392f23}.exhibit--festival[data-season=autumn] .festival-weather{background:#f6dbc3;color:#78502f}.exhibit--festival[data-season=spring] .festival-weather{background:#f7bbd4;color:#763d55}.exhibit--festival[data-season=winter] .festival-weather{background:#d2defa;color:#43577d}
.festival-palette{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--ft-line);padding:20px 30px;background:#ffffff40}.festival-palette>div:first-child>span{font-size:13px;font-weight:700}.festival-palette small{display:block;font-size:10px;color:#5b6f57;margin-top:5px;line-height:1.6}.festival-season-controls{display:flex;gap:7px}.festival-season-controls button{display:flex;align-items:center;gap:7px;border:1px solid #63725d50;background:transparent;color:#20392f;padding:9px 12px;cursor:pointer;transition:background .25s,transform .25s;min-height:42px}.festival-season-controls svg{width:19px;height:19px}.festival-season-controls span{font-size:11px}.festival-season-controls [aria-pressed=true]{background:#20392f;border-color:#20392f;color:#ecf6df}.festival-season-controls button:hover{transform:translateY(-3px)}.festival-season-controls button:focus-visible{outline:3px solid #47789a;outline-offset:3px}
.festival-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-block:1px solid var(--ft-line)}.festival-stats>div{display:flex;align-items:center;gap:20px;padding:17px 30px}.festival-stats>div+div{border-left:1px solid var(--ft-line)}.festival-stats dt{font:700 42px/1 FestivalCondensed}.festival-stats dd{margin:0;font:700 10px/1.6 var(--mono);letter-spacing:.6px;color:#516849}.festival-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#20392f;color:#edf6e7;padding:21px 30px}.festival-actions>span{font-size:12px;line-height:1.7;color:#c1d1bb}.festival-actions>div{display:flex;align-items:center;gap:27px}.festival-actions a{font-size:13px;font-weight:700;text-decoration:none}.festival-actions a:focus-visible{outline:3px solid #bfdcf4;outline-offset:5px}.festival-actions .festival-download{display:flex;align-items:center;gap:25px;background:#f7bbd4;color:#46253b;padding:14px 19px;transition:background .3s,transform .3s}.festival-download:hover{background:#ffcee2;transform:translateY(-2px)}
.exhibition-dialog.festival-dialog{max-width:1120px;padding:0;border:1px solid #91a97f;border-radius:5px}.festival-dialog .dialog-close{background:#20392f;color:#e0efca;z-index:4}.festival-detail-head{padding:40px 36px 28px}.festival-detail-head h2{font:700 clamp(40px,6.5vw,80px)/1 FestivalCondensed;letter-spacing:-1px;margin:19px 0 13px}.festival-detail-head h2 span{color:#507f9f}.festival-detail-head h2 i{color:#ad517e;font-style:normal;margin-left:12px}.festival-detail-head p{font-size:20px;font-weight:700;margin:0}.festival-capture{margin:0 30px 30px;background:#f7f8ee;border:1px solid #20392f40}.festival-capture>div{display:flex;justify-content:space-between;gap:12px;padding:12px 17px;font:700 9px var(--mono);letter-spacing:1px;background:#bfdcf4}.festival-capture img{width:100%;height:auto;display:block}.festival-capture figcaption{padding:13px 17px;font-size:12px;color:#576451}.festival-detail-copy{display:grid;grid-template-columns:1fr 1fr;gap:26px 45px;padding:35px}.festival-detail-copy h3{font-size:20px;line-height:1.5;margin:14px 0}.festival-detail-copy p{font-size:15px;line-height:1.9;color:#53664e}.festival-detail-copy .festival-boundary{grid-column:1/-1;border-top:1px solid var(--ft-line);padding-top:23px;margin:0;font-size:12px}
.milestone--festival{border-color:#729477}.milestone--festival .milestone-kicker,.milestone--festival .milestone-link{color:#d7edc0}.festival-now-links{display:flex;flex-wrap:wrap;gap:14px 22px}.milestone--festival .festival-now-art{background:#e0efca;color:#20392f;border-color:#729477;padding:23px 17px;overflow:hidden;gap:22px;align-items:stretch}.festival-now-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font:700 8px var(--mono);letter-spacing:1px}.festival-now-top b{padding:6px;background:#f7bbd4;font:700 25px FestivalCondensed;transform:skew(-7deg)}.festival-now-word{font:700 clamp(28px,3.5vw,45px)/.9 FestivalCondensed;letter-spacing:-.6px}.festival-now-word span{color:#507f9f}.festival-now-pass{padding:16px 12px;background:#f8f9ef;transform:rotate(-6deg);border:1px solid #61735444;box-shadow:6px 8px 0 #20392f12;transition:transform .5s}.festival-now-pass>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #79926a;padding-bottom:12px;margin-bottom:13px}.festival-now-pass strong{font:700 46px/1 FestivalCondensed}.festival-now-pass small{font:700 8px/1.6 var(--mono)}.festival-now-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.festival-now-bars i{display:block;height:46px;background:#cbe4b4}.festival-now-bars i:nth-child(2){background:#f6dbc3}.festival-now-bars i:nth-child(3){background:#bfdcf4}.festival-now-bars i:nth-child(4){background:#f7bbd4}.festival-now-foot{border-top:1px solid #20392f40;padding-top:12px;font:700 9px/1.7 var(--mono);letter-spacing:1px}.milestone--festival:hover .festival-now-pass{transform:rotate(0deg) translateY(-4px)}
@keyframes festival-route{to{stroke-dashoffset:-220}}
@media(max-width:960px){.festival-intro{padding:35px 26px}.festival-intro h3{font-size:clamp(70px,9vw,110px)}.festival-intro h3 i{right:0}.festival-stage{padding:65px 27px 85px}.festival-ticket{padding:18px 17px 0}.festival-weather{right:12px;width:210px;bottom:53px;padding:15px}.festival-palette{align-items:flex-start}.festival-season-controls{display:grid;grid-template-columns:repeat(2,1fr)}.festival-palette>div:first-child{padding-top:12px}.festival-stats>div{gap:14px;padding:17px 22px}}
@media(max-width:700px){.festival-masthead{padding:14px 18px;font-size:8px;letter-spacing:.8px}.festival-masthead>span:first-child{gap:9px}.festival-masthead i{margin:0 5px}.festival-masthead b{width:28px;height:30px;font-size:22px}.festival-open{grid-template-columns:1fr}.festival-intro{padding:32px 25px 25px}.festival-intro h3{font-size:clamp(85px,20vw,126px);max-width:350px;margin:23px 0 19px}.festival-intro h3 i{right:12px}.festival-intro h4{margin-top:28px;font-size:25px}.festival-description{max-width:none;font-size:14px}.festival-stage{min-height:452px;padding:38px 42px 91px}.festival-ticket-wrap{max-width:275px}.festival-ticket-title{font-size:62px}.festival-weather{width:218px;right:22px;bottom:40px}.festival-pink-label{right:24px;top:12px}.festival-track>span{font-size:7px;bottom:0}.festival-palette{display:block;padding:21px}.festival-palette>div:first-child{padding:0}.festival-season-controls{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px;gap:5px}.festival-season-controls button{padding:10px 5px;flex-direction:column;gap:7px}.festival-season-controls span{font-size:10px}.festival-stats>div{display:block;padding:18px}.festival-stats dt{font-size:36px}.festival-stats dd{font-size:9px;margin-top:7px;letter-spacing:0}.festival-actions{display:block;padding:21px}.festival-actions>div{justify-content:space-between;margin-top:17px;gap:16px}.festival-actions .festival-download{gap:17px;padding:13px 15px}.festival-detail-head{padding:39px 23px 25px}.festival-detail-head .festival-overline{font-size:9px;letter-spacing:.5px}.festival-detail-head h2{font-size:43px}.festival-detail-head p{font-size:18px}.festival-capture{margin:0 12px 24px}.festival-capture>div{font-size:7px;padding:10px}.festival-capture figcaption{padding:12px;font-size:11px}.festival-detail-copy{grid-template-columns:1fr;padding:25px;gap:20px}.milestone--festival .festival-now-art{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px}.festival-now-top,.festival-now-foot{grid-column:1/-1}.festival-now-word{font-size:40px;align-self:center}.festival-now-pass{padding:14px 10px}.festival-now-bars i{height:31px}}
@media(prefers-reduced-motion:reduce){.exhibit--festival *,.festival-dialog *,.milestone--festival *{animation:none!important;transition:none!important}}