:root{color-scheme:light;--ink:#373938;--muted:#6f716c;--line:#92836d;--paper:#f1eee8;font-family:Arial,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink)}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
.scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at -6% 68%,#7295a8 0,rgba(135,161,174,.79) 19%,rgba(198,203,203,.37) 43%,transparent 62%),radial-gradient(ellipse at 100% 54%,#f4ddc5 0,rgba(244,225,205,.71) 30%,transparent 68%),#f1eee8}
.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.39) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.39) 1px,transparent 1px);background-size:clamp(32px,2.6vw,52px) clamp(32px,2.6vw,52px);mask-image:linear-gradient(90deg,transparent 15%,#000 76%);opacity:.85}
canvas{position:absolute;width:100%;height:100%;inset:0}
.header-wash{position:absolute;inset:0 0 auto;height:240px;background:radial-gradient(ellipse at 23% 5%,rgba(248,246,242,.96),rgba(248,246,242,.68) 40%,transparent 75%)}
.shell{position:relative;min-height:100svh;display:flex;flex-direction:column;padding:0 clamp(28px,5.5vw,110px)}
.masthead{display:flex;align-items:center;gap:28px;padding-top:clamp(28px,4.6vh,54px);z-index:2}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand img{width:168px;height:auto;display:block}
.brand-latin{font-size:clamp(24px,2.1vw,36px);letter-spacing:.025em;font-weight:400;color:#2e3d46}
.motto{border-left:1px solid #8c8881;padding-left:28px}
.motto h1{font-size:clamp(16px,1.35vw,23px);font-weight:400;letter-spacing:.28em;margin:0 0 9px}
.motto p{font-size:10px;letter-spacing:.26em;margin:0}
.language{margin-left:auto;align-self:flex-start;border:1px solid transparent;background:transparent;cursor:pointer;font-size:12px;letter-spacing:.08em;padding:11px 9px;border-radius:4px;transition:background .2s}
.language:hover{background:rgba(255,255,255,.5)}
main{flex:1;display:flex;align-items:center;justify-content:flex-end;padding:65px 0 55px}
.destinations{width:min(42%,650px);display:grid;gap:28px;padding:0 17px 0 0}
.portal{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(104px,12.5vh,140px);padding:22px 32px 22px 40px;gap:25px;transition:transform .38s cubic-bezier(.2,.7,.2,1);-webkit-tap-highlight-color:transparent}
.portal-surface{position:absolute;inset:0;z-index:-1;transform:skewX(-22deg);border:1px solid rgba(255,255,255,.94);border-radius:8px;background:linear-gradient(120deg,rgba(255,255,255,.61),rgba(255,248,238,.32));box-shadow:inset 0 0 26px rgba(255,255,255,.4),0 5px 24px rgba(157,123,85,.045);backdrop-filter:blur(9px);transition:background .35s,box-shadow .35s,border-color .35s}
.portal-icon{width:47px;height:47px;flex:none;fill:none;stroke:var(--line);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.portal-copy{border-left:1px solid rgba(130,115,95,.55);padding-left:25px;min-width:0}
.portal h2{margin:0;font-size:clamp(21px,1.9vw,32px);font-weight:400;letter-spacing:.065em;line-height:1.35}
.portal p{margin:9px 0 0;font-size:clamp(9px,.73vw,12px);letter-spacing:.21em;line-height:1.6;color:#62625d}
.arrow{width:27px;height:27px;flex:none;margin-left:auto;fill:none;stroke:#6b655b;stroke-width:1.3;transition:transform .35s}
.portal[href]:hover,.portal[href]:focus-visible{transform:translateX(9px)}
.portal[href]:hover .portal-surface,.portal[href]:focus-visible .portal-surface{background:linear-gradient(120deg,rgba(255,255,255,.92),rgba(255,250,244,.66));border-color:#fff;box-shadow:inset 0 0 24px rgba(255,255,255,.65),0 12px 34px rgba(127,101,72,.12)}
.portal[href]:hover .arrow,.portal[href]:focus-visible .arrow{transform:translateX(5px)}
.portal-unavailable{color:#747776}
.portal-unavailable .portal-icon{stroke:#9a9c98}
.portal-unavailable .portal-copy{border-color:rgba(125,130,128,.3)}
.portal-unavailable .portal-surface{background:linear-gradient(120deg,rgba(235,236,233,.65),rgba(229,230,227,.36));border-color:rgba(255,255,255,.58);box-shadow:none}
.portal-unavailable p{color:#7d807b}
.soon{margin-left:auto;flex:none;color:#696e6a;background:rgba(231,232,228,.7);border:1px solid rgba(121,127,121,.22);border-radius:20px;padding:7px 10px;font-size:11px;letter-spacing:.04em}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 26px;font-size:10px;letter-spacing:.2em;color:#4e5e61}
#motion{display:flex;gap:7px;align-items:center;background:rgba(255,255,255,.2);border:1px solid transparent;cursor:pointer;font-size:10px;letter-spacing:.08em;padding:8px;border-radius:4px}
#motion svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.4}
#motion:hover{background:rgba(255,255,255,.6)}
:focus-visible{outline:2px solid #566f7d;outline-offset:7px}
.portal:focus-visible{outline-offset:12px}
.skip-link{position:fixed;top:10px;left:20px;padding:12px;background:#fff;z-index:10;transform:translateY(-160%)}
.skip-link:focus{transform:none}
html[lang=en] .portal h2{font-size:clamp(20px,1.65vw,28px);letter-spacing:0}
html[lang=en] .motto h1{letter-spacing:.02em}
html[lang=en] .soon{max-width:68px;white-space:normal;text-align:center;line-height:1.3}
@media(min-width:1800px){.destinations{width:42%}.portal{padding-left:55px;padding-right:42px;gap:30px}.portal-copy{padding-left:30px}}
@media(max-width:1100px) and (min-width:761px){.shell{padding:0 45px}.destinations{width:51%;gap:24px}.portal{padding-left:30px;padding-right:22px;gap:18px}.portal-copy{padding-left:18px}.portal-icon{width:36px;height:36px}.soon{font-size:10px;padding:6px 7px}.brand img{width:135px}.motto{padding-left:20px}.masthead{gap:20px}.motto p{font-size:8px}}
@media(max-width:760px){.shell{padding:0 26px;min-height:100svh}.masthead{gap:15px;padding-top:30px;flex-wrap:wrap}.brand{gap:8px}.brand img{width:134px}.brand-latin{font-size:25px}.language{margin-left:auto}.motto{order:3;width:100%;margin-top:17px;border:0;padding:0}.motto h1{font-size:18px;margin-bottom:8px}.motto p{font-size:9px;letter-spacing:.19em}.header-wash{height:230px}.scene{background:radial-gradient(ellipse at -12% 45%,rgba(123,158,177,.6),transparent 65%),radial-gradient(ellipse at 105% 90%,#f2ddc6,transparent 75%),#f3f1ec}.grid{background-size:34px 34px;opacity:.5;mask-image:linear-gradient(120deg,transparent,#000)}main{padding:58px 12px 46px;justify-content:center}.destinations{width:100%;max-width:490px;padding:0;gap:22px}.portal{min-height:104px;padding:19px 22px;gap:18px}.portal-surface{transform:skewX(-12deg);background:linear-gradient(120deg,rgba(255,255,255,.83),rgba(255,251,246,.58))}.portal-icon{width:34px;height:34px;stroke-width:1.7}.portal-copy{padding-left:16px}.portal h2{font-size:23px;letter-spacing:.025em}.portal p{font-size:9px;letter-spacing:.12em;margin-top:7px}.arrow{width:22px;height:22px}.soon{font-size:10px;padding:6px 7px}.portal[href]:hover,.portal[href]:focus-visible{transform:translateX(3px)}footer{padding-bottom:20px;font-size:9px;letter-spacing:.12em}html[lang=en] .portal h2{font-size:20px}html[lang=en] .portal p{font-size:8px;letter-spacing:.05em}}
@media(max-width:380px){.shell{padding:0 20px}main{padding-left:5px;padding-right:5px}.portal{padding-left:17px;padding-right:17px;gap:12px}.portal-icon{width:30px;height:30px}.portal-copy{padding-left:12px}.portal h2{font-size:21px}.portal p{font-size:8px}.soon{font-size:9px;padding:6px}.brand img{width:117px}.brand-latin{font-size:23px}html[lang=en] .portal h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}