:root{--paper:#f7f3eb;--ink:#181614;--muted:#746d65;--red:#a92824;--line:#dcd3c7}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}
body{font-family:Inter,Manrope,"Helvetica Neue",Arial,sans-serif}.page{min-height:100vh;max-width:1440px;margin:auto;padding:30px 5vw 28px;display:flex;flex-direction:column;position:relative;overflow:hidden}.page:after{content:"";position:absolute;right:3vw;top:48%;transform:translateY(-50%);width:min(43vw,620px);aspect-ratio:1;background:url("/assets/maru_logo_mark.png") center/contain no-repeat;opacity:.035;pointer-events:none}.topbar{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.brand img{display:block;width:116px;height:auto}.lang{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.16em}.lang a{color:var(--muted);text-decoration:none}.lang span{color:var(--ink)}.lang i{width:22px;height:1px;background:var(--line)}.hero{margin:auto 0;max-width:860px;padding:9vh 0 8vh;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.19em;color:var(--muted);margin-bottom:28px}.eyebrow span{display:inline-block;width:36px;height:2px;background:var(--red)}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,7.2vw,105px);font-weight:400;line-height:.96;letter-spacing:-.045em;margin:0;max-width:1000px}h1 em{font-weight:400;color:var(--red)}.lead{max-width:650px;font-size:clamp(17px,1.5vw,21px);line-height:1.65;color:var(--muted);margin:38px 0 0}.opening{display:flex;align-items:baseline;gap:15px;margin-top:42px}.opening small{font-size:11px;letter-spacing:.2em;font-weight:800}.opening strong{font-family:Georgia,serif;font-size:34px;font-weight:400;color:var(--red)}.follow{font-size:14px;color:var(--muted);margin:18px 0 0}footer{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:25px;align-items:center;position:relative;z-index:2}.socials{display:flex;gap:24px;flex-wrap:wrap}footer a{color:var(--ink);text-decoration:none;font-size:13px;font-weight:650}footer a:hover{color:var(--red)}.email{color:var(--muted)}
@media(max-width:700px){.page{padding:22px 22px 25px}.brand img{width:96px}.hero{padding:9vh 0 8vh}h1{font-size:clamp(46px,14vw,68px);line-height:1}.lead{font-size:17px;margin-top:28px}.opening{margin-top:32px}footer{align-items:flex-start;flex-direction:column}.socials{gap:16px}.page:after{width:105vw;right:-45vw;top:50%;opacity:.025}}