@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
@import "https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500;600;700&display=swap";
.branch-homepage{--branch-green:#3d6b2e;--branch-green-hover:#2d5420;--branch-green-light:#e8f0e3;--branch-bg:#fff;--branch-bg-alt:#f5f5f2;--branch-white:#fff;--branch-text:#1c1c18;--branch-text-secondary:#5f5f58;--branch-text-muted:#94948c;--branch-border:#e5e3de;--branch-star:#3d6b2e;--branch-footer-bg:#1c1f18;--branch-primary-deep:#1f3816;--branch-surface:#fff;--branch-bg-deep:#1f241a;--branch-text-subtle:#b5b4ac;--branch-wheat:#c4a57b;--branch-accent:#3d6b2e;--branch-rose:#2d5420;--branch-rose-light:#e5e5e5;--branch-cream:#f5f5f5;--branch-text-light:#666;--type-hero:clamp(2rem,1.2rem + 2.5vw,3.5rem);--type-section:clamp(1.5rem,1rem + 1.5vw,2.5rem);--type-display:clamp(2.5rem,1.2rem + 4vw,4.5rem);--ease-out-quart:cubic-bezier(.25,1,.5,1);--ease-out-expo:cubic-bezier(.19,1,.22,1);background-color:var(--branch-bg);color:var(--branch-text);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}.branch-homepage *{border-color:var(--branch-border)}.branch-homepage h1,.branch-homepage h2,.branch-homepage h3{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700}.branch-serif,.branch-homepage .serif{font-family:var(--branch-serif-font,"Playfair Display",Georgia,serif)}.branch-homepage .tnum,.branch-price{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}@keyframes branch-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes branch-fade-in{0%{opacity:0}to{opacity:1}}@keyframes branch-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes branch-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.branch-animate-fade-up{animation:branch-fade-up .6s var(--ease-out-quart)both}.branch-animate-fade-in{animation:branch-fade-in .4s var(--ease-out-quart)both}.branch-animate-slide-up{animation:branch-slide-up .5s var(--ease-out-quart)both}.branch-animate-scale-in{animation:branch-scale-in .4s var(--ease-out-quart)both}.branch-stagger-1{animation-delay:50ms}.branch-stagger-2{animation-delay:.1s}.branch-stagger-3{animation-delay:.15s}.branch-stagger-4{animation-delay:.2s}.branch-stagger-5{animation-delay:.25s}.branch-stagger-6{animation-delay:.3s}.branch-stagger-7{animation-delay:.35s}.branch-stagger-8{animation-delay:.4s}.branch-homepage .reveal{opacity:0;transition:opacity .8s var(--ease-out-quart),transform .8s var(--ease-out-quart);transform:translateY(24px)}.branch-homepage .reveal.in{opacity:1;transform:translateY(0)}.branch-homepage .reveal.d1{transition-delay:80ms}.branch-homepage .reveal.d2{transition-delay:.16s}.branch-homepage .reveal.d3{transition-delay:.24s}.branch-homepage .reveal.d4{transition-delay:.32s}.branch-homepage .reveal.d5{transition-delay:.4s}.branch-homepage .btn-fill{background:var(--branch-green);color:#fff;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.875rem;font-weight:600;transition:background .2s,transform .15s;display:inline-flex}.branch-homepage .btn-fill:hover{background:var(--branch-green-hover)}.branch-homepage .btn-fill:active{transform:scale(.97)}.branch-homepage .btn-outline{color:var(--branch-green);border:1.5px solid var(--branch-green);cursor:pointer;background:0 0;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.875rem;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.branch-homepage .btn-outline:hover{background:var(--branch-green);color:#fff}.branch-homepage .no-scrollbar::-webkit-scrollbar{display:none}.branch-homepage .no-scrollbar{scrollbar-width:none}.branch-homepage button:focus-visible,.branch-homepage a:focus-visible,.branch-homepage input:focus-visible,.branch-homepage select:focus-visible{outline:2px solid var(--branch-green);outline-offset:2px}@media (prefers-reduced-motion:reduce){.branch-homepage,.branch-homepage *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.branch-homepage .reveal{opacity:1;transform:none}}