@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@300;400;500;600&display=swap');
:root{--blue:#0879dc;--navy:#113c65;--ink:#193951;--muted:#647d91;--ice:#eaf6ff;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5faff;color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.progress{position:fixed;z-index:50;top:0;left:0;height:3px;width:0;background:var(--blue);transition:width .12s}.header{position:fixed;z-index:40;top:0;left:0;right:0;height:86px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.70);backdrop-filter:blur(18px);border-bottom:1px solid rgba(18,117,200,.08)}.brand img{width:128px;height:64px;object-fit:contain;mix-blend-mode:multiply}.header nav{display:flex;gap:clamp(14px,2.4vw,38px)}.header nav a{font-size:10px;font-weight:700;letter-spacing:.15em;transition:color .3s}.header nav a:hover,.header nav a.active{color:var(--blue)}.menu-toggle{display:none}.panel{position:relative;min-height:100vh;overflow:hidden;padding:130px 8% 95px}.eyebrow,.section-index{font-size:11px;letter-spacing:.25em;font-weight:700;color:var(--blue)}.section-index{position:absolute;top:125px;left:8%;z-index:2}.panel h1,.panel h2,.panel h3{font-family:Manrope,'Noto Sans KR',sans-serif;letter-spacing:-.065em}.panel h1,.panel h2{font-size:clamp(48px,6.8vw,108px);line-height:1.07;margin:25px 0}.panel h1 em,.panel h2 em{font-style:normal;color:var(--blue)}.reveal{opacity:0;transform:translateY(38px);transition:opacity .95s ease,transform 1s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.hero{display:flex;align-items:center;background:linear-gradient(130deg,#f8fcff 8%,#e4f4ff 54%,#b7dfff 100%)}.sky-glow{position:absolute;width:70vw;height:70vw;right:-25vw;top:-35vw;background:radial-gradient(circle,rgba(255,255,255,.95),transparent 68%);animation:float 10s ease-in-out infinite alternate}.hero-copy{position:relative;z-index:3;width:60%}.hero h1{font-size:clamp(58px,7vw,112px)}.hero-copy p{line-height:2;font-size:clamp(14px,1.25vw,19px);font-weight:400;color:#55718a}.line-link{display:inline-flex;align-items:center;gap:42px;margin-top:34px;padding:0 0 14px;border-bottom:1px solid var(--blue);color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.14em}.line-link span{font-size:21px;transition:transform .3s}.line-link:hover span{transform:translate(4px,-4px)}.hero-product{position:absolute;z-index:2;right:2%;bottom:6%;width:min(44%,610px)}.hero-product img{width:100%;position:relative;z-index:2;filter:drop-shadow(0 26px 40px rgba(46,108,153,.16));animation:productFloat 7s ease-in-out infinite}.halo{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,#fff,rgba(255,255,255,0) 72%)}.vertical-note{position:absolute;right:-1%;top:18%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.3em;color:#5797c9}.scroll-note{position:absolute;bottom:38px;left:8%;font-size:10px;letter-spacing:.2em;color:#648baa}.scroll-note span{margin-left:18px}.outline-word{position:absolute;bottom:-5vw;right:-1vw;font-size:20vw;line-height:1;font-weight:800;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(9,118,208,.10);pointer-events:none}.philosophy{display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,#fff,#edf7ff)}.philosophy-content{position:relative;z-index:2}.philosophy-content p{font-size:clamp(14px,1.4vw,18px);line-height:2.2;color:var(--muted);font-weight:300}.philosophy-content strong{display:block;margin-top:36px;font-size:15px;font-weight:600;color:var(--navy)}.blue-rule{height:2px;width:50px;background:var(--blue);margin:40px auto}.orbit{position:absolute;border:1px solid rgba(9,121,220,.13);border-radius:50%;width:50vw;height:50vw;min-width:430px;min-height:430px}.orbit-one{left:-28vw;top:20%}.orbit-two{right:-28vw;bottom:-35%}.side-text{position:absolute;right:28px;top:50%;writing-mode:vertical-rl;letter-spacing:.3em;font-size:10px;color:#94bad8}.collection{background:#fff;padding-bottom:130px}.collection-heading{padding-top:80px;max-width:800px}.collection-heading h2{margin-bottom:20px}.collection-heading p{line-height:1.9;color:var(--muted)}.product-layout{display:grid;grid-template-columns:1.06fr .94fr;gap:8%;align-items:center;max-width:1320px;margin:55px auto 0}.product-image{background:linear-gradient(135deg,#f6f9fc,#e5f2fc);position:relative;overflow:hidden;border-radius:3px}.product-image img{width:100%;display:block;transition:transform 1s}.product-image:hover img{transform:scale(1.045)}.product-number{position:absolute;left:25px;bottom:25px;font-size:10px;letter-spacing:.2em;color:var(--blue)}.product-detail h3{font-size:clamp(28px,3.1vw,49px);line-height:1.25;margin:18px 0 26px}.product-detail>p{font-size:14px;line-height:2;color:var(--muted);max-width:460px;margin-bottom:35px}.detail-row{display:flex;gap:24px;border-top:1px solid #e4edf4;padding:22px 0}.detail-row>span{color:var(--blue);font-size:12px}.detail-row b{display:block;font-size:12px;letter-spacing:.1em}.detail-row small{display:block;color:var(--muted);margin-top:8px;font-size:12px;line-height:1.7}.product-note{margin-top:25px;color:#8a9dad;font-size:11px;line-height:1.7}.daily{display:flex;align-items:center;background:linear-gradient(125deg,#c9e9ff,#eaf7ff 55%,#f9fdff);min-height:850px}.daily-inner{position:relative;z-index:2;width:65%}.daily h2{font-size:clamp(52px,7.4vw,112px)}.daily-inner>p{line-height:2;color:var(--muted)}.daily-card{position:absolute;right:7%;top:22%;width:30%;transform:rotate(5deg);background:white;padding:12px 12px 28px;box-shadow:0 40px 70px rgba(33,110,164,.18)}.daily-card img{display:block;width:100%}.daily-card span{display:block;text-align:center;padding-top:15px;font-size:10px;letter-spacing:.22em;color:var(--blue)}.marquee{margin-top:70px;max-width:750px;overflow:hidden;border-top:1px solid rgba(0,113,205,.2);border-bottom:1px solid rgba(0,113,205,.2);padding:17px 0}.marquee-track{width:max-content;white-space:nowrap;animation:marquee 22s linear infinite;font-size:12px;letter-spacing:.3em;font-weight:700;color:var(--blue)}.story{display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 25%,#fff,#e9f6ff 78%)}.story-content{width:min(720px,100%)}.story-logo{width:min(340px,65%);margin:36px auto 10px;display:block;mix-blend-mode:multiply}.story h2{font-size:clamp(36px,5vw,72px);color:var(--navy);margin:30px 0}.story p{font-size:16px;line-height:2.2;color:var(--muted)}.story-bottom{display:flex;justify-content:space-between;border-top:1px solid #c8ddea;margin-top:70px;padding-top:22px;font-size:10px;letter-spacing:.2em;color:var(--blue)}footer{position:absolute;bottom:24px;left:0;width:100%;font-size:10px;letter-spacing:.15em;color:#7e9ab0}@keyframes float{to{transform:translate(-5%,8%)}}@keyframes productFloat{50%{transform:translateY(-12px)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:900px){.header{height:72px;padding:0 6%}.brand img{width:105px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;border:0;background:none;width:42px;height:42px;cursor:pointer}.menu-toggle span{width:25px;height:2px;background:var(--navy)}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:rgba(255,255,255,.97);padding:24px 7% 34px;flex-direction:column;gap:25px;box-shadow:0 15px 20px rgba(30,80,110,.07)}.header nav.open{display:flex}.header nav a{font-size:12px}.panel{padding:115px 7% 75px}.section-index{top:105px;left:7%}.hero{min-height:900px;align-items:flex-start}.hero-copy{width:100%;padding-top:90px}.hero h1{font-size:clamp(53px,10vw,90px)}.hero-product{width:min(75%,550px);right:2%;bottom:10%}.scroll-note{left:7%}.product-layout{grid-template-columns:1fr;gap:45px}.collection-heading{padding-top:70px}.daily{min-height:850px;align-items:flex-start}.daily-inner{width:100%;padding-top:115px}.daily-card{top:auto;bottom:55px;right:9%;width:37%}.marquee{max-width:50%}}@media(max-width:560px){.panel{min-height:760px}.hero{min-height:800px}.hero-copy{padding-top:60px}.hero h1{font-size:clamp(46px,11vw,65px)}.hero-copy p{font-size:13px}.hero-product{width:88%;right:-5%;bottom:11%}.vertical-note{right:5%}.scroll-note{bottom:26px}.philosophy h2,.collection h2{font-size:clamp(42px,10vw,60px)}.philosophy-content p{font-size:13px}.philosophy-content strong{font-size:13px}.collection{padding-bottom:85px}.collection-heading{padding-top:45px}.collection-heading p{font-size:13px}.product-layout{margin-top:30px}.product-detail h3{font-size:30px}.daily{min-height:850px}.daily-inner{padding-top:95px}.daily h2{font-size:clamp(46px,10vw,65px)}.daily-card{width:59%;right:8%;bottom:70px}.marquee{max-width:100%;margin-top:35px}.story-logo{width:65%}.story p{font-size:13px}.story-bottom{font-size:8px;gap:10px}.section-index{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}