.fn-page-project main>.fnl-project-intro{background-image:linear-gradient(90deg,#001b44f0,#001b4411),var(--project-livery-image)}
.fn-page-project .fnl-workspace{color:#001b44;scroll-margin-top:22px;margin-top:34px;font-family:Inter,Sarabun,sans-serif}
.fn-page-project .fnl-workspace *{box-sizing:border-box}
.fn-page-project .fnl-option-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}
.fn-page-project .fnl-option{display:flex;align-items:center;gap:19px;padding:13px;border:1px solid #d3dfed;border-radius:7px;background:#f6f9fd;text-decoration:none;position:relative;min-width:0;transition:border-color .15s,background .15s}
.fn-page-project .fnl-option[aria-selected=true]{border-color:#0066ff;background:#eef5ff;box-shadow:inset 0 0 0 1px #0066ff}
.fn-page-project .fnl-option:hover{border-color:#0066ff}
.fn-page-project .fnl-option>img{width:31%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block;border-radius:3px;flex-shrink:0}
.fn-page-project .fnl-option>span{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}
.fn-page-project .fnl-option small{font-size:8px;letter-spacing:1.7px;color:#5a7595}
.fn-page-project .fnl-option strong{font:600 19px/1.3 Montserrat,sans-serif;letter-spacing:-.5px}
.fn-page-project .fnl-option em{font-size:10px;line-height:1.5;color:#536b87;font-style:normal}
.fn-page-project .fnl-option>i{font-size:21px;font-style:normal;flex-shrink:0;margin-right:5px}
.fn-page-project .fnl-option[aria-selected=true]>i{color:#0066ff}
.fn-page-project .fnl-panel[hidden]{display:none}
.fn-page-project .fnl-panel{border:1px solid #d3dfed;border-radius:8px;overflow:hidden;scroll-margin-top:20px}
.fn-page-project .fnl-hero{position:relative;aspect-ratio:16/9;isolation:isolate}
.fn-page-project .fnl-hero>a{display:block;width:100%;height:100%}
.fn-page-project .fnl-hero>a>img{display:block;width:100%;height:100%;object-fit:contain}
.fn-page-project .fnl-hero:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#ffffff88,transparent 36%),linear-gradient(0deg,#001b4455,transparent 20%);pointer-events:none}
.fn-page-project .fnl-hero-brand{position:absolute;left:4.2%;top:6%;width:31%;pointer-events:none;z-index:1}
.fn-page-project .fnl-hero-brand .fn-logo{width:100%}
.fn-page-project .fnl-hero-brand .fn-logo-location{font-size:10px;letter-spacing:4.5px;margin-top:15px}
.fn-page-project .fnl-hero-brand>p{font:italic 12px/1.5 Inter,sans-serif;letter-spacing:.3px;margin:17px 0 0;text-align:center}
.fn-page-project .fnl-hero-perspective{position:absolute;right:4%;top:5%;font:300 13px/1.65 Montserrat,sans-serif;letter-spacing:2px;margin:0;pointer-events:none;z-index:1}
.fn-page-project .fnl-hero-label{position:absolute;left:4.2%;bottom:6%;color:white;display:flex;flex-direction:column;gap:6px;z-index:1;pointer-events:none;text-shadow:0 1px 12px #001b4466}
.fn-page-project .fnl-hero-label>span{font-size:9px;letter-spacing:2px}
.fn-page-project .fnl-hero-label>strong{font:500 23px/1.2 Montserrat,sans-serif;letter-spacing:.3px}
.fn-page-project .fnl-hero-label>small{font-size:10px;letter-spacing:.5px}
.fn-page-project .fnl-hero-expand{position:absolute;right:18px;bottom:18px;width:34px;height:34px;border:1px solid #ffffffb3;color:white;border-radius:50%;display:grid;place-items:center;font-size:21px;pointer-events:none;z-index:1}
.fn-page-project .fnl-detail-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;border-top:3px solid white;background:#fff}
.fn-page-project .fnl-detail-gallery figure{margin:0;min-width:0;background:#f4f8fc}
.fn-page-project .fnl-detail-gallery a{display:block;aspect-ratio:4/3;position:relative}
.fn-page-project .fnl-detail-gallery img{display:block;width:100%;height:100%;object-fit:cover}
.fn-page-project .fnl-detail-gallery a>span{position:absolute;bottom:7px;right:7px;width:23px;height:23px;border-radius:50%;background:#001b446e;color:white;display:grid;place-items:center;font-size:14px}
.fn-page-project .fnl-detail-gallery figcaption{padding:12px 10px 14px;line-height:1.5}
.fn-page-project .fnl-detail-gallery figcaption>strong{display:block;font-size:9px;letter-spacing:.5px;font-weight:600}
.fn-page-project .fnl-detail-gallery figcaption>small{display:block;font-size:10px;line-height:1.5;margin-top:4px;color:#5a7595}
.fn-page-project .fnl-identity-row{display:grid;grid-template-columns:28% 26% 46%;border-top:1px solid #d3dfed;background:linear-gradient(110deg,#fff,#f4f8fc)}
.fn-page-project .fnl-landscape{position:relative;min-height:195px}
.fn-page-project .fnl-landscape img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.fn-page-project .fnl-landscape>span{position:absolute;bottom:15px;left:20px;right:20px;color:white;letter-spacing:2px;font:500 8px/1.5 Montserrat,sans-serif;text-shadow:0 1px 9px #001b44}
.fn-page-project .fnl-identity{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 23px;border-right:1px solid #d3dfed}
.fn-page-project .fnl-identity .fn-logo-location{font-size:7px;letter-spacing:2px;margin-top:10px}
.fn-page-project .fnl-identity .fn-logo>.fn-mountain-mark{margin-bottom:7px}
.fn-page-project .fnl-identity-caption{font-size:6px;letter-spacing:1.3px;margin-top:15px;color:#5a7595}
.fn-page-project .fnl-palette{padding:23px 23px 16px;min-width:0}
.fn-page-project .fnl-palette h3{font:500 9px/1.5 Montserrat,sans-serif;letter-spacing:1.7px;margin:0 0 15px}
.fn-page-project .fnl-swatches{display:flex;gap:8px;justify-content:space-between;text-align:center}
.fn-page-project .fnl-swatches>div{flex:1;min-width:0}
.fn-page-project .fnl-swatches i{display:block;width:clamp(24px,3vw,44px);height:clamp(24px,3vw,44px);border-radius:50%;background:var(--swatch);border:1px solid #ccd7e5;margin:0 auto 9px}
.fn-page-project .fnl-swatches strong,.fn-page-project .fnl-swatches code,.fn-page-project .fnl-swatches small{display:block;font:400 9px/1.5 Inter,sans-serif}
.fn-page-project .fnl-swatches strong{font-weight:600;margin-bottom:3px}
.fn-page-project .fnl-swatches code{font-size:8px;color:#4a6180}
.fn-page-project .fnl-swatches small{font-size:8px;color:#5a7595;margin-top:3px}
.fn-page-project .fnl-palette-motif{display:flex;align-items:center;gap:20px;margin-top:14px}
.fn-page-project .fnl-palette-motif svg{width:102px;height:31px}
.fn-page-project .fnl-palette-motif>span{font-size:7px;letter-spacing:1.5px;color:#5a7595}
.fn-page-project .fnl-application{display:grid;grid-template-columns:39% 1fr;gap:32px;padding:25px 27px;border-top:1px solid #d3dfed;background:#f8fbfe;align-items:start}
.fn-page-project .fnl-eyebrow{font-size:8px;letter-spacing:1.3px;color:#0066ff}
.fn-page-project .fnl-application h3{font:600 22px/1.3 Montserrat,sans-serif;letter-spacing:-.5px;margin:7px 0 12px}
.fn-page-project .fnl-application p{font:400 15px/1.7 Sarabun,sans-serif;color:#536b87;margin:0}
.fn-page-project .fnl-application table{width:100%;border-collapse:collapse;font:400 11px/1.6 Inter,sans-serif;table-layout:fixed}
.fn-page-project .fnl-application th,.fn-page-project .fnl-application td{padding:8px 9px;border-bottom:1px solid #d3dfed;vertical-align:top;text-align:left;background:none;color:#001b44}
.fn-page-project .fnl-application thead th{font-size:8px;letter-spacing:.7px;font-weight:600;background:#e5eff8}
.fn-page-project .fnl-application th:first-child{width:31%;font-weight:500}
.fn-page-project .fnl-control{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:17px 0;font-size:10px;line-height:1.5}
.fn-page-project .fnl-control>div{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.fn-page-project .fnl-control a{color:#0066ff;text-decoration:none}
.fn-page-project .fnl-control>p{font-size:8px;color:#536b87;text-align:right;max-width:400px;margin:0}
.fn-page-project .fnl-concept-note{font:400 12px/1.7 Sarabun,sans-serif;color:#647d99;margin:0}
.fn-page-project .fnl-originals{margin-top:28px;border-top:1px solid #d3dfed;padding-top:20px}
.fn-page-project .fnl-originals summary{cursor:pointer;font-size:12px;color:#536b87;list-style-position:inside}
.fn-page-project .fnl-originals>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.fn-page-project .fnl-originals figure{margin:0}.fn-page-project .fnl-originals a{display:block}
.fn-page-project .fnl-originals img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#edf3f9}
.fn-page-project .fnl-originals figcaption{font-size:8px;line-height:1.5;color:#647d99;margin-top:7px}
.fn-page-project .fnl-image-dialog{border:0;border-radius:7px;padding:0;background:#001b44;color:white;max-width:95vw;width:1250px;max-height:94vh;box-shadow:0 10px 60px #001b4466}
.fn-page-project .fnl-image-dialog::backdrop{background:#001126de}
.fn-page-project .fnl-dialog-toolbar{display:flex;align-items:center;gap:15px;padding:12px 15px;background:#001b44;position:sticky;top:0;z-index:1;font:400 12px/1.5 Inter,Sarabun,sans-serif}
.fn-page-project .fnl-dialog-toolbar p{margin:0;flex:1}
.fn-page-project .fnl-dialog-toolbar a{color:#b9ddfa;text-decoration:none;white-space:nowrap;font-size:10px}
.fn-page-project .fnl-dialog-toolbar button{background:none;border:0;color:white;border-radius:0;padding:0;font-size:28px;width:35px;height:35px;min-height:35px;flex-shrink:0}
.fn-page-project .fnl-image-dialog>img{display:block;width:100%;height:auto;max-height:calc(94vh - 64px);object-fit:contain;background:white}
@media(max-width:1000px){
.fn-page-project .fnl-option{gap:12px;padding:11px}.fn-page-project .fnl-option strong{font-size:15px}.fn-page-project .fnl-option small{font-size:7px;letter-spacing:1px}.fn-page-project .fnl-option em{font-size:9px}.fn-page-project .fnl-option>i{display:none}
.fn-page-project .fnl-hero-brand{width:30%}.fn-page-project .fnl-hero-brand .fn-logo-location{font-size:6px;letter-spacing:2.3px;margin-top:10px}.fn-page-project .fnl-hero-brand>p{font-size:8px;margin-top:12px}
.fn-page-project .fnl-hero-perspective{font-size:9px;letter-spacing:1px}.fn-page-project .fnl-hero-label>span{font-size:7px;letter-spacing:1px}.fn-page-project .fnl-hero-label>strong{font-size:17px}.fn-page-project .fnl-hero-label>small{font-size:8px}
.fn-page-project .fnl-detail-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.fn-page-project .fnl-detail-gallery figure{grid-column:span 2}.fn-page-project .fnl-detail-gallery figure:nth-last-child(-n+2){grid-column:span 3}.fn-page-project .fnl-detail-gallery figcaption>strong{font-size:9px}.fn-page-project .fnl-detail-gallery figcaption>small{font-size:10px}
.fn-page-project .fnl-identity-row{grid-template-columns:45% 55%}.fn-page-project .fnl-landscape{min-height:180px}.fn-page-project .fnl-identity{padding:25px 50px;border:0}.fn-page-project .fnl-identity .fn-logo{max-width:230px}
.fn-page-project .fnl-palette{grid-column:1/-1;padding:23px 26px;border-top:1px solid #d3dfed}.fn-page-project .fnl-swatches i{width:50px;height:50px}.fn-page-project .fnl-swatches strong,.fn-page-project .fnl-swatches code,.fn-page-project .fnl-swatches small{font-size:9px}.fn-page-project .fnl-swatches small{font-size:8px}
.fn-page-project .fnl-application{grid-template-columns:1fr;padding:24px;gap:20px}.fn-page-project .fnl-application table{font-size:11px}.fn-page-project .fnl-control{display:block}.fn-page-project .fnl-control>p{margin-top:13px;text-align:left;max-width:none}
}
@media(max-width:600px){
.fn-page-project .fnl-workspace{margin-top:25px}.fn-page-project .fnl-option-nav{gap:9px;margin-bottom:15px}.fn-page-project .fnl-option{display:block;padding:8px;min-width:0}.fn-page-project .fnl-option>img{width:100%;margin-bottom:10px}.fn-page-project .fnl-option>span{gap:4px}.fn-page-project .fnl-option strong{font-size:13px;line-height:1.4;letter-spacing:-.3px}.fn-page-project .fnl-option small{font-size:8px;letter-spacing:.6px}.fn-page-project .fnl-option em{font-size:10px;line-height:1.45;min-height:29px}
.fn-page-project .fnl-panel{border-radius:5px}.fn-page-project .fnl-hero{aspect-ratio:auto;display:flex;flex-direction:column;background:#eef5fb}.fn-page-project .fnl-hero:after{display:none}.fn-page-project .fnl-hero>a{order:2;aspect-ratio:16/9}.fn-page-project .fnl-hero-brand{position:static;width:auto;padding:25px 20px 19px;order:1;display:flex;flex-direction:column;align-items:center}.fn-page-project .fnl-hero-brand .fn-logo{width:200px;max-width:90%}.fn-page-project .fnl-hero-brand .fn-logo-location{font-size:7px;letter-spacing:2.5px;margin-top:11px}.fn-page-project .fnl-hero-brand>p{font-size:10px;margin-top:15px}.fn-page-project .fnl-hero-perspective{display:none}.fn-page-project .fnl-hero-label{position:static;order:3;background:#001b44;padding:17px 18px;text-shadow:none;gap:6px}.fn-page-project .fnl-hero-label>span{font-size:7px;letter-spacing:1.2px}.fn-page-project .fnl-hero-label>strong{font-size:20px}.fn-page-project .fnl-hero-label>small{font-size:8px}.fn-page-project .fnl-hero-expand{display:none}
.fn-page-project .fnl-detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.fn-page-project .fnl-detail-gallery figure,.fn-page-project .fnl-detail-gallery figure:nth-last-child(-n+2){grid-column:auto}.fn-page-project .fnl-detail-gallery figure:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.fn-page-project .fnl-detail-gallery figcaption{padding:11px 9px}.fn-page-project .fnl-detail-gallery figcaption>strong{font-size:9px;letter-spacing:.2px}.fn-page-project .fnl-detail-gallery figcaption>small{font-size:10px;line-height:1.5}
.fn-page-project .fnl-identity-row{grid-template-columns:1fr}.fn-page-project .fnl-landscape{min-height:160px}.fn-page-project .fnl-landscape>span{font-size:8px;bottom:18px}.fn-page-project .fnl-identity{padding:30px 27px}.fn-page-project .fnl-identity .fn-logo{max-width:230px}.fn-page-project .fnl-identity .fn-logo-location{font-size:8px;letter-spacing:2.7px}.fn-page-project .fnl-identity-caption{font-size:7px;letter-spacing:1.3px;margin-top:16px}
.fn-page-project .fnl-palette{padding:23px 18px}.fn-page-project .fnl-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:19px 11px}.fn-page-project .fnl-swatches i{width:47px;height:47px}.fn-page-project .fnl-swatches strong,.fn-page-project .fnl-swatches code{font-size:8px}.fn-page-project .fnl-swatches small{font-size:8px}.fn-page-project .fnl-palette-motif{margin-top:22px;gap:20px}.fn-page-project .fnl-palette h3{font-size:9px;margin-bottom:20px}
.fn-page-project .fnl-application{padding:22px 17px}.fn-page-project .fnl-application h3{font-size:19px}.fn-page-project .fnl-application p{font-size:14px}.fn-page-project .fnl-application table{font-size:10px;line-height:1.6}.fn-page-project .fnl-application th,.fn-page-project .fnl-application td{padding:9px 5px;overflow-wrap:anywhere}.fn-page-project .fnl-application thead th{font-size:8px;letter-spacing:.35px}.fn-page-project .fnl-application th:first-child{width:36%}
.fn-page-project .fnl-control{font-size:9px;padding:17px 0}.fn-page-project .fnl-control>div{gap:12px 20px}.fn-page-project .fnl-control>p{font-size:7px;line-height:1.7}.fn-page-project [data-livery-printed]{display:block}.fn-page-project .fnl-concept-note{font-size:11px}.fn-page-project .fnl-originals>div{grid-template-columns:1fr;gap:20px}.fn-page-project .fnl-dialog-toolbar{font-size:10px;gap:7px;padding:8px}.fn-page-project .fnl-dialog-toolbar a{font-size:8px}.fn-page-project .fnl-dialog-toolbar button{width:28px}
}
@media print{.fn-page-project .fnl-option-nav,.fn-page-project .fnl-hero-expand,.fn-page-project .fnl-control>div,.fn-page-project .fnl-originals{display:none}.fn-page-project .fnl-panel[hidden]{display:block}.fn-page-project .fnl-panel{break-before:page;border:0;margin-bottom:20px}.fn-page-project .fnl-detail-gallery,.fn-page-project .fnl-identity-row,.fn-page-project .fnl-application{break-inside:avoid}.fn-page-project .fnl-control{display:block}.fn-page-project .fnl-image-dialog{display:none}}
