:root{--paper:#fbfbf9;--ink:#111111;--gray:#666660;--soft:#f1f1ed;--accent:#00a87e;--deep:#101010;--line-cleanser:#00c48f;--line-toner:#ff9500;--line-serum:#ff4d8d;--line-moist:#3d6bff;--serif:"Cormorant Garamond","Noto Serif KR",serif;--sans:"Pretendard Variable",Pretendard,-apple-system,"Noto Sans KR",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400;font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;transition:background .4s,box-shadow .4s}nav.scrolled{background:rgba(251,251,249,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(17,17,17,.08)}.logo{font-family:var(--serif);font-size:27px;letter-spacing:.26em;font-weight:500;color:var(--ink);text-decoration:none}.menu{display:flex;gap:44px;align-items:center;list-style:none}.menu>li{position:relative}.menu a{font-size:14px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--ink);transition:color .3s;padding:8px 0;white-space:nowrap}.menu a:hover{color:var(--accent)}.dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);background:var(--paper);min-width:200px;padding:14px 0;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 12px 40px rgba(17,17,17,.14);list-style:none;text-align:center}.menu li:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.dropdown a{display:block;padding:10px 24px;color:var(--ink)!important;font-size:13px}.dropdown a:hover{color:var(--accent)!important}.lang-toggle{font-size:13px;font-weight:500;letter-spacing:.12em;color:var(--ink);background:none;border:1px solid rgba(17,17,17,.35);padding:7px 15px;cursor:pointer;transition:all .3s;font-family:var(--sans)}.lang-toggle:hover{background:var(--ink);color:#fff}.hero{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:radial-gradient(ellipse 80% 70% at 50% 40%,#1a1a1a 0,#0a0a0a 70%)}#gl{width:100%;height:100%;display:block}#gl,.hero:after{position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background:linear-gradient(0deg,rgba(10,10,10,.55),transparent 40%)}.hero-inner{position:relative;z-index:2;color:#fff;padding:0 24px}.hero-eyebrow{font-size:13px;font-weight:500;letter-spacing:.45em;text-transform:uppercase;opacity:0;animation:rise 1.2s .3s forwards}.hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(42px,6.5vw,84px);letter-spacing:.05em;line-height:1.12;margin:26px 0;opacity:0;animation:rise 1.4s .7s forwards}.hero h1 em{font-style:italic;font-weight:400}.hero p{font-size:17px;letter-spacing:.06em;max-width:560px;margin:0 auto;opacity:0;animation:rise 1.4s 1.2s forwards}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.scroll-hint{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:2;color:#fff;font-size:11px;letter-spacing:.35em;text-transform:uppercase;opacity:0;animation:rise 1s 2s forwards}.scroll-hint:after{content:"";display:block;width:1px;height:44px;background:rgba(255,255,255,.7);margin:12px auto 0;animation:drop 2s infinite}@keyframes drop{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}section{padding:120px 48px}.reveal{opacity:0;transform:translateY(36px);transition:opacity 1s ease,transform 1s ease}.reveal.on{opacity:1;transform:none}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}h2{font-family:var(--serif);font-weight:300;font-size:clamp(30px,3.6vw,46px);line-height:1.28;letter-spacing:.02em}.float-sec{background:#fff;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.float-head{text-align:center;margin-bottom:30px}.float-stage{display:flex;justify-content:center;align-items:center;gap:7vw;padding:40px 24px 80px;min-height:520px}.float-item{will-change:transform;filter:drop-shadow(0 30px 40px rgba(17,17,17,.14));-webkit-user-select:none;-moz-user-select:none;user-select:none}.float-item svg{display:block;height:auto}@media(max-width:900px){.float-stage{gap:5vw}.float-item svg{width:26vw}}.manifesto{max-width:900px;margin:0 auto;text-align:center}.manifesto h2 em{font-style:italic}.manifesto p{margin-top:32px;color:var(--gray);font-size:18px;max-width:640px;margin-left:auto;margin-right:auto}.manifesto a{display:inline-block;margin-top:44px;font-size:14px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:6px;transition:all .3s}.manifesto a:hover{color:var(--accent);border-color:var(--accent)}.cats{background:var(--soft)}.cats-head{text-align:center;max-width:700px;margin:0 auto 70px}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:22px;gap:22px;max-width:1280px;margin:0 auto}.cat{position:relative;aspect-ratio:3/4.2;overflow:hidden;cursor:pointer}.cat-bg{position:absolute;inset:0;transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}.cat:hover .cat-bg{transform:scale(1.07)}.cat:first-child .cat-bg{background:linear-gradient(170deg,#c8ffee,#4fe3b4 55%,#00c48f)}.cat:nth-child(2) .cat-bg{background:linear-gradient(170deg,#ffe8c4,#ffbb4f 55%,#ff9500)}.cat:nth-child(3) .cat-bg{background:linear-gradient(170deg,#ffd9e8,#ff85b3 55%,#ff4d8d)}.cat:nth-child(4) .cat-bg{background:linear-gradient(170deg,#d6e0ff,#7d9aff 55%,#3d6bff)}.cat-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 45% at 50% 38%,rgba(255,255,255,.4),transparent 65%)}.cat-info{position:absolute;bottom:0;left:0;right:0;padding:28px;color:var(--ink)}.cat-info h3{font-family:var(--serif);font-size:29px;font-weight:400;letter-spacing:.05em}.cat-info span{font-size:11px;letter-spacing:.28em;opacity:.75;display:block}.badge,.cat-info span{font-weight:600;text-transform:uppercase}.badge{position:absolute;top:20px;left:20px;font-size:10.5px;letter-spacing:.22em;background:rgba(255,255,255,.9);padding:7px 13px;color:var(--ink)}.edit-head{max-width:1280px;margin:0 auto 70px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}.edit-head p{color:var(--gray);max-width:440px;font-size:16.5px}.articles{display:grid;grid-template-columns:1.35fr 1fr;grid-gap:26px;gap:26px;max-width:1280px;margin:0 auto}.article{background:#fff;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);transition:transform .5s,box-shadow .5s}.article:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(17,17,17,.12)}.art-img{aspect-ratio:16/9;position:relative;overflow:hidden}.article:first-child .art-img{background:linear-gradient(140deg,#ffd9e8,#ff85b3 50%,#ff4d8d)}.article:nth-child(2) .art-img{background:linear-gradient(140deg,#c8ffee,#4fe3b4 50%,#00c48f)}.art-img:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 60% 40%,rgba(255,255,255,.35),transparent 65%)}.art-body{padding:36px 38px 42px}.art-tag{font-size:11.5px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}.art-body h3{font-family:var(--serif);font-weight:400;font-size:29px;line-height:1.3;margin:16px 0 14px}.art-body p{color:var(--gray);font-size:16px}.art-byline{margin-top:26px;font-size:12.5px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--ink);opacity:.6;display:block}.philo{background:var(--deep);color:#f5f5f2;text-align:center}.philo .eyebrow{color:var(--accent)}.philo h2{max-width:840px;margin:0 auto}.philo h2 em{font-style:italic;color:#a9e6d2}.philo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:60px;gap:60px;max-width:1020px;margin:80px auto 0;text-align:center}.philo-grid h4{font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:.06em;margin-bottom:14px}.philo-grid p{font-size:15.5px;color:rgba(245,245,242,.65)}.philo-num{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--accent);display:block;margin-bottom:18px}.signup{text-align:center;max-width:640px;margin:0 auto}.signup p{color:var(--gray);margin:24px 0 44px}.signup form{display:flex;gap:0;border-bottom:2px solid var(--ink)}.signup input{flex:1 1;padding:14px 4px;font-size:16px;color:var(--ink);outline:none}.signup button,.signup input{border:none;background:none;font-family:var(--sans)}.signup button{font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;padding:14px 6px;transition:color .3s}.signup button:hover{color:var(--accent)}.subpage{min-height:100vh}.page-head{padding:180px 48px 60px;text-align:center;max-width:900px;margin:0 auto}.page-head h1{font-family:var(--serif);font-weight:300;font-size:clamp(34px,4.2vw,54px);line-height:1.24;letter-spacing:.02em}.page-head h1 em{font-style:italic}.page-head p{margin-top:26px;color:var(--gray);font-size:17px}.story{max-width:680px;margin:0 auto;padding-top:20px}.story p{font-size:18px;line-height:2;color:var(--ink);margin-bottom:36px}.story p em{font-family:var(--serif);font-style:italic;font-size:1.1em}.prod-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:70px;gap:70px;max-width:1100px;margin:0 auto;align-items:center;scroll-margin-top:90px}.prod-row.flip .prod-visual{order:2}.prod-visual{aspect-ratio:4/5;position:relative;overflow:hidden}.cat-tone-a{background:linear-gradient(170deg,#c8ffee,#4fe3b4 55%,#00c48f)}.cat-tone-b{background:linear-gradient(170deg,#ffe8c4,#ffbb4f 55%,#ff9500)}.cat-tone-c{background:linear-gradient(170deg,#ffd9e8,#ff85b3 55%,#ff4d8d)}.cat-tone-d{background:linear-gradient(170deg,#d6e0ff,#7d9aff 55%,#3d6bff)}.prod-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 45% at 50% 38%,rgba(255,255,255,.35),transparent 65%)}.prod-visual .badge{z-index:2}.prod-num{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--accent);display:block;margin-bottom:16px}.prod-info h2{margin-bottom:18px}.prod-line{font-family:var(--serif);font-style:italic;font-size:23px;color:var(--ink);margin-bottom:16px}.prod-desc{color:var(--gray);font-size:16.5px;max-width:440px}@media(max-width:900px){.page-head{padding:150px 22px 40px}.prod-row{grid-template-columns:1fr;gap:28px}.prod-row.flip .prod-visual{order:0}}footer{padding:70px 48px 50px;border-top:1px solid rgba(17,17,17,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}footer .logo{color:var(--ink);font-size:21px}footer p{font-size:14px;color:var(--gray)}@media(max-width:900px){nav{padding:14px 16px}section{padding:90px 22px}.cat-grid{grid-template-columns:repeat(2,1fr)}.articles,.philo-grid{grid-template-columns:1fr}.philo-grid{gap:44px}.logo{font-size:20px;letter-spacing:.18em}.menu{gap:18px}.menu a{font-size:12px;letter-spacing:.1em}}