body.home-page .header{background:#f7f7f4}body.home-page .hero{height:auto;min-height:680px;background:#101925;overflow:hidden}body.home-page .hero:after{background:linear-gradient(90deg,rgba(10,18,29,.98) 0%,rgba(10,18,29,.94) 48%,rgba(10,18,29,.44) 72%,rgba(10,18,29,.18) 100%)}body.home-page .hero__bg{opacity:.42;object-position:center}body.home-page .hero__grid{min-height:680px;grid-template-columns:minmax(0,1fr) minmax(450px,.92fr);gap:72px;padding:64px 0}body.home-page .hero__copy{position:relative;z-index:2;max-width:650px}body.home-page .hero__copy:before{content:'';display:block;width:46px;height:2px;background:#bfa477;margin-bottom:27px}body.home-page .hero h1{max-width:640px;font-size:clamp(48px,4.7vw,70px);line-height:1.12;letter-spacing:-.045em;margin-bottom:25px}body.home-page .hero h1 em{display:block;margin-top:8px;color:#dcecef;font:500 .86em/1.18 'Noto Sans TC',sans-serif;letter-spacing:-.04em}body.home-page .hero__lead{max-width:570px;font-size:15px;line-height:1.85;color:#bdcbd0}body.home-page .hero__note{font-size:10px;color:#8ea2aa}body.home-page .hero__product{height:550px;display:block;background:linear-gradient(145deg,rgba(247,247,244,.98),rgba(220,236,239,.94));border-top:3px solid #bfa477;box-shadow:0 28px 80px rgba(0,0,0,.28);overflow:hidden}body.home-page .hero__product:before{content:'DERMA QUEEN';position:absolute;left:24px;top:22px;color:#176b73;font-size:9px;font-weight:700;letter-spacing:.2em;z-index:2}body.home-page .hero__product:after{content:'';position:absolute;left:12%;right:12%;bottom:48px;height:28px;background:rgba(16,25,37,.15);filter:blur(16px);border-radius:50%;z-index:0}body.home-page .hero__product>img{position:absolute;inset:48px 24px 72px;width:calc(100% - 48px);height:calc(100% - 120px);object-fit:contain;object-position:center;mix-blend-mode:multiply;filter:none;clip-path:none;z-index:1}body.home-page .orbit{display:none}body.home-page .hero__label{left:24px;right:24px;top:auto;bottom:19px;border:0;border-top:1px solid rgba(16,25,37,.18);padding:12px 0 0;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;color:#101925;z-index:2}body.home-page .hero__label small{grid-row:1/3;color:#176b73;writing-mode:vertical-rl;font-size:7px}body.home-page .hero__label strong{font-size:16px;line-height:1.2}body.home-page .hero__label span{font-size:9px;color:#65727b}body.home-page .asset-note{top:21px;right:20px;bottom:auto;color:#65727b;background:transparent;padding:0;font-size:8px;z-index:2}body.home-page .assurance{border-bottom:1px solid rgba(16,25,37,.1)}body.home-page .assurance__grid{padding:30px 0}body.home-page .assurance article{min-height:72px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-content:center}body.home-page .assurance article b{grid-row:1/3;font-size:25px;line-height:1}body.home-page .assurance article p{margin:3px 0 0}body.home-page .technologies .section-head,body.home-page .products .section-head{margin-bottom:44px}body.home-page .tech-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(16,25,37,.25)}body.home-page .tech-list a{grid-template-columns:42px 1fr auto;min-height:116px;padding:24px 22px;border-right:1px solid rgba(16,25,37,.18)}body.home-page .tech-list a:hover{padding-left:30px}body.home-page .product-grid{gap:22px}body.home-page .product-card{box-shadow:0 8px 26px rgba(16,25,37,.045)}body.home-page .product-media img{filter:none}body.home-page .why__grid,body.home-page .inquiry__grid{align-items:start}
@media(max-width:1080px){body.home-page .hero__grid{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:42px}body.home-page .hero h1{font-size:52px}body.home-page .hero__product{height:520px}}@media(max-width:820px){body.home-page .hero__grid{grid-template-columns:1fr;gap:38px;padding:64px 0 48px}body.home-page .hero__copy{max-width:680px}body.home-page .hero__product{height:520px;width:min(100%,560px);margin:auto}body.home-page .tech-list{grid-template-columns:1fr}body.home-page .tech-list a{border-right:0}}@media(max-width:600px){body.home-page .hero__grid{padding:42px 0 28px;gap:30px}body.home-page .hero__copy:before{margin-bottom:20px}body.home-page .hero h1{font-size:39px;line-height:1.16;margin-bottom:18px}body.home-page .hero h1 em{font-size:.82em;margin-top:5px}body.home-page .hero__lead{font-size:13px;line-height:1.7}body.home-page .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}body.home-page .hero__note{font-size:9px}body.home-page .hero__product{height:410px}body.home-page .hero__product>img{inset:40px 14px 66px;width:calc(100% - 28px);height:calc(100% - 106px)}body.home-page .hero__label{left:16px;right:16px}body.home-page .asset-note{right:14px}body.home-page .assurance article{min-height:auto}body.home-page .tech-list a{min-height:100px;padding:20px 0}body.home-page .tech-list a:hover{padding-left:8px}}