:root{--ease-out:cubic-bezier(.2,.7,.2,1)}
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:#ce8799;transform:scaleX(0);transform-origin:left;z-index:50;pointer-events:none}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s var(--ease-out) var(--delay,0ms),transform .75s var(--ease-out) var(--delay,0ms)}
.reveal.is-visible,.reveal:focus-within{opacity:1;transform:none}
.hero-content>.eyebrow{animation:hero-enter .75s var(--ease-out) both}.hero h1{animation:hero-enter .9s var(--ease-out) .12s both}.hero .sub{animation:hero-enter .9s var(--ease-out) .24s both}.hero-content>.cta,.hero-chat{animation:hero-enter .9s var(--ease-out) .34s both}
@keyframes hero-enter{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
.cta,.square-arrow,.floating-kakao,#copy{transition:background .22s,color .22s,box-shadow .25s,translate .25s var(--ease-out)}
.cta span,.square-arrow{transition:transform .3s var(--ease-out)}.cta:active,.floating-kakao:active{translate:0 1px}
.package-card{overflow:hidden;transition:box-shadow .35s,opacity .75s var(--ease-out) var(--delay,0ms),transform .75s var(--ease-out) var(--delay,0ms)}
.package-photo{transition:filter .5s}.brand-grid img{transition:transform .35s var(--ease-out)}
.brand-list button{transition:background .25s,border-color .25s,opacity .75s var(--ease-out) var(--delay,0ms),transform .75s var(--ease-out) var(--delay,0ms)}
.brand-list button i{transition:transform .3s}.brand-list button.selected{background:#77253e66;border-color:#ce8799}.brand-list button.selected i{transform:translateX(5px)}
input,select{transition:border-color .2s,background .2s,box-shadow .2s}input:focus,select:focus{border-color:#ce8799;background:#ce87990b;box-shadow:0 0 0 3px #ce87991a}
#navigation a{position:relative;transition:color .2s}#navigation a:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:2px;background:#ce8799;transform:scaleX(0);transform-origin:left;transition:transform .25s}#navigation a.active{color:#ce8799}#navigation a.active:after{transform:scaleX(1)}
#concept-grid a{overflow:hidden}#concept-grid img{transition:filter .35s,transform .4s}#copy:focus-visible{outline:2px solid #ce8799;outline-offset:4px}.result-enter{animation:hero-enter .4s var(--ease-out) both}
@media(hover:hover) and (pointer:fine){.cta:hover,.floating-kakao:hover{translate:0 -3px;box-shadow:0 10px 28px #0003}.cta:hover span{transform:translateX(5px)}.square-arrow:hover{transform:translateX(3px)}.package-card:hover{box-shadow:0 15px 40px #16181016}.package-card:hover .package-photo{filter:brightness(1.1)}.brand-grid a:hover img{transform:scale(1.055)}.brand-list button:hover i{transform:translateX(6px)}#navigation a:hover{color:#ce8799}#navigation a:hover:after{transform:scaleX(1)}#concept-grid a:hover img{transform:scale(1.025);filter:brightness(1.05)}}
@media(max-width:760px){#navigation{display:flex;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .22s,transform .22s,visibility .22s}#navigation.open{visibility:visible;opacity:1;transform:none;pointer-events:auto}.menu-toggle{transition:background .2s,border-color .2s}.menu-toggle[aria-expanded=true]{background:#77253e;border-color:#ce8799}.reveal{transform:translateY(18px)}#navigation a:after{right:auto;width:24px;bottom:-5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.cta:hover,.floating-kakao:hover{translate:none}.reading-progress{display:none}}
.hero-bg{animation:hero-photo-in 1.8s cubic-bezier(.2,.7,.2,1) both}@keyframes hero-photo-in{from{opacity:.2;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}.package-photo{position:relative}.package-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ce87992b,transparent 60%);opacity:0;transition:opacity .4s}.package-card:focus-within{box-shadow:0 0 0 2px #ce8799}.package-card:focus-within .package-photo:after{opacity:1}.package-card .copy{position:relative}.package-card .square-arrow{transition:transform .3s,background .3s}.step-photo{transition:filter .45s,border-radius .45s}.brand-list .row-logo{transition:box-shadow .3s,transform .3s}.brand-list button.selected .row-logo{box-shadow:0 0 0 2px #ce8799}.contact-panel label{transition:color .25s}.contact-panel label:focus-within,.contact-panel label.has-value{color:#e4b3c0}.contact-panel input:valid:not(:placeholder-shown){border-color:#b17a89}.selection-feedback{animation:panel-confirm 1s ease-out}@keyframes panel-confirm{0%{box-shadow:0 0 0 3px #ce879966}100%{box-shadow:0 0 0 12px #ce879900}}.back-to-top{position:fixed;bottom:98px;right:30px;width:44px;height:44px;background:#161b18e8;color:#f5f3ee;border:1px solid #ce879988;border-radius:50%;font-size:22px;z-index:19;cursor:pointer;transition:background .2s,transform .2s}.back-to-top[hidden]{display:none}.back-to-top:focus-visible{outline:2px solid #ce8799;outline-offset:4px}.brand-list button:active,.cta:active,.square-arrow:active{filter:brightness(.9)}.hero-bottom a{transition:color .25s}.hero-bottom a:hover{color:#ce8799}@media(hover:hover) and (pointer:fine){.package-card:hover .package-photo:after{opacity:1}.package-card:hover .square-arrow{transform:translateX(4px)}.step:hover .step-photo{filter:brightness(1.09);border-radius:8px}.brand-list button:hover .row-logo{transform:translateX(3px)}.back-to-top:hover{transform:translateY(-3px);background:#77253e}.wordmark{transition:opacity .25s}.wordmark:hover{opacity:.75}}@media(max-width:760px){.back-to-top{bottom:82px;right:18px;width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.hero-bg{animation:none}.selection-feedback{animation:none}}
