.about-page{margin:0;color:#eef7ff;background:radial-gradient(ellipse at 100% 0,#14376488,transparent 45%),#020917;font-family:Arial,'Noto Sans TC','PingFang TC',sans-serif}.about-page *{box-sizing:border-box}.about-page a{color:inherit}.about-page .visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.about-header{max-width:1600px;margin:auto;padding:26px 32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.about-page .travel-brand{flex-shrink:0}.about-page .travel-brand img{mask-image:url('../assets/page2-art/isb-logo-transparent.png');mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:url('../assets/page2-art/isb-logo-transparent.png');-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.about-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;font-size:14px}.about-nav>a,.areas-menu summary{min-height:44px;display:flex;flex-direction:column;justify-content:center;text-decoration:none}.about-nav span{font-size:11px;color:#b8d8ee;display:block;margin-top:5px}.about-nav [aria-current=page]{color:#91dcff;text-shadow:0 0 12px #36aeff}.about-nav .language-control{font-size:12px;border:1px solid #3b7eb0;border-radius:8px;padding:0 10px;min-height:36px}.areas-menu{position:relative}.areas-menu summary{cursor:pointer}.areas-menu summary:after{content:' ▾';position:absolute;right:-12px;top:4px}.areas-menu>div{position:absolute;top:100%;right:0;min-width:280px;z-index:10;background:#06172df5;border:1px solid #64c8ff;border-radius:12px;padding:10px;box-shadow:0 0 20px #0989ff55}.areas-menu a{display:block;padding:12px;text-decoration:none}.about-main{max-width:1440px;margin:auto;padding:0 32px}.about-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:32px;border-bottom:1px solid #5fbfff;padding:28px 0 40px;margin-bottom:20px;background:radial-gradient(ellipse at 30% 50%,#103a6255,transparent 70%)}.about-page figure{margin:0;min-width:0}.about-page figure img{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px}.about-hero .hero-copy{max-width:none}.company-identity{font-size:24px;font-weight:700;line-height:1.5}.company-identity span{display:block;font-size:16px;color:#cceaff}.about-hero h1{font-size:clamp(42px,5vw,72px);margin:24px 0;letter-spacing:.12em;line-height:1.2}.about-hero h1 span{display:block;font-size:.42em;color:#9bdaff;letter-spacing:.2em;margin-top:12px}.hero-slogan{font-size:23px;line-height:1.6}.hero-slogan span{display:block;font-size:17px;color:#d9eaff}.about-section{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:36px;padding:42px 0;border-bottom:1px solid #39749c;min-width:0}.about-copy{min-width:0}.about-section .section-heading{align-items:flex-start;gap:18px}.about-section .section-number{font-size:42px;padding-right:16px;color:#83d8ff}.about-section h2{font-size:26px;line-height:1.55;margin:0 0 20px}.about-section h2 span{display:block;font-size:19px;color:#95d8ff;line-height:1.5;margin-top:8px}.about-copy p{font-size:18px;line-height:1.9;margin:0 0 18px}.about-copy p[lang=en]{font-size:16px;line-height:1.8;color:#d0e5f6}.about-section:nth-of-type(odd){grid-template-columns:1fr 1.1fr}.about-section:nth-of-type(odd) figure{grid-column:1;grid-row:1}.about-section:nth-of-type(odd) .about-copy{grid-column:2;grid-row:1}.about-art-section figure{align-self:center}.principles-section{padding:42px 0;border-bottom:1px solid #39749c;min-width:0}.principles-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:#69c8ff #0a2040;scrollbar-width:auto;border:1px solid #4a9ccb;border-radius:12px;background:#020a18}.principles-scroll img{display:block;width:100%;height:auto;max-width:none;object-fit:contain}.scroll-instructions{display:none}.artwork-enlarge{display:inline-block;padding:12px 0;color:#bce9ff;font-size:14px}.about-closing{text-align:center;padding:42px 0}.about-closing p{font-size:23px;line-height:1.8;letter-spacing:.07em}.about-closing p[lang=en]{font-size:17px;letter-spacing:.03em;color:#b9e5ff}.about-footer{text-align:center;padding:30px 20px;border-top:1px solid #315c80;color:#bed8e9}.about-footer span{display:block;font-size:12px;margin-top:8px}.about-page a:focus-visible,.about-page summary:focus-visible,.about-page button:focus-visible,.principles-scroll:focus-visible{outline:2px solid #8ce7ff;outline-offset:4px}.about-page .travel-back{padding:10px 0 46px}@media(max-width:1100px){.about-header{justify-content:center}.about-nav{justify-content:center}.about-section{gap:26px}.about-section h2{font-size:23px}.about-copy p{font-size:17px}}@media(max-width:900px){.scroll-instructions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.scroll-instructions p{font-size:14px;margin:0;color:#d7ecff}.scroll-instructions span{display:block;font-size:12px;margin-top:5px}.scroll-instructions>div{display:flex;gap:8px}.scroll-instructions button{min-width:44px;min-height:44px;border:1px solid #69beee;border-radius:8px;background:#0c2a50;color:white;font:inherit;cursor:pointer}.scroll-instructions button:disabled{opacity:.35;cursor:default}.principles-scroll img{width:1600px}.principles-scroll{scroll-snap-type:none}}@media(max-width:760px){.about-header{padding:20px 18px;gap:18px}.about-page .travel-brand{max-width:100%;white-space:normal}.about-page .travel-brand>span{font-size:18px}.about-page .travel-brand>span>span{font-size:11px}.about-nav{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;border:1px solid #3a8ebd;border-radius:12px;padding:12px;font-size:13px}.about-nav span{font-size:10px}.about-nav .language-control{justify-self:start}.areas-menu>div{right:0;min-width:250px;max-width:85vw}.about-main{padding:0 18px}.about-hero{grid-template-columns:1fr;gap:20px;padding:20px 0 28px}.company-identity{font-size:21px;margin:0}.company-identity span{font-size:14px}.about-hero h1{font-size:44px;margin:22px 0}.hero-slogan{font-size:21px;margin:0}.hero-slogan span{font-size:16px}.about-section,.about-section:nth-of-type(odd){grid-template-columns:1fr;padding:30px 0;gap:20px}.about-section:nth-of-type(odd) figure,.about-section:nth-of-type(odd) .about-copy{grid-column:auto;grid-row:auto}.about-section h2{font-size:23px}.about-section h2 span{font-size:17px}.about-section .section-heading{display:block}.about-section .section-number{display:block;border:0;padding:0;margin-bottom:10px;font-size:36px}.about-copy p{font-size:16px}.about-copy p[lang=en]{font-size:15px}.about-art-section figure{grid-row:1!important}.about-art-section .about-copy{grid-row:2!important}.principles-section{padding:28px 0}.about-closing p{font-size:19px}.about-closing p[lang=en]{font-size:16px}}@media(prefers-reduced-motion:reduce){.about-page *{scroll-behavior:auto!important}}