*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fffdfa;color:#24343b;font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid #ad7653;outline-offset:4px}
.container{width:min(100% - 64px,1280px);margin:auto}
.skip-link{position:absolute;top:-70px;left:18px;z-index:100;background:white;color:#172b37;padding:10px 15px}.skip-link:focus{top:14px}
.concept-note{height:25px;background:#e6d8c9;color:#34464b;text-align:center;padding:5px 12px;font-size:10px;letter-spacing:.035em}
.detail-header{background:#172b37;color:#fff}
.detail-header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.detail-logo{display:block;width:180px;flex:none}
.logo-art{display:block;width:100%;aspect-ratio:3.42;overflow:hidden;line-height:0}
.logo-art img{width:100%;height:auto;max-width:none;transform:translateY(-39%);mix-blend-mode:lighten}
.detail-back{font-size:12px;font-weight:700;color:#e1e7e7;border-bottom:1px solid #ad7653;padding:8px 0;transition:color .2s ease}
.detail-back:hover{color:#e1ab89}
.benefit-hero{display:grid;grid-template-columns:43% 57%;min-height:min(680px,calc(100svh - 109px));background:#f5f2ec}
.benefit-hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:65px clamp(32px,5vw,82px)}
.detail-kicker{color:#a05d41;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.benefit-hero h1{font-size:clamp(50px,5.2vw,80px);line-height:1;letter-spacing:-.065em;max-width:640px;margin:30px 0 25px}
.benefit-hero-copy>p{font-size:clamp(16px,1.5vw,20px);line-height:1.55;color:#526168;max-width:490px;margin:0 0 34px}
.detail-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 20px;background:#ad7653;color:white;border-radius:3px;font-size:12px;font-weight:800;transition:background .25s ease,transform .25s ease}
.detail-button:hover{background:#925b3c;transform:none}
.benefit-hero-image{position:relative;overflow:hidden;min-height:450px}
.benefit-hero-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;animation:imageSettle .8s ease both}
.benefit-hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#172b3718,transparent 42%)}
.benefit-points{padding:90px 0 105px}
.benefit-points-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;border-bottom:1px solid #d8d3cb;padding-bottom:28px}
.benefit-points h2{font-size:clamp(34px,3.4vw,50px);line-height:1.08;letter-spacing:-.055em;margin:0;max-width:650px}
.benefit-points-heading p{color:#67757a;font-size:12px;max-width:220px;margin:0}
.point-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:30px}
.point{padding-top:8px}.point h3{font-size:22px;letter-spacing:-.045em;margin:0 0 7px}.point p{font-size:14px;line-height:1.55;color:#617077;margin:0;max-width:300px}
.detail-next{background:#172b37;color:#fff;padding:60px 0}
.detail-next-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.detail-next h2{font-size:clamp(30px,3.2vw,46px);letter-spacing:-.05em;margin:0 0 12px}
.detail-next p{font-size:13px;line-height:1.5;color:#c9d2d4;margin:0;max-width:550px}
.detail-next .detail-button{white-space:nowrap}
.detail-footer{background:#11232d;color:#dae1e3;padding:26px 0}
.detail-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px}
.detail-footer nav{display:flex;flex-wrap:wrap;gap:20px}
.detail-footer a:hover{text-decoration:underline;text-decoration-color:#ad7653;text-underline-offset:4px}
@keyframes imageSettle{from{opacity:.5;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}
@media(max-width:760px){.container{width:min(100% - 40px,620px)}.detail-header-inner{height:72px}.detail-logo{width:160px}.detail-back{font-size:10px}.benefit-hero{display:flex;flex-direction:column-reverse;min-height:0}.benefit-hero-image{min-height:290px;height:50vw;max-height:430px}.benefit-hero-copy{padding:50px 20px 62px}.benefit-hero h1{font-size:clamp(49px,9vw,68px);margin:22px 0 18px}.benefit-hero-copy>p{font-size:16px;margin-bottom:25px}.benefit-points{padding:65px 0 75px}.benefit-points-heading{display:block}.benefit-points-heading p{margin-top:12px}.point-grid{grid-template-columns:1fr;gap:15px;margin-top:20px}.point{border-bottom:1px solid #dedbd4;padding:18px 0 23px}.point h3{margin:0 0 5px}.detail-next-inner{align-items:start;flex-direction:column}.detail-footer-inner{align-items:start;flex-direction:column}}
@media(max-width:390px){.detail-logo{width:155px}.detail-back{max-width:95px;text-align:right;line-height:1.3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.benefit-hero-image img{animation:none}.detail-button{transition:none}}