@font-face{font-family:Chiron GoRound TC First;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/chiron-goround-tc-400-first-stiHDD2n.woff2)format("woff2")}@font-face{font-family:Chiron GoRound TC First;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/chiron-goround-tc-600-first-Bqjl6erM.woff2)format("woff2")}@font-face{font-family:Chiron GoRound TC;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/chiron-goround-tc-400-subset-uQw95Zms.woff2)format("woff2")}@font-face{font-family:Chiron GoRound TC;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/chiron-goround-tc-600-subset-Bw82LCWk.woff2)format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-cyrillic-ext-600-normal-BtBW-rpm.woff2)format("woff2"),url(/assets/montserrat-cyrillic-ext-600-normal-wReYPmz2.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-cyrillic-600-normal-CQEPC0hM.woff2)format("woff2"),url(/assets/montserrat-cyrillic-600-normal-DUglwBrH.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-vietnamese-600-normal-DKe6qT_E.woff2)format("woff2"),url(/assets/montserrat-vietnamese-600-normal-SJ-HTWuM.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-latin-ext-600-normal-DSkTqI9L.woff2)format("woff2"),url(/assets/montserrat-latin-ext-600-normal-CSDhkhgS.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-latin-600-normal-UVxSCcoG.woff2)format("woff2"),url(/assets/montserrat-latin-600-normal-CdhFl4lI.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f4f4f2;--raise:#fff;--raise-2:#ebebe8;--line:#1414131a;--hair:#14141314;--t1:#141413;--t2:#4a4a47;--t3:#6b6b67;--paper:#fff;--focus:#141413;--lift:0 1px 2px #14141314, 0 14px 32px -18px #14141352;--gutter:clamp(20px, 5vw, 80px);--max:1320px;--header:72px;--r-lg:clamp(20px, 2.4vw, 32px);--r-md:clamp(14px, 1.6vw, 22px);--ease:cubic-bezier(.2, .7, .2, 1);--keep:normal;--sans:"Chiron GoRound TC First", "Chiron GoRound TC", "PingFang TC", "Noto Sans TC", sans-serif;--num:"Montserrat", var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);color:var(--t1);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-size:18px;line-height:1.7}html.js:not(.font-full){--sans:"Chiron GoRound TC First", "PingFang TC", "Noto Sans TC", sans-serif}@view-transition{navigation:auto}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 16px);background:var(--bg)}body{background:var(--bg);line-break:strict;margin:0;overflow-x:clip}main{overflow-x:clip}h1,h2,h3,h4,p,figure,ol,ul{margin:0}ol,ul{padding:0;list-style:none}h1,h2,h3,h4{font-weight:600}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img,video,svg{max-width:100%;display:block}svg{flex-shrink:0}::selection{background:var(--t1);color:var(--bg)}:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:6px}.num{font-family:var(--num);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:600}.nowrap{white-space:nowrap}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--t1);color:var(--bg);border-radius:999px;padding:10px 18px;font-weight:600;transition:translate .2s;position:fixed;top:12px;left:12px;translate:0 -200%}.skip-link:focus{translate:0}.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));padding-inline:max(var(--gutter), env(safe-area-inset-left)) max(var(--gutter), env(safe-area-inset-right));margin-inline:auto}.btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 24px;font-size:17px;font-weight:600;line-height:1.2;transition:background-color .2s,color .2s,translate .2s;display:inline-flex}.btn-lg{min-height:56px;padding:0 30px;font-size:18px}.btn-sm{min-height:40px;padding:0 18px;font-size:16px}.btn-primary{background:var(--t1);color:var(--bg)}.btn-primary:hover{background:#34332f}.btn-ghost{color:var(--t1);background:#1414130f}.btn-ghost:hover{background:#1414131c}.btn-note{color:var(--t3);font-size:16px;font-weight:400}.btn:active{translate:0 1px}.lede,.headline{word-break:var(--keep);overflow-wrap:anywhere}.lede{color:var(--t2);text-wrap:pretty;max-width:32em;font-size:clamp(18px,1.4vw,21px);line-height:1.8}.headline{letter-spacing:-.005em;text-wrap:balance;font-size:clamp(38px,5.4vw,80px);line-height:1.14}.headline-line{display:block}.headline-word{white-space:nowrap}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.rise{animation:linear both rise;animation-timeline:view();animation-range:entry entry min(320px,36vh)}}}@keyframes rise{0%{opacity:0;translate:0 56px}}.screen{border-radius:var(--r-md);background:#09090a;width:100%;position:relative;overflow:hidden}.screen video,.screen img{object-fit:cover;border-radius:inherit;background:inherit;width:100%;height:100%;display:block}html:not(.js) .screen{background-image:var(--poster);background-position:50%;background-size:cover}@media (width<=699px){html:not(.js) .screen{background-image:var(--phone-poster,var(--poster))}}html:not(.js) .screen video::-webkit-media-controls{display:none!important}.screen-light{--focus:#141413;box-shadow:var(--lift);background:#e9e9e6}.screen-toggle{--focus:#fff;color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;transition:opacity .2s;display:grid;position:absolute;bottom:14px;right:14px}.screen-toggle-disc{background:#0c0c0d99;border-radius:50%;place-items:center;width:44px;height:44px;transition:opacity .2s;display:grid}@media (hover:hover){.screen-toggle{opacity:0}.app-drill.screen{cursor:pointer}.screen:hover .screen-toggle,.screen-toggle:focus-visible{opacity:1}}@media (hover:none){.screen-toggle{border-radius:inherit;place-items:start end;width:auto;height:auto;padding:12px;inset:0}.screen-toggle[data-playing] .screen-toggle-disc{opacity:0}.app-drill.screen{overflow:clip}.app-drill>.screen-toggle .screen-toggle-disc{color:#141413;top:calc(var(--header) + 12px);background:#fff;position:sticky}}.film{--focus:#fff;background:0 0;border:0;width:min(92vw,1280px);max-width:none;max-height:none;padding:0;overflow:visible}.film::backdrop{background:#000000e0}.film[open]{animation:film-in .4s var(--ease)}@keyframes film-in{0%{opacity:0;scale:.96}}.film-frame video{cursor:pointer;background:#000;border-radius:12px;width:100%;max-height:calc(86svh - 56px)}.film-bar{color:#fff;align-items:center;gap:4px;margin-top:8px;display:flex}.film-bar button{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}@media (hover:hover){.film-bar button:not(.film-play):hover{background:#ffffff24}}.film-bar .film-play{color:#141413;background:#fff;margin-right:8px}.film-seek{accent-color:#fff;cursor:pointer;flex:1;min-width:0;height:44px;margin:0 8px 0 0}.film-time{white-space:nowrap;color:#fffc;margin-right:4px;font-size:16px}.film-close{color:#fff;background:#ffffff24;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:-56px;right:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=599px),(orientation:landscape) and (height<=540px){:root{--header:60px}}.site-header{z-index:50;view-transition-name:site-header;background:var(--bg);position:fixed;inset:0 0 auto}.site-header[data-scrolled],.site-header[data-open]{box-shadow:0 1px 0 var(--line)}.header-row{height:calc(var(--header) + env(safe-area-inset-top));padding-inline:max(var(--gutter), env(safe-area-inset-left)) max(var(--gutter), env(safe-area-inset-right));padding-top:env(safe-area-inset-top);grid-template-columns:auto 1fr;align-items:center;gap:24px;max-width:1600px;margin-inline:auto;display:grid}.brand{justify-self:start;align-items:center;gap:10px;min-height:44px;display:inline-flex}.brand-mark{background:currentColor;width:30px;height:30px;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1024'%20height='1024'%20viewBox='0%200%201024%201024'%20role='img'%20aria-labelledby='title%20desc'%20shape-rendering='geometricPrecision'%3e%3ctitle%20id='title'%3e學徑%20路徑標誌%3c/title%3e%3cdesc%20id='desc'%3e透明背景、無邊框、無描邊的學徑%20山徑感標誌。%3c/desc%3e%3cpath%20fill='%23141413'%20stroke='none'%20d='M%20258.17%20128.00%20H%20765.83%20C%20822.79%20128.00%20868.96%20174.17%20868.96%20231.13%20V%20296.20%20C%20817.50%20298.70%20767.00%20302.70%20724.00%20308.20%20C%20654.00%20317.10%20598.00%20327.30%20559.00%20338.20%20C%20520.40%20349.00%20493.80%20361.30%20478.00%20377.00%20C%20462.60%20392.30%20459.00%20411.70%20466.20%20429.00%20C%20473.60%20446.80%20491.40%20461.30%20520.00%20476.80%20C%20539.00%20487.10%20556.40%20497.40%20566.20%20509.50%20C%20576.10%20521.80%20577.50%20535.80%20568.00%20548.40%20C%20557.60%20562.40%20534.70%20574.00%20499.00%20585.40%20C%20465.80%20596.00%20420.90%20608.70%20379.30%20622.00%20C%20327.80%20638.40%20280.00%20658.40%20238.00%20685.00%20C%20203.30%20706.90%20176.10%20731.50%20155.04%20757.00%20V%20231.13%20C%20155.04%20174.17%20201.21%20128.00%20258.17%20128.00%20Z'/%3e%3cpath%20fill='%23141413'%20stroke='none'%20d='M%20868.96%20343.50%20V%20792.87%20C%20868.96%20849.83%20822.79%20896.00%20765.83%20896.00%20H%20389.50%20C%20386.20%20879.00%20384.40%20859.00%20388.20%20843.00%20C%20395.70%20811.30%20414.60%20781.40%20444.30%20752.60%20C%20478.60%20719.50%20526.50%20690.80%20585.00%20659.20%20C%20626.70%20636.70%20669.90%20614.90%20703.80%20592.40%20C%20735.20%20571.50%20753.70%20549.50%20754.00%20530.20%20C%20754.30%20510.70%20740.00%20491.90%20716.10%20476.60%20C%20693.50%20462.10%20660.70%20451.40%20632.00%20439.80%20C%20616.00%20433.30%20606.80%20425.20%20608.90%20415.70%20C%20611.20%20405.40%20626.30%20396.50%20651.50%20388.20%20C%20702.40%20371.50%20786.70%20352.20%20868.96%20343.50%20Z'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1024'%20height='1024'%20viewBox='0%200%201024%201024'%20role='img'%20aria-labelledby='title%20desc'%20shape-rendering='geometricPrecision'%3e%3ctitle%20id='title'%3e學徑%20路徑標誌%3c/title%3e%3cdesc%20id='desc'%3e透明背景、無邊框、無描邊的學徑%20山徑感標誌。%3c/desc%3e%3cpath%20fill='%23141413'%20stroke='none'%20d='M%20258.17%20128.00%20H%20765.83%20C%20822.79%20128.00%20868.96%20174.17%20868.96%20231.13%20V%20296.20%20C%20817.50%20298.70%20767.00%20302.70%20724.00%20308.20%20C%20654.00%20317.10%20598.00%20327.30%20559.00%20338.20%20C%20520.40%20349.00%20493.80%20361.30%20478.00%20377.00%20C%20462.60%20392.30%20459.00%20411.70%20466.20%20429.00%20C%20473.60%20446.80%20491.40%20461.30%20520.00%20476.80%20C%20539.00%20487.10%20556.40%20497.40%20566.20%20509.50%20C%20576.10%20521.80%20577.50%20535.80%20568.00%20548.40%20C%20557.60%20562.40%20534.70%20574.00%20499.00%20585.40%20C%20465.80%20596.00%20420.90%20608.70%20379.30%20622.00%20C%20327.80%20638.40%20280.00%20658.40%20238.00%20685.00%20C%20203.30%20706.90%20176.10%20731.50%20155.04%20757.00%20V%20231.13%20C%20155.04%20174.17%20201.21%20128.00%20258.17%20128.00%20Z'/%3e%3cpath%20fill='%23141413'%20stroke='none'%20d='M%20868.96%20343.50%20V%20792.87%20C%20868.96%20849.83%20822.79%20896.00%20765.83%20896.00%20H%20389.50%20C%20386.20%20879.00%20384.40%20859.00%20388.20%20843.00%20C%20395.70%20811.30%20414.60%20781.40%20444.30%20752.60%20C%20478.60%20719.50%20526.50%20690.80%20585.00%20659.20%20C%20626.70%20636.70%20669.90%20614.90%20703.80%20592.40%20C%20735.20%20571.50%20753.70%20549.50%20754.00%20530.20%20C%20754.30%20510.70%20740.00%20491.90%20716.10%20476.60%20C%20693.50%20462.10%20660.70%20451.40%20632.00%20439.80%20C%20616.00%20433.30%20606.80%20425.20%20608.90%20415.70%20C%20611.20%20405.40%20626.30%20396.50%20651.50%20388.20%20C%20702.40%20371.50%20786.70%20352.20%20868.96%20343.50%20Z'/%3e%3c/svg%3e") 50%/contain no-repeat}.brand-name{letter-spacing:.06em;font-size:21px;font-weight:600}.header-end{justify-content:flex-end;align-items:center;gap:12px;display:flex}.menu-button{border-radius:50%;place-items:center;width:44px;height:44px;margin-right:-8px;display:none}.site-menu{padding:8px max(var(--gutter), env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));border-top:1px solid var(--line);max-height:calc(100svh - var(--header) - env(safe-area-inset-top));overscroll-behavior:contain;overflow-y:auto}.site-menu[hidden]{display:none}.site-menu ul{margin-bottom:20px;display:grid}.site-menu li a{border-bottom:1px solid var(--line);align-items:center;min-height:52px;font-size:20px;display:flex}.site-menu .btn{width:100%}@media (width<=1099px){.menu-button{display:grid}}@media (width>=1100px){.site-menu{display:none}}@media (width<=599px){.header-film{display:none}}@media (width<=359px){.header-cta{display:none}}@media (pointer:coarse){.header-cta,.header-film{min-height:44px}}@media (orientation:landscape) and (height<=540px){.site-menu ul{grid-template-columns:1fr 1fr;column-gap:40px}}html:not(.js) .site-header{box-shadow:0 1px 0 var(--line)}html:not(.js) .menu-button{display:none}html:not(.js) .header-cta{display:inline-flex}html:not(.js) .header-film{display:none}html.is-menu{overflow:hidden}html.is-menu .site-header{bottom:0}.fan{grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:16px;width:100%;height:100%;display:grid;container-type:inline-size}.fan-papers{width:100%;height:100%;min-height:0;position:relative}.fan-paper{aspect-ratio:720/1018;background:var(--paper);transform-origin:50% 140%;width:auto;height:86%;transform:translateX(-50%) rotate(calc(var(--o) * 6deg)) translateY(calc(var(--a) * 8px));z-index:calc(10 - var(--a));box-shadow:0 0 0 1px var(--line), 0 6px 14px -6px #14141347;transition:transform .9s var(--ease);border-radius:4px;position:absolute;top:3%;left:46%}.js .fan:not([data-in]) .fan-paper{transform:translate(-50%)rotate(0)translateY(0)}.fan-names{z-index:11;flex-wrap:wrap;justify-content:center;gap:4px;display:flex;position:relative}.fan-names button{min-height:44px;color:var(--t3);border-radius:999px;padding:0 14px;font-size:17px;transition:color .3s,background-color .3s}.fan-names button[aria-pressed=true]{color:var(--bg);background:var(--t1);font-weight:600}.fan-names button:not([aria-pressed=true]):hover{color:var(--t1)}@container (width<=600px){.fan-names{gap:2px}.fan-names button{padding:0 10px;font-size:16px}}@media (width<=699px){.fan-names{display:none}}.kq{width:min(100%, 1160px, (100svh - var(--header) - 40px) * 1160 / 720);aspect-ratio:1160/720;border-radius:calc(16px * var(--k,.62));box-shadow:0 0 0 1px #1414131f, var(--lift);background:#faf9f5;margin-inline:auto;position:relative}.kq-fit{width:1160px;height:720px;transform:scale(var(--k,.62));transform-origin:0 0;position:absolute;top:0;left:0}@media (width<=760px),(pointer:coarse) and (width<=1099px){.kq{aspect-ratio:auto;height:clamp(600px, calc(100svh - var(--header) - 32px), 780px);border-radius:16px}.kq-fit{width:100%;height:100%;transform:none}}@media (pointer:coarse) and (width<=1099px) and (orientation:landscape){.kq{width:100%;height:max(300px, calc(100svh - var(--header) - 24px))}}html:not(.js) .kq{aspect-ratio:1160/720;background:#faf9f5 url(/media/shots/lesson-board.webp) 50%/cover no-repeat;height:auto}html:not(.js) .kq-fit{display:none}.hero{padding-top:calc(var(--header) + env(safe-area-inset-top) + clamp(28px, 6vh, 80px))}.hero-title{letter-spacing:-.01em;word-break:var(--keep);font-size:clamp(36px,min(12vw,8.6vh),64px);line-height:1.12}.hero-line,.hero-part{display:block}@media (width>=600px){.hero-title{font-size:clamp(40px,min(7.2vw,11vh),88px)}.hero-part{display:inline}}.hero-side{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;margin-top:clamp(20px,3.4vh,40px);display:flex}.hero-sub{max-width:30em;color:var(--t2);word-break:var(--keep);text-wrap:pretty;font-size:clamp(18px,1.45vw,21px);line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}@media (width<=599px){.hero-actions{width:100%;display:grid}.hero-actions .btn{width:100%}}.hero-window{margin-top:clamp(28px,5vh,56px)}.hero-frame{position:relative}.world{aspect-ratio:16/9;border-radius:var(--r-lg);background:#c9d8b5 url(/media/hero/world-960.webp) 50%/cover;overflow:hidden}.world video{object-fit:cover;width:100%;height:100%}html:not(.js) .world video{display:none}@media (width>=1100px),(width>=900px) and (orientation:landscape) and (height>=541px){.hero{--hero-title:clamp(44px, min(4.86vw, 7.2vh), 72px);--hero-sub:clamp(18px, 1.45vw, 21px);--hero-step:clamp(24px, 4.4vh, 48px);padding-top:calc(var(--header) + env(safe-area-inset-top) + var(--hero-step));text-align:center}.hero-title{font-size:var(--hero-title)}.hero-line{display:inline}.hero-side{align-items:center;gap:calc(var(--hero-step) * .6);margin-top:calc(var(--hero-step) * .5);flex-direction:column}.hero-sub{max-width:none;font-size:var(--hero-sub)}.hero-window{margin-top:var(--hero-step)}.hero-frame{--room:calc(100svh - var(--header) - 1.12 * var(--hero-title) - 1.75 * var(--hero-sub) - 56px - 4.1 * var(--hero-step));width:min(100%, max(640px, 2 * var(--room)));margin-inline:auto}.world{aspect-ratio:2}}@media (width>=1100px){.world{background-image:url(/media/hero/world-1920.webp)}}.sec{padding-top:clamp(112px,13vw,200px)}.sec-head{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:clamp(20px,2.4vw,32px) clamp(16px,2vw,24px);display:grid}.sec-head>.headline{grid-column:1/span 8;font-size:clamp(52px,5.2vw,76px)}.sec-lede{grid-column:9/-1;gap:14px;display:grid}.sec-body{margin-top:clamp(40px,5vw,72px)}.fine{color:var(--t3);font-size:16px}.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:40px clamp(40px,5vw,88px);display:grid}.split-copy{gap:clamp(24px,2.4vw,36px);display:grid}.split-lede{gap:14px;display:grid}.split-copy .headline{font-size:clamp(36px,3.3vw,50px)}.run-space{display:none}.run[data-pin]>:first-child{top:var(--pin-top);position:sticky}.run[data-pin]>.run-space{height:calc((var(--n) - 1) * 48vh);display:block}.tour{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:clamp(20px,3vw,48px);display:grid}.tour-list{gap:4px;display:grid}.tour-tab{border-radius:var(--r-md);color:var(--t3);text-align:left;gap:6px;padding:18px 22px;transition:background-color .3s,color .3s;display:grid;position:relative;overflow:hidden}.tour-tab:hover{color:var(--t1)}.tour-tab[aria-selected=true]{background:var(--raise);color:var(--t1);box-shadow:var(--lift)}.tour-tab b{font-size:clamp(20px,1.7vw,24px);font-weight:600;line-height:1.4}.tour-text{text-wrap:pretty;color:var(--t2);font-size:17px;line-height:1.7;display:none}.tour-tab[aria-selected=true] .tour-text{display:block}.tour-tab:after{content:"";background:var(--t1);height:2px;transform:scaleX(var(--p,0));transform-origin:0;opacity:0;border-radius:2px;position:absolute;bottom:0;left:22px;right:22px}.tour-tab[aria-selected=true]:after{opacity:.8}.tour-view{top:calc(var(--header) + 24px);aspect-ratio:16/11;max-height:calc(100svh - var(--header) - 64px);border-radius:var(--r-lg);background:var(--raise-2);display:grid;position:sticky;overflow:hidden}.run[data-pin] .tour-view{position:static}.run:not([data-pin]) .tour-text{display:block}.run:not([data-pin]) .tour-view{align-self:start}.tour-screen{opacity:0;min-height:0;transition:opacity .45s var(--ease), transform .7s var(--ease);grid-area:1/1;place-items:center;padding:5%;display:grid;transform:translateY(18px)scale(.985);container-type:size}.tour-screen[data-on]{opacity:1;transform:none}.tour-screen>.screen{width:min(100cqw,200cqh)}.stage-sheet{box-sizing:border-box;width:auto;height:min(100cqh,117.514cqw);box-shadow:var(--lift);background:#fff;border-radius:4px;padding:2%}.stage-shot{border-radius:var(--r-md);width:min(100cqw,177.778cqh);height:auto;box-shadow:var(--lift);background:#fff}.film-still{border-radius:var(--r-lg);background:#c9d8b5;width:100%;display:block;position:relative;overflow:hidden}.film-still-frame img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:scale .9s var(--ease)}.film-still:hover .film-still-frame img{scale:1.03}.film-still-play{color:#141413;box-shadow:var(--lift);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:16px;padding:10px 28px 10px 10px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.film-still-disc{color:#fff;width:60px;height:60px;transition:scale .35s var(--ease);background:#141413;border-radius:50%;place-items:center;display:grid}.film-still-disc svg{translate:2px}.film-still:hover .film-still-disc{scale:1.08}.film-still-label{font-size:19px;font-weight:600}.film-still-len{color:#6b6b67;margin-left:10px;font-weight:400}.faq{max-width:calc(var(--max) + 2 * var(--gutter));padding:clamp(120px, 13vw, 208px) var(--gutter) 0;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:32px clamp(40px,5vw,96px);margin-inline:auto;display:grid}.faq-title{font-size:clamp(34px,3.6vw,52px);line-height:1.2}.faq-list{gap:8px;display:grid}.faq details{background:var(--raise);border-radius:18px}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:14px 24px;font-size:clamp(18px,1.4vw,20px);font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary svg{color:var(--t3);transition:rotate .3s var(--ease)}.faq details[open] summary svg{rotate:45deg}.faq details p{color:var(--t2);word-break:var(--keep);overflow-wrap:anywhere;padding:0 24px 24px;font-size:18px;line-height:1.8}@supports selector(::details-content){@media (prefers-reduced-motion:no-preference){.faq details{interpolate-size:allow-keywords}.faq details::details-content{height:0;transition:height .4s var(--ease), content-visibility .4s allow-discrete;overflow:clip}.faq details[open]::details-content{height:auto}}}.share{margin-top:clamp(120px,14vw,220px)}.share-stage{border-radius:var(--r-lg);background:#d9c9c0;position:relative;overflow:hidden}.share-art{object-fit:cover;object-position:0% 42%;width:128%;max-width:none;height:clamp(520px,46vw,680px);display:block}.share-card{border-radius:var(--r-md);max-width:640px;box-shadow:var(--lift);background:#fff;gap:18px;padding:clamp(28px,3.4vw,48px);display:grid;position:absolute;bottom:clamp(16px,3vw,48px);left:clamp(16px,3vw,48px)}.share-title{word-break:var(--keep);text-wrap:balance;font-size:clamp(30px,3.6vw,52px);line-height:1.2}.share-sub{color:var(--t2);text-wrap:pretty;font-size:clamp(18px,1.4vw,20px);line-height:1.7}.share-actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.contact{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px clamp(40px,6vw,120px);padding-top:clamp(96px,10vw,160px);display:grid}.contact-copy{gap:20px;display:grid}.contact-title{word-break:var(--keep);font-size:clamp(30px,3.2vw,46px);line-height:1.2}.contact-actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.contact-line{justify-items:center;gap:14px;display:grid}.contact-line img{width:176px;height:176px;box-shadow:var(--lift);background:#fff;border-radius:18px;padding:8px}.contact-line figcaption{color:var(--t3);font-size:16px}.site-footer{max-width:calc(var(--max) + 2 * var(--gutter));padding:40px var(--gutter) calc(48px + env(safe-area-inset-bottom));border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:16px 40px;margin:clamp(96px,10vw,160px) auto 0;display:grid}.footer-line{color:var(--t2);font-size:17px}.footer-links{flex-wrap:wrap;gap:4px 24px;display:flex}.footer-links a{min-height:44px;color:var(--t2);align-items:center;font-size:16px;display:inline-flex}.footer-links a:hover{color:var(--t1)}.footer-fine{color:var(--t3);grid-column:1/-1;font-size:16px}@media (width<=1279px){.share-stage{background:#fff;display:grid}.share-art{object-position:70% 50%;width:100%;height:clamp(240px,52vw,460px)}.share-card{max-width:none;box-shadow:none;border-radius:0;position:static}}@media (width<=1099px){.sec-head>.headline,.sec-lede{grid-column:1/-1}.sec-head>.headline,.split-copy .headline{font-size:clamp(32px,min(8.4vw,12vh),72px)}.split,.faq{grid-template-columns:minmax(0,1fr)}.site-footer{grid-template-columns:1fr}}@media (width<=1099px) and (orientation:portrait){.tour{grid-template-columns:minmax(0,1fr);row-gap:40px}.tour-view{z-index:2;top:calc(var(--header) + 8px);max-height:56svh;box-shadow:0 -8px 0 var(--bg), 0 12px 0 var(--bg), 0 28px 12px -2px var(--bg);order:-1}.tour-list{gap:8px}}@media (width<=1099px) and (orientation:landscape){.tour{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.run:not([data-pin]) .tour-view{top:calc(var(--header) + 12px);max-height:calc(100svh - var(--header) - 24px)}}@media (width<=699px){.split-media .screen{width:auto;margin-inline:calc(-1 * var(--gutter));border-radius:0}.tour-view{aspect-ratio:4/3}.tour-screen{padding:12px}@media (orientation:portrait){.tour-view{aspect-ratio:auto;height:125vw;margin-inline:calc(-1 * var(--gutter));border-radius:0}.tour-screen:has(>.screen,>picture>.stage-shot){padding:0}.tour-screen>.screen,.stage-shot{border-radius:0}}.screen{--shape:var(--phone-shape)}.tour-screen>.screen{width:min(100cqw, 100cqh * var(--shape,2))}.stage-sheet{height:min(100cqh,142.188cqw);padding:0}.stage-shot{width:min(100cqw,90cqh)}.film-still-play{gap:12px;padding:8px 20px 8px 8px}.film-still-disc{width:48px;height:48px}.film-still-label{font-size:17px}.share-actions{width:100%;display:grid}.contact{grid-template-columns:minmax(0,1fr)}.contact-actions .btn{flex:auto}.contact-line{display:none}.faq summary,.faq details p{padding-inline:20px}}@media (orientation:landscape) and (height<=540px){.world{aspect-ratio:auto;height:calc(100svh - var(--header) - 32px)}.split-media .screen{width:auto;max-width:100%;height:calc(100svh - var(--header) - 32px);border-radius:var(--r-md);margin-inline:auto}.film-still-frame img{aspect-ratio:auto;height:calc(100svh - var(--header) - 32px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hero-title,.hero-side{animation:linear both hero-back;animation-timeline:scroll(root);animation-range:0 100vh}.film-still{animation:linear both frame-open;animation-timeline:view();animation-range:entry 30% cover 50%}.world video{animation:linear both world-drift;animation-timeline:view();animation-range:cover;scale:1.1}.sec-head .headline-line,.split-copy .headline-line{animation:linear both rise;animation-timeline:view();animation-range:entry entry min(300px,32vh)}.sec-head .headline-line+.headline-line,.split-copy .headline-line+.headline-line{animation-range:entry min(40px,4vh) entry min(360px,38vh)}}@media (prefers-reduced-motion:no-preference) and (width>=1100px){.split-media{animation:linear both rise,linear both depth-near;animation-timeline:view(),view();animation-range:entry entry min(320px,36vh),cover}}}@keyframes frame-open{0%{scale:.92}}@keyframes world-drift{0%{translate:0 -4%}to{translate:0 4%}}@keyframes depth-near{0%{transform:translateY(48px)}to{transform:translateY(-48px)}}@keyframes hero-back{to{transform:translateY(18vh)}}
