.relation-home{min-height:100svh;background:#f7f7f5;color:#171719;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif}
.relation-home header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e2e2df}
.relation-home header b{font:700 28px/1 Georgia,serif;letter-spacing:-.05em}
.relation-home header button{border:0;border-radius:11px;padding:10px 14px;background:#171719;color:#fff;font-weight:750}
.relation-home__hero{padding:58px 20px 42px}.relation-home__hero>span,.relation-home__steps>span{display:block;margin-bottom:13px;color:#77777a;font-size:12px;font-weight:700}
.relation-home__hero h1{max-width:680px;margin:0 0 20px;font:800 clamp(42px,12vw,76px)/1.04 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;letter-spacing:-.065em;word-break:keep-all}
.relation-home__hero p{max-width:490px;margin:0 0 28px;color:#68686c;font-size:15px;line-height:1.75}.relation-home__hero .visitor-primary{width:auto;min-width:210px}
.relation-home__preview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:end;padding:20px;border-block:1px solid #e2e2df;background:#fff}
.relation-home__still{position:relative;min-height:520px;overflow:hidden;border-radius:16px;background:#dededb}.relation-home__still .cast-art{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center 25%}
.relation-home__still>span{position:absolute;left:14px;bottom:14px;z-index:2;padding:7px 10px;border-radius:999px;background:#ffffffe0;font-size:9px;font-weight:800;letter-spacing:.1em}
.relation-home__preview>div:last-child{padding:20px 0 22px}.relation-home__preview small{color:#77777a;font-size:10px;font-weight:800;letter-spacing:.12em}.relation-home__preview h2{margin:12px 0 16px;font-size:clamp(30px,7vw,48px);line-height:1.12;letter-spacing:-.055em}.relation-home__preview p{max-width:35ch;color:#6d6d70;font-size:14px;line-height:1.7}
.relation-home__steps{padding:56px 20px 88px}.relation-home__steps ol{max-width:620px;margin:0 0 28px;padding:0;list-style:none;border-top:1px solid #dcdcd9}.relation-home__steps li{display:flex;gap:22px;align-items:center;padding:19px 2px;border-bottom:1px solid #dcdcd9;font-size:17px;font-weight:750}.relation-home__steps li b{color:#ff456f;font-size:11px}.relation-home__steps .visitor-secondary{width:auto}.start-page>.back{margin:0 0 28px;color:#171719}
@media(max-width:640px){.relation-home__preview{grid-template-columns:1fr;gap:5px}.relation-home__still{min-height:62svh}.relation-home__preview>div:last-child{padding:22px 2px 28px}.relation-home__hero{padding-top:44px}}
.auth-gate{min-height:100svh;padding:24px 20px 52px;background:#f7f7f5;color:#171719;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif}.auth-gate>.back{margin-bottom:64px}.auth-gate>span{display:block;color:#77777a;font-size:11px;font-weight:800;letter-spacing:.12em}.auth-gate h1{margin:14px 0 18px;font-size:clamp(38px,11vw,58px);line-height:1.06;letter-spacing:-.06em;word-break:keep-all}.auth-gate p{max-width:33ch;margin:0 0 32px;color:#68686c;font-size:15px;line-height:1.7}.magic-link-form{display:grid;gap:10px}.magic-link-form label{color:#77777a;font-size:12px;font-weight:750}.magic-link-form input{width:100%;min-height:52px;box-sizing:border-box;border:1px solid #d7d7d4;border-radius:12px;background:#fff;color:#171719;padding:0 15px;font:inherit}.email-login{width:100%;min-height:54px;border:0;border-radius:12px;background:#171719;color:#fff;font-size:15px;font-weight:850}.auth-gate .auth-provider-note{min-height:20px;margin:12px 4px 0;color:#6d6551;font-size:13px;line-height:1.45;text-align:center}.email-login:disabled{cursor:wait;opacity:.65}.auth-gate small{display:block;margin-top:13px;color:#88888c;text-align:center}
.save-choice{min-height:100svh;box-sizing:border-box;padding:72px 20px 48px;background:#0b0b0f;color:#fff;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif}.save-choice>span{color:#9b9ba4;font-size:10px;font-weight:850;letter-spacing:.14em}.save-choice h1{margin:16px 0;font-size:clamp(42px,12vw,64px);line-height:1.04;letter-spacing:-.065em}.save-choice>p{max-width:32ch;margin:0 0 30px;color:#aaaab2;font-size:15px;line-height:1.7}.save-choice__kakao,.save-choice__later{width:100%;min-height:54px;border:0;border-radius:12px;font-size:15px;font-weight:850}.save-choice__kakao{background:#fee500;color:#191919}.save-choice__later{margin-top:10px;background:transparent;color:#bcbcc3;border:1px solid #34343a}.save-choice .magic-link-form label{color:#aaaab2}.save-choice .magic-link-form input{border-color:#34343a;background:#17171d;color:#fff}.save-choice .email-login{background:#fff;color:#111116}.save-choice__or{display:flex;align-items:center;gap:12px;margin:18px 0;color:#777780;font-size:11px}.save-choice__or:before,.save-choice__or:after{content:"";height:1px;flex:1;background:#29292f}.save-choice .auth-provider-note{min-height:20px;margin:10px 0;color:#aaaab2;text-align:center}.save-choice>small{display:block;margin-top:14px;color:#777780;text-align:center}