:root{color-scheme:light;--paper:#F8F6F1;--title:#37423B;--ink:#454A46;--sage:#536A5B;--rule:#c7c9c0;--sans:"Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--sage);outline-offset:5px}button{border:0;background:none}p,h1,h2{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.poster{isolation:isolate;position:relative;display:grid;grid-template-rows:auto minmax(380px,1fr) auto auto;min-height:max(720px,100svh);height:100svh;max-width:1800px;margin:0 auto;padding:32px clamp(30px,3.8vw,66px) 16px;overflow:clip}
.event-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:14px}.identity{display:flex;align-items:center;gap:20px}.unlearn-logo{display:block;width:clamp(190px,18.2vw,276px);height:auto}.event-year{font-size:clamp(.88rem,1.28vw,1.22rem);letter-spacing:.12em;white-space:nowrap}.online-badge{font-size:.98rem;letter-spacing:.1em;font-weight:600;white-space:nowrap;padding:10px 24px;background:var(--sage);color:var(--paper);border-radius:11px}
.hero{position:relative;min-height:0;isolation:isolate}.hero-copy{position:relative;z-index:2;max-width:660px;width:48%;padding:clamp(28px,4.5vh,60px) 0 36px}.hero-copy:before{content:"";position:absolute;inset:-22px -56px -12px -60px;background:linear-gradient(90deg,rgba(248,246,241,.96) 50%,rgba(248,246,241,.86) 75%,rgba(248,246,241,0));z-index:-1;pointer-events:none}.series{font-size:.98rem;letter-spacing:.13em;font-weight:500;margin-bottom:14px;color:var(--title)}h1{font-weight:400;color:var(--title)}.title-art{display:block;width:100%;height:auto;max-height:145px;object-fit:contain;object-position:left center}.title-second{display:block;font-family:var(--serif);font-size:clamp(2.6rem,4.5vw,4.7rem);line-height:1.55;letter-spacing:.1em;padding-left:.3em;white-space:nowrap}.intro{margin:20px 0 8px;padding-left:1.5rem;font-size:clamp(.94rem,1.3vw,1.15rem);line-height:1.9;letter-spacing:.015em}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;font-size:.95rem;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;padding:4px 0}.text-link span{font-size:1.45em;text-decoration:none}.about-desktop{margin-left:1.5rem}
.art-stage{position:absolute;z-index:0;inset:-40px -66px -32px -66px;pointer-events:none;overflow:hidden}.event-art,.art-fallback{display:block;position:absolute;inset:0;width:100%;height:100%}.art-fallback{object-fit:cover;object-position:67% center}.event-art{opacity:0}.art-stage[data-ready="true"] .event-art{opacity:1}.art-stage[data-ready="true"] .art-fallback{visibility:hidden}
.info-strip{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(300px,1fr);gap:26px;border-top:1px solid var(--rule);padding-top:22px;background:var(--paper)}.sessions{display:grid;grid-template-columns:1fr 1fr;min-width:0}.session{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:16px;padding-right:20px}.session+.session{border-left:1px solid var(--rule);padding-left:26px}.session-number{display:flex;align-items:center;justify-content:center;min-width:56px;min-height:44px;padding:9px 10px;background:var(--sage);color:var(--paper);font-size:1rem;letter-spacing:.04em;border-radius:13px;white-space:nowrap}.session h2{font:400 clamp(1.02rem,1.42vw,1.35rem)/1.65 var(--serif);color:var(--title)}.session-lead,.session-theme{display:block}.session-theme{white-space:nowrap}.session-date{font-size:clamp(.73rem,.9vw,.92rem);font-variant-numeric:tabular-nums;line-height:1.8;margin-top:7px;white-space:nowrap}.session-time{margin-left:.22em}.tickets{border-left:1px solid var(--rule);padding-left:26px;min-width:0}.price-standard,.price-concession{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .45em}.price-standard{font-size:1.02rem;line-height:1.45}.price-standard strong{font-size:1.65rem;letter-spacing:-.025em}.pricing small{font-size:.7em;margin-left:.06em}.price-concession{font-size:.76rem;line-height:1.7;margin-top:2px}.price-concession strong{font-size:1.15rem}.event-cta{display:flex;align-items:center;justify-content:center;gap:.7em;min-height:49px;padding:9px 15px;margin-top:9px;border-radius:14px;color:var(--paper);background:var(--sage);text-decoration:none;font-weight:600;font-size:.95rem;letter-spacing:.02em;white-space:nowrap}.event-cta:not(.is-unset):hover{background:#405c4b}.event-cta.is-unset{background:#e4e7df;color:#536054;box-shadow:inset 0 0 0 1px #bdc5b9;cursor:default}.peatix-word{font-size:1.03em}.booking-status{font-size:.68rem;line-height:1.6;text-align:center;color:#596254;margin-top:4px;min-height:1.6em}.poster-footer{position:relative;z-index:3;display:flex;justify-content:flex-end;align-items:center;gap:20px;padding-top:4px;background:var(--paper)}.about-mobile{display:none}.motion-toggle{display:flex;align-items:center;gap:9px;min-height:44px;padding:5px 0 5px 12px;font-size:.75rem;white-space:nowrap}.motion-icon{width:24px;height:24px;border:1px solid #6d786d;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-family:Arial,sans-serif;font-size:15px}.motion-toggle:disabled{opacity:.75}
.about-dialog{width:min(580px,calc(100% - 40px));max-height:calc(100svh - 48px);border:1px solid #c8cec5;border-radius:6px;padding:28px 32px;background:var(--paper);color:var(--ink);box-shadow:0 16px 80px #28372c24}.about-dialog::backdrop{background:#26372b45;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--rule);padding-bottom:12px}.dialog-heading h2{font-family:var(--serif);font-size:1.35rem;font-weight:500;color:var(--title)}.dialog-close{display:flex;align-items:center;justify-content:center;gap:12px;min-width:72px;min-height:44px;font-size:.8rem}.dialog-close span{font-size:1.7rem}.about-body{padding-top:20px;max-height:calc(100svh - 190px);overflow:auto;overscroll-behavior:contain;font-size:.95rem;line-height:2}.about-body p+p{margin-top:.9em}.about-body .organizer{font-size:.78rem;margin-top:1.8em;color:var(--sage)}.noscript-note{max-width:580px;margin:1rem auto;padding:0 20px;font-size:.85rem}
@media(min-width:1600px){.poster{padding-top:40px;padding-bottom:22px}.hero-copy{padding-top:6vh}.info-strip{padding-top:26px;gap:34px}.session{grid-template-columns:64px 1fr;gap:20px}.session-number{min-height:48px}.tickets{padding-left:32px}.price-standard{font-size:1.2rem}.event-cta{min-height:54px;font-size:1.05rem}}
@media(max-width:1100px) and (min-width:701px){.poster{padding-inline:30px;grid-template-rows:auto minmax(330px,1fr) auto auto;min-height:max(700px,100svh)}.identity{gap:14px}.event-year{font-size:.8rem}.unlearn-logo{width:205px}.online-badge{font-size:.83rem;padding:9px 18px}.hero-copy{width:49%}.title-second{font-size:3.6vw}.series{font-size:.88rem}.intro{font-size:.88rem;padding-left:8px}.about-desktop{margin-left:8px}.info-strip{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:16px}.session{grid-template-columns:42px 1fr;gap:10px;padding-right:12px}.session+.session{padding-left:16px}.session-number{min-width:42px;font-size:.8rem;padding:8px 5px;min-height:38px}.session h2{font-size:1rem}.session-date{white-space:normal;font-size:.72rem}.session-time{display:block;margin-left:0}.tickets{padding-left:16px}.event-cta{font-size:.8rem}.price-standard{font-size:.9rem}.price-standard strong{font-size:1.4rem}}
@media(max-width:700px){
 .poster{height:auto;min-height:100svh;display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow:clip}
 .event-header{gap:10px;padding-bottom:0;align-items:center}.identity{gap:0;display:block}.unlearn-logo{width:clamp(145px,42vw,190px)}.event-year{font-size:.54rem;letter-spacing:.07em;margin-top:5px}.online-badge{font-size:.68rem;padding:7px 12px;border-radius:8px;letter-spacing:.06em}
 .hero{display:flex;flex-direction:column;flex:1 0 auto;min-height:0}.hero-copy{padding:21px 0 0;width:100%;max-width:none}.hero-copy:before{display:none}.series{font-size:.8rem;letter-spacing:.11em;margin-bottom:8px}.title-art{width:100%;height:auto;max-height:none}.title-second{font-size:clamp(2rem,8.3vw,2.8rem);line-height:1.5;letter-spacing:.075em;padding-left:.12em}.intro,.about-desktop{display:none}
 .art-stage{position:relative;inset:auto;margin:0 -20px;width:calc(100% + 40px);height:clamp(170px,25svh,285px);flex:1 0 auto;z-index:0}.art-fallback{object-position:65% center}
 .info-strip{display:block;padding-top:0;border-top:1px solid var(--rule);margin-top:0;gap:0}.sessions{display:block}.session{grid-template-columns:44px minmax(0,1fr);gap:15px;padding:9px 0;align-items:center}.session+.session{border-left:0;padding:9px 0;border-top:1px solid #dcded6}.session-number{min-width:44px;min-height:32px;padding:5px 6px;font-size:.75rem;border-radius:9px}.session h2{font:500 .84rem/1.55 var(--sans)}.session-lead,.session-theme{display:inline}.session-date{margin-top:1px;font-size:.73rem;white-space:normal;line-height:1.7}.session-time{white-space:nowrap;margin-left:.3em}.tickets{border-left:0;border-top:1px solid var(--rule);padding:10px 0 0}.price-standard{font-size:.9rem;line-height:1.4}.price-standard strong{font-size:1.36rem}.price-concession{font-size:.73rem;margin-top:1px}.price-concession strong{font-size:1.07rem}.event-cta{min-height:49px;margin-top:9px;font-size:.93rem;border-radius:13px;gap:.65em}.booking-status{font-size:.65rem;margin-top:3px;min-height:1.3em;line-height:1.3}.poster-footer{justify-content:space-between;padding-top:1px;gap:12px}.about-mobile{display:inline-flex;font-size:.76rem;gap:15px}.motion-toggle{font-size:.7rem;padding-left:0;gap:7px}.motion-icon{width:23px;height:23px}.text-link{min-height:44px}
 .about-dialog{width:calc(100% - 28px);padding:19px 22px;max-height:calc(100svh - 36px)}.dialog-heading{gap:8px}.dialog-heading h2{font-size:1.15rem}.about-body{font-size:.9rem;max-height:calc(100svh - 164px);line-height:1.95}
}
@media(max-width:700px) and (min-height:880px){.hero-copy{padding-top:26px}.art-stage{height:28svh}.poster{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}.session{padding-block:11px}.session+.session{padding-block:11px}}
@media(max-width:700px) and (max-height:730px){.poster{padding-top:max(12px,env(safe-area-inset-top))}.hero-copy{padding-top:18px}.art-stage{height:160px;min-height:160px}.title-second{line-height:1.45}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.poster{height:auto}.pricing{position:relative;padding-right:56px}.ticket-platform{display:block;position:absolute;right:0;top:4px;width:52px;height:auto}.event-cta{flex-wrap:wrap;white-space:normal;text-align:center}.event-cta>span{min-width:0;overflow-wrap:anywhere}.identity{min-width:0}.event-year{white-space:normal}.title-second{white-space:normal;overflow-wrap:anywhere}.session-theme{white-space:normal}.session-date{white-space:normal}
@media(max-width:700px){.session-date{font-size:.78rem}.ticket-platform{width:60px;top:1px}.pricing{padding-right:68px}}
@media(min-width:701px){.hero-copy{padding-bottom:24px}.intro{margin-top:14px}.info-strip{padding-top:20px}}
@media(max-width:700px){.session{grid-template-columns:max-content minmax(0,1fr)}}
@media print{.poster{height:auto;min-height:260mm}.motion-toggle,.about-desktop,.about-mobile{display:none}.about-dialog{display:none}.event-art{opacity:1}.event-header{padding-top:0}.event-cta{color:var(--sage);background:none;border:1px solid var(--sage)}}
/* Revision 21: the art has its own input surface; page scrolling and controls stay native. */
.online-badge{background:transparent;color:var(--sage);border:1px solid #a6b3a7;font-weight:500}
.event-cta,.event-cta.is-unset{background:#435E4D;color:#fff;box-shadow:none;min-height:52px;font-weight:600}
.event-cta.is-unset{cursor:default}.booking-status{color:#536054}
.art-stage{pointer-events:auto;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.art-stage[data-ready="false"]{pointer-events:none}
.art-instruction{position:absolute;right:0;bottom:2px;font-size:.66rem;color:#647365;pointer-events:none;z-index:1;letter-spacing:.01em}
.art-stage[data-paused="true"]~.art-instruction{visibility:hidden}
.art-status{position:absolute;right:0;bottom:6px;width:min(42%,430px);font-size:.74rem;line-height:1.6;z-index:1;pointer-events:none}
@media(max-width:700px){.art-instruction{position:static;font-size:.62rem;text-align:center;margin:-3px 0 5px}.art-status{position:static;width:auto;font-size:.68rem}.event-cta{font-size:.92rem}}
.event-art,.art-fallback{pointer-events:none}
/* The fallback is the same active pair, framed inside the usable art area. */
.art-fallback{left:52%;width:48%;object-fit:contain;object-position:center}
@media(max-width:700px){.art-fallback{left:0;width:100%}}
