@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Gowun+Batang&display=swap";
:root{--cloud:#fbfcfe;--cloud-deep:#eef2f8;--sky:#c9def2;--blush:#f7d6de;--peach:#fce4d2;--iris:#dcd4f1;--mint:#d8ede5;--gold:#e7c79b;--ink:#4a4453;--ink-soft:#8a8496;--serif-ko:"Gowun Batang", "Batang", serif;--serif-en:"Cormorant Garamond", Georgia, serif;--sans:"Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", Arial, sans-serif;--ease-soft:cubic-bezier(.22, 1, .36, 1);--ease-cloud:cubic-bezier(.65, 0, .35, 1);--fs-hero:clamp(2.6rem, 6.4vw, 6.25rem);--fs-section:clamp(2rem, 4.5vw, 4rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cloud);color:var(--ink);font-family:var(--sans);margin:0;font-weight:300}body,button{color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--iris)}:focus-visible{border-radius:999px;outline:0;box-shadow:0 0 0 5px #dcd4f1b8}.site{opacity:0;transition:opacity .7s var(--ease-soft);overflow:clip}.site.is-loaded{opacity:1}.loader{z-index:100;background:var(--cloud);transition:opacity .7s var(--ease-soft), visibility .7s;place-items:center;display:grid;position:fixed;inset:0}.loader:before,.loader:after{content:"";filter:blur(12px);height:52%;transition:transform 1.15s var(--ease-cloud);background:radial-gradient(at 20% 90%,#fff 0 28%,#0000 29%),radial-gradient(at 55% 100%,#fff 0 42%,#0000 43%),radial-gradient(at 85% 86%,#fff 0 30%,#0000 31%);position:absolute;inset-inline:-5%}.loader:before{top:0;transform:rotate(180deg)}.loader:after{bottom:0}.loader span{z-index:2;font:300 clamp(3.5rem, 9vw, 8rem)/1 var(--serif-en);letter-spacing:-.05em;filter:blur(22px);opacity:0;animation:logo-in 1.1s var(--ease-soft) forwards}.is-loaded .loader{opacity:0;visibility:hidden;pointer-events:none}.is-loaded .loader:before{transform:translateY(-110%)rotate(180deg)}.is-loaded .loader:after{transform:translateY(110%)}@keyframes logo-in{to{opacity:1;filter:blur()}}.header{z-index:20;justify-content:space-between;align-items:center;width:100%;padding:28px clamp(24px,4.2vw,72px);display:flex;position:absolute;top:0;left:0}.logo{font:300 2.1rem/1 var(--serif-en);letter-spacing:-.04em;align-items:baseline;gap:10px;display:inline-flex}.logo small{font:400 .62rem/1 var(--sans);letter-spacing:.17em}.header nav{font:400 .69rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;gap:clamp(18px,3vw,46px);display:flex}.header nav a{padding:8px 0;position:relative}.header nav a:after{content:"";background:var(--ink-soft);height:1px;transition:inset .32s var(--ease-soft);position:absolute;bottom:0;left:50%;right:50%}.header nav a:hover:after{left:0;right:0}.section{min-height:100vh;padding:clamp(100px,12vw,180px) clamp(24px,7vw,120px);position:relative}.section-label{font:400 .68rem/1.3 var(--sans);letter-spacing:.22em;color:var(--ink-soft);margin:0 0 26px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif-ko);letter-spacing:-.035em;margin-bottom:32px;font-weight:400;line-height:1.36}h1{font-size:var(--fs-hero)}h2{font-size:var(--fs-section)}.lead{color:var(--ink-soft);font-size:clamp(.96rem,1.3vw,1.15rem);line-height:1.95}.section-head{z-index:2;max-width:860px;position:relative}.hero{isolation:isolate;background:radial-gradient(circle at 18% 25%, #c9def254, transparent 31%), radial-gradient(circle at 82% 72%, #f7d6de5c, transparent 34%), var(--cloud);place-items:center;min-height:100svh;padding-top:150px;display:grid}.hero:before{content:"";opacity:.5;background-image:radial-gradient(#4a44531c .45px,#0000 .45px);background-size:6px 6px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 40%,#0000);mask-image:linear-gradient(#0000,#000 40%,#0000)}.hero-copy{z-index:3;text-align:center;pointer-events:none;position:relative}.hero-copy h1{text-shadow:0 3px 24px #fbfcfee6;margin-inline:auto}.fiber-orb{--px:50%;--py:50%;z-index:1;aspect-ratio:1;width:min(47vw,700px);transition:transform 1.4s var(--ease-cloud), box-shadow .8s var(--ease-soft);border-radius:50%;position:absolute;top:52%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 0 80px #fff,0 40px 110px #a8aecd29}.fiber-orb img{object-fit:cover;filter:contrast(.86)saturate(.65)brightness(1.08);transform:scale(1.35)}.fiber-orb:hover{transform:translate(-50%,-50%)scale(.985);box-shadow:inset 0 0 110px #fff,0 60px 130px #c0aacd38}.orb-light{background:radial-gradient(circle at var(--px) var(--py), #ffffff1a 0 4%, #f7d6de99 12%, #c9def240 25%, transparent 44%), linear-gradient(125deg, #dcd4f138, transparent 55%);mix-blend-mode:color;transition:background-position 1.4s var(--ease-soft);position:absolute;inset:0}.fiber-orb>span{white-space:nowrap;font:300 1rem var(--serif-en);letter-spacing:.18em;color:#4a445394;position:absolute;bottom:11%;left:50%;transform:translate(-50%)}.scroll-cue{z-index:4;letter-spacing:.2em;justify-items:center;gap:10px;font-size:.6rem;display:grid;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-cue i{font-style:normal;animation:1.8s ease-in-out infinite drift}@keyframes drift{50%{transform:translateY(7px)}}.problem{isolation:isolate;background:linear-gradient(145deg,#dfe0e3,#f6eff1 52%,#ecf2f7);flex-direction:column;justify-content:center;display:flex}.rough-surface{opacity:.42;filter:contrast(1.4);background:repeating-radial-gradient(at 33%,#0000 0 7px,#4a44532e 8px 9px,#0000 10px 15px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 72%);mask-image:linear-gradient(90deg,#000,#0000 72%)}.problem:after{content:"";filter:blur(30px);background:radial-gradient(circle at 80%,#fbfcfef5 0 4%,#c9def28c 15%,#f7d6de61 30%,#0000 54%);position:absolute;inset:0}.problem>:not(.rough-surface){z-index:2;position:relative}.problem-old{font:400 clamp(1rem, 2vw, 1.55rem)/1.8 var(--serif-ko);color:#4a44538c;margin-bottom:90px;text-decoration:line-through;text-decoration-thickness:1px}.problem h2,.problem .lead{align-self:flex-end;margin-right:6vw}.fiber{background:var(--cloud)}.fiber-layout{grid-template-columns:1.3fr 1fr;gap:clamp(50px,10vw,160px);min-height:520px;margin-top:70px;display:grid}.fiber-lines{grid-template-columns:repeat(3,1fr);gap:6vw;display:grid}.fiber-lines>div{flex-direction:column;align-items:center;gap:20px;min-width:0;display:flex}.fiber-lines span{writing-mode:vertical-rl;letter-spacing:.18em;color:var(--ink-soft);font-size:.68rem}.line{transform-origin:top;height:380px;animation:draw-line 1.4s var(--ease-soft) both;background:linear-gradient(to bottom, var(--ink-soft), transparent);border-radius:99px;display:block}.line.hair{filter:blur(.2px);width:28px}.line.cotton{background:linear-gradient(#b9afc1,#0000);width:9px}.line.micro{background:linear-gradient(to bottom, var(--gold), transparent);width:1px;box-shadow:0 0 8px var(--gold)}@keyframes draw-line{0%{transform:scaleY(0)}}.fiber-number{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.fiber-number>span{letter-spacing:.2em;color:var(--ink-soft);font-size:.68rem}.fiber-number strong{font:300 clamp(5.6rem, 14vw, 12rem)/.9 var(--serif-en);letter-spacing:-.07em;color:#0000;background:linear-gradient(120deg, var(--sky), var(--iris), var(--blush), var(--gold));-webkit-background-clip:text;background-clip:text}.fiber-number p{max-width:280px;color:var(--ink-soft);margin-top:28px;font-size:.8rem;line-height:1.8}.compare{background:var(--cloud-deep)}.compare-view{touch-action:none;cursor:ew-resize;border-radius:clamp(35px,6vw,88px);height:min(62vw,660px);min-height:420px;margin-top:70px;position:relative;overflow:hidden}.texture{align-items:flex-end;padding:42px;display:flex;position:absolute;inset:0}.texture span{font:300 .72rem var(--sans);letter-spacing:.2em}.texture.before{filter:saturate(.6);background-color:#d2ccd0;background-image:radial-gradient(circle at 15% 40%,#0000 0 12%,#4a445333 13% 14%,#0000 15%),radial-gradient(circle at 75% 60%,#0000 0 18%,#4a445324 19% 20%,#0000 21%),repeating-linear-gradient(32deg,#0000 0 14px,#4a445314 15px 16px)}.texture.after{clip-path:inset(0 0 0 var(--compare));background:radial-gradient(circle at 70% 20%, #fffc, transparent 22%), radial-gradient(circle at 25% 70%, #d8ede5b3, transparent 28%), linear-gradient(135deg, var(--sky), var(--blush) 48%, var(--peach));justify-content:flex-end}.texture.after:after{content:"";opacity:.55;mix-blend-mode:overlay;background:linear-gradient(110deg,#0000 20%,#ffffffbf 38%,#0000 55%);position:absolute;inset:0}.compare-handle{cursor:ew-resize;background:#ffffffe0;border:0;width:1px;padding:0;position:absolute;top:0;bottom:0}.compare-handle i{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#ffffff3d;border:1px solid #fffc;border-radius:50%;place-items:center;width:62px;height:62px;font-style:normal;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #ffffff59}.compare-note{text-align:center;letter-spacing:.11em;color:var(--ink-soft);margin-top:20px;font-size:.7rem}.wipe{isolation:isolate;background:radial-gradient(circle at 20% 20%, var(--mint), transparent 35%), radial-gradient(circle at 80% 74%, var(--blush), transparent 36%), linear-gradient(130deg, var(--cloud), var(--sky));place-items:center;min-height:100svh;padding:0;display:grid}.wipe-under{z-index:1;text-align:center;padding:30px}.wipe-under p:last-child{color:var(--ink-soft)}.wipe canvas{z-index:3;cursor:crosshair;touch-action:none;width:100%;height:100%;transition:opacity 1.2s var(--ease-soft);position:absolute;inset:0}.wipe.is-clear canvas{opacity:0;pointer-events:none}.wipe-guide{z-index:4;color:#fff;pointer-events:none;justify-items:center;gap:16px;transition:opacity .6s;display:grid;position:absolute;inset:auto auto 52px}.wipe-guide[aria-hidden=true]{opacity:0}.wipe-guide span{letter-spacing:.22em;font-size:.62rem}.wipe-guide i{font-size:1.4rem;font-style:normal}.ritual{background:var(--cloud)}.steps{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:70px;display:grid}.steps article{background:#ffffffb8;border-radius:44px;min-height:480px;padding:38px;position:relative;overflow:hidden;box-shadow:0 45px 80px -50px #9f90b66b}.steps article:after{content:"";background:radial-gradient(ellipse, var(--iris), transparent 70%);filter:blur(25px);border-radius:50%;height:120px;position:absolute;inset:auto 12% -50px}.steps article>span{font:300 2rem var(--serif-en);color:var(--ink-soft)}.steps h3{font:400 clamp(1.3rem, 2vw, 1.8rem)/1.4 var(--serif-ko);margin-top:44px}.steps p{max-width:290px;color:var(--ink-soft);font-size:.9rem;line-height:1.85}.step-orb{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #fff, var(--sky) 48%, var(--iris));border-radius:50%;width:150px;margin:42px auto 0;box-shadow:inset 0 0 36px #fff,0 20px 48px #9baac740}.step-orb.pressed{background:radial-gradient(circle at 50% 20%, #fff, var(--blush) 50%, var(--peach));transform:scaleY(.72)}.step-orb.swept{transform:translate(20px);box-shadow:-28px 10px 40px #c9def294,inset 0 0 36px #fff}.mood{background:linear-gradient(var(--cloud), #f5f3fa)}.mood-grid{--mx:50%;--my:50%;grid-template-rows:repeat(2,min(25vw,390px));grid-template-columns:repeat(4,1fr);gap:8px;margin:70px calc(-1*clamp(24px,7vw,120px)) 0;display:grid}.mood-grid figure{background:var(--cloud-deep);border-radius:24px;margin:0;position:relative;overflow:hidden}.mood-grid img{object-fit:cover;transition:transform .8s var(--ease-soft), filter .8s}.mood-grid figure:nth-child(n+6) img{object-fit:cover;width:400%!important;max-width:none!important}.mood-grid .mood-6 img{left:0!important}.mood-grid .mood-7 img{left:-150%!important}.mood-grid .mood-8 img{left:-300%!important}.mood-grid i{opacity:.42;background:conic-gradient(from 180deg at var(--mx) var(--my), transparent, #c9def2b3, #f7d6deb8, #e7c79b8c, transparent 60%);mix-blend-mode:color-dodge;transition:transform .6s var(--ease-soft);position:absolute;inset:-30%}.mood-grid:hover figure:not(:hover) img{filter:saturate(.68)brightness(1.06)}.mood-grid figure:hover img{transform:scale(1.035)}.mood-grid figure:hover i{transform:translate(2%,-2%)}.faq{background:var(--cloud)}.faq-list{max-width:900px;margin:70px 0 0 auto}.faq-list article{position:relative}.faq-list article:before{content:"";background:linear-gradient(90deg,#0000,#4a445329,#0000);height:1px;position:absolute;inset:0 0 auto}.faq-list button{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:28px 8px;display:flex}.faq-list button span{font:400 clamp(1.08rem, 1.8vw, 1.38rem)/1.45 var(--serif-ko)}.faq-list button i{font:300 1.8rem var(--serif-en);color:var(--ink-soft)}.faq-list article>div{transition:grid-template-rows .68s var(--ease-soft);grid-template-rows:0fr;display:grid}.faq-list article>div p{max-width:690px;color:var(--ink-soft);transition:padding .68s var(--ease-soft);margin:0;padding:0 8px;font-size:.92rem;line-height:1.9;overflow:hidden}.faq-list article.open>div{grid-template-rows:1fr}.faq-list article.open>div p{padding-bottom:32px}.cta{text-align:center;background:radial-gradient(circle at 30% 40%, #d8ede585, transparent 27%), radial-gradient(circle at 75% 68%, #f7d6de8f, transparent 30%), var(--cloud-deep);align-content:center;place-items:center;display:grid}.mini-orb{aspect-ratio:1;border-radius:50%;width:clamp(170px,20vw,280px);margin-bottom:42px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #fff,0 30px 70px #aca4c938}.mini-orb img{object-fit:cover;transform:scale(1.25)}.cta>p:not(.section-label){color:var(--ink-soft)}.soft-button{letter-spacing:.16em;min-width:180px;transition:background-size .7s var(--ease-soft), border-color .5s;background:linear-gradient(90deg,#c9def2a6,#f7d6dea6,#fce4d2a6) 0 0/0 100% no-repeat;border:1px solid #4a445347;border-radius:999px;place-items:center;margin-top:28px;padding:17px 30px;font-size:.72rem;display:inline-grid}.soft-button:hover{background-size:100% 100%;border-color:#0000}footer{background:#e8edf4;min-height:300px;padding:70px clamp(24px,7vw,120px) 38px}footer>p{font:italic 300 1.1rem var(--serif-en);color:var(--ink-soft);margin:25px 0 70px}footer>div{letter-spacing:.12em;color:var(--ink-soft);justify-content:space-between;gap:20px;font-size:.62rem;display:flex}@media (max-width:900px){.header nav{gap:16px}.fiber-orb{width:min(74vw,620px)}.fiber-layout{grid-template-columns:1fr}.fiber-lines{min-height:380px}.line{height:320px}.fiber-number{text-align:center;align-items:center}.steps{grid-template-columns:1fr}.steps article{min-height:420px}.mood-grid{grid-template-rows:repeat(4,56vw);grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.header{padding:22px 20px}.header nav a:nth-child(2){display:none}.logo{font-size:1.8rem}.section{padding:105px 22px}.hero{min-height:100svh;padding-top:125px}.hero-copy{transform:translateY(-8%)}.hero-copy .lead br{display:none}.fiber-orb{opacity:.78;pointer-events:none;width:78vw;top:59%}.problem h2,.problem .lead{align-self:flex-start;margin-right:0}.problem-old{margin-bottom:110px}.fiber-lines{gap:9vw}.line.hair{width:18px}.fiber-number strong{font-size:6.4rem}.compare-view{border-radius:36px;height:110vw;min-height:430px;margin-top:40px}.texture{padding:24px}.wipe{padding:0}.wipe-under h2{font-size:2.1rem}.steps{margin-top:40px}.steps article{border-radius:32px;padding:30px}.mood-grid{gap:5px;margin:45px -14px 0}.mood-grid figure{border-radius:16px}.faq-list{margin-top:35px}.faq-list button{padding-block:23px}footer>div{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loader{display:none}.site{opacity:1}.fiber-orb{pointer-events:none}.wipe canvas,.wipe-guide{display:none}}