.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{gap:20px}.site-header>.wordmark{order:1;flex-shrink:0}.site-header>nav{order:2;margin-left:auto;gap:22px}.language-control{order:3;display:flex;flex-direction:column;gap:5px;flex-shrink:0}.language-control>label{font-size:9px;letter-spacing:.08em}.language-control select{color:inherit;background:transparent;border:1px solid currentColor;padding:7px 5px;width:112px;font-size:12px;min-height:36px;border-radius:0;cursor:pointer}.language-control option{color:#172522;background:#f6f3ec}.language-control select:disabled{opacity:.6;cursor:progress}.site-header>.menu-button{order:4}.site-header nav>a{overflow-wrap:anywhere}.site-header .nav-cta{gap:12px;padding:12px}.language-control select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.webcam-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}.webcam-toolbar .text-link{font-size:12px}.webcam-toolbar>span{font-size:10px;color:var(--muted)}.preview-grid.webcam-grid{gap:24px}.preview-grid.webcam-grid>.webcam-card{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:0}.webcam-image{display:block;width:100%;aspect-ratio:16/9;position:relative;background:#dce2dc;overflow:hidden;cursor:zoom-in}.webcam-image>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.webcam-image:hover>img{transform:scale(1.04)}.camera-enlarge{position:absolute;right:12px;bottom:12px;border:1px solid #ffffff9c;width:30px;height:30px;color:#fff;background:#17252270;display:grid;place-items:center;font-size:18px}.camera-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#52635b;font-size:12px;background:#dce2dc;padding:25px;text-align:center}.camera-fallback[hidden],.webcam-image img[hidden],.webcam-modal-photo img[hidden]{display:none}.webcam-card-copy{padding:22px;display:flex;flex-direction:column;align-items:start;flex:1}.webcam-card-copy .viewpoint-number{margin-bottom:14px}.preview-grid.webcam-grid h3{font-size:30px;margin:0 0 16px;overflow-wrap:anywhere}.camera-image-label{font-size:10px;color:var(--muted);margin-bottom:18px}.webcam-card-copy .text-link{margin-top:auto;line-height:1.65}.webcam-card-copy .camera-source{margin-top:16px;font-size:9px;overflow-wrap:anywhere}
.webcam-dialog{width:min(1080px,94vw);max-height:92svh;padding:0;border:0;background:var(--paper);color:var(--ink);overflow:auto}.webcam-dialog::backdrop{background:#081512cf}.webcam-dialog>.close-button{position:absolute;right:15px;top:15px;background:var(--paper);z-index:2}.webcam-modal-photo{width:100%;min-height:240px;aspect-ratio:16/9;background:#dce2dc;position:relative}.webcam-modal-photo img{width:100%;height:100%;object-fit:contain;display:block}.webcam-modal-copy{padding:28px 36px}.webcam-modal-copy h2{font-size:43px;line-height:1.1;margin:10px 0 16px}.webcam-modal-copy p{font-size:12px;color:var(--muted);line-height:1.8}.webcam-modal-copy .btn{font-size:12px}.webcam-modal-copy .camera-source{margin-top:18px}
html[data-language="zh-CN"] h1,html[data-language="zh-CN"] h2,html[data-language="zh-CN"] h3{font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;line-height:1.3}html[data-language="ja"] h1,html[data-language="ja"] h2,html[data-language="ja"] h3{font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif CJK JP",serif;line-height:1.3}html[data-language="ko"] h1,html[data-language="ko"] h2,html[data-language="ko"] h3{font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.25}html[data-language="th"] h1,html[data-language="th"] h2,html[data-language="th"] h3{font-family:Tahoma,"Noto Sans Thai",sans-serif;line-height:1.4}html[data-language="hi"] h1,html[data-language="hi"] h2,html[data-language="hi"] h3{font-family:"Nirmala UI","Noto Sans Devanagari",sans-serif;line-height:1.4}
html[data-language="zh-CN"] .eyebrow,html[data-language="ja"] .eyebrow,html[data-language="ko"] .eyebrow,html[data-language="th"] .eyebrow,html[data-language="hi"] .eyebrow{letter-spacing:.035em;line-height:1.8}html:not([data-language="en"]) h1,html:not([data-language="en"]) h2,html:not([data-language="en"]) h3{overflow-wrap:anywhere}html:not([data-language="en"]) .hero h1{font-size:clamp(44px,5.8vw,94px)}html:not([data-language="en"]) .page-hero h1{font-size:clamp(43px,6vw,92px)}html:not([data-language="en"]) .eyebrow{line-height:1.8}html:not([data-language="en"]) .btn{line-height:1.65;white-space:normal;text-align:left}
@media(max-width:1380px){.site-header nav{display:none;position:absolute;top:108px;left:0;right:0;background:var(--paper);color:var(--ink);padding:29px 6% 32px;border-bottom:1px solid var(--line);max-height:calc(100svh - 108px);overflow:auto}.site-header nav.open{display:flex;align-items:start;flex-direction:column;gap:22px}.site-header nav>a{font-size:17px}.site-header nav .nav-cta{border-color:var(--ink);min-width:205px;margin-top:10px}.site-header>.menu-button{display:flex;flex-direction:column;gap:7px;padding:15px 0 15px 15px;z-index:20}.language-control{margin-left:auto}}
@media(max-width:1100px){.site-header nav{top:90px;max-height:calc(100svh - 90px)}}
@media(max-width:760px){.site-header{gap:14px;padding:0 5.2%}.language-control select{width:99px;font-size:11px}.language-control>label{font-size:8px}.site-header>.wordmark>span{font-size:22px}.site-header>.wordmark small{font-size:6px}.site-header>.menu-button{padding-left:4px}.preview-grid.webcam-grid{grid-template-columns:1fr;gap:22px}.webcam-card-copy{padding:24px}.preview-grid.webcam-grid h3{font-size:33px}.webcam-toolbar{align-items:start;flex-direction:column;gap:12px}.webcam-dialog{width:95vw}.webcam-modal-photo{min-height:160px}.webcam-modal-copy{padding:23px}.webcam-modal-copy h2{font-size:32px}html:not([data-language="en"]) .hero h1{font-size:clamp(40px,9vw,65px)}html:not([data-language="en"]) .page-hero h1{font-size:clamp(38px,9vw,62px)}html:not([data-language="en"]) .guide-heading h1{font-size:48px}}
@media(max-width:390px){.site-header{gap:10px}.site-header>.wordmark>span{font-size:19px}.language-control select{width:88px}.language-control>label{font-size:7px}}