/* === Base reset === */
*,*::before,*::after{box-sizing:border-box;border:0 solid #e5e7eb}
html,body{margin:0;padding:0}
button{background:none;border:0;cursor:pointer;color:inherit;font:inherit;padding:0}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}

/* === Display & layout === */
.block{display:block}.hidden{display:none}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}
.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}
.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}.justify-center{justify-content:center}
.place-items-center{place-items:center}
.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}
.inset-0{top:0;right:0;bottom:0;left:0}.inset-3{top:.75rem;right:.75rem;bottom:.75rem;left:.75rem}
.top-1\/2{top:50%}.top-6{top:1.5rem}.top-\[2\%\]{top:2%}.top-\[6\%\]{top:6%}.top-\[8\%\]{top:8%}.top-\[10\%\]{top:10%}.top-\[18\%\]{top:18%}.top-\[28\%\]{top:28%}.top-\[42px\]{top:42px}
.left-0{left:0}.left-4{left:1rem}.left-1\/2{left:50%}.left-\[2\%\]{left:2%}.left-\[10\%\]{left:10%}
.right-0{right:0}.right-5{right:1.25rem}.right-\[6\%\]{right:6%}.right-\[10\%\]{right:10%}.right-\[14\%\]{right:14%}.right-\[18\%\]{right:18%}
.bottom-3{bottom:.75rem}.bottom-5{bottom:1.25rem}
.-top-20{top:-5rem}.-right-20{right:-5rem}.-mr-2{margin-right:-.5rem}.-mt-6{margin-top:-1.5rem}
.-z-10{z-index:-10}.z-10{z-index:10}.z-40{z-index:40}.z-\[60\]{z-index:60}

/* === Sizes === */
.h-1\.5{height:.375rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-80{height:20rem}
.h-px{height:1px}.h-full{height:100%}
.h-\[34px\]{height:34px}.h-\[280px\]{height:280px}.h-\[320px\]{height:320px}.h-\[460px\]{height:460px}.h-\[560px\]{height:560px}
.w-1\.5{width:.375rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-80{width:20rem}
.w-full{width:100%}.w-\[34px\]{width:34px}.w-\[280px\]{width:280px}.w-\[320px\]{width:320px}
.min-w-0{min-width:0}.min-h-\[100svh\]{min-height:100svh}
.max-w-\[520px\]{max-width:520px}
.max-w-\[1000px\]{max-width:1000px}.max-w-\[1100px\]{max-width:1100px}.max-w-\[1200px\]{max-width:1200px}
.max-w-\[18ch\]{max-width:18ch}.max-w-\[22ch\]{max-width:22ch}.max-w-\[24ch\]{max-width:24ch}
.max-w-\[44ch\]{max-width:44ch}.max-w-\[50ch\]{max-width:50ch}.max-w-\[52ch\]{max-width:52ch}
.max-w-\[56ch\]{max-width:56ch}.max-w-\[58ch\]{max-width:58ch}.max-w-\[60ch\]{max-width:60ch}
.max-w-\[68ch\]{max-width:68ch}.max-w-\[80ch\]{max-width:80ch}

/* === Aspect === */
.aspect-square{aspect-ratio:1/1}.aspect-\[16\/7\]{aspect-ratio:16/7}.aspect-\[4\/5\]{aspect-ratio:4/5}

/* === Margin & padding === */
.mx-auto{margin-left:auto;margin-right:auto}
.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}
.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}
.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-9{margin-top:2.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}
.my-7{margin-top:1.75rem;margin-bottom:1.75rem}
.p-2{padding:.5rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}
.pb-16{padding-bottom:4rem}.pt-28{padding-top:7rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}
.pr-4{padding-right:1rem}

/* === Gaps === */
.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}
.gap-x-5{column-gap:1.25rem}.gap-x-6{column-gap:1.5rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.gap-y-10{row-gap:2.5rem}
.space-y-2\.5>*+*{margin-top:.625rem}.space-y-5>*+*{margin-top:1.25rem}

/* === Grid === */
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-\[7em_1fr\]{grid-template-columns:7em 1fr}

/* === Type === */
.text-center{text-align:center}.text-left{text-align:left}
.font-medium{font-weight:500}
.font-en{font-family:'Inter',ui-sans-serif,system-ui}
.font-serif{font-family:'Noto Serif KR',ui-serif,serif}
.tracking-widest{letter-spacing:.1em}
.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}
.text-\[12px\]{font-size:12px}.text-\[12\.5px\]{font-size:12.5px}.text-\[13\.5px\]{font-size:13.5px}
.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[26px\]{font-size:26px}
.whitespace-nowrap{white-space:nowrap}

/* === Colors === */
.text-ink{color:#2C2A35}
.text-ink\/75{color:rgba(44,42,53,.75)}
.text-ink\/85{color:rgba(44,42,53,.85)}
.text-lavender-deep{color:#6B5B95}
.text-mute{color:#6E6B78}
.text-white{color:#fff}
.text-white\/40{color:rgba(255,255,255,.4)}
.text-white\/55{color:rgba(255,255,255,.55)}
.text-white\/65{color:rgba(255,255,255,.65)}
.text-white\/70{color:rgba(255,255,255,.7)}
.text-white\/75{color:rgba(255,255,255,.75)}
.\!text-ink\/55{color:rgba(44,42,53,.55) !important}
.\!text-white\/60{color:rgba(255,255,255,.6) !important}
.\!tracking-\[\.16em\]{letter-spacing:.16em !important}

.bg-white{background:#fff}
.bg-offwhite{background:#FFFEFB}
.bg-lavender{background:#C8B6E2}
.bg-lavender-deep{background:#6B5B95}
.bg-lavender-deep\/10{background:rgba(107,91,149,.1)}
.bg-lavender-deep\/40{background:rgba(107,91,149,.4)}
.bg-lavender-soft\/15{background:rgba(200,182,226,.15)}
.bg-lavender-soft\/30{background:rgba(200,182,226,.3)}
.bg-ink\/20{background:rgba(44,42,53,.2)}

.border-black\/5{border-color:rgba(0,0,0,.05)}
.border-ink\/10{border-color:rgba(44,42,53,.1)}
.border-lavender-deep\/20{border-color:rgba(107,91,149,.2)}
.border{border-width:1px}.border-b{border-bottom-width:1px}

.divide-y>*+*{border-top-width:1px}
.divide-ink\/\[\.08\]>*+*{border-color:rgba(44,42,53,.08)}

/* === Gradients === */
.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-from),var(--tw-to))}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-from),var(--tw-via,transparent),var(--tw-to))}
.from-\[\#f4eee2\]{--tw-from:#f4eee2}
.to-\[\#ece4d3\]{--tw-to:#ece4d3}
.from-lavender-soft{--tw-from:#C8B6E2}
.to-sage{--tw-to:#B8C5B0}
.via-lavender-deep{--tw-via:#6B5B95}

/* === Borders / radius === */
.rounded-md{border-radius:.375rem}
.rounded-lg{border-radius:.5rem}
.rounded-xl{border-radius:.75rem}
.rounded-2xl{border-radius:1rem}
.rounded-full{border-radius:9999px}

/* === Misc === */
.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}
.object-cover{object-fit:cover}.object-top{object-position:top}
.opacity-25{opacity:.25}
.mix-blend-multiply{mix-blend-mode:multiply}
.pointer-events-none{pointer-events:none}
.shrink-0{flex-shrink:0}
.transition-colors{transition:color .2s,background-color .2s,border-color .2s}

/* === Hover === */
.hover\:text-lavender-deep:hover{color:#6B5B95}
.hover\:text-white:hover{color:#fff}

/* === Responsive === */
@media (min-width:640px){
.sm\:block{display:block}.sm\:flex-row{flex-direction:row}.sm\:inline-flex{display:inline-flex}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sm\:right-\[8\%\]{right:8%}.sm\:right-\[10\%\]{right:10%}
.sm\:top-\[14\%\]{top:14%}.sm\:top-\[20\%\]{top:20%}
}
@media (min-width:768px){
.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}
.md\:gap-12{gap:3rem}.md\:gap-y-14{row-gap:3.5rem}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
.md\:col-span-3{grid-column:span 3}.md\:col-span-4{grid-column:span 4}.md\:col-span-5{grid-column:span 5}.md\:col-span-6{grid-column:span 6}.md\:col-span-7{grid-column:span 7}
.md\:p-4{padding:1rem}.md\:p-7{padding:1.75rem}.md\:p-8{padding:2rem}.md\:p-10{padding:2.5rem}
.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}
.md\:pb-20{padding-bottom:5rem}.md\:pt-32{padding-top:8rem}
.md\:h-\[600px\]{height:600px}.md\:h-\[620px\]{height:620px}
.md\:text-\[24px\]{font-size:24px}
}
@media (min-width:1024px){
.lg\:inline-flex{display:inline-flex}
}