@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";.header{z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:24px 48px;transition:background-color .4s,padding .3s;display:flex;position:fixed;top:0;left:0}.header--scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff5e4e6;padding:16px 48px}.header__logo{font-family:var(--font-display);letter-spacing:.06em;color:var(--color-cookie-black);font-size:32px}.header__nav{gap:36px;display:flex}.header__nav a{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--color-cookie-black);font-size:14px;font-weight:600;transition:opacity .2s}.header__nav a:hover{opacity:.6}.header__hamburger{z-index:1001;flex-direction:column;gap:5px;padding:4px;display:none}.header__hamburger span{background:var(--color-cookie-black);width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.header__hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.header__hamburger.open span:nth-child(2){opacity:0}.header__hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=767px){.header{padding:16px 24px}.header--scrolled{padding:12px 24px}.header__hamburger{display:flex}.header__nav{background-color:var(--color-cream-white);flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;height:100dvh;transition:transform .4s;position:fixed;top:0;right:0;transform:translate(100%)}.header__nav--open{transform:translate(0)}.header__nav a{font-size:24px}}.hero{background-color:var(--color-cream-white);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 48px 80px;display:flex;position:relative;overflow:hidden}.hero__bg-text{font-family:var(--font-display);color:var(--color-warm-beige);opacity:.15;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:clamp(120px,25vw,400px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:32px;display:flex;position:relative}.hero__title{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;color:var(--color-cookie-black);flex-direction:column;align-items:center;font-size:clamp(48px,10vw,140px);line-height:1;display:flex;overflow:hidden}.hero__title span{display:block}.hero__subtitle{max-width:480px;color:var(--color-cocoa-brown)}.hero__cta{margin-top:16px}.hero__scroll-hint{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--color-soft-caramel);flex-direction:column;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero__scroll-arrow{animation:2s ease-in-out infinite scrollBounce}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (width<=767px){.hero{padding:100px 24px 60px}.hero__title{font-size:clamp(36px,14vw,80px)}.hero__subtitle{font-size:15px}}.scroll-dunk{background-color:var(--color-cookie-black);height:500vh;position:relative}.scroll-dunk__sticky{width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.scroll-dunk__canvas{width:100vw;height:100vh;display:block}.scroll-dunk__hint{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--color-cream-white);opacity:.5;pointer-events:none;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-dunk__hint span{background:var(--color-cream-white);width:1px;height:28px;animation:2s ease-in-out infinite hintPulse;display:block}@keyframes hintPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.4)}}@media (width<=767px){.scroll-dunk{height:400vh}}.copy-section{justify-content:center;align-items:center;min-height:60vh;padding:100px 48px;display:flex}.copy-section__inner{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:800px;display:flex}.copy-section__title{font-size:clamp(40px,8vw,120px)}.copy-section__desc{opacity:.85;white-space:pre-line;max-width:520px}@media (width<=767px){.copy-section{min-height:50vh;padding:80px 24px}.copy-section__title{font-size:clamp(32px,10vw,64px)}}.product-line{background-color:var(--color-cream-white);padding:120px 48px}.product-line__title{text-align:center;color:var(--color-cookie-black);margin-bottom:64px}.product-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid}.product-card{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 36px;transition:transform .3s;display:flex}.product-card:hover{transform:translateY(-8px)}.product-card__icon{margin-bottom:8px}.product-card__name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(28px,3vw,42px)}.product-card__tagline{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;opacity:.7;font-size:14px;font-weight:600}.product-card__desc{font-family:var(--font-body);max-width:280px;font-size:15px;font-weight:500;line-height:1.6}.product-card .cta-button{margin-top:16px;padding:14px 36px;font-size:14px}@media (width<=1023px){.product-grid{grid-template-columns:1fr 1fr}}@media (width<=767px){.product-line{padding:80px 24px}.product-grid{grid-template-columns:1fr;gap:16px}}.ingredient{background-color:var(--color-warm-beige);padding:120px 48px}.ingredient__inner{flex-direction:column;gap:64px;max-width:1000px;margin:0 auto;display:flex}.ingredient__header{flex-direction:column;gap:24px;display:flex}.ingredient__header .section-title{color:var(--color-cookie-black);flex-direction:column;display:flex}.ingredient__title-line{display:block}.ingredient__desc{color:var(--color-cocoa-brown);max-width:520px}.ingredient__points{grid-template-columns:1fr 1fr;gap:20px;display:grid}.ingredient__point{font-family:var(--font-display);text-transform:uppercase;color:var(--color-cookie-black);align-items:center;gap:16px;font-size:clamp(20px,2.5vw,32px);display:flex}.ingredient__point-icon{color:var(--color-strawberry-red);flex-shrink:0;font-size:18px}.ingredient__footer{color:var(--color-cocoa-brown);opacity:.8}@media (width<=767px){.ingredient{padding:80px 24px}.ingredient__points{grid-template-columns:1fr}}.how-to-dunk{background-color:var(--color-milk-white);padding:120px 48px}.how-to-dunk__title{text-align:center;color:var(--color-cookie-black);margin-bottom:80px}.dunk-steps{grid-template-columns:repeat(3,1fr);gap:48px;max-width:1100px;margin:0 auto;display:grid}.dunk-step{text-align:center;flex-direction:column;gap:12px;display:flex}.dunk-step__num{font-family:var(--font-display);color:var(--color-warm-beige);font-size:clamp(64px,8vw,120px);line-height:1}.dunk-step__title{font-family:var(--font-display);text-transform:uppercase;color:var(--color-cookie-black);font-size:clamp(28px,3vw,48px)}.dunk-step__desc{color:var(--color-cocoa-brown);max-width:300px;margin:0 auto}@media (width<=767px){.how-to-dunk{padding:80px 24px}.dunk-steps{grid-template-columns:1fr;gap:48px}}.final-cta{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.final-cta__bg{position:absolute;inset:0}.final-cta__bg-img{object-fit:cover;width:100%;height:100%}.final-cta__bg-overlay{background:linear-gradient(#17100d4d 0%,#17100db3 100%);position:absolute;inset:0}.final-cta__content{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:24px;padding:48px;display:flex;position:relative}.final-cta__title{color:var(--color-cream-white);font-size:clamp(48px,10vw,160px)}.final-cta__desc{color:var(--color-warm-beige);max-width:400px}.final-cta__buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px;display:flex}.final-cta__outline-btn{border-color:var(--color-cream-white)!important;color:var(--color-cream-white)!important}.final-cta__outline-btn:hover{background-color:var(--color-cream-white)!important;color:var(--color-cookie-black)!important}.final-cta__promo{border-top:1px solid #ffffff2e;flex-direction:column;align-items:center;gap:14px;margin-top:40px;padding-top:28px;display:flex}.final-cta__promo-text{color:var(--color-warm-beige);letter-spacing:.01em;opacity:.85;font-size:15px}.final-cta__promo-btn{background-color:var(--color-cream-white)!important;color:var(--color-cookie-black)!important;border-color:var(--color-cream-white)!important}.final-cta__promo-btn:hover{color:var(--color-cream-white)!important;background-color:#0000!important}@media (width<=767px){.final-cta__content{padding:24px}.final-cta__buttons{flex-direction:column;width:100%}.final-cta__buttons .cta-button{text-align:center;width:100%}.final-cta__promo{width:100%}.final-cta__promo-btn{text-align:center;width:100%}}.footer{background-color:var(--color-cookie-black);padding:64px 48px 32px}.footer__inner{text-align:center;flex-direction:column;align-items:center;gap:32px;max-width:1200px;margin:0 auto;display:flex}.footer__logo{font-family:var(--font-display);color:var(--color-cream-white);letter-spacing:.06em;font-size:36px}.footer__tagline{font-family:var(--font-body);color:var(--color-warm-beige);opacity:.6;margin-top:8px;font-size:13px}.footer__links{gap:32px;display:flex}.footer__links a{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--color-warm-beige);opacity:.7;font-size:13px;font-weight:600;transition:opacity .2s}.footer__links a:hover{opacity:1}.footer__copy{color:var(--color-warm-beige);opacity:.4;font-size:12px}@media (width<=767px){.footer{padding:48px 24px 24px}.footer__links{flex-wrap:wrap;justify-content:center;gap:20px}}:root{--color-cookie-black:#17100d;--color-cocoa-brown:#3a2119;--color-cream-white:#fff5e4;--color-milk-white:#fffdf7;--color-warm-beige:#eed9b7;--color-soft-caramel:#c88a4a;--color-splash-blue:#bfe8ff;--color-butter-yellow:#ffd96a;--color-strawberry-red:#ff5a4f;--font-display:"Bebas Neue", "Anton", "Archivo Black", sans-serif;--font-body:"Pretendard", "Inter", "Noto Sans KR", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}body{font-family:var(--font-body);background-color:var(--color-cream-white);color:var(--color-cookie-black);overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img,video{max-width:100%;display:block}.hero-title{font-family:var(--font-display);letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(72px,13vw,220px);line-height:.86}.body-copy{font-family:var(--font-body);font-size:clamp(16px,1.4vw,22px);font-weight:500;line-height:1.55}.section-title{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(48px,8vw,140px);line-height:.9}.cta-button{background-color:var(--color-cookie-black);color:var(--color-cream-white);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;padding:18px 48px;font-size:clamp(18px,1.5vw,24px);transition:background-color .3s,transform .2s;display:inline-block}.cta-button:hover{background-color:var(--color-cocoa-brown);transform:scale(1.03)}.cta-button--outline{color:var(--color-cookie-black);border:2px solid var(--color-cookie-black);background-color:#0000}.cta-button--outline:hover{background-color:var(--color-cookie-black);color:var(--color-cream-white)}@media (width<=1023px){.hero-title{font-size:clamp(64px,16vw,140px)}}@media (width<=767px){.hero-title{font-size:clamp(48px,18vw,96px)}.section-title{font-size:clamp(36px,12vw,80px)}.cta-button{padding:14px 36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}