*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f7f4;color:#252925;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #84bd00;outline-offset:5px}.skip{position:absolute;top:-80px;left:20px;z-index:2000;padding:12px;background:white}.skip:focus{top:12px}header{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:25px 38px;border-bottom:1px solid #dedfd8}header img{display:block;width:230px;height:auto}.event-link{text-decoration:none;font-weight:600;font-size:14px}.event-link span{margin-left:12px;color:#658f00}.intro{max-width:1440px;margin:auto;padding:35px 38px 28px}.eyebrow{font-size:12px;letter-spacing:1.5px;color:#6c7369;margin-bottom:22px}.eyebrow span{margin:0 14px;color:#abb09f}h1{font-size:clamp(42px,5.5vw,78px);line-height:1.05;letter-spacing:-3px;margin:0 0 15px;font-weight:600}.intro p{font-size:clamp(20px,2.2vw,30px);color:#51594e;margin:0 0 24px}.event-meta{display:flex;align-items:center;gap:23px;flex-wrap:wrap;font-size:13px;color:#666d60}.event-meta>span:not(:last-child){border-right:1px solid #cdd2c5;padding-right:23px}.sponsor{color:#446000;background:#e8efda;border:1px solid #dae5c5;padding:6px 10px;border-radius:20px}.showcase{width:calc(100% - 48px);max-width:1440px;margin:0 auto}.booth{position:relative;border-radius:12px;overflow:hidden;background:#232623}.scene{width:100%;height:auto;display:block}.screen{position:absolute;left:45.82%;top:5.63%;width:25.2%;height:77.4%;background:#171b17;display:flex;flex-direction:column}.screen iframe{width:100%;height:100%;border:0;display:block;flex:1;min-height:0;background:#171b17}.toolbar{position:absolute;top:calc(100% + 24px);left:0;width:100%;display:flex;align-items:center;justify-content:center;z-index:2}.toolbar>span{display:none}.toolbar button{border:1px solid #869172;background:#252d20;color:white;border-radius:6px;min-height:44px;padding:10px 14px;font:600 13px Arial,sans-serif;cursor:pointer;white-space:nowrap}.toolbar button:hover{background:#39492b}.screen.expanded,.screen:fullscreen{position:fixed;inset:0;width:100%;height:100dvh;z-index:1000;display:flex;background:#171b17}.screen.expanded .toolbar,.screen:fullscreen .toolbar{position:relative;top:auto;flex:0 0 auto;justify-content:space-between;padding:8px 16px;background:#252d20;gap:12px}.screen.expanded .toolbar>span,.screen:fullscreen .toolbar>span{display:block;color:#fff;font-size:14px}figcaption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 6px;color:#646c60;font-size:12px;align-items:center}figcaption a{min-height:44px;display:inline-flex;align-items:center;text-underline-offset:3px;color:#3c5226}.context{max-width:1364px;margin:12px auto 35px;border-top:1px solid #daddd2;padding-top:18px;color:#69705f;font-size:13px;line-height:1.65}.context summary{cursor:pointer;width:fit-content}.context p{max-width:950px}.context div{display:flex;gap:24px;flex-wrap:wrap}footer{max-width:1440px;margin:auto;padding:25px 38px;border-top:1px solid #dedfd8;display:flex;justify-content:space-between;gap:15px;color:#747b6a;font-size:12px}@media(max-width:760px){header{padding:20px}header img{width:185px}.event-link{font-size:11px}.event-link span{margin-left:3px}.intro{padding:28px 20px 24px}h1{letter-spacing:-1.7px}.eyebrow{font-size:10px;margin-bottom:19px}.event-meta{gap:10px;font-size:12px}.event-meta>span:not(:last-child){border:0;padding:0}.event-meta>span:first-child:after{content:' ·';margin-left:10px}.showcase{width:calc(100% - 32px)}.booth{overflow:visible;background:transparent}.scene{border-radius:10px}.screen{position:relative;left:auto;top:auto;width:100%;height:auto;margin-top:16px;border:5px solid #252d20;border-radius:10px;overflow:hidden}.toolbar{position:relative;top:auto;flex:0 0 auto;background:#252d20;padding:8px;justify-content:space-between;gap:8px;order:2}.toolbar>span{display:block;color:white;font-size:11px}.toolbar button{font-size:11px;padding:8px}.screen iframe{flex:none;aspect-ratio:9/16;height:auto;width:100%;order:1}.screen.expanded{margin:0;border:0;border-radius:0}.screen.expanded iframe,.screen:fullscreen iframe{flex:1;aspect-ratio:auto;height:100%}.screen.expanded .toolbar{order:0;padding:8px}.screen.expanded .toolbar>span{font-size:11px}figcaption{gap:0;line-height:1.6}.context{margin:14px 20px 25px}footer{padding:20px;flex-wrap:wrap}}
