.flow-ribbon{display:flex;align-items:center;justify-content:center;gap:22px;margin:28px 0 35px;font-size:12px}.flow-ribbon i{font-style:normal;color:var(--muted)}.visual-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.flow-art{height:290px;position:relative;border-radius:18px;overflow:hidden;display:grid;place-items:center}.approval-art{background:#c5ccbb}.mini-profile{width:145px;height:205px;padding:8px 8px 35px;background:var(--paper);border-radius:10px;transform:rotate(-7deg);position:relative}.mini-profile>.photo-tile{height:100%;border-radius:5px}.mini-profile>small{position:absolute;bottom:12px;left:12px;font-size:8px}.approved-tag{position:absolute;right:-37px;bottom:48px;background:var(--ink);color:white;border-radius:30px;padding:9px 14px;font-size:11px;transform:rotate(7deg)}.sender-face{position:absolute;width:52px;height:52px;right:20px;top:22px;border:4px solid var(--paper);border-radius:50%}.flow-role{position:absolute;bottom:15px;left:16px;padding:5px 10px;border-radius:20px;background:var(--paper);color:var(--ink);font-size:9px}.choice-art{background:#cdbbab}.choice-photo{position:absolute;width:145px;height:175px;padding:7px;background:var(--paper);border-radius:9px}.choice-photo .photo-tile{height:100%;border-radius:5px}.choice-photo.back{transform:rotate(10deg);right:28px;top:30px}.choice-photo.front{transform:rotate(-10deg);left:28px;top:65px}.choice-photo.front>span{position:absolute;bottom:12px;left:9px;right:9px;font-size:8px;background:var(--paper);padding:6px;text-align:center;border-radius:4px}.connect-art>img{width:100%;height:100%;object-fit:cover;object-position:70%}.connected-note{position:absolute;top:32px;left:20px;right:20px;background:#f6f2e8ed;border-radius:10px;padding:15px;text-align:center}.connected-note span{font-size:9px;display:block}.connected-note b{font:20px 'Noto Serif KR',serif;display:block;margin-top:6px}.flow-copy{display:flex;gap:12px;margin-top:22px}.flow-copy>span{font:italic 23px Georgia;color:var(--muted)}.flow-copy h3{font:19px/1.6 'Noto Serif KR',serif;margin:0 0 8px;word-break:keep-all}.flow-copy p{font-size:11px;margin:0;color:var(--muted);word-break:keep-all}.visual-caption{font-size:10px!important;color:var(--muted);text-align:center;margin:24px 0;line-height:1.8}.pricing-key{display:flex;gap:25px;font-size:12px;margin:24px 0}.plan{padding:0;overflow:hidden;border:0}.plan.featured{border:0}.plan-visual{height:270px;position:relative;padding:25px;background:#c6ccbc;overflow:hidden}.select-visual{background:var(--ink);color:var(--paper)}.plan-title{position:relative;z-index:2}.plan-title>span{font-size:9px;letter-spacing:2px}.plan-title h3{margin:7px 0;font-size:25px}.plan-portraits{position:absolute;right:12px;top:30px;display:flex;transform:rotate(9deg)}.plan-portraits i{display:block;width:82px;height:82px;border-radius:50%;border:4px solid #eee7d7;margin-left:-30px}.plan-count{position:absolute;left:25px;bottom:26px;display:flex;align-items:center;gap:18px}.plan-count b{font:94px/.9 Georgia;letter-spacing:-7px}.plan-count span{font-size:13px;line-height:1.8}.plan-visual>small{position:absolute;right:18px;bottom:15px;font-size:7px;opacity:.7}.plan-body{padding:25px}.price-line{display:flex;justify-content:space-between;align-items:center;gap:12px}.price-line>span{font-size:12px}.price-line strong{font:32px Georgia}.price-line strong small{font:11px 'Malgun Gothic';margin-left:4px}.connection-line{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.connection-line b{font-size:17px;font-weight:500}.connection-line small{font-size:10px;font-weight:400}.price-example{font-size:11px!important;color:var(--muted);text-align:right}.coming-plans article{border:0;border-top:1px solid var(--line);border-radius:0;padding:20px 0}.coming-plans h3{display:flex;justify-content:space-between;align-items:center}.coming-plans h3 b{font:35px Georgia;color:var(--muted)}.coming-plans p{font-size:12px}.coming-plans summary{padding:12px 0;font-size:11px}.event-banner{padding:0;overflow:hidden;position:relative;min-height:320px}.event-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.55}.event-banner>div{position:relative;padding:35px;background:linear-gradient(90deg,#253027eb,transparent)}.event-banner h2{font:52px/1.1 Georgia}.event-banner h2 span{font:25px/1.8 'Noto Serif KR',serif}.event-banner .button{margin-top:10px}.event-banner p{font-size:11px}dialog:has(.event-poster),dialog:has(.price-modal-head){padding:0;border:0;border-radius:20px;overflow:auto;width:min(520px,calc(100% - 32px))}dialog:has(.event-poster)>.close{background:#f6f2e8ed;border-radius:50%;top:12px;right:12px;z-index:5;font-size:25px;width:36px;height:36px}.event-poster{height:300px;position:relative;background:var(--ink);overflow:hidden}.event-poster>img{width:100%;height:100%;object-fit:cover;object-position:70% 40%;opacity:.65}.event-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17251dbb,transparent)}.event-poster-copy{position:absolute;top:30px;left:30px;z-index:1;color:var(--paper)}.event-poster-copy>span{font-size:8px;letter-spacing:2px}.event-poster-copy h2{font-size:29px;line-height:1.6;margin:16px 0}.event-poster-copy p{font-size:12px}.event-poster-copy b{font:58px Georgia;display:block;margin-top:5px}.event-poster>small{position:absolute;bottom:12px;right:14px;color:white;font-size:7px;z-index:1}.event-ticket{padding:22px 30px 28px;position:relative}.ticket-route{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px dashed var(--line)}.ticket-route>span{font:23px Georgia;letter-spacing:2px}.ticket-route>span:last-child{text-align:right}.ticket-route small{font:10px 'Malgun Gothic';margin:7px 0 0;letter-spacing:0}.ticket-route>b{font-size:24px;font-weight:400}.event-ticket h3{font:23px 'Noto Serif KR',serif;margin:20px 0 10px}.event-status{font-size:10px!important;color:var(--muted)}.event-ticket summary,.price-modal-body summary{font-size:11px;padding:12px 0}.event-ticket details p,.price-modal-body details p{font-size:10px}.event-ticket .button{margin-top:18px;border-radius:7px}.price-modal-head{padding:28px;background:#c6ccbc}.price-modal-head h2{font-size:30px}.price-modal-visual{display:flex;align-items:center;margin-top:15px}.price-modal-visual>.photo-tile{width:70px;height:70px;border:4px solid var(--paper);border-radius:50%}.price-modal-visual>.photo-tile:nth-child(2){margin-left:-18px}.price-modal-visual>strong{font:68px/.9 Georgia;margin-left:auto;display:block}.price-modal-visual strong small{font:10px 'Malgun Gothic';margin-top:10px}.price-modal-body{padding:25px}.price-actions button{display:flex;justify-content:space-between;align-items:center;padding:16px 12px;background:#fff6;gap:15px}.price-actions button>span{font-size:12px}.price-actions button small{font-size:10px;margin-top:5px}.price-actions button>b{font-size:15px;font-weight:500}.price-actions button:hover{background:#e6d7ad77}.price-modal-total{display:flex;justify-content:space-between;font-size:12px;margin:24px 0 0}.price-modal-body .visual-caption{margin:14px 0}
@media(max-width:900px){.flow-art{height:240px}.choice-photo{width:120px;height:150px}.choice-photo.front{left:15px}.choice-photo.back{right:15px}.mini-profile{width:120px;height:175px}.plan-portraits i{width:66px;height:66px}.flow-copy h3{font-size:17px}}
@media(max-width:600px){.visual-steps{grid-template-columns:1fr;gap:30px}.flow-art{height:260px}.mini-profile{width:145px;height:190px}.sender-face{right:50px}.choice-photo{width:145px;height:180px}.choice-photo.front{left:65px;top:50px}.choice-photo.back{right:55px;top:25px}.flow-copy{margin-top:15px}.flow-copy h3{font-size:20px}.flow-ribbon{gap:12px;font-size:10px;margin:22px 0}.plan-visual{height:230px}.plan-portraits i{width:75px;height:75px}.plan-count b{font-size:82px}.pricing-key{gap:14px;font-size:10px}.plan-body{padding:22px}.event-banner>div{padding:25px}.event-poster{height:260px}.event-poster-copy{left:24px;top:24px}.event-poster-copy h2{font-size:24px}.event-poster-copy b{font-size:48px}.event-ticket{padding:20px 24px}.ticket-route>span{font-size:20px}.event-ticket h3{font-size:21px}.price-modal-body{padding:20px}.price-actions button>b{font-size:13px}}
.photo-guide{margin:24px 0;padding:16px;background:#e9e6db;border-radius:12px}.guide-heading{margin-bottom:16px}.guide-heading strong{font-size:14px}.guide-heading small{font-size:8px;margin:3px 0}.guide-group>b{font-size:11px;letter-spacing:1px;color:#365942}.guide-group>b span{font-size:9px;font-weight:400;letter-spacing:0;margin-left:7px}.guide-group.bad>b{color:#8a493b}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:8px 0 16px}.guide-grid figure{margin:0}.guide-photo{aspect-ratio:1;background-image:url('assets/photo-guide.png');background-size:400% 200%;border-radius:6px}.g0{background-position:0 0}.g1{background-position:33.333% 0}.g2{background-position:66.666% 0}.g3{background-position:100% 0}.g4{background-position:0 100%}.g5{background-position:33.333% 100%}.g6{background-position:66.666% 100%}.g7{background-position:100% 100%}.guide-grid figcaption{font-size:8px;line-height:1.5;margin-top:5px;text-align:center}.photo-guide>p{font-size:10px!important;margin:0;color:var(--muted)}@media(max-width:420px){.guide-grid{grid-template-columns:repeat(2,1fr);gap:10px}.guide-grid figcaption{font-size:10px}.guide-group>b span{display:block;margin:3px 0}.photo-guide{padding:12px}}
/* Process visuals: keep the interaction cues quiet and integrated with the photography. */
.approved-tag{right:4px;bottom:40px;background:#f6f2e8df;color:var(--ink);border:1px solid #25302730;border-radius:3px;padding:5px 8px;font-size:9px;transform:rotate(0);box-shadow:0 2px 8px #17251d14}
.connected-note{top:auto;left:12px;right:12px;bottom:12px;background:#f6f2e8dc;border:1px solid #f6f2e866;border-radius:3px;padding:8px 12px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px}
.connected-note span{font-size:8px;letter-spacing:.02em}
.connected-note b{font:15px 'Noto Serif KR',serif;margin:0;white-space:nowrap}
.flow-role{display:none}