@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');
:root{--navy:#1d466a;--ink:#162c3d;--muted:#74808a;--paper:#f2f4f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:'Noto Sans TC',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e6ebef}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800;letter-spacing:2px;color:var(--navy)}.brand small{display:block;font-size:11px;letter-spacing:6px;margin-top:3px}.logo{width:50px;height:50px;overflow:hidden;position:relative;display:block}.logo img{position:absolute;width:120px;max-width:none;left:-35px;top:-26px}nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:500}.nav-cta{padding:13px 20px;background:var(--navy);color:white}.menu{display:none}.hero{height:min(800px,calc(100svh - 94px));min-height:570px;position:relative;color:white;background:#172b3a;overflow:hidden}.hero-img,.hero-shade{position:absolute;width:100%;height:100%;object-fit:cover}.hero-img{object-position:60% 57%}.hero-shade{background:linear-gradient(90deg,rgba(6,22,35,.85),rgba(8,24,36,.35) 65%,rgba(8,24,36,.15))}.hero-copy{position:relative;padding:115px 7% 70px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:3px;margin:0 0 28px}h1{font-size:clamp(42px,4.4vw,68px);font-weight:500;line-height:1.4;letter-spacing:3px;margin:0 0 25px}h1 span{color:#d9e4ed}.hero-desc{font-size:15px;line-height:2;color:#d7dde2}.actions{display:flex;align-items:center;gap:35px;margin-top:38px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:55px;padding:18px 24px;font-size:13px;border:0}.light{background:white;color:var(--navy)}.navy{background:var(--navy);color:white}.text-link{font-size:13px}.text-link span{margin-left:22px}.hero-bottom{position:absolute;bottom:0;left:7%;right:7%;border-top:1px solid #ffffff44;padding:24px 0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}.section{padding:100px 7%}h2{font-size:clamp(29px,3vw,43px);font-weight:500;line-height:1.55;letter-spacing:1px;margin:0}p{line-height:1.95}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;background:#fff}.about .eyebrow,.section .eyebrow{color:#668299}.about-copy p{font-size:14px;color:#6e7982;margin-top:0}.about-copy p:first-child{font-size:18px;color:var(--navy);margin-bottom:24px}.under-link{display:flex;justify-content:space-between;border-bottom:1px solid #b8c7d2;padding:22px 0 12px;font-size:13px}.collection{background:var(--paper)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-top>p{font-size:13px;color:#7b858e;margin-bottom:4px}.filters{display:flex;gap:25px;border-bottom:1px solid #d8dfe4;margin:40px 0 30px}.filters button{background:none;border:0;color:#7c8790;padding:0 0 16px;font-size:13px}.filters button.active{color:var(--navy);border-bottom:2px solid var(--navy)}.cars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.car-img{height:250px;position:relative;overflow:hidden;background:#d8dfe4}.car-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.car:hover img{transform:scale(1.05)}.car-img span{position:absolute;bottom:16px;left:18px;color:white;letter-spacing:2px;font-size:10px;text-shadow:0 1px 8px black}.car-title{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid #d3dce2}.car h3{font-size:18px;font-weight:500;margin:0}.car p{font-size:11px;color:#7f8b95;margin:8px 0 0}.car b{font-weight:400;font-size:24px}.note{font-size:11px;color:#87939d;margin-top:25px}.services{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1.1fr;gap:10%;padding:95px 7%}.services .eyebrow{color:#adc2d3}.service-intro>p:not(.eyebrow){color:#b9cbd9;font-size:13px;margin:25px 0 30px}.service-list a{display:flex;gap:22px;align-items:start;border-top:1px solid #ffffff35;padding:25px 0}.service-list a:last-child{border-bottom:1px solid #ffffff35}.service-list span{font-size:11px;color:#a6bdcf;padding-top:7px}.service-list h3{font-size:21px;font-weight:500;margin:0}.service-list p{font-size:12px;color:#adc2d3;margin:8px 0 0}.service-list b{margin-left:auto;font-size:24px;font-weight:400}.statement{height:460px;position:relative;color:white;display:grid;place-items:center;text-align:center;background:#163247}.statement img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.4)}.statement>div{position:relative}.statement h2{font-size:36px}.statement span{display:block;font-size:10px;letter-spacing:5px;margin-top:30px}.tabs{display:flex;border:1px solid #ccd5dc;padding:4px}.tabs button{background:none;border:0;padding:12px 22px;font-size:12px;color:var(--navy)}.tabs .active{background:var(--navy);color:white}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;gap:30px}.step{border-top:1px solid #b5c4d0;padding-top:25px}.step span{font-size:36px;font-weight:400;color:#c2cfda}.step h3{font-size:18px;font-weight:500;margin:22px 0 12px}.step p{font-size:13px;color:#7c8892;margin:0}.faq{background:var(--paper);padding-top:75px;padding-bottom:75px}.faq h2{margin-bottom:40px}details{border-top:1px solid #d2dce3}details:last-child{border-bottom:1px solid #d2dce3}summary{list-style:none;cursor:pointer;font-size:15px;padding:23px 0;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}details p{font-size:13px;color:#687c8a;max-width:850px;margin:0 0 25px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#e6ecf0}.contact>div>p:not(.eyebrow){font-size:14px;color:#71818d;margin-top:25px}.contact-panel{background:white;padding:32px 38px}.contact-panel h3{font-size:21px;font-weight:500;margin:0}.contact-panel>p{font-size:12px;color:#8a969e}.contact-panel dl{margin:22px 0}.contact-panel dl div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf0f2;font-size:12px}.contact-panel dd{color:#8b99a2}.contact-panel .button{width:100%}#contact-help p{font-size:12px;color:#657786}footer{padding:50px 7% 25px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}footer>p{font-size:12px;color:#80909a;text-align:right}footer>div{display:flex;gap:25px;font-size:11px}footer>small{font-size:10px;color:#9aa6ae;text-align:right}.floating{position:fixed;right:22px;bottom:24px;background:var(--navy);color:white;border:1px solid #ffffff55;padding:15px 20px;font-size:12px;z-index:15;box-shadow:0 5px 20px #112b3e22}a,button{transition:opacity .2s}a:hover,button:hover{opacity:.85}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8bb4d2;outline-offset:5px}[hidden]{display:none!important}@media(min-width:1600px){.hero-copy{padding-top:150px}.section,.services{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}@media(max-width:900px){nav{gap:16px;font-size:11px}.brand{font-size:18px}.hero-copy{padding-top:100px}.section{padding:70px 6%}.about,.services{gap:6%}.car-img{height:190px}.car h3{font-size:15px}.services{padding:70px 6%}.contact{gap:6%}.contact-panel{padding:25px}}@media(max-width:650px){header{height:76px;padding:0 5%}.brand{font-size:19px}.logo{width:43px}.menu{display:block;background:none;border:0;font-size:23px;color:var(--navy)}nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px;background:white;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 20px #122d3f15}nav.open{display:flex}nav a{padding:15px}.hero{height:690px;min-height:0;max-height:calc(100svh - 76px)}.hero-img{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#071b2bd9,#071b2b44)}.hero-copy{padding:80px 7%}.hero .eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:38px;letter-spacing:1px}.hero-desc{font-size:12px}.actions{gap:20px}.button{padding:16px 18px;gap:25px;font-size:12px}.hero-bottom{font-size:8px;letter-spacing:1px}.hero-bottom>span:last-child{display:none}.section{padding:60px 7%}.about,.services,.contact{grid-template-columns:1fr;gap:32px}.about-copy p:first-child{font-size:16px}.about-copy p{font-size:13px}.section-top{display:block}.section-top>p{margin-top:20px}.cars{grid-template-columns:1fr;gap:30px}.car-img{height:280px}.car h3{font-size:19px}.filters{gap:23px}.filters button{font-size:11px}.services{padding:60px 7%}.service-list h3{font-size:20px}.statement{height:370px}.statement h2{font-size:26px}.statement .eyebrow{font-size:9px}.tabs{display:inline-flex;margin-top:25px}.steps{grid-template-columns:repeat(2,1fr);gap:30px 22px;margin-top:35px}.step h3{font-size:16px}.step p{font-size:12px}.step span{font-size:30px}.faq h2{font-size:26px}summary{font-size:13px}.contact-panel{padding:25px}footer{grid-template-columns:1fr;padding:35px 7% 80px;gap:20px}footer>p,footer>small{text-align:left;margin:0}.floating{padding:12px 16px;right:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.logo{height:40px}.logo img{top:-28px}
.brand-film{padding-top:35px;background:#fff}.film-player{margin-top:35px;display:flex;justify-content:center;background:#10283b}.film-player video{display:block;width:100%;max-height:680px;object-fit:contain;background:#10283b}@media(max-width:650px){.brand-film{padding-top:15px}.film-player{margin-top:25px}.film-player video{max-height:70svh}}
.brand-film{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,380px);align-items:center;gap:8%;padding-top:70px;padding-bottom:70px}.brand-film .section-top{display:block}.brand-film .section-top>p{margin-top:24px}.brand-film .film-player{margin:0;background:transparent;justify-self:end;width:100%;aspect-ratio:9/16;overflow:hidden}.brand-film .film-player video{width:100%;height:100%;max-height:none;object-fit:cover;aspect-ratio:9/16;background:#10283b}@media(max-width:650px){.brand-film{grid-template-columns:1fr;gap:28px;padding-top:45px;padding-bottom:45px}.brand-film .film-player{width:min(100%,380px);justify-self:end}.brand-film .film-player video{max-height:none}}
.inventory-empty{text-align:center;padding:75px 20px;border:1px solid #d6dfe6;background:#fff}.inventory-empty>span{font-size:10px;letter-spacing:4px;color:#91a5b5}.inventory-empty h3{font-size:24px;font-weight:500;margin:24px 0 12px}.inventory-empty p{font-size:13px;color:#84939e}
.appraisal{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.appraisal-photo img{width:100%;display:block;aspect-ratio:1;object-fit:cover}.appraisal p:not(.eyebrow),.appraisal li,.guide-copy>p:not(.eyebrow){font-size:14px;line-height:2;color:#718391}.appraisal ul{padding-left:20px;margin:20px 0 30px}.car-guide{display:grid;grid-template-columns:1fr 360px;gap:10%;align-items:center;background:#e9eef2}.reel-wrap{width:360px;justify-self:end}.reel-wrap iframe{display:block;width:100%;aspect-ratio:9/16;height:auto;background:#fff}.guide-copy .under-link{margin-top:30px;max-width:350px}@media(max-width:650px){.appraisal,.car-guide{grid-template-columns:1fr;gap:30px}.reel-wrap{max-width:100%;width:360px}.appraisal h2,.car-guide h2{font-size:28px}}
