@font-face{font-family:NotoSerif;src:url('fonts/NotoSerifJP-variable.woff2') format('woff2');font-weight:200 900;font-display:swap}@font-face{font-family:NotoSans;src:url('fonts/NotoSansJP-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--sky:#B8D4E3;--ground:#F5F7F9;--silver:#C7CCD1;--muted:#8FA8B8;--paper:#F4F1EA;--cta:#7B9ACC;--ink:#233039}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--ground);font-family:NotoSans,sans-serif;font-synthesis:none}main{max-width:1080px;margin:auto;container-type:inline-size;background:url('images/background.png') center top/100% auto no-repeat}section{position:relative}h1,h2,.service,.price{font-family:NotoSerif,serif;font-weight:500}h1,h2,p{margin:0}h1{font-size:4.1cqw;line-height:1.65;letter-spacing:.035em}h2{font-size:3.05cqw;line-height:1.7;letter-spacing:.025em}.copy p{font-size:1.68cqw;line-height:2;margin-top:2cqw}.hero{min-height:67cqw;text-align:center;padding-top:10.5cqw}.hero-copy{width:76%;margin:auto}.service{font-size:2.1cqw;margin-top:1.6cqw;letter-spacing:.08em}.lead{font-size:1.5cqw;margin-top:2cqw}.swatch-space{height:12cqw}.price{display:flex;align-items:baseline;justify-content:center;white-space:nowrap}.number{font-size:4.4cqw;line-height:1.2}.unit{font-size:2.2cqw}.per{font-size:1.8cqw}.cta{display:inline-flex;align-items:center;justify-content:center;gap:2em;min-height:48px;padding:1.2cqw 3.8cqw;margin-top:2cqw;border-radius:99px;background:var(--cta);color:var(--ink);font-size:1.8cqw;font-weight:500;text-decoration:none;transition:background .2s,transform .2s;border:1px solid transparent}.cta:hover{background:var(--sky);transform:translateY(-2px)}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.editorial{display:flex;align-items:center;padding:2cqw 7cqw;min-height:27cqw}.copy{width:49%}.right{justify-content:flex-end}.photo{display:none}#page{min-height:28cqw}#dialogue{min-height:28cqw}#empathy{min-height:26cqw}#introduction{min-height:29cqw}.process{text-align:center;min-height:33cqw;padding:3cqw 7cqw}.process h2{font-size:3cqw}.process ol{display:flex;justify-content:center;list-style:none;padding:0;margin:2.5cqw 0;gap:7cqw}.process li{display:flex;flex-direction:column;align-items:center;font-size:1.65cqw;gap:1.5cqw}.step-icon{display:grid;place-items:center;width:8cqw;height:8cqw;border:1px solid var(--muted);background:color-mix(in srgb,var(--sky) 35%,transparent);border-radius:50%;font-family:NotoSerif;font-size:2.4cqw}.process p{font-size:1.8cqw}.pricing{text-align:center;min-height:29cqw;padding:5cqw 12cqw 3cqw}.pricing h2{font-size:2.3cqw}.pricing .price{margin-top:2cqw}.pricing .number{font-size:12cqw}.pricing .unit{font-size:4cqw}.pricing .per{font-size:2.7cqw}.contact{text-align:center;min-height:32.3cqw;padding:1cqw 10cqw 7cqw}.contact h2{font-size:3cqw}.contact .cta{margin-top:3cqw}.contact p{font-size:1.55cqw;margin-top:2cqw}.skip{position:fixed;top:-100px;left:20px;background:var(--paper);color:var(--ink);z-index:9;padding:10px}.skip:focus{top:10px}@media(prefers-reduced-motion:reduce){.cta{transition:none}}
@media(max-width:600px){main{background:linear-gradient(110deg,#eef4f8,var(--ground) 55%,#eaf2f7)}.hero{padding:78px 16px 30px;min-height:510px;background:url('images/background.png') center top/725px auto no-repeat}.hero-copy{width:100%}h1{font-size:25px;line-height:1.65;letter-spacing:0}.service{font-size:14px;margin-top:16px}.lead{font-size:12px;line-height:1.9;margin:12px auto 0;max-width:310px}.swatch-space{height:93px}.number{font-size:34px}.unit{font-size:17px}.per{font-size:14px}.cta{font-size:14px;padding:13px 22px;gap:16px;margin-top:16px;min-height:48px}.editorial,.right{display:flex;flex-direction:column;padding:35px 25px;min-height:0!important;gap:25px}.copy{width:100%}h2{font-size:23px;line-height:1.7;letter-spacing:0}.copy p{font-size:14px;line-height:2;margin-top:20px}.copy p br{display:none}.photo{display:block;width:100%;aspect-ratio:300/185;background-image:url('images/background.png');background-repeat:no-repeat}.palette{background-size:266% auto;background-position:94.9% 24.8%}.design{background-size:250% auto;background-position:6.2% 34.1%}.notebook{background-size:277% auto;background-position:93.8% 55.5%}.coffee{background-size:242% auto;background-position:6.5% 65.6%}.story{background-size:261% auto;background-position:94.8% 75.2%}.process{padding:40px 18px;min-height:0}.process h2{font-size:21px}.process ol{gap:13px;margin:27px 0}.process li{font-size:11px;gap:12px;flex:1}.step-icon{width:62px;height:62px;font-size:20px}.process p{font-size:13px;line-height:1.9}.pricing{padding:55px 18px 38px;min-height:0}.pricing h2{font-size:18px}.pricing .price{margin-top:24px}.pricing .number{font-size:76px}.pricing .unit{font-size:32px}.pricing .per{font-size:20px}.contact{padding:30px 22px 70px;min-height:0}.contact h2{font-size:22px}.contact .cta{margin-top:28px}.contact p{font-size:12px;margin-top:18px}}

.copy p{text-wrap:pretty}.copy h2{text-wrap:balance}@media(min-width:601px){.copy p{font-size:1.6cqw}.contact p{font-size:1.65cqw}}

.process h2 span{display:inline-block}.mobile-break{display:none}@media(max-width:600px){.mobile-break{display:block}.lead{max-width:none}}