.support-page{background:#fff}.support-main{max-width:1440px;margin:auto;padding:48px 40px 64px}.support-page-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:64px}.support-page-intro h1{font-size:48px;line-height:1.1;color:#075a5b;max-width:800px;font-weight:600}.model-section-title{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}.model-section-title h2{font-size:30px;line-height:36px}.model-section-title p{font-size:12px;line-height:20px;margin:0;max-width:260px}.model-explorer{display:grid;grid-template-columns:224px minmax(0,1fr);gap:32px;align-items:start}.model-tabs{position:sticky;top:144px;display:grid;gap:16px}.model-tabs button{border:1px solid #dde5e4;border-radius:12px;background:#fafbfc;text-align:start;padding:12px;color:#5d7577;cursor:pointer;transition:border-color .3s cubic-bezier(.32,.72,0,1),background .3s cubic-bezier(.32,.72,0,1)}.model-tabs button:hover,.model-tabs button[aria-selected=true]{border-color:#32987d;background:#f5f7f7;color:#075a5b}.thumbnail{display:block;background:#fff;border-radius:8px;overflow:hidden}.thumbnail svg{display:block;width:100%;height:112px}.tab-caption{display:flex;gap:12px;align-items:center;margin-top:12px;font-size:14px;line-height:20px}.tab-caption>span{color:#849b98;font-size:12px}.tab-caption strong{font-weight:600}.model-panel{background:#fafbfc;border:1px solid #e4eae8;border-radius:16px;padding:32px;min-width:0;min-height:680px}.model-panel[hidden]{display:none}.model-panel.saan-panel{background:#F5F7F7;border-inline-start:4px solid #159b80}.model-heading{display:flex;gap:16px;align-items:center}.model-heading h2{font-size:24px;line-height:32px}.model-index{font-size:12px;line-height:20px;color:#6c8d85}.map-legend{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0 0;font-size:12px;line-height:20px;color:#637d7c}.map-legend span{display:inline-flex;align-items:center;gap:8px}.map-legend i{display:inline-block;width:24px;height:2px;background:#1b9b78}.map-legend .tech-key{background:#347ab0}.cooperation-map{display:block;width:100%;height:auto;overflow:visible;font-family:Poppins,system-ui,sans-serif}.model-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#fff;border-radius:12px;padding:24px}.model-notes h3,.model-features h3{font-size:16px;line-height:24px;color:#075a5b;margin-bottom:16px}.model-notes ul,.model-features ul{margin:0;padding-inline-start:20px;font-size:14px;line-height:24px;color:#526e70}.model-notes li+li,.model-features li+li{margin-top:8px}.model-features{background:#fff;border-radius:12px;padding:24px}.model-features ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px}.model-features li+li{margin-top:0}.support-services{padding:64px 0}.support-services h2{font-size:30px;line-height:36px;margin-bottom:32px}.support-services ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:24px}.support-services li>span{color:#3b9680;font-size:12px;line-height:20px;display:block;margin-bottom:16px}.support-services h3{font-size:18px;line-height:28px;color:#075a5b}.support-services p{font-size:14px;line-height:24px;margin-top:12px}.support-start{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#f5f7f7;padding:32px;border-radius:12px}.support-start h2{font-size:24px;line-height:32px}.support-start p{font-size:14px;line-height:24px;max-width:680px}.support-start .button{flex-shrink:0}
@media(max-width:1100px){.model-explorer{grid-template-columns:184px minmax(0,1fr);gap:24px}.model-panel{padding:24px}.support-services ol{grid-template-columns:repeat(3,minmax(0,1fr))}.model-features ul{grid-template-columns:1fr}}
@media(max-width:800px){.support-main{padding:32px 24px 48px}.support-page-intro{display:block;margin-bottom:40px}.support-page-intro h1{font-size:36px;line-height:40px}.support-page-intro .button{margin-top:24px}.model-section-title{display:block}.model-section-title h2{font-size:24px;line-height:32px}.model-section-title p{margin-top:12px;max-width:none}.model-explorer{grid-template-columns:1fr;gap:24px}.model-tabs{position:static;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.thumbnail svg{height:88px}.tab-caption{font-size:12px;line-height:20px;gap:8px}.model-panel{padding:24px;min-height:0}.model-heading h2{font-size:20px;line-height:28px}.model-notes{gap:24px;padding:16px}.model-features{padding:16px}.support-start{display:block}.support-start .button{margin-top:24px}}
@media(max-width:520px){.support-main{padding-inline:16px}.model-tabs button{padding:8px}.thumbnail svg{height:64px}.tab-caption{display:block}.tab-caption>span{display:none}.model-panel{padding:16px 12px}.model-notes{grid-template-columns:1fr}.cooperation-map{min-width:620px}.model-panel>.cooperation-map{width:620px}.model-panel{overflow-x:auto}.model-panel .model-heading,.model-panel .map-legend,.model-panel .model-notes,.model-panel .model-features{min-width:0}.model-panel .model-heading h2{font-size:20px;line-height:28px}.thumbnail .cooperation-map{min-width:0}.support-services ol{grid-template-columns:1fr;gap:24px}.support-services h2{font-size:24px;line-height:32px}.support-services{padding:40px 8px}.support-services p{margin-top:8px}}
.diagram-scroll{width:100%}
@media(max-width:520px){.model-panel{overflow:visible}.diagram-scroll{overflow-x:auto;overscroll-behavior-x:contain}.diagram-scroll>.cooperation-map{width:620px;max-width:none;min-width:620px}}
.model-stage,.model-explorer,.diagram-scroll{min-width:0;max-width:100%}
@media(max-width:800px){.model-explorer{grid-template-columns:minmax(0,1fr)}}

.support-models .model-explorer{display:block}.approved-artwork-link{display:block;width:100%;border-radius:16px;overflow:hidden}.approved-cooperation-image{display:block;width:100%;height:auto}.model-section-title:has(+.model-explorer .approved-cooperation-image) p{display:none}

.approved-artwork-link{position:relative}.approved-logo-overlay{position:absolute;left:44.5%;top:62.95%;width:6.25%;height:8.7%;background:#F5F7F7 url(/assets/saan-gwan-official-icon.png) center/contain no-repeat;pointer-events:none}

/* Photographic model selector; exact finished artwork opens below. */
.support-models .model-explorer{display:block}.photo-model-tabs{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:24px}.model-tabs .photo-model-card{position:relative;min-height:192px;padding:24px;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#234c48;isolation:isolate;color:#fff;transition:border-color .7s cubic-bezier(.32,.72,0,1),transform .7s cubic-bezier(.32,.72,0,1)}.model-card-photo{position:absolute;inset:0;z-index:-2;background-image:url(/assets/cooperation-entries-v22.png);background-size:300% auto;filter:saturate(.45);transition:transform .7s cubic-bezier(.32,.72,0,1)}.model-photo-0{background-position:left center}.model-photo-1{background-position:center center}.model-photo-2{background-position:right center}.photo-model-card:before{content:"";position:absolute;inset:0;z-index:-1;background:#123f39b5;transition:background .7s cubic-bezier(.32,.72,0,1)}.model-tabs .photo-model-card:hover,.model-tabs .photo-model-card[aria-selected=true]{color:#fff;border-color:#88b8a6;background:#234c48;transform:translateY(-2px)}.photo-model-card:hover:before,.photo-model-card[aria-selected=true]:before{background:#123f397a}.photo-model-card:hover .model-card-photo{transform:scale(1.035)}.model-card-label{display:flex;align-items:end;gap:12px;min-height:140px;text-align:start}.model-card-label>span:first-child{font-size:12px;line-height:24px;color:#c3dbd0}.model-card-label strong{font-size:20px;line-height:28px;font-weight:500}.model-card-arrow{margin-inline-start:auto;font-size:24px;line-height:28px}.photo-model-stage{min-width:0}.model-panel.photo-model-panel{padding:16px;min-height:0;background:#f5f7f7;border:1px solid #e4eae8;border-radius:12px;overflow:hidden;animation:modelReveal .5s cubic-bezier(.32,.72,0,1)}.model-panel.photo-model-panel[hidden]{display:none}.model-image-zoom{display:block}.approved-model-image{display:block;width:100%;height:auto;overflow:hidden}.model-section-title p{display:block!important}@keyframes modelReveal{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.photo-model-tabs{gap:12px}.model-tabs .photo-model-card{padding:12px;min-height:144px}.model-card-label{min-height:112px;display:block}.model-card-label strong{display:block;font-size:16px;line-height:24px}.model-card-arrow{display:none}.model-panel.photo-model-panel{padding:8px}}@media(prefers-reduced-motion:reduce){.model-panel.photo-model-panel{animation:none}.photo-model-card,.model-card-photo{transition:none!important}}

.photo-model-stage{aspect-ratio:1448/456}.model-panel.photo-model-panel{height:100%;display:flex;align-items:center}.photo-model-panel .model-image-zoom{width:100%}.model-panel.photo-model-panel[hidden]{display:none}

.model-photo-1{background-position:right center}.model-photo-2{background-image:url(/assets/cooperation-handshake-v23.png);background-size:cover;background-position:center}.photo-model-card .model-card-label strong{font-size:20px;line-height:28px;font-weight:500}@media(max-width:800px){.photo-model-card .model-card-label strong{font-size:16px;line-height:24px}}

/* Match the photographic tone; selection changes the edge, not the tint. */
.model-card-photo{filter:grayscale(1) brightness(1.13) contrast(.88)}.model-photo-1{filter:grayscale(1) brightness(1.28) contrast(.85)}.model-photo-2{filter:grayscale(1) brightness(.99) contrast(.88)}.photo-model-card:before,.photo-model-card:hover:before,.photo-model-card[aria-selected=true]:before{background:#214f435c}.model-card-label{color:#fff;text-shadow:0 1px 6px #183c38a0}
.model-lightbox{width:min(1600px,calc(100vw - 64px));max-width:none;max-height:92dvh;padding:24px;border:1px solid #d5e1dc;border-radius:16px;background:#f5f7f7;color:#34585d;overflow:auto;box-shadow:0 24px 96px #102d3440}.model-lightbox::backdrop{background:#102b2bd9;backdrop-filter:blur(8px)}.model-lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px}.model-lightbox-toolbar h2{font-size:24px;line-height:32px;font-weight:500}.model-lightbox-close{display:flex;align-items:center;gap:12px;border:1px solid #c3d2cd;border-radius:8px;background:#fff;color:#34585d;padding:8px 16px;font-size:14px;line-height:24px;flex-shrink:0}.model-lightbox-close span{font-size:24px}.model-lightbox-close:hover{background:#e7efeb}.model-lightbox-content .approved-model-image{width:100%;height:auto;max-height:calc(92dvh - 128px);object-fit:contain}.model-lightbox-content{min-width:0}@media(max-width:640px){.model-lightbox{width:calc(100vw - 24px);padding:16px}.model-lightbox-toolbar{gap:16px;padding-bottom:16px}.model-lightbox-toolbar h2{font-size:20px;line-height:28px}.model-lightbox-close{padding:8px 12px}.model-lightbox-content{overflow-x:auto}.model-lightbox-content .approved-model-image{min-width:760px;max-height:none}}