.japanese-preview{margin:0;background:#fbfaf4;color:#272d39;font-family:Georgia,"Times New Roman",serif;letter-spacing:0}
.jp-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 5%;max-width:1800px;margin:auto}
.jp-brand{display:flex;align-items:center;gap:20px;color:#272d39;font-size:46px;font-weight:700;line-height:1;text-decoration:none}
.jp-brand:hover{color:#272d39;text-decoration:none}
.jp-brand>span:first-child{color:#5c6f4f;font-size:58px}
.jp-brand small{display:block;font-size:16px;color:#5c6f4f;margin-top:8px;font-weight:400}
.jp-nav{display:flex;gap:40px;align-items:center}
@media(min-width:1200px) and (max-width:1399px){.jp-header{flex-wrap:wrap}.jp-nav{order:3;width:100%;justify-content:center;gap:24px}}
.jp-nav a{color:#272d39;font-size:21px;padding:14px 8px;text-decoration:none}
.jp-nav a[aria-current]{color:#b45652;border-bottom:2px solid #b45652}
.japanese-preview .btn{border-radius:8px;font-size:22px;padding:18px 30px;display:inline-flex;align-items:center;justify-content:center;gap:22px;white-space:normal;min-height:64px}
.jp-primary{background:#5c6f4f;color:#fff;border:1px solid #5c6f4f}
.jp-primary:hover{background:#48583d;color:#fff}
.jp-outline{color:#272d39;border:1px solid #aeb3a8;background:transparent}
.jp-outline:hover{background:#eef4f3;color:#272d39}
.japanese-preview a:focus-visible{outline:3px solid #0b7078;outline-offset:5px}
.jp-header-action.btn{font-size:19px;min-width:250px}
.jp-hero{position:relative;max-width:1800px;margin:auto;display:grid;grid-template-columns:53% 47%;min-height:760px;overflow:hidden}
.jp-copy{position:relative;z-index:1;padding:110px 0 55px 14%;}
.jp-eyebrow{text-transform:uppercase;color:#b45652;font-family:Arial,sans-serif;font-size:15px;font-weight:700;margin-bottom:22px}
.jp-copy h1{font-size:80px;font-weight:400;line-height:1.03;margin:0 0 26px;color:#272d39}
.jp-copy h1 span{color:#b45652}
.jp-description{font-size:26px;line-height:1.2;max-width:660px;margin:0 0 40px}
.jp-actions{display:flex;gap:24px;flex-wrap:wrap}
.jp-features{display:flex;flex-wrap:wrap;gap:18px;list-style:none;padding:20px 0 0;margin:30px 0 0;border-top:1px solid #d8d5ce;font-size:16px}
.jp-features li{display:flex;align-items:center;gap:10px}
.jp-features li+li:before{content:"";width:7px;height:7px;background:#b45652;border-radius:50%;margin-right:8px}
.jp-features span{font-size:26px;color:#5c6f4f}
.jp-art{position:relative;min-width:0}
.jp-photo{display:block;width:100%;height:100%;object-fit:cover;color:transparent}
.jp-japanese{position:absolute;right:14%;top:100px;writing-mode:vertical-rl;font-size:26px;line-height:1.5;border-right:1px solid #b45652;padding-right:16px}
@media(min-width:1800px){.jp-copy{padding-top:130px}}
@media(max-width:1199px){.jp-header{flex-wrap:wrap}.jp-nav{order:3;width:100%;justify-content:center;gap:24px}.jp-copy{padding:65px 20px 40px 8%}.jp-copy h1{font-size:60px}.jp-description{font-size:22px}.jp-hero{min-height:650px}.japanese-preview .btn{font-size:19px}}
@media(max-width:767px){.jp-header{padding:20px;gap:18px}.jp-brand{font-size:32px;gap:10px}.jp-brand>span:first-child{font-size:42px}.jp-header-action.btn{font-size:15px;min-width:0;padding:12px;min-height:48px}.jp-nav{justify-content:flex-start;gap:16px;overflow-x:auto}.jp-nav a{font-size:16px;flex-shrink:0;padding:8px 0}.jp-hero{display:flex;flex-direction:column;min-height:0}.jp-copy{padding:40px 24px 28px}.jp-copy h1{font-size:44px;line-height:1.08}.jp-eyebrow{font-size:12px}.jp-description{font-size:20px;line-height:1.4;margin-bottom:28px}.jp-actions{gap:14px}.jp-actions .btn{width:100%;min-height:56px}.jp-features{flex-direction:column;gap:12px;font-size:15px}.jp-features li+li:before{display:none}.jp-art{height:240px}.jp-japanese{top:20px;right:24px;font-size:20px}}
@media(max-width:359px){.jp-copy h1{font-size:36px}.jp-header-action{width:100%}.jp-brand{font-size:30px}}
