.custom-header{box-shadow:0 2px 8px rgba(0,0,0,.1);}.custom-header .header-inner{width:min(1320px,78.5vw)}.custom-header .logo{width:530px}.custom-header .main-nav{gap:33px}.custom-header .main-nav i{display:none}.custom-hero{padding:0;}.custom-hero img{width:100%}.custom-section{padding:92px 0 82px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.process-grid article{position:relative;padding:0 20px}.process-grid article:not(:last-child):after{content:"";position:absolute;right:-9px;top:42px;width:18px;height:18px;border-top:1px solid #bbb;border-right:1px solid #bbb;transform:rotate(45deg)}.process-grid img{width:76px;height:76px;object-fit:contain;margin:0 auto 20px}.process-grid h3{font-size:17px;font-weight:400;margin:0 0 12px}.process-grid p{font-size:13px;color:#999;margin:0}.case-showcase{padding:0 0 17px;background:#fff}.case-title{height:73px;padding-top:0}.case-title small{font-size:30px;line-height:32px}.case-title h2{font-size:30px;line-height:35px;margin:0}.case-stage{position:relative;width:87.3%;max-width:1495px;margin:0 auto}.case-stage>img{width:100%;aspect-ratio:2.197/1;object-fit:cover}.case-stage figcaption{position:absolute;left:0;right:0;bottom:0;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;background:rgba(21,35,39,.82)}.case-thumbs{height:109px;display:flex;align-items:flex-start;justify-content:center;gap:18px;padding-top:17px;overflow:hidden}.case-thumbs img{width:121px;height:91px;object-fit:cover;opacity:.9}.case-thumbs img.selected{outline:1px solid #777;outline-offset:-1px}.reservation{min-height:798px;padding:35px 0 90px;background:#fff;border-top:10px solid #fafafa;box-shadow:0 -2px 5px rgba(0,0,0,.08)}.reservation-title{text-align:center}.reservation-title small{font-size:32px;line-height:38px;color:rgba(179,141,84,.55)}.reservation-title h2{font-size:30px;line-height:40px;margin:0;color:#c18a00}.reservation-form{width:81.4%;margin:62px auto 0}.form-tip{margin:0 0 46px;color:#666;font-size:16px}.reservation-form label{display:block;color:#222;font-size:14px}.reservation-form em{color:red;font-style:normal;margin-left:8px}.reservation-form input{display:block;width:100%;height:58px;border:0;border-bottom:1px solid #e5e5e5;background:transparent;outline:0;font-size:15px}.reservation-form fieldset{border:0;padding:25px 0 0;margin:0}.reservation-form legend{font-size:14px;color:#222;padding:0}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.region-grid select{width:100%;height:56px;border:0;border-bottom:1px solid #e5e5e5;background:#fff;color:#999;padding:0 15px;font-size:14px;outline:0}.reservation-form button{width:185px;height:45px;border:0;margin-top:30px;background:#2b2b2b;color:#fff;font-size:15px;cursor:pointer}.reservation-form button:hover{background:#b38d54}
@media(max-width:1100px){.custom-header .logo{width:400px}.custom-header .main-nav{gap:18px}.case-thumbs{gap:10px}.case-thumbs img{width:100px;height:75px}}
@media(max-width:800px){.custom-header .logo{width:240px}.custom-hero{height:56vw;min-height:260px}.process-grid{grid-template-columns:1fr 1fr;gap:44px 0}.process-grid article:after{display:none}.case-stage{width:92%}.case-thumbs{justify-content:flex-start;padding-left:4%;padding-right:4%;overflow-x:auto}.reservation-form{width:86%;margin-top:45px}.region-grid{gap:15px}}
@media(max-width:520px){.custom-hero{min-height:220px}.custom-section{padding:55px 0 48px}.process-grid{width:88%}.case-title{height:65px}.case-title small,.reservation-title small{font-size:24px}.case-title h2,.reservation-title h2{font-size:24px}.case-stage>img{aspect-ratio:1.45/1}.case-stage figcaption{height:36px;font-size:14px}.case-thumbs{height:90px}.case-thumbs img{width:92px;height:65px}.reservation{padding-top:28px}.reservation-form{margin-top:38px}.form-tip{font-size:14px;margin-bottom:30px}.region-grid{grid-template-columns:1fr;gap:0}.reservation-form button{width:150px}}
