:root{--rose:#c2185b;--paper:#faf7f7;--blush:#f8f2f3;--ink:#292426;--muted:#5e5759;--line:#ded3d6;--serif:'Noto Serif JP','Yu Mincho',serif;--sans:'Inter','Noto Sans JP',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--rose);outline-offset:5px}p,figure{margin:0}.header{height:110px;max-width:1600px;margin:auto;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:'Cormorant Garamond',serif;font-size:38px;letter-spacing:.17em;color:#a8667d}.wordmark span{display:block;font-family:var(--sans);font-size:8px;letter-spacing:.18em;margin-top:0;color:var(--muted)}nav a{font-size:10px;letter-spacing:.15em}nav a span{margin-left:25px;font-size:17px}.hero{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;min-height:790px}.hero-copy{padding:58px 0 60px 11%;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.18em;display:flex;gap:14px;align-items:center}.line{width:32px;height:1px;background:var(--rose)}.audience{font-size:11px;color:var(--muted);margin-top:24px;letter-spacing:.06em}h1{font-family:var(--serif);font-weight:400;font-size:clamp(32px,3.5vw,55px);line-height:1.65;letter-spacing:.015em;margin:22px 0 24px;white-space:nowrap}h1 span{color:var(--rose)}.intro{font-size:14px;line-height:2.1;letter-spacing:.03em}.platform{font-size:10px;margin-top:20px;color:var(--muted);line-height:1.9}.platform strong{display:block;font-size:12px;letter-spacing:.16em;font-weight:500}.conversion{margin-top:31px;max-width:345px}.free{font-size:12px;letter-spacing:.08em;display:flex;align-items:baseline;gap:6px;margin-bottom:10px}.free span{font-family:'Cormorant Garamond',serif;font-size:31px;line-height:1}.cta{background:var(--rose);color:white;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:17px 25px;font-size:13px;letter-spacing:.04em}.cta span{font-size:21px;transition:transform .2s}.cta:hover span{transform:translateX(4px)}.fee-note{font-size:10px;color:var(--muted);line-height:1.8;margin-top:11px}.fee-note span{font-size:9px}.hero-art{background:var(--paper);position:relative;min-width:0;margin-right:5.5%;isolation:isolate}.art-title{position:absolute;top:25px;left:8%;font-family:'Cormorant Garamond',serif;font-size:58px;line-height:.98;color:#8c6572;z-index:2;letter-spacing:-.025em}.art-title em{font-weight:400}.treatment{position:absolute;top:155px;right:0;width:76%;height:500px;background:#e7ded9}.placeholder{background:linear-gradient(125deg,#e9e3de,#d4c8c2)}.vertical{position:absolute;right:18px;top:26px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:#76645e}.photo-label{position:absolute;top:32%;left:18%;color:#78655f}.photo-label>span{font-size:9px;letter-spacing:.14em}.photo-label p{font-family:var(--serif);font-size:25px;line-height:1.9;margin-top:22px}.photo-label small{display:block;font-size:9px;margin-top:22px}.crop-mark{position:absolute;width:22px;height:22px;border-color:#a28b81;border-style:solid}.crop-mark.top{left:20px;top:20px;border-width:1px 0 0 1px}.crop-mark.bottom{right:20px;bottom:20px;border-width:0 1px 1px 0}.profile-preview{position:absolute;left:1%;top:300px;background:white;width:245px;box-shadow:0 12px 45px #49363d12;padding:20px 20px 17px;transform:rotate(-3deg)}.preview-header{font-family:'Cormorant Garamond',serif;letter-spacing:.12em;font-size:17px;color:#ac647b;border-bottom:1px solid #eee6e8;padding-bottom:13px}.preview-header span{display:block;font-family:var(--sans);font-size:6px;letter-spacing:.15em;color:var(--muted);margin-top:3px}.profile-intro{display:flex;align-items:center;gap:13px;margin-top:21px}.portrait{width:43px;height:53px;display:grid;place-items:center;background:var(--blush);font-family:'Cormorant Garamond',serif;font-size:28px;color:#b795a1}.profile-intro p{font-size:9px;letter-spacing:.12em}.profile-intro span{font-size:7px;color:var(--muted)}.preview-tabs{display:flex;justify-content:space-between;border-block:1px solid #eee6e8;padding:12px 0;margin-top:18px;font-size:7px;letter-spacing:.1em}.preview-tabs span:first-child{color:var(--rose)}.profile-message{font-family:var(--serif);font-size:12px;line-height:2;margin:17px 0}.preview-tags{display:flex;gap:8px;font-size:7px;color:var(--muted)}.placeholder-note{font-size:6px;color:#817479;display:block;margin-top:25px}.case-preview{position:absolute;right:5%;bottom:62px;width:205px;background:#fff;padding:9px;box-shadow:0 9px 35px #49363d12;transform:rotate(4deg)}.case-placeholder{height:128px;background:#e8d9dc;display:grid;place-items:center;color:#967580}.case-placeholder span{font-size:9px;letter-spacing:.2em;text-align:center}.case-placeholder em{display:block;font-family:'Cormorant Garamond',serif;font-size:31px;letter-spacing:0;margin-top:3px}figcaption{padding:10px 2px 3px}figcaption span{font-size:6px;letter-spacing:.13em}figcaption small{display:block;font-size:7px;color:var(--muted);margin-top:4px}.art-index{position:absolute;bottom:20px;left:8%;right:5%;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.12em}.hero-end{margin:0 5.5%;padding:30px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.hero-end p{font-family:var(--serif);font-size:16px}.hero-end span{font-size:8px;letter-spacing:.16em}footer{display:flex;justify-content:space-between;padding:35px 5.5%;color:var(--muted);font-size:8px;letter-spacing:.1em}.sticky{display:none}
@media(min-width:1600px){h1{font-size:55px}}
@media(max-width:1100px){.header{height:92px}.hero-copy{padding-top:44px;padding-left:9%}h1{font-size:34px}.hero-art{margin-right:5%}.art-title{font-size:49px}.treatment{width:83%;height:440px}.profile-preview{width:215px;left:-2%;top:300px}.case-preview{width:175px;bottom:60px}.hero{min-height:730px}.photo-label p{font-size:21px}.art-index{font-size:6px}}
@media(max-width:767px){.header{height:83px;padding:0 7%}.wordmark{font-size:29px}.wordmark span{font-size:6px}nav a{font-size:8px}nav a span{margin-left:13px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:31px 7% 36px}.eyebrow{font-size:9px}.audience{font-size:10px;margin-top:19px}h1{font-size:clamp(29px,7.55vw,39px);line-height:1.65;margin:20px 0 18px;letter-spacing:0}.intro{font-size:12px;line-height:2}.platform{font-size:9px;margin-top:16px}.platform strong{display:inline;margin-left:5px;font-size:10px}.conversion{margin-top:24px;max-width:none}.cta{min-height:58px;font-size:12px;padding:16px 22px}.fee-note{font-size:9px}.fee-note span{font-size:8px}.hero-art{margin:0 0 0 7%;height:520px}.art-title{font-size:49px;top:28px;left:8%}.treatment{top:126px;width:76%;height:332px}.photo-label{left:19%;top:24%}.photo-label p{font-size:19px;margin-top:15px}.photo-label small{font-size:7px;margin-top:15px}.photo-label>span{font-size:7px}.vertical{font-size:7px;right:12px}.profile-preview{width:180px;top:237px;left:0;padding:14px 15px;transform:rotate(-3deg)}.preview-header{font-size:14px;padding-bottom:9px}.profile-intro{margin-top:14px;gap:9px}.portrait{width:33px;height:41px;font-size:22px}.profile-intro p{font-size:7px}.profile-intro span{font-size:6px}.preview-tabs{margin-top:12px;padding:9px 0;font-size:6px}.profile-message{font-size:10px;margin:11px 0}.preview-tags{font-size:6px;gap:5px}.placeholder-note{font-size:5px;margin-top:14px}.case-preview{width:135px;right:6%;bottom:46px;padding:7px}.case-placeholder{height:91px}.case-placeholder em{font-size:25px}.case-placeholder span{font-size:7px}.case-preview figcaption span{font-size:5px}.case-preview figcaption small{font-size:6px}.art-index{font-size:5px;bottom:17px;left:7%}.hero-end{margin:0 7%;padding:26px 0;align-items:flex-start;gap:16px}.hero-end p{font-size:13px}.hero-end span{font-size:6px;max-width:110px;line-height:1.7}footer{padding:27px 7% 110px;font-size:6px;gap:15px}.sticky{display:block;position:fixed;bottom:0;left:0;right:0;padding:10px 7% calc(10px + env(safe-area-inset-bottom));background:#fffffff5;box-shadow:0 -1px 0 #e6dde0;z-index:10;visibility:hidden;transform:translateY(100%);transition:transform .2s}.sticky.is-visible{visibility:visible;transform:translateY(0)}.sticky .cta{min-height:50px;padding-block:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}