:root{--bg:#0a0a0a;--fg:#eaeaea;--muted:#bcbcbc;--card:#111111;--strip:#f4f4f4;--ink:#121212;--ring:rgba(255,255,255,0.08)}.page{min-height:100svh;background:var(--bg);color:var(--fg);flex-direction:column;align-items:center;padding:48px 20px 80px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.page,.tabs{display:flex}.tabs{gap:10px;margin-bottom:32px}.tab{appearance:none;border:1.5px solid #3a3a3a;background:#141414;color:#dcdcdc;padding:10px 16px;border-radius:999px;font-size:13px;letter-spacing:.1px;cursor:pointer;transition:border-color .2s ease}.tab:hover{border-color:#4a4a4a}.tab.active{background:#1f1f1f;border-color:#5a5a5a;box-shadow:inset 0 0 0 1px #3a3a3a,0 8px 24px rgba(0,0,0,.4)}.headline{margin:8px 0 6px;font-size:clamp(22px,2.3vw,34px);font-weight:500;font-family:ui-serif,Georgia,Times New Roman,Times,serif;font-style:italic;color:#f3f3f3;text-align:center}.subhead{margin:0 0 28px;color:var(--muted);font-size:clamp(13px,1.25vw,16px);text-align:center;color:#b5b5b5ff;font-family:Pretendard Variable;font-size:1rem;font-style:normal;font-weight:400;line-height:150%;letter-spacing:-.03rem}.img-wrap{width:min(600px,92vw);display:flex;justify-content:center;margin:1rem 0 2rem}.image{position:relative;width:100%;border-radius:1.25rem;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.6),inset 0 2px 0 1px rgba(255,255,255,.04)}.left-strip{position:absolute;inset:0 auto 0 0;width:clamp(58px,8vw,82px);background:var(--strip);border-right:1px solid #dddddd;display:flex;align-items:center;justify-content:center;padding:16px 6px}.qr{width:40px;height:40px;background:conic-gradient(#000 0 25%,#fff 0 50%,#000 0 75%,#fff 0) 0 0 /8px 8px,radial-gradient(#000 45%,transparent 46%) 3px 3px /8px 8px;filter:contrast(200%);border:3px solid #000}.vertical-brand{position:absolute;left:8px;bottom:72px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;color:#8a8a8a;letter-spacing:.2px}.content{margin-left:clamp(58px,8vw,82px);display:grid;grid-template-columns:1fr clamp(260px,33%,320px);gap:22px;padding:clamp(18px,2.2vw,24px) clamp(18px,2.2vw,24px) 0}.photo{aspect-ratio:4/3;border-radius:8px;background-image:url(https://images.unsplash.com/photo-1544006659-f0b21884ce1d?q=80&w=1200&auto=format&fit=crop);background-size:cover;background-position:50%;box-shadow:inset 0 1px 0 #e9e9e9,inset 0 0 0 1px #e6e6e6}.meta{flex-direction:column;justify-content:flex-start;padding-top:4px}.meta,.row{display:flex}.row{justify-content:space-between;gap:12px;font-size:12px}.label{color:#6f6f6f;letter-spacing:.6px}.value{color:#2b2b2b;font-weight:500}.divider{height:1px;background:#e8e8e8;margin:10px 0 12px}.desc{margin:0;color:#4a4a4a;font-size:12px;line-height:1.6}.bottom{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;margin-left:clamp(58px,8vw,82px);padding:12px clamp(18px,2.2vw,24px) 18px;border-top:1px solid #e9e9e9}.name{font-size:clamp(32px,5vw,50px);color:#1b1b1b;letter-spacing:2px;font-weight:600}.month{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-right:4px}.mrange{font-size:clamp(16px,2.2vw,22px);color:#202020;font-weight:600;letter-spacing:1.5px}.enmonth{font-size:clamp(14px,1.8vw,20px);color:#2a2a2a;letter-spacing:1.2px}.vignette{position:absolute;inset:58% 0 0 0;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.06) 35%,rgba(0,0,0,.18));pointer-events:none}.footer-copy{width:min(820px,90vw);text-align:center;color:#f2f2f2;font-family:Pretendard Variable;font-size:1rem;font-style:normal;font-weight:300;line-height:1.7;letter-spacing:-.05rem;word-break:keep-all;overflow-wrap:break-word;padding:0 20px}.footer-copy strong{font-weight:500}.start-button{margin-top:48px;padding:14px 32px;background:transparent;border:1.5px solid #5a5a5a;color:#f2f2f2;font-family:Pretendard Variable;font-size:1rem;font-weight:400;letter-spacing:-.02rem;border-radius:999px;cursor:pointer;transition:all .2s ease}.start-button:hover{border-color:#7a7a7a;background:rgba(255,255,255,.05);transform:translateY(-1px)}.start-button:active{transform:translateY(0)}@media (max-width:860px){.content{grid-template-columns:1fr}.meta{padding-right:8px}.footer-copy{font-size:.9rem;line-height:1.6;padding:0 16px}.page{padding:32px 16px 60px}.tabs{margin-bottom:24px}.img-wrap{margin:.75rem 0 1.5rem}.start-button{margin-top:32px;padding:12px 28px;font-size:.9rem}}.tab:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}