@layer reset, tokens, base, layout, components, responsive;
@layer reset{*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,ol,ul,figure{margin:0}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}}
@layer tokens{:root{--ink:#211c18;--paper:#fffaf3;--cream:#f6eddf;--orange:#ff7a45;--orange-dark:#d65128;--sage:#687b62;--line:#dfd3c4;--white:#fff;--shadow:0 20px 60px rgb(69 42 24/13%);--shell:1240px;--section:clamp(5rem,10vw,9.5rem)}}
@layer base{body{color:var(--ink);background:var(--paper);font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;font-size:1rem;line-height:1.72;overflow-wrap:anywhere}h1,h2,h3{line-height:1.08;letter-spacing:-.048em;text-wrap:balance}h1{font-size:clamp(2.65rem,6.2vw,5.8rem)}h2{font-size:clamp(2rem,4vw,3.7rem)}h3{font-size:clamp(1.25rem,2vw,1.6rem)}h1 em{color:var(--orange-dark);font-style:normal}a{color:inherit;text-underline-offset:.2em}:focus-visible{outline:3px solid var(--orange-dark);outline-offset:4px}}
@layer layout{.shell{width:min(var(--shell),calc(100% - clamp(2.5rem,10vw,8rem)));margin-inline:auto}.section{padding-block:var(--section)}.section--tint{background:var(--cream)}.legal-width{max-width:840px}.hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2.5rem,7vw,7rem);align-items:center;padding-block:clamp(3.8rem,8vw,8rem)}.hero__content h1{font-size:clamp(2.55rem,5vw,4.9rem)}.hero__media{position:relative}.hero__carousel{position:relative;overflow:hidden;aspect-ratio:1/1;border-radius:46% 46% 18% 18%;background:var(--cream);box-shadow:var(--shadow);isolation:isolate}.hero__slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.035);animation:hero-product-fade 15s infinite ease-in-out}.hero__slide:nth-child(2){animation-delay:5s}.hero__slide:nth-child(3){animation-delay:10s}.hero__media figcaption{position:absolute;z-index:2;right:-1rem;bottom:2rem;padding:.65rem 1rem;background:var(--paper);border:1px solid var(--line);font-size:.86rem}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}.audience-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.audience-card{grid-column:span 4;min-height:270px;padding:clamp(1.5rem,3vw,2.4rem);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:1.5rem;background:#fff;text-decoration:none;transition:.2s transform,.2s box-shadow}.audience-card:nth-child(4),.audience-card:nth-child(5){grid-column:span 6}.steps,.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.story-split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2.5rem,7vw,7rem);align-items:center}.story-split figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2rem}.bulk-band{color:#fff;background:#27221e}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:2rem}.business-info{grid-column:1/-1}}
@keyframes hero-product-fade{0%,29%{opacity:1;transform:scale(1.035)}33.333%,100%{opacity:0;transform:scale(1)}}
@layer components{.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:1000;padding:.75rem 1rem;background:var(--ink);color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.announcement{padding:.65rem 1rem;text-align:center;color:#fff;background:var(--orange-dark);font-weight:700;font-size:.88rem}.site-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-inline:clamp(1.25rem,5vw,4rem);border-bottom:1px solid var(--line);background:rgb(255 250 243/.94);position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:.7rem;font-weight:900;font-size:1.18rem;text-decoration:none}.brand img{border-radius:18px}.site-nav{display:flex;align-items:center;gap:clamp(.65rem,1.35vw,1.25rem)}.site-nav>a{text-decoration:none;font-weight:720}.menu-button{display:none;min-width:48px;min-height:48px;border:1px solid var(--line);border-radius:999px;background:transparent}.eyebrow{margin-bottom:1.2rem;color:var(--orange-dark);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.lead{margin-top:1.7rem;max-width:42rem;color:#655d56;font-size:clamp(1.08rem,1.6vw,1.3rem)}.microcopy{margin-top:1.1rem;color:#756d65;font-size:.9rem}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.8rem 1.45rem;border:2px solid var(--ink);border-radius:.8rem;background:var(--ink);color:#fff;font-weight:800;text-decoration:none}.button:hover{background:#3f3934}.button--ghost{background:transparent;color:var(--ink)}.button--small{min-height:44px;padding:.55rem 1rem;background:var(--orange-dark);border-color:var(--orange-dark)}.button--light{color:var(--ink);background:#fff;border-color:#fff}.button--line-light{color:#fff;background:transparent;border-color:#fff}.hero__live-dot{display:inline-block;width:.5rem;height:.5rem;margin-right:.5rem;border-radius:50%;background:var(--orange);box-shadow:0 0 0 .28rem rgb(255 122 69/.18);vertical-align:.08em}.section-heading{max-width:780px;margin-bottom:clamp(2.3rem,5vw,4.5rem)}.section-heading>p:last-child{margin-top:1rem;color:#6c635c;font-size:1.12rem}.section-action{margin-top:clamp(2rem,4vw,3rem);display:flex;justify-content:center}.price-note{margin-top:1.5rem;color:#746b63;font-size:.88rem;text-align:center}.product-card{overflow:hidden;border:1px solid var(--line);border-radius:1.3rem;background:#fff;box-shadow:0 8px 28px rgb(69 42 24/6%);transition:.2s transform,.2s box-shadow}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-card__media{position:relative;display:block;overflow:hidden;aspect-ratio:1/1;background:#f2ebe2}.product-card__media img{width:100%;height:100%;object-fit:cover;transition:.3s transform}.product-card:hover .product-card__media img{transform:scale(1.035)}.product-card__discount{position:absolute;top:.8rem;left:.8rem;min-width:2.9rem;padding:.35rem .55rem;border-radius:999px;color:#fff;background:var(--orange-dark);font-size:.82rem;font-weight:900;text-align:center}.product-card__body{padding:1.15rem 1.15rem 1.3rem}.product-card h3{min-height:2.35em;font-size:1.15rem;line-height:1.18}.product-card h3 a{text-decoration:none}.product-card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.55rem;margin-top:.85rem}.product-card__price del{color:#928981;font-size:.82rem}.product-card__price strong{font-size:1.25rem}.product-card__link{display:inline-flex;margin-top:1rem;color:var(--orange-dark);font-size:.88rem;font-weight:900;text-decoration:none}.audience-card>span{color:var(--orange-dark);font-weight:900}.audience-card h3{margin-top:auto;padding-top:3rem}.audience-card p{margin-top:.8rem;color:#6c635c}.audience-card b{margin-top:1.4rem;font-size:.9rem}.audience-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.steps{list-style:none;padding:0}.steps li{min-height:260px;padding:2rem;border-top:3px solid var(--orange-dark);background:#fff}.steps span{color:var(--orange-dark);font-weight:900}.steps h3{margin-block:3rem .8rem}.steps p{color:#6c635c}.story-split .text-link{display:inline-block;margin-top:2rem;font-weight:800}.bulk-band .eyebrow{color:#ffab84}.bulk-band p:not(.eyebrow){max-width:46rem;margin-top:1.5rem;color:#ded6ce;font-size:1.1rem}.channel-grid>a{min-height:230px;padding:2rem;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:1.5rem;background:#fff;text-decoration:none}.channel-grid span{color:var(--orange-dark);font-size:.78rem;font-weight:900;letter-spacing:.12em}.channel-grid strong{margin-top:auto;font-size:1.45rem}.channel-grid p{margin-top:.5rem;color:#6c635c}details{border-top:1px solid var(--line)}details:last-of-type{border-bottom:1px solid var(--line)}summary{min-height:72px;display:flex;align-items:center;font-weight:800;cursor:pointer}details p{padding:0 0 1.7rem;color:#655d56}.more-link{margin-top:2rem;font-weight:800}.site-footer{padding-block:4rem;color:#fff;background:#1e1a17}.brand--footer{color:#fff}.footer-brand p{margin-top:1rem;color:#bfb6af}.site-footer nav{display:flex;flex-wrap:wrap;gap:1rem}.business-info{padding-top:2rem;border-top:1px solid rgb(255 255 255/.2);color:#c9c0b9;font-size:.88rem}.business-info p+p{margin-top:.4rem}.mobile-actions{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@layer responsive{@media(max-width:1100px){.menu-button{display:inline-flex;align-items:center;justify-content:center}.site-nav{position:fixed;inset:82px 0 auto;display:none;min-height:calc(100svh - 82px);padding:2rem 1.5rem;flex-direction:column;align-items:stretch;background:var(--paper)}.site-nav[data-open="true"]{display:flex}.site-nav a{min-height:48px;display:flex;align-items:center}}@media(max-width:900px){.hero,.story-split{grid-template-columns:1fr}.hero__content{order:1}.hero__media{order:2}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-card{grid-column:span 6}.audience-card:last-child{grid-column:span 12}.steps,.channel-grid{grid-template-columns:1fr 1fr}.mobile-actions{position:fixed;z-index:25;left:1rem;right:1rem;bottom:1rem;display:grid;grid-template-columns:1fr 1fr;padding:.35rem;border-radius:1rem;background:#fff;box-shadow:0 10px 35px rgb(0 0 0/.18)}.mobile-actions a{min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:.75rem;font-weight:800;text-decoration:none}.mobile-actions a:last-child{color:#fff;background:var(--orange-dark)}.site-footer{padding-bottom:7rem}}@media(max-width:620px){.shell{width:min(100% - 2.5rem,var(--shell))}.product-grid,.audience-grid,.steps,.channel-grid,.footer-grid{grid-template-columns:1fr}.audience-card,.audience-card:nth-child(4),.audience-card:nth-child(5){grid-column:auto}.hero__media figcaption{right:-.5rem}.business-info{grid-column:auto}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.hero__slide{opacity:0;transform:none}.hero__slide:first-child{opacity:1}}}

@layer components{
  .breadcrumb{display:flex;gap:.65rem;align-items:center;padding-top:1.5rem;color:#746b63;font-size:.9rem}
  .subhero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(2.5rem,7vw,7rem);align-items:center;padding-block:clamp(4rem,8vw,8rem)}
  .subhero--text{grid-template-columns:minmax(0,850px);min-height:520px}
  .subhero figure img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:2rem;box-shadow:var(--shadow)}
  .criteria-grid,.fact-grid,.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
  .media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
  .media-card{overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:1.5rem;background:#fff;text-decoration:none;transition:.2s transform,.2s box-shadow}
  .media-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
  .media-card__image{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;background:#e9dfd3}
  .media-card__image img{width:100%;height:100%;object-fit:cover;transition:.3s transform}
  .media-card:hover .media-card__image img{transform:scale(1.035)}
  .media-grid--shorts .media-card__image{aspect-ratio:9/13}
  .media-card__play{position:absolute;inset:50% auto auto 50%;display:grid;width:3.5rem;height:3.5rem;place-items:center;border-radius:50%;color:#fff;background:rgb(0 0 0/.72);transform:translate(-50%,-50%);font-size:1.2rem}
  .media-card__body{display:flex;min-height:190px;padding:1.4rem;flex-direction:column}
  .media-card__body small{color:var(--orange-dark);font-weight:900;letter-spacing:.04em}
  .media-card__body strong{margin-top:.85rem;font-size:1.3rem;line-height:1.3;letter-spacing:-.035em}
  .media-card__body b{margin-top:auto;padding-top:1.5rem;font-size:.88rem}
  .criteria-grid article,.fact-grid article{min-height:250px;padding:2rem;border:1px solid var(--line);border-radius:1.5rem;background:#fff}
  .criteria-grid span,.fact-grid span{color:var(--orange-dark);font-size:.8rem;font-weight:900;letter-spacing:.12em}
  .criteria-grid h3,.fact-grid h2{margin-block:3rem .8rem;font-size:clamp(1.35rem,2.3vw,2rem)}
  .criteria-grid p,.fact-grid p{color:#655d56}
  .related-links{background:#fff}
  .form-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:clamp(2rem,6vw,5rem);align-items:start}
  .inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;padding:clamp(1.5rem,4vw,3rem);border-radius:1.5rem;background:#fff}
  .inquiry-form label{display:grid;gap:.55rem;font-weight:800}
  .inquiry-form label span{color:#786f67;font-size:.86rem;font-weight:500}
  .inquiry-form input,.inquiry-form textarea{width:100%;min-height:50px;padding:.8rem 1rem;border:1px solid #bdb2a5;border-radius:.65rem;background:#fff;color:var(--ink)}
  .inquiry-form textarea{resize:vertical}
  .field-wide{grid-column:1/-1}
  .form-note{margin-top:.9rem;color:#685f58;font-size:.9rem}
  .contact-card{position:sticky;top:120px;padding:2rem;border-radius:1.5rem;color:#fff;background:#27221e}
  .contact-card h2{font-size:clamp(1.7rem,3vw,2.5rem)}
  .contact-card>p:not(.eyebrow){margin-top:1rem;color:#d7cec7}
  .contact-card dl{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgb(255 255 255/.2)}
  .contact-card dl div+div{margin-top:1rem}.contact-card dt{color:#bdb3ab;font-size:.86rem}.contact-card dd{margin:0;font-weight:800}
  .story-grid>a{min-height:250px;padding:2rem;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:1.5rem;background:#fff;text-decoration:none}
  .story-grid>a>span{color:var(--orange-dark);font-size:.78rem;font-weight:900;letter-spacing:.12em}.story-grid time{margin-top:.5rem;color:#776e66;font-size:.86rem}.story-grid h3{margin-block:auto 1.5rem;padding-top:3rem}.story-grid b{font-size:.9rem}
  .faq-list details{background:#fff}.faq-list summary,.faq-list details p{padding-inline:1.2rem}
  .legal-document{max-width:860px;margin-inline:auto;padding-block:clamp(4rem,8vw,8rem)}
  .legal-document>header{margin-bottom:4rem}.legal-document section{margin-top:3.5rem}.legal-document h2{font-size:clamp(1.45rem,2.5vw,2rem);margin-bottom:1rem}.legal-document p+p{margin-top:1rem}.legal-document ol,.legal-document ul{padding-left:1.4rem}.legal-document li+li{margin-top:.55rem}.legal-document table{width:100%;margin-top:1rem;border-collapse:collapse;font-size:.94rem}.legal-document th,.legal-document td{padding:.8rem;border:1px solid var(--line);text-align:left;vertical-align:top}.legal-document dl div{display:grid;grid-template-columns:160px 1fr;padding:.7rem 0;border-bottom:1px solid var(--line)}.legal-document dt{font-weight:800}.legal-document dd{margin:0}
  .not-found{min-height:70svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:850px}.not-found .lead{max-width:650px}
}

@layer responsive{
  @media(max-width:900px){.subhero,.form-layout{grid-template-columns:1fr}.subhero--text{min-height:auto}.criteria-grid,.fact-grid,.story-grid,.media-grid{grid-template-columns:1fr 1fr}.contact-card{position:static}}
  @media(max-width:620px){.criteria-grid,.fact-grid,.story-grid,.media-grid,.inquiry-form{grid-template-columns:1fr}.field-wide{grid-column:auto}.legal-document table{display:block;overflow-x:auto}.legal-document dl div{grid-template-columns:1fr}.legal-document dd{margin-top:.2rem}}
}

@layer tokens{:root{--section:clamp(4.5rem,8vw,7.5rem)}}
@layer base{h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(2.45rem,5.2vw,4.7rem)}h2{font-size:clamp(1.9rem,3.5vw,3.2rem)}h3{font-size:clamp(1.2rem,1.8vw,1.5rem)}}
@layer layout{.hero__content h1{font-size:clamp(2.4rem,4.35vw,4.15rem)}}
@layer responsive{
  @media(max-width:900px){.hero{padding-block:clamp(3.25rem,8vw,5.5rem)}.hero__content h1{font-size:clamp(2.4rem,7.6vw,3.7rem)}}
  @media(max-width:620px){.announcement{font-size:.78rem}.hero__content h1{font-size:clamp(2.25rem,10.2vw,3rem)}.hero__content .lead{font-size:1.03rem}.hero__media figcaption{bottom:1rem;font-size:.77rem}.product-card__body{padding:1rem}.product-card h3{min-height:auto}.subhero{padding-block:3.5rem}.subhero--text h1{font-size:clamp(2.35rem,12vw,3.2rem)}.section-heading>p:last-child{font-size:1rem}}
}

@layer components{
  .brand-promise{color:#fff;background:#27221e}
  .brand-promise__intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(2rem,7vw,7rem);align-items:end;margin-bottom:clamp(2.5rem,5vw,4.5rem)}
  .brand-promise__intro .eyebrow{grid-column:1/-1;margin-bottom:-.5rem;color:#ffab84}
  .brand-promise__intro h2{max-width:760px}
  .brand-promise__intro>p:last-child{color:#ddd4cd;font-size:clamp(1.15rem,2vw,1.45rem)}
  .brand-promise__intro>p strong{display:inline-block;margin-top:.25rem;color:#fff}
  .promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
  .promise-card{overflow:hidden;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);min-height:360px;border-radius:1.6rem;color:var(--ink);background:#fff}
  .promise-card figure{min-height:100%}
  .promise-card figure img{width:100%;height:100%;object-fit:cover}
  .promise-card>div{display:flex;padding:clamp(1.5rem,3vw,2.3rem);flex-direction:column}
  .promise-card span{color:var(--orange-dark);font-size:.76rem;font-weight:900;letter-spacing:.14em}
  .promise-card h3{margin-top:.9rem;font-size:clamp(1.5rem,2.4vw,2rem)}
  .promise-card strong{margin-top:auto;padding-top:2rem;font-size:1.18rem}
  .promise-card p{margin-top:.35rem;color:#655d56}
  .promise-card a{margin-top:1.2rem;color:var(--orange-dark);font-size:.9rem;font-weight:900;text-decoration:none}
  .brand-promise__closing{max-width:900px;margin:clamp(2rem,4vw,3rem) auto 0;text-align:center;color:#d8cfc8;font-size:1.05rem}
  .brand-promise__closing strong{color:#fff}
}

@layer responsive{
  @media(max-width:1000px){.promise-grid{grid-template-columns:1fr}.promise-card{grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr)}}
  @media(max-width:700px){.brand-promise__intro{grid-template-columns:1fr;gap:1.2rem}.brand-promise__intro .eyebrow{grid-column:auto;margin-bottom:0}.promise-card{grid-template-columns:1fr}.promise-card figure{aspect-ratio:4/3}.promise-card>div{min-height:290px}}
}
