*{box-sizing:border-box}body{margin:0;background:#f3f3f0;color:#172732;font-family:'Yu Mincho','游明朝',serif}button{font:inherit;color:inherit;cursor:not-allowed}button:focus-visible{outline:2px solid #bba787;outline-offset:5px}.hero{position:relative;isolation:isolate;background:#070e10;color:#fff;aspect-ratio:1024/462;min-height:530px;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.site-header{display:flex;align-items:center;gap:32px;padding:28px 3%;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:20px;letter-spacing:.28em}.brand img{width:45px;height:48px}.brand small{display:block;font:600 8px/2 Georgia,serif;letter-spacing:.26em}.site-header nav{display:flex;align-items:center;gap:22px;margin:auto;font-size:12px;letter-spacing:.08em}.site-header nav button,.menu{border:0;background:none;padding:0;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.12em}.header-actions button:not(.menu),.hero-actions button{background:transparent;border:1px solid #b1b7b9;border-radius:2px;padding:14px 20px;white-space:nowrap}.header-actions .menu{font-size:20px;margin-left:12px;color:#aeb7bb}.hero-copy{position:absolute;left:4.6%;top:22.5%;width:43%;max-width:690px}h1{font-size:clamp(29px,3.02vw,66px);line-height:1.47;font-weight:500;letter-spacing:.12em;margin:0}.english{font:400 clamp(10px,1.1vw,23px)/1.8 Georgia,serif;letter-spacing:.22em;margin:22px 0 0}.copy-reserved{height:clamp(95px,10vw,220px)}.hero-actions{display:flex;gap:20px;font-size:clamp(10px,1vw,20px);letter-spacing:.12em}.hero-actions button{padding:15px 24px}.hero-actions .primary{background:#fff;color:#14212b;border-color:#fff;box-shadow:0 3px 20px #ffffff15}.hero-aside{position:absolute;left:88%;top:22.5%;font:400 clamp(9px,.85vw,18px)/2.35 Georgia,serif;letter-spacing:.22em}.hero-aside p{margin:0}.hero-aside i{display:block;width:32px;height:1px;background:#a8b1b5;margin-top:35px}.scroll-label{position:absolute;left:4.6%;bottom:6.5%;font:10px/2 Georgia,serif;letter-spacing:.22em}.scroll-label span{display:block;width:40px;height:1px;background:#acb3b5;margin-top:8px}.slide-decoration{position:absolute;right:4.5%;bottom:6.5%;font:11px Georgia,serif;letter-spacing:.15em}.slide-decoration div{height:1px;background:#7c8386;margin-top:12px}.review{max-width:1120px;margin:0 auto;padding:30px 24px 60px;font:15px/1.9 'Yu Gothic',sans-serif}.review-top{display:flex;justify-content:space-between;gap:20px;color:#725731;font-size:13px}.review h2{font-size:21px;margin-top:36px}.reference{margin:20px 0 30px;width:100%;aspect-ratio:1024/462;overflow:hidden}.reference img{display:block;width:100%;height:auto}.review li{margin:8px 0}
.hero{width:100%;max-width:100%}
@media(min-width:1650px){.site-header{padding-top:35px}.brand{font-size:24px}.brand img{width:55px;height:58px}.brand small{font-size:10px}.site-header nav,.header-actions{font-size:15px}}
@media(max-width:1152px){.site-header{gap:18px;padding:22px 3%}.brand{font-size:16px;gap:8px}.brand img{width:36px;height:40px}.site-header nav{gap:14px;font-size:10px}.header-actions{gap:8px;font-size:10px}.header-actions button:not(.menu){padding:12px}.hero{min-height:462px}.hero-actions{gap:12px}.hero-actions button{padding:13px 18px}}
@media(max-width:960px){.site-header nav{display:none}.header-actions{margin-left:auto}.hero-copy{width:57%;top:24%}h1{font-size:clamp(27px,3.5vw,35px)}.hero-aside{left:87%;font-size:8px}.copy-reserved{height:100px}.hero-actions{font-size:11px}}
@media(max-width:600px){.hero{aspect-ratio:auto;min-height:760px}.site-header{padding:20px}.brand{font-size:16px}.brand small{font-size:7px}.header-actions button:not(.menu){display:none}.hero-art{object-position:64% center;opacity:.78}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#030b10b0,transparent 85%);z-index:-1}.hero-copy{left:24px;right:24px;top:150px;width:auto}h1{font-size:29px;letter-spacing:.04em;line-height:1.7}.english{font-size:10px;margin-top:22px}.copy-reserved{height:188px}.hero-actions{flex-direction:column;gap:14px;align-items:flex-start;font-size:13px}.hero-actions button{min-width:210px;padding:16px 20px}.hero-aside{display:none}.scroll-label{left:24px;bottom:24px}.slide-decoration{bottom:30px;right:24px}.review-top{flex-direction:column;gap:4px}.review{padding:24px 20px}.review p{font-size:14px}}
