:root{font-family:system-ui,-apple-system,'Microsoft JhengHei','PingFang TC','Noto Sans CJK TC',sans-serif;color:#172533;background:#f4f4ef;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-60px;left:15px;background:#fff;padding:10px;z-index:30}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #c86b4d;outline-offset:3px}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 clamp(20px,5vw,80px);background:#f4f4ef;border-bottom:1px solid #dfe2dc}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{height:38px;width:38px;border-radius:8px;background:#a74728;display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px}.brand-name{font-weight:600;font-size:14px;letter-spacing:.1em;line-height:1}.brand-name b{font-weight:800}.brand-name small{display:block;font-size:9px;color:#526171;letter-spacing:.16em;margin-top:7px}.site-header nav{display:flex;gap:32px;font-size:12px;font-weight:700}.site-header nav a:hover,.header-link:hover{color:#a74728}.header-link{font-size:12px;font-weight:700;border-bottom:1px solid #b9c1c0;padding-bottom:6px;white-space:nowrap}.header-link span{color:#a74728;margin-left:17px}
.hero{background:#111d29;color:#fff;overflow:hidden}.hero-inner{min-height:570px;padding:58px clamp(20px,5vw,80px) 52px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5%}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:11px;color:#eeb093;font-size:10px;font-weight:800;letter-spacing:.19em;margin:0}.eyebrow-line{width:21px;height:1px;background:#eeb093}.hero h1{font-size:clamp(42px,5.2vw,78px);line-height:1.2;letter-spacing:-.052em;margin:27px 0 25px;font-weight:800}.hero h1 em,.intro h2 em{font-style:normal;color:#efa37e}.hero-description{font-size:14px;line-height:2;color:#c7d0d4;max-width:520px;margin:0 0 35px}.primary-link{min-width:154px;min-height:49px;padding:0 19px;display:inline-flex;justify-content:space-between;align-items:center;gap:30px;background:#ac4b2d;color:#fff;font-size:12px;font-weight:800;border-radius:3px}.primary-link:hover{background:#973c21}.hero-art{height:430px;position:relative;overflow:hidden;border:1px solid #536475;background:radial-gradient(circle at 60% 40%,#334b5c,#1b2e3d 55%,#132333);display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;border:1px solid rgba(230,188,160,.2);border-radius:50%;width:390px;height:390px;transform:rotate(-25deg) scaleX(1.3)}.orbit-two{width:260px;height:260px;border-color:rgba(230,188,160,.35);transform:rotate(35deg) scaleX(1.5)}.art-caption{position:relative;z-index:1;font-size:clamp(50px,5.5vw,83px);font-weight:800;letter-spacing:-.08em;line-height:.96;color:#f4e6da;transform:rotate(-7deg);text-shadow:0 20px 30px rgba(0,0,0,.2)}.art-star{position:absolute;right:13%;top:12%;font-size:70px;color:#ed9975}.art-index{position:absolute;right:20px;bottom:18px;color:#a6b6bf;font-size:10px;letter-spacing:.2em}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:19px clamp(20px,5vw,80px);border-top:1px solid #334757;color:#a5b5c0;font-size:10px;letter-spacing:.13em}.hero-bottom a{color:#e9a184;letter-spacing:0}
.intro{padding:105px clamp(20px,5vw,80px);display:grid;grid-template-columns:30% 70%;gap:20px;background:#f4f4ef}.intro-label{font-size:10px;font-weight:800;letter-spacing:.17em;color:#a54b2f;display:flex;gap:15px}.intro-label span{color:#8b969e}.intro h2{font-size:clamp(30px,3.6vw,53px);letter-spacing:-.045em;line-height:1.35;margin:0 0 20px}.intro h2 em{color:#ad5435}.intro p{max-width:680px;color:#53616b;font-size:13px;line-height:2;margin:0}
.cases-section{padding:90px clamp(20px,5vw,80px) 120px;background:#e9ebe6;min-height:550px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.dark-eyebrow{color:#a14c30}.section-heading h2{font-size:clamp(29px,3.7vw,50px);letter-spacing:-.055em;line-height:1.2;margin:14px 0 10px}.section-heading p:last-child{color:#54636c;font-size:13px;margin:0;line-height:1.8}.case-total{font-size:11px;font-weight:800;letter-spacing:.1em;color:#6a767a;white-space:nowrap}.case-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px}.search{display:flex;align-items:center;gap:10px;border:1px solid #cfd6d0;background:#fff;color:#6a777f;padding:0 13px;width:min(330px,100%)}.search span:not(.sr-only){font-size:23px}.search input{border:0;background:transparent;outline:0;width:100%;min-height:43px;font-size:12px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filter{min-height:42px;border:1px solid #c5cec7;background:transparent;padding:0 14px;font-size:11px;color:#4b5a60}.filter.active,.filter:hover{background:#183142;border-color:#183142;color:#fff}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.case-card{background:#fff}.case-open{width:100%;border:0;padding:0;background:#fff;text-align:left;display:flex;flex-direction:column;color:#1c2e3a}.case-cover{height:245px;width:100%;background:linear-gradient(135deg,#314a5a,#172b39);display:grid;place-items:center;position:relative;overflow:hidden}.case-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.case-open:hover .case-cover img{transform:scale(1.04)}.cover-letter{font-weight:800;font-size:105px;letter-spacing:-.1em;color:#637b8a}.case-arrow{position:absolute;right:17px;top:17px;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#a5482a;font-size:18px}.case-meta{display:flex;justify-content:space-between;align-items:center;width:100%;padding:21px 23px 0;color:#9b4c32;font-size:10px;font-weight:800;letter-spacing:.12em}.case-meta span:last-child{color:#818e92}.case-open strong{font-size:20px;line-height:1.4;letter-spacing:-.025em;margin:12px 23px 10px}.case-summary{min-height:48px;margin:0 23px;color:#586974;font-size:12px;line-height:1.8}.case-more{margin:19px 23px 25px;border-top:1px solid #e5e8e3;padding-top:16px;display:flex;justify-content:space-between;color:#a5482a;font-size:11px;font-weight:800}.case-empty{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:44px;padding:55px;background:#f9faf6;border:1px solid #d7ddd6}.empty-art{height:180px;background:#1a3141;color:#e7c0aa;display:flex;align-items:center;justify-content:space-around;font-size:70px;font-weight:800;letter-spacing:-.1em}.empty-art span:last-child{font-size:38px;align-self:flex-start;margin-top:20px}.empty-kicker{color:#a14c30;font-size:10px;font-weight:800;letter-spacing:.18em}.case-empty h3{font-size:26px;letter-spacing:-.03em;margin:10px 0}.case-empty p{font-size:12px;color:#5b6970;line-height:1.9;max-width:520px;margin:0}
footer{background:#101f2b;color:#a8b7bf;padding:30px clamp(20px,5vw,80px);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}.footer-brand{font-weight:800;color:#fff;letter-spacing:.12em}.footer-brand span{color:#a8b7bf;font-weight:500;font-size:10px;margin-left:8px}footer a:last-child{color:#efac8b}
dialog{border:0;padding:0;width:min(820px,calc(100vw - 28px));max-height:90vh;box-shadow:0 25px 80px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(10,24,34,.77)}.dialog-shell{position:relative;padding:36px;max-height:90vh;overflow:auto;background:#f8f9f5}.close-button{position:absolute;right:18px;top:15px;width:38px;height:38px;border:0;border-radius:50%;background:#e3e9e4;color:#182d3c;font-size:25px}.dialog-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:#a54b2f}.dialog-shell h2{font-size:clamp(28px,4vw,45px);letter-spacing:-.04em;margin:14px 30px 13px 0}.dialog-summary{font-size:14px;line-height:1.8;color:#53636c;margin:0 0 25px}.dialog-description{font-size:13px;line-height:2;color:#394b55;margin:24px 0 0}.video-frame{aspect-ratio:16/9;background:#07121a}.video-frame iframe,.video-frame video{width:100%;height:100%;border:0}.external-video{padding:30px;background:#1b3445;color:#fff;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.external-video>span{font-size:12px;color:#bfced5}.external-video a{background:#ac4b2d;color:#fff;font-size:12px;font-weight:800;padding:14px 18px}.external-video p{width:100%;margin:0;color:#e9c6b4;font-size:12px}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr 1fr;gap:25px}.hero-art{height:360px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-empty{grid-template-columns:170px 1fr;gap:25px}.empty-art{height:150px;font-size:55px}}@media(max-width:650px){.site-header{height:67px;padding:0 20px}.brand-mark{height:34px;width:34px}.brand-name{font-size:12px}.site-header nav{display:none}.header-link{font-size:11px}.hero-inner{grid-template-columns:1fr;padding:52px 20px 40px;gap:35px;min-height:0}.hero h1{font-size:clamp(40px,10vw,51px)}.hero-description{font-size:12px}.hero-art{height:280px}.art-caption{font-size:60px}.art-star{font-size:45px}.hero-bottom{padding:17px 20px}.intro{grid-template-columns:1fr;padding:70px 20px;gap:25px}.intro h2{font-size:34px}.intro p{font-size:12px}.cases-section{padding:70px 20px 90px}.section-heading{align-items:start}.section-heading h2{font-size:34px}.section-heading p:last-child{font-size:12px}.case-total{font-size:10px;margin-top:5px}.case-toolbar{flex-direction:column;align-items:stretch}.search{width:100%}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.filter{white-space:nowrap}.case-grid{grid-template-columns:1fr}.case-cover{height:225px}.case-empty{grid-template-columns:1fr;padding:25px;gap:25px}.empty-art{height:130px;font-size:50px}.case-empty h3{font-size:23px}footer{padding:28px 20px;align-items:start;flex-direction:column}dialog{max-height:94vh}.dialog-shell{max-height:94vh;padding:25px 20px}.external-video{padding:20px}}
.intro-label span{color:#56636b}.case-total{color:#505e64}