:root{--cream:#f8f3eb;--paper:#fffdf9;--beige:#e6c9a5;--brown:#765236;--deep:#372b22;--line:#d8c8b6;--green:#3b684f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--deep);font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}button,a,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#fffdf9e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(118,82,54,.12);position:sticky;top:0;z-index:20}.topbar-actions{display:flex;align-items:center;gap:12px}.language-switch{display:flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:999px;background:#ffffffb3}.language-switch button{border:0;border-radius:999px;padding:8px 12px;background:transparent;color:#75695e;font-size:12px;font-weight:800;cursor:pointer}.language-switch button.active{background:var(--deep);color:#fff}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.04em}.brand img{width:48px;height:48px;border-radius:50%}.shop-link,.primary-button{background:var(--brown);color:#fff;padding:13px 22px;border-radius:999px;font-weight:700;font-size:14px}.hero{min-height:720px;display:grid;grid-template-columns:1.02fr .98fr;background:linear-gradient(125deg,#f1dfc7,#f8f1e8 58%,#ede0cf);overflow:hidden}.hero-copy{padding:100px 7vw 72px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{margin:0 0 18px;font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--brown)}.hero h1{margin:0;font-family:"Noto Serif KR",Batang,serif;font-size:clamp(48px,5.7vw,88px);font-weight:400;line-height:1.1;letter-spacing:-.07em}.hero h1 em{color:var(--brown);font-style:normal}.hero-description{max-width:530px;margin:28px 0 34px;font-size:18px;line-height:1.8;color:#675a50}.primary-button{padding:17px 28px;font-size:16px}.primary-button span{margin-left:16px}.hero-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.install-button{padding:15px 22px;border:1px solid rgba(118,82,54,.45);border-radius:999px;background:#ffffff73;color:var(--brown);font-weight:800;cursor:pointer}.hero-facts{display:flex;gap:24px;margin-top:48px;color:#7c6b5b;font-size:13px}.hero-facts span:before{content:"·";margin-right:8px;color:var(--brown)}.hero-image{min-height:620px;position:relative}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(241,223,199,.32),transparent 35%)}.maker{padding:110px 6vw 120px;max-width:1300px;margin:auto}.section-heading{text-align:center;max-width:700px;margin:0 auto 54px}.section-heading h2,.recipe-head h2,.safety h2,.flavor-story h2{font-family:"Noto Serif KR",Batang,serif;font-weight:500;letter-spacing:-.055em}.section-heading h2{font-size:42px;margin:0 0 14px}.section-heading>p:last-child{color:#75695e;line-height:1.7}.brew-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.brew-card{min-height:196px;border:1px solid var(--line);background:#ffffff8c;border-radius:22px;padding:26px;text-align:left;cursor:pointer;display:flex;flex-direction:column;transition:.22s ease;color:var(--deep)}.brew-card:hover{transform:translateY(-3px);border-color:var(--brown)}.brew-card.active{background:var(--brown);color:#fff;border-color:var(--brown);box-shadow:0 18px 44px #4f321d2e}.brew-card .number{font-size:12px;letter-spacing:.16em;opacity:.72}.brew-card strong{font-family:"Noto Serif KR",Batang,serif;font-size:22px;margin:23px 0 8px}.brew-card small{opacity:.72}.brew-card .check{margin-top:auto;font-size:12px;font-weight:800;text-align:right}.choice-panel,.recipe-panel{margin-top:28px;background:var(--paper);border:1px solid var(--line);border-radius:26px;padding:34px}.choice-title{display:flex;align-items:center;gap:14px}.choice-title>span{width:38px;height:38px;border-radius:50%;background:var(--beige);display:grid;place-items:center;color:var(--brown);font-weight:800}.choice-title div{display:flex;flex-direction:column;gap:5px}.choice-title strong{font-size:19px}.choice-title small{color:#817467}.drink-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:26px}.drink-tabs button{padding:17px 8px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--deep);cursor:pointer;font-weight:700}.drink-tabs button small{display:block;font-size:11px;margin-top:5px;opacity:.6}.drink-tabs button.active{border-color:var(--brown);background:#f1e2cf;color:var(--brown);box-shadow:inset 0 0 0 1px var(--brown)}.ingredient-row{display:grid;grid-template-columns:90px minmax(160px,240px) 1fr;align-items:center;gap:16px;margin-top:22px;padding:20px;background:#f8f1e8;border-radius:16px}.ingredient-row label{font-weight:800;font-size:14px}.ingredient-row select{padding:13px 16px;border:1px solid var(--line);border-radius:11px;background:#fff}.ingredient-row p,.choice-note{margin:0;font-size:13px;color:#786b5f;line-height:1.6}.choice-note{margin-top:20px;padding:16px 20px;background:#f8f1e8;border-radius:14px}.recipe-panel{margin-top:30px;padding:0;overflow:hidden}.recipe-head{display:flex;align-items:center;justify-content:space-between;padding:42px;background:#efe0cd}.recipe-head h2{margin:0;font-size:38px}.recipe-head p:last-child{margin:10px 0 0;color:#746253}.time-badge{width:112px;height:112px;background:var(--brown);color:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.time-badge strong{font-size:34px;line-height:1}.time-badge span{margin-top:7px;font-size:12px}.steps{list-style:none;padding:18px 42px 10px;margin:0}.steps li{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid #e8ded2}.steps li:last-child{border-bottom:0}.steps li>span{color:var(--brown);font-weight:800;letter-spacing:.1em}.steps h3{margin:0 0 8px;font-size:18px}.steps p{margin:0;color:#6e6359;line-height:1.72}.timer{margin:26px 42px;padding:28px 30px;border-radius:18px;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.timer p{margin:0 0 6px;opacity:.65;font-size:13px}.timer strong{display:block;font-size:30px;font-variant-numeric:tabular-nums}.timer small{display:block;margin-top:6px;color:#d8c8b6}.timer button,.recipe-actions button,.recipe-actions a{border:0;border-radius:999px;background:var(--beige);color:var(--deep);padding:14px 22px;cursor:pointer;font-weight:800}.timer-actions{display:flex;gap:8px}.timer button.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}.recipe-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 42px 40px}.recipe-actions button{background:#fff;border:1px solid var(--brown)}.recipe-actions a{background:var(--brown);color:#fff}.toast{margin:0 42px 34px;padding:13px 16px;background:#edf5ef;color:var(--green);border-radius:10px;text-align:center;font-size:13px}.safety{padding:100px 7vw;background:var(--deep);color:#fff}.safety>div:first-child{max-width:1200px;margin:auto}.safety h2{font-size:42px;margin:0 0 48px}.safety .eyebrow{color:var(--beige)}.safety-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff2e}.safety article{padding:38px;background:var(--deep)}.safety article span{color:var(--beige);font-size:12px;letter-spacing:.15em}.safety h3{margin:28px 0 12px;font-size:19px}.safety article p{margin:0;color:#cfc5bc;line-height:1.75;font-size:14px}.storage-note{max-width:1200px;margin:35px auto 0;padding:20px 24px;background:#e6c9a51a;border:1px solid rgba(230,201,165,.25);color:#e8ded2;text-align:center;border-radius:12px;font-size:14px;line-height:1.6}.flavor-story{display:grid;grid-template-columns:1.1fr .9fr;min-height:570px;background:#efe4d6}.flavor-story img{width:100%;height:100%;object-fit:cover}.flavor-story>div{padding:80px 7vw;align-self:center}.flavor-story h2{margin:0;font-size:43px;line-height:1.35}.flavor-story p:not(.eyebrow){margin:22px 0 30px;color:#6e6258;line-height:1.85}.flavor-story a{display:inline-block;border-bottom:1px solid var(--brown);padding-bottom:6px;color:var(--brown);font-weight:800}footer{padding:48px 6vw;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;background:var(--paper);border-top:1px solid var(--line)}footer img{width:74px;height:74px;border-radius:50%}footer div{display:flex;flex-direction:column;gap:6px}footer strong{font-size:14px}footer a,footer p{font-size:12px;color:#786b5f;margin:0}.footer-shop,.footer-actions button{border:1px solid var(--line);padding:12px 18px;border-radius:999px;background:#fff;color:#786b5f;cursor:pointer}.footer-actions{display:flex;flex-direction:row;gap:8px}@media(max-width:850px){.topbar{height:68px;padding:0 18px}.brand img{width:42px;height:42px}.shop-link{padding:11px 15px;font-size:12px}.topbar-actions{gap:7px}.language-switch button{padding:7px 9px}.hero{grid-template-columns:1fr}.hero-copy{padding:72px 24px 56px;order:2}.hero h1{font-size:48px}.hero-description{font-size:16px}.hero-image{min-height:480px;order:1}.hero-facts{gap:12px;flex-wrap:wrap;margin-top:34px}.maker{padding:80px 18px}.section-heading h2{font-size:34px}.brew-grid{grid-template-columns:1fr}.brew-card{min-height:148px}.brew-card strong{margin:17px 0 6px}.choice-panel{padding:24px 18px}.drink-tabs{grid-template-columns:repeat(2,1fr)}.ingredient-row{grid-template-columns:1fr}.recipe-head{padding:28px 22px}.recipe-head h2{font-size:28px}.time-badge{width:82px;height:82px}.time-badge strong{font-size:26px}.steps{padding:12px 22px}.steps li{grid-template-columns:36px 1fr;gap:10px}.timer{margin:20px 16px;padding:24px;flex-direction:column;align-items:stretch}.timer strong{font-size:24px}.timer-actions button{flex:1}.recipe-actions{padding:0 16px 28px;flex-direction:column}.recipe-actions>*{text-align:center}.toast{margin:0 16px 24px}.safety{padding:76px 22px}.safety h2{font-size:34px}.safety-grid{grid-template-columns:1fr}.safety article{padding:30px 8px}.flavor-story{grid-template-columns:1fr}.flavor-story img{height:370px}.flavor-story>div{padding:60px 24px}.flavor-story h2{font-size:34px}footer{grid-template-columns:auto 1fr;padding:38px 22px}.footer-actions{grid-column:1/-1;flex-direction:row}.footer-actions>*{flex:1;text-align:center}}@media(max-width:560px){.topbar{padding:0 12px}.brand{gap:7px}.brand img{width:38px;height:38px}.brand span,.shop-link{display:none}.language-switch button{font-size:11px;padding:7px 10px}.hero-image{min-height:400px}.hero h1{font-size:42px}.recipe-head{align-items:flex-start}.time-badge{width:74px;height:74px}.time-badge span{font-size:10px}.timer-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}