@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap";.hp-page{--ivory: #FAF7F2;--ivory-dk: #F0EBE1;--celadon: #8BAF98;--celadon-lt: #C5DDD0;--celadon-dk: #4D7A62;--blush: #E8D5C8;--ink: #1C1C1A;--ink-soft: #3A3A38;--muted: #7A7872;--gold: #B8956A;--serif: "Cormorant Garamond", serif;--sans: "DM Sans", sans-serif;background:var(--ivory-dk);padding:3rem 2rem 5rem;min-height:65vh;font-family:var(--sans);font-weight:300;color:var(--ink)}.hp-page *,.hp-page *:before,.hp-page *:after{box-sizing:border-box}.hp-icon-defs{position:absolute;width:0;height:0;overflow:hidden}.hp-page--gate{display:flex;align-items:center;justify-content:center;padding:4rem 2rem 6rem}.hp-gate{display:grid;grid-template-columns:1fr 1fr;max-width:900px;width:100%;background:var(--ivory);border:.5px solid var(--celadon-lt);overflow:hidden}.hp-gate-visual{background:radial-gradient(ellipse 110% 80% at 25% 20%,rgba(255,255,255,.45) 0%,transparent 55%),linear-gradient(160deg,#b8d4dc,#8bb4c4 40%,#6d9aae 75%,#4d7a62);position:relative;display:flex;align-items:center;justify-content:center;min-height:380px;overflow:hidden}.hp-gate-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(100deg,transparent 0 16px,rgba(255,255,255,.08) 16px 17px,transparent 17px 34px),repeating-linear-gradient(80deg,transparent 0 24px,rgba(255,255,255,.05) 24px 25px,transparent 25px 50px)}.hp-gate-visual-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.hp-gate-korean{font-family:var(--serif);font-size:3.4rem;color:#faf7f2eb;letter-spacing:.08em;z-index:2}.hp-gate-ring{position:absolute;width:150px;height:150px;border-radius:50%;border:.5px solid rgba(250,247,242,.45);animation:hpSpin 26s linear infinite}@keyframes hpSpin{to{transform:rotate(360deg)}}.hp-gate-content{padding:3rem 2.8rem;display:flex;flex-direction:column;justify-content:center}.hp-gate-eyebrow{font-size:.62rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--celadon-dk);margin-bottom:.8rem}.hp-gate-title{font-family:var(--serif);font-size:clamp(1.9rem,3vw,2.5rem);font-weight:300;line-height:1.12;color:var(--ink);margin:0 0 1rem}.hp-gate-title em{font-style:italic;color:var(--celadon-dk)}.hp-gate-text{font-size:.88rem;line-height:1.75;color:var(--muted);margin:0 0 1.8rem}.hp-gate-btn{display:inline-block;align-self:flex-start;padding:.95rem 2.2rem;background:var(--celadon-dk);color:var(--ivory);font-size:.76rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:background .25s,box-shadow .25s;box-shadow:0 2px 14px #4d7a6233}.hp-gate-btn:hover{background:#3a5e4a;box-shadow:0 4px 22px #4d7a624d}.hp-gate-note{font-size:.78rem;color:var(--muted);margin:1.2rem 0 0;line-height:1.6}.hp-gate-note a{color:var(--celadon-dk);text-decoration:underline;text-underline-offset:3px}.hp-shell{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:250px 1fr;gap:2.5rem;align-items:start}.hp-side{background:var(--ivory);border:.5px solid var(--celadon-lt);position:sticky;top:2rem}.hp-side-profile{display:flex;align-items:center;gap:.85rem;padding:1.5rem 1.3rem;border-bottom:.5px solid var(--celadon-lt)}.hp-avatar{width:42px;height:42px;border-radius:50%;background:var(--celadon-lt);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:1.25rem;font-style:italic;color:var(--celadon-dk);flex-shrink:0}.hp-avatar-name{font-size:.84rem;font-weight:500;color:var(--ink);margin:0 0 .1rem;line-height:1.3}.hp-avatar-sub{font-size:.69rem;color:var(--muted);margin:0}.hp-nav{display:flex;flex-direction:column;padding:.4rem 0}.hp-nav-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.85rem 1.3rem;background:transparent;border:none;border-left:2px solid transparent;cursor:pointer;text-align:left;font-family:var(--sans);font-size:.79rem;font-weight:400;letter-spacing:.04em;color:var(--muted);transition:background .2s,color .2s,border-color .2s}.hp-nav-item:hover{background:#c5ddd029;color:var(--ink)}.hp-nav-item--on{background:#c5ddd047;border-left-color:var(--celadon-dk);color:var(--celadon-dk);font-weight:500}.hp-pill{font-size:.62rem;font-weight:500;font-style:normal;color:var(--ivory);background:var(--celadon-dk);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:9px;padding:0 5px}.hp-pill--dim{background:var(--celadon-lt);color:var(--celadon-dk)}.hp-signout{display:block;padding:1rem 1.3rem;border-top:.5px solid var(--celadon-lt);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s}.hp-signout:hover{color:var(--ink)}.hp-main{min-width:0}.hp-view{display:none;animation:hpFade .3s ease}.hp-view--on{display:block}@keyframes hpFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hp-head{margin-bottom:1.9rem}.hp-head-title{font-family:var(--serif);font-size:clamp(1.9rem,2.8vw,2.5rem);font-weight:300;font-style:italic;color:var(--ink);line-height:1.12;margin:0 0 .5rem}.hp-head-sub{font-size:.86rem;color:var(--muted);line-height:1.7;max-width:560px;margin:0}.hp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:1.4rem}.hp-card{background:var(--ivory);border:.5px solid var(--celadon-lt);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}.hp-card[data-guide]{cursor:pointer}.hp-card[data-guide]:hover{transform:translateY(-3px);box-shadow:0 8px 30px #1c1c1a1a}.hp-card--locked{opacity:.7}.hp-card-art{height:165px;position:relative;overflow:hidden}.hp-art--water{background:radial-gradient(ellipse 120% 80% at 20% 10%,rgba(255,255,255,.5) 0%,transparent 55%),radial-gradient(ellipse 100% 70% at 80% 90%,rgba(139,175,152,.5) 0%,transparent 60%),linear-gradient(165deg,#a8c8d8,#8bb4c4,#6d9aae 70%,#4d7a62)}.hp-art--water:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(102deg,transparent 0 14px,rgba(255,255,255,.09) 14px 15px,transparent 15px 30px),repeating-linear-gradient(78deg,transparent 0 22px,rgba(255,255,255,.06) 22px 23px,transparent 23px 46px)}.hp-art--sand{background:radial-gradient(ellipse 90% 65% at 75% 15%,rgba(255,214,165,.85) 0%,transparent 60%),radial-gradient(ellipse 110% 80% at 15% 85%,rgba(212,150,110,.6) 0%,transparent 65%),linear-gradient(170deg,#f2c78c,#e5a874,#d18f68 60%,#b8735a)}.hp-art--sand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(8deg,transparent 0 9px,rgba(255,255,255,.08) 9px 10px,transparent 10px 22px),repeating-linear-gradient(172deg,transparent 0 16px,rgba(160,90,60,.07) 16px 17px,transparent 17px 36px)}.hp-art--marble{background:linear-gradient(148deg,#f5f3ef,#e8e5df,#f2efe9,#dedad3,#eeebe5)}.hp-art--marble:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(112deg,transparent 0 28%,rgba(140,138,132,.22) 28.5% 29.5%,transparent 30% 42%,rgba(120,118,112,.14) 42.5% 43.2%,transparent 44% 68%,rgba(150,148,142,.18) 68.5% 69.8%,transparent 70%),linear-gradient(58deg,transparent 0 35%,rgba(160,158,152,.12) 35.5% 36.4%,transparent 37% 76%,rgba(130,128,122,.15) 76.5% 77.5%,transparent 78%)}.hp-card-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 35%,rgba(28,28,26,.5) 100%);z-index:1;transition:background .3s}.hp-art--marble .hp-card-scrim{background:linear-gradient(180deg,transparent 28%,rgba(28,28,26,.58) 100%)}.hp-card:hover .hp-card-scrim{background:linear-gradient(180deg,transparent 22%,rgba(28,28,26,.6) 100%)}.hp-card-label{position:absolute;bottom:1rem;left:1.1rem;z-index:2;color:#faf7f2}.hp-card-target{font-size:.57rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;opacity:.85;display:block;margin-bottom:.22rem}.hp-card-name{font-family:var(--serif);font-size:1.65rem;font-weight:400;font-style:italic;line-height:1;margin:0;color:#faf7f2}.hp-lock{position:absolute;top:.85rem;right:.85rem;z-index:3;width:27px;height:27px;border-radius:50%;background:#faf7f2e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}.hp-card-foot{padding:1rem 1.15rem 1.15rem;display:flex;flex-direction:column;flex:1;gap:.85rem}.hp-card-promise{font-family:var(--serif);font-size:.98rem;font-style:italic;color:var(--ink-soft);line-height:1.4;margin:0;flex:1}.hp-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.85rem;border-top:.5px solid var(--celadon-lt)}.hp-status{font-size:.68rem;color:var(--muted);display:flex;align-items:center;gap:.4rem}.hp-status--on{color:var(--celadon-dk);font-weight:400}.hp-status i{width:5px;height:5px;border-radius:50%;background:var(--celadon-dk);flex-shrink:0}.hp-card-cta{font-size:.68rem;font-weight:500;letter-spacing:.06em;color:var(--celadon-dk);text-decoration:none;white-space:nowrap;transition:color .2s}.hp-card-cta--dim{color:var(--muted)}.hp-card:hover .hp-card-cta{color:var(--ink)}.hp-orders{display:flex;flex-direction:column;gap:1rem}.hp-order{background:var(--ivory);border:.5px solid var(--celadon-lt);padding:1.25rem 1.5rem}.hp-order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.9rem;border-bottom:.5px solid var(--celadon-lt);flex-wrap:wrap}.hp-order-id{font-size:.85rem;font-weight:500;color:var(--ink);text-decoration:none;display:block;margin-bottom:.18rem;transition:color .2s}.hp-order-id:hover{color:var(--celadon-dk)}.hp-order-date{font-size:.72rem;color:var(--muted)}.hp-order-right{display:flex;align-items:center;gap:1rem}.hp-order-badge{font-size:.61rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:.28rem .7rem;background:var(--celadon-lt);color:var(--celadon-dk);white-space:nowrap}.hp-order-sum{font-family:var(--serif);font-size:1.3rem;color:var(--ink);white-space:nowrap}.hp-order-lines{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.hp-order-lines li{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:.8rem;color:var(--ink-soft)}.hp-line-qty{color:var(--muted);font-size:.74rem;flex-shrink:0}.hp-blank{background:var(--ivory);border:.5px solid var(--celadon-lt);padding:3.5rem 2rem;text-align:center}.hp-blank-title{font-family:var(--serif);font-size:1.5rem;font-style:italic;color:var(--ink);margin:0 0 .5rem}.hp-blank-text{font-size:.85rem;color:var(--muted);line-height:1.7;max-width:400px;margin:0 auto 1.5rem}.hp-blank-cta{display:inline-block;padding:.85rem 2rem;background:var(--celadon-dk);color:var(--ivory);font-size:.74rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;transition:background .25s}.hp-blank-cta:hover{background:#3a5e4a}.hp-profile{background:var(--ivory);border:.5px solid var(--celadon-lt);padding:2rem;max-width:600px;display:flex;flex-direction:column;gap:1.4rem}.hp-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.hp-field{display:flex;flex-direction:column;gap:.4rem}.hp-field-label{font-size:.62rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hp-field-value{font-size:.9rem;color:var(--ink);padding:.65rem .85rem;background:var(--ivory-dk);border:.5px solid var(--celadon-lt)}.hp-address{font-size:.85rem;color:var(--ink-soft);line-height:1.8;padding:1rem;background:var(--ivory-dk);border:.5px solid var(--celadon-lt)}.hp-address--none{color:var(--muted);font-style:italic}.hp-rule{height:.5px;background:var(--celadon-lt)}.hp-profile-btn{align-self:flex-start;padding:.8rem 1.8rem;background:transparent;border:.5px solid var(--ink);color:var(--ink);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .25s,color .25s}.hp-profile-btn:hover{background:var(--ink);color:var(--ivory)}.hp-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#1c1c1a9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:flex-start;justify-content:center;padding:2.5rem 1.5rem;overflow-y:auto}.hp-modal--on{display:flex}.hp-modal-box{background:var(--ivory-dk);width:100%;max-width:840px;border:.5px solid var(--celadon-lt);overflow:hidden;animation:hpModalIn .35s cubic-bezier(.16,1,.3,1);margin:auto 0}@keyframes hpModalIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hp-modal-art{height:180px;position:relative;overflow:hidden}.hp-modal-x{position:absolute;top:1rem;right:1rem;z-index:3;width:33px;height:33px;border-radius:50%;background:#faf7f23d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:.5px solid rgba(250,247,242,.35);color:#faf7f2;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.hp-modal-x:hover{background:#faf7f26b}.hp-modal-label{position:absolute;bottom:1.3rem;left:1.7rem;z-index:2;color:#faf7f2}.hp-modal-eyebrow{font-size:.58rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;opacity:.82;display:block;margin-bottom:.28rem}.hp-modal-title{font-family:var(--serif);font-size:clamp(2.1rem,4vw,2.9rem);font-weight:400;font-style:italic;line-height:1;margin:0;color:#faf7f2}.hp-modal-bar{background:var(--ivory);border-bottom:.5px solid var(--celadon-lt);padding:1.1rem 1.7rem;display:flex;flex-direction:column;align-items:center;gap:.55rem;position:sticky;top:0;z-index:5}.hp-tiers{display:flex;border:.5px solid var(--celadon-lt)}.hp-tier{padding:.6rem 1.8rem;background:transparent;border:none;cursor:pointer;font-family:var(--sans);font-size:.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);transition:background .25s,color .25s}.hp-tier:hover:not(.hp-tier--on):not(:disabled){background:var(--ivory-dk);color:var(--ink)}.hp-tier--on{background:var(--celadon-dk);color:var(--ivory)}.hp-tier:disabled{opacity:.35;cursor:not-allowed}.hp-tier-note{font-size:.68rem;color:var(--muted);margin:0;text-align:center;min-height:1em}.hp-modal-body{padding:1.9rem 1.7rem 2.4rem;max-height:58vh;overflow-y:auto}.hp-modal-body::-webkit-scrollbar{width:5px}.hp-modal-body::-webkit-scrollbar-track{background:#1c1c1a0a}.hp-modal-body::-webkit-scrollbar-thumb{background:#4d7a624d;border-radius:4px}.hp-modal-body::-webkit-scrollbar-thumb:hover{background:#4d7a6280}.hp-routine{margin-bottom:2.3rem}.hp-routine:last-child{margin-bottom:0}.hp-routine-top{display:flex;align-items:center;gap:.85rem;margin-bottom:1.1rem;padding-bottom:.75rem;border-bottom:.5px solid var(--celadon-lt)}.hp-routine-dot{width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem;color:#faf7f2}.hp-routine-dot--am{background:linear-gradient(135deg,#f2c78c,#e5a874)}.hp-routine-dot--pm{background:linear-gradient(135deg,#4d7a62,#3a5e4a)}.hp-routine-name{font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}.hp-routine-count{margin-left:auto;font-size:.68rem;color:var(--muted)}.hp-steps{display:flex;flex-direction:column;gap:.85rem}.hp-step{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.2rem;background:var(--ivory);border:.5px solid var(--celadon-lt);transition:border-color .2s}.hp-step:hover{border-color:var(--celadon-dk)}.hp-step-n{font-family:var(--serif);font-size:1.45rem;font-style:italic;color:var(--celadon-dk);line-height:1;flex-shrink:0;min-width:21px;padding-top:.15rem}.hp-step-txt{flex:1;min-width:0}.hp-step-name{font-size:.86rem;font-weight:500;color:var(--ink);margin:0 0 .24rem;line-height:1.35}.hp-step-desc{font-size:.78rem;color:var(--muted);line-height:1.6;margin:0 0 .5rem}.hp-step-act{display:inline-block;font-size:.62rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--celadon-dk);background:#c5ddd061;padding:.22rem .6rem}.hp-step-svg{width:50px;height:50px;flex-shrink:0;color:var(--celadon-dk);opacity:.72}.hp-step-svg svg{width:100%;height:100%}@media(max-width:900px){.hp-shell{grid-template-columns:1fr;gap:1.5rem}.hp-side{position:static}.hp-nav{flex-direction:row;overflow-x:auto;padding:0}.hp-nav-item{border-left:none;border-bottom:2px solid transparent;white-space:nowrap;padding:.9rem 1.1rem}.hp-nav-item--on{border-left:none;border-bottom-color:var(--celadon-dk)}.hp-signout{display:none}.hp-gate{grid-template-columns:1fr}.hp-gate-visual{min-height:200px}}@media(max-width:600px){.hp-page{padding:1.5rem 1rem 3rem}.hp-page--gate{padding:2rem 1rem 3rem}.hp-gate-content{padding:2.2rem 1.6rem}.hp-field-row{grid-template-columns:1fr}.hp-modal{padding:0}.hp-modal-box{max-width:100%;min-height:100vh}.hp-modal-body{max-height:none;padding:1.5rem 1.2rem 2rem}.hp-step-svg{display:none}.hp-order-top{flex-direction:column}.hp-order-right{width:100%;justify-content:space-between}}.hp-order-ritual{display:inline-block;margin-top:.4rem;font-family:Cormorant Garamond,serif;font-size:.95rem;font-style:italic;color:var(--celadon-dk);background:#c5ddd059;padding:.2rem .65rem;border-left:2px solid var(--celadon-dk)}
/*# sourceMappingURL=/cdn/shop/t/47/assets/hayeon-portal.css.map */