.workshop-experience{--workshop-paper:#fff1e3;--workshop-ink:#302823;--workshop-line:#b8a594;--workshop-gold:#ffb72e;color:var(--workshop-ink);background:var(--workshop-paper);font-family:Noto Sans JP,sans-serif;position:relative}.workshop-experience *{box-sizing:border-box}.workshop-experience [hidden]{display:none!important}.workshop-experience button,.workshop-experience input{font:inherit;color:inherit}.workshop-experience button{cursor:pointer}.workshop-experience a{color:inherit;text-decoration:none}.workshop-hero{isolation:isolate;height:53.56vw;min-height:590px;max-height:1000px;position:relative;overflow:hidden}.workshop-heading{z-index:3;pointer-events:none;position:absolute;top:4.7vw;left:5.15%}.workshop-heading h1{letter-spacing:-.055em;color:#302823;margin:0 0 6px;font-family:Noto Sans JP,sans-serif;font-size:clamp(50px,6.05vw,102px);font-weight:900;line-height:1.08}.workshop-heading>p{letter-spacing:.01em;margin:0 0 12px;font-size:clamp(16px,1.5vw,24px);line-height:1.3}.workshop-cta{background:var(--workshop-gold);letter-spacing:.03em;pointer-events:auto;border-radius:16px;padding:14px 38px;font-size:clamp(15px,1.35vw,22px);font-weight:700;transition:background .15s;display:inline-block}.workshop-cta:hover{background:#ffc64a}.workshop-viewport{touch-action:pan-y;position:absolute;inset:0;overflow:hidden}.workshop-static,.workshop-canvas{object-fit:fill;width:100%;height:100%;display:block;position:absolute;inset:0}.workshop-canvas{opacity:0;pointer-events:none}.workshop-experience[data-state=ready] .workshop-canvas{opacity:1}.workshop-experience[data-state=ready] .workshop-static{opacity:0}.workshop-hotspots{transform-origin:0 0;width:1587px;height:850px;position:absolute;top:0;left:0}.workshop-hotspot{outline-offset:6px;touch-action:manipulation;border-radius:8px;display:block;position:absolute}.workshop-hotspot>span{white-space:nowrap;color:#302823;opacity:0;pointer-events:none;background:#fff8f0;border:1px solid #8e7966;border-radius:4px;padding:8px 14px;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.workshop-hotspot:hover>span,.workshop-hotspot:focus-visible>span,.workshop-hotspot[aria-current=true]>span{opacity:1}.workshop-hotspot:focus-visible{outline:3px solid #8b5908}.workshop-stages{z-index:3;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:48%;left:11%;right:13%}.workshop-stages button{pointer-events:auto;background:0 0;border:0;border-bottom:1px solid #918173;padding:0 20px 6px;font-size:clamp(14px,1.45vw,24px);font-weight:700}.workshop-stages button:nth-child(2){transform:translateY(-4vw)}.workshop-stages button:nth-child(3){transform:translateY(-.5vw)}.workshop-controls{z-index:6;white-space:nowrap;background:#fff9f0ed;border:1px solid #cbb9a7;border-radius:6px;align-items:center;gap:12px;padding:8px 12px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 3px 15px #59381b0a}.workshop-controls button{background:0 0;border:0;min-height:30px;padding:5px 2px;font-size:11px}.workshop-controls button:disabled{opacity:.4;cursor:default}.workshop-controls input{accent-color:#9d6612;width:85px;height:25px}.workshop-detail{z-index:8;color:#302823;border-top:3px solid var(--workshop-gold);background:#fffaf3;border-radius:2px;width:330px;max-height:calc(100% - 55px);padding:24px;position:absolute;bottom:72px;right:4%;overflow:auto;box-shadow:0 15px 55px #503b222b}.workshop-close{text-underline-offset:4px;background:0 0;border:0;min-height:28px;margin:0 0 14px auto;text-decoration:underline;display:block;font-size:10px!important}.workshop-detail-head{align-items:center;gap:12px;display:flex}.workshop-detail-head img{border-radius:9px}.workshop-detail h2{margin:0;font-size:17px;line-height:1.6}.workshop-detail>p{margin:18px 0;font-size:12px;line-height:2}.workshop-detail dl{grid-template-columns:auto 1fr;gap:8px 12px;font-size:11px;line-height:1.8;display:grid}.workshop-detail dd{margin:0}.workshop-detail dt{color:#746252}.workshop-detail-links a{border-top:1px solid #cbb9a7;margin-top:10px;padding:12px 0 2px;font-size:12px;display:block}.workshop-detail-links a:hover{text-decoration:underline}.workshop-status{z-index:4;margin:0;font-size:10px;position:absolute;bottom:67px;left:4%}.workshop-selected{border-top:1px solid #8f7e6d;grid-template-columns:.8fr repeat(3,1.3fr);gap:0;margin:0 2.8%;padding:20px 0 24px;scroll-margin-top:90px;display:grid}.workshop-selected>h2{letter-spacing:-.02em;margin:0;padding:0 20px 0 0;font-size:21px;font-weight:700;line-height:1.5}.workshop-app{border-left:1px solid #cbb9a7;align-items:flex-start;gap:15px;padding:6px 26px;display:flex}.workshop-app-number{font-family:serif;font-size:24px;line-height:1.4}.workshop-app h3{margin:0 0 6px;font-size:19px;font-weight:700;line-height:1.5}.workshop-app p{margin:0;font-size:12px;line-height:1.7}.workshop-app:hover h3{text-underline-offset:5px;text-decoration:underline}.workshop-all{justify-content:flex-end;align-items:center;gap:15px;margin:0 4% 0 auto;padding:4px 0 28px;font-size:11px;display:flex}.workshop-all span{font-family:serif;font-size:14px}.home-workshop .site-header{z-index:30;background:#fff1e3;border:0;position:fixed;inset:0 0 auto}.home-workshop .site-header,.home-workshop .site-header a,.home-workshop .site-header button{color:#302823}.home-workshop .site-header .lang-menu{color:#302823;background:#fffaf3}@media (width>=1025px){.home-workshop .header-inner{padding:.4rem 0}}@media (width>=1870px){.workshop-hero{height:1000px}.workshop-heading{top:85px}}@media (width<=1050px){.workshop-hero{min-height:580px}.workshop-heading{top:90px}.workshop-heading h1{font-size:clamp(42px,6vw,65px)}.workshop-heading>p{font-size:16px}.workshop-cta{padding:12px 25px;font-size:14px}.workshop-stages{top:55%}.workshop-selected{grid-template-columns:1fr 1fr 1fr}.workshop-selected>h2{grid-column:1/-1;margin-bottom:15px;font-size:18px}.workshop-app{padding:0 18px}.workshop-app:first-of-type{border-left:0}.workshop-app h3{font-size:16px}.workshop-app p{font-size:10px}}@media (width<=650px){.workshop-hero{height:650px;min-height:0;max-height:none}.workshop-heading{top:100px;left:6%;right:4%}.workshop-heading h1{letter-spacing:-.04em;font-size:clamp(39px,10.5vw,62px);line-height:1.2}.workshop-heading>p{margin-bottom:17px;font-size:14px}.workshop-cta{border-radius:11px;padding:13px 24px;font-size:14px}.workshop-viewport{top:240px;bottom:80px}.workshop-static{object-fit:contain}.workshop-stages{gap:12px;inset:auto 6% 72px}.workshop-stages button{white-space:nowrap;padding:8px 14px;font-size:13px;transform:none!important}.workshop-controls{flex-wrap:wrap;justify-content:center;gap:7px;max-width:95%;padding:6px 8px;bottom:10px}.workshop-controls button{min-height:24px;font-size:10px}.workshop-controls input{width:55px}.workshop-detail{width:auto;max-height:420px;padding:21px;bottom:110px;left:6%;right:6%}.workshop-status{max-width:88%;font-size:9px;bottom:105px;left:6%}.workshop-selected{margin:0 6%;padding:22px 0 0;display:block}.workshop-selected>h2{margin:0 0 8px;font-size:18px}.workshop-app{border-top:1px solid #cbb9a7;border-left:0;gap:18px;padding:17px 0}.workshop-app h3{font-size:17px}.workshop-app p{font-size:11px}.workshop-all{margin-right:6%;padding-top:14px}.workshop-hotspot>span{font-size:26px}}@media (prefers-reduced-motion:reduce){.workshop-experience *{scroll-behavior:auto!important;transition:none!important}}.home-workshop .site-header>.container{width:94%;max-width:none;padding:0}.home-workshop .site-nav{gap:20px;margin:0 25px 0 auto}.home-workshop .nav-link{font-size:16px}.home-workshop .brand-text .brand-line{color:#302823}.home-workshop .brand-text .brand-line.faint{color:#6c5d50}.workshop-experience[data-zoomed=true] .workshop-heading{visibility:hidden}.workshop-experience[data-zoomed=true] .workshop-stages{top:90px;bottom:auto}.workshop-experience[data-zoomed=true] .workshop-stages button{transform:none}@media (width<=650px){.workshop-experience[data-zoomed=true] .workshop-stages{top:auto;bottom:72px}}body.home-workshop astro-dev-toolbar{display:none}.home-workshop .site-header{-webkit-backdrop-filter:none;box-shadow:none;--text:#302823;--text-strong:#302823;--text-muted:#746353;--surface:#fff8ed;--surface-2:#eee0cc;--border:#d4c2ad}@media (width<=650px){.workshop-experience[data-zoomed=true] .workshop-viewport{top:80px;bottom:130px}.workshop-experience[data-selected] .workshop-viewport{top:80px;bottom:600px}.workshop-experience[data-selected] .workshop-hero{height:800px}.workshop-experience:lang(ko) .workshop-heading h1{font-size:clamp(30px,8.5vw,44px)}}.workshop-experience:lang(ja) .workshop-heading h1{transform-origin:0;transform:scaleX(1.13)}.workshop-selected{grid-template-columns:.65fr repeat(3,1.4fr)}@media (width>=1051px){.workshop-stages button{border-bottom:0;position:relative}.workshop-stages button:after{content:"";pointer-events:none;border:1px solid #9c8a7a;border-bottom:0;height:25px;position:absolute;top:calc(100% + 3px);left:-30%;right:-30%}.workshop-stages button:nth-child(2):after,.workshop-stages button:nth-child(3):after{left:-100%;right:-100%}.workshop-experience[data-zoomed=true] .workshop-stages button:after{display:none}}@media (width<=1050px){.workshop-selected{grid-template-columns:repeat(3,1fr)}}@media (width<=650px){.workshop-experience:lang(ja) .workshop-heading h1{transform:none}.workshop-controls{width:88%;max-width:none;left:6%;right:6%;transform:none}.workshop-stages,.workshop-experience[data-zoomed=true] .workshop-stages{bottom:100px}.workshop-detail{bottom:155px}.workshop-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.workshop-stages button{min-height:44px;padding:8px;font-size:12px}}.btn[data-astro-cid-ufch6gkr].primary{color:#fff;background:#403838}body.dark .btn[data-astro-cid-ufch6gkr].primary{background:var(--accent);color:#18181c}