:root{--paper:#fff;--cream:#fbf6f0;--line:#e3ddd4;--text:#101010;--text-2:#6a6560;--card:#f3f2ef;--sky:#01a5ed;--lime:#d3d627;--lime-deep:#c2c51c;--orange:#ff5c0f;--orange-ink:#c9430a;--ink:#101010;--media-panel:#062c4e;--r:34px;--hdr:96px;--wrap:1440px;--gut:56px;--gap:16px;--f-body:var(--font-body),"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;--f-display:var(--font-display),var(--f-body)}*{box-sizing:border-box}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}body{background:var(--paper);color:var(--text);font-family:var(--f-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;font-weight:400;line-height:1.8}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--orange-ink);outline-offset:3px;border-radius:3px}.wrap{max-width:var(--wrap);padding-inline:var(--gut);margin-inline:auto}[id]{scroll-margin-top:calc(var(--hdr) + 16px)}.skip{z-index:100;background:var(--ink);color:#fff;border-radius:8px;padding:10px 16px;font-size:.9rem;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.site-header{z-index:80;height:var(--hdr);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#ffffffeb;position:fixed;inset:0 0 auto}.header-in{max-width:var(--wrap);padding-inline:var(--gut);align-items:center;height:100%;margin-inline:auto;display:flex}.wordmark{font-family:var(--f-display);letter-spacing:.05em;color:var(--text);font-size:1.65rem;font-weight:400;line-height:1}.wordmark i{color:var(--orange);font-style:normal}.nav{align-items:center;gap:44px;margin-left:auto;display:flex}.nav a{color:var(--text-2);letter-spacing:-.005em;border-bottom:2px solid #0000;padding:6px 0;font-size:1rem;font-weight:500;transition:color .18s,border-color .18s}.nav a:hover{color:var(--text)}.nav a[aria-current=page]{color:var(--text);border-bottom-color:var(--orange)}main{padding-top:var(--hdr);display:block}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--orange-ink);margin:0 0 14px;font-size:.75rem;font-weight:600}h1.pt{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:2.6rem;font-weight:600;line-height:1.28}h2.st{letter-spacing:-.02em;text-wrap:balance;margin:0 0 22px;font-size:1.85rem;font-weight:600;line-height:1.45}h3{letter-spacing:-.01em;margin:0 0 6px;font-size:1.12rem;font-weight:600;line-height:1.5}p{margin:0 0 18px}p:last-child{margin-bottom:0}.lead{color:var(--text-2);font-size:1.08rem;line-height:1.95}.band{padding-block:88px}.band--cream{background:var(--cream)}.band--top{padding-top:64px}.cols{grid-template-columns:1.05fr .95fr;align-items:start;gap:64px;display:grid}.cols--wide{grid-template-columns:1.25fr .75fr}.cols--even{grid-template-columns:1fr 1fr}.mosaic{gap:var(--gap);grid-template-columns:repeat(4,1fr);grid-template-areas:"intro intro prod prod""brand brand prod prod""shop contact media media";grid-auto-rows:minmax(268px,auto);padding-block:56px 96px;display:grid}.cell{flex-direction:column;grid-area:intro;justify-content:center;padding-right:32px;display:flex}.cell .statement{font-family:var(--f-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:2.9rem;font-weight:400;line-height:1.26}.cell .statement em{color:var(--orange);font-style:normal}.cell .sub{color:var(--text-2);max-width:40ch;margin:22px 0 0;font-size:1.02rem;line-height:1.9}.tile{border-radius:var(--r);text-align:left;flex-direction:column;justify-content:flex-end;padding:32px;transition:transform .24s,box-shadow .24s;display:flex;position:relative;overflow:hidden}.tile:hover{transform:translateY(-4px);box-shadow:0 24px 46px -28px #00000057}.tile .kicker,.tile .ttl,.tile .desc{display:block;position:relative}.tile .kicker{letter-spacing:.18em;text-transform:uppercase;opacity:.75;margin-bottom:8px;font-size:.72rem;font-weight:600}.tile .ttl{letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:600;line-height:1.32}.tile .desc{opacity:.82;max-width:36ch;margin:8px 0 0;font-size:.95rem;line-height:1.65}.tile .arrow{z-index:2;border-radius:50%;place-items:center;width:36px;height:36px;font-size:1rem;transition:background .2s,transform .2s;display:grid;position:absolute;top:26px;right:26px}.tile:hover .arrow{transform:translate(3px,-3px)}.doodle{pointer-events:none;position:absolute;overflow:visible}.doodle svg{width:100%;height:100%;display:block}@keyframes bob{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-9px) rotate(var(--rot,0deg))}}@keyframes twinkle{0%,to{opacity:.9;transform:scale(1) rotate(var(--rot,0deg))}50%{opacity:.45;transform:scale(.86) rotate(var(--rot,0deg))}}.t-prod{background:var(--card);color:var(--ink);grid-area:prod;justify-content:space-between;padding:40px}.t-prod .halo{aspect-ratio:1;pointer-events:none;background:#ffffffe6;border-radius:50%;width:min(70%,410px);position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.t-prod .halo:after{content:"";border:2px dashed #10101021;border-radius:50%;position:absolute;inset:-24px}.t-prod .shot{filter:drop-shadow(0 22px 26px #0000002e);align-self:center;width:min(62%,320px);height:auto;margin:6px 0;animation:6s ease-in-out infinite bob;position:relative}.t-prod .ttl{font-family:var(--f-display);letter-spacing:.01em;font-size:2.4rem;font-weight:400;line-height:1.1}.t-prod .desc{opacity:.72;max-width:38ch;font-size:1.05rem}.t-prod .arrow{background:#00000017}.t-prod:hover .arrow{background:#0000002e}.t-prod .d1{width:52px;height:52px;color:var(--orange);--rot:-12deg;animation:4.5s ease-in-out infinite twinkle;top:9%;right:22%}.t-prod .d2{width:46px;height:46px;color:var(--sky);--rot:-16deg;transform:rotate(var(--rot));top:44%;left:7%}.t-prod .d3{width:50px;height:50px;color:var(--lime-deep);--rot:14deg;transform:rotate(var(--rot));bottom:22%;right:9%}.t-prod .d4{width:34px;height:34px;color:var(--sky);opacity:.55;--rot:8deg;transform:rotate(var(--rot));top:26%;left:20%}.t-brand{background:var(--sky);color:var(--ink);grid-area:brand}.t-brand .mark{opacity:.34;pointer-events:none;width:250px;height:auto;position:absolute;bottom:-34px;right:-26px}.t-brand .arrow{background:#00000024}.t-brand:hover .arrow{background:#0000003d}.t-brand .doodle{color:#fff;opacity:.85}.t-brand .d1{--rot:-10deg;width:56px;height:56px;transform:rotate(var(--rot));top:16%;left:34%}.t-brand .d2{--rot:12deg;width:44px;height:44px;transform:rotate(var(--rot));top:52%;left:46%}.t-brand .d3{opacity:.6;width:38px;height:38px;animation:5s ease-in-out infinite twinkle;top:22%;left:56%}.t-brand .d4{opacity:.5;--rot:-6deg;width:58px;height:58px;transform:rotate(var(--rot));top:9%;left:74%}.t-shop{background:var(--orange);color:var(--ink);grid-area:shop}.t-shop .arrow{background:#00000029}.t-shop:hover .arrow{background:#00000042}.t-shop .doodle{color:var(--ink);opacity:.5}.t-shop .d1{--rot:-14deg;width:50px;height:50px;transform:rotate(var(--rot));top:16%;left:9%}.t-shop .d2{opacity:.34;--rot:10deg;width:36px;height:36px;transform:rotate(var(--rot));top:34%;left:46%}.t-contact{background:var(--lime);color:var(--ink);grid-area:contact}.t-contact .arrow{background:#00000024}.t-contact:hover .arrow{background:#0000003d}.t-contact .doodle{color:var(--ink);opacity:.45}.t-contact .d1{--rot:12deg;width:46px;height:46px;transform:rotate(var(--rot));top:18%;left:10%}.t-contact .d2{opacity:.3;--rot:-8deg;width:34px;height:34px;transform:rotate(var(--rot));top:38%;left:48%}.t-media{background:var(--sky);color:#fff;grid-area:media;padding:0;display:block}.t-media .bg{object-fit:cover;object-position:center;width:56%;height:100%;position:absolute;top:0;left:44%}.t-media .inner{z-index:1;background:var(--media-panel);flex-direction:column;justify-content:flex-end;padding:32px;display:flex;position:absolute;inset:0 56% 0 0}.t-media .inner>span{display:block}.t-media .arrow{background:#062c4ec7}.t-media:hover .arrow{background:#062c4ef2}.phead{border-bottom:1px solid var(--line);padding-block:64px 56px}.crumb{color:var(--text-2);margin:0 0 12px;font-size:.9rem}.crumb a{text-underline-offset:3px;text-decoration:underline}.crumb a:hover{color:var(--text)}.verse{color:var(--text);margin:0;font-size:1.14rem;line-height:2.05}.verse .dim{color:var(--text-2)}.quote{font-family:var(--f-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:3.1rem;font-weight:400;line-height:1.28}.quote em{color:var(--orange);font-style:normal}.saying{gap:12px;margin:26px 0 0;padding:0;list-style:none;display:grid}.saying li{border-left:3px solid var(--orange);padding:2px 0 2px 20px;font-size:1.08rem;font-weight:500;line-height:1.7}.saying li.neg{border-left-color:var(--line);color:var(--text-2);font-weight:400}.creed{grid-template-columns:repeat(2,1fr);gap:48px 64px;margin-top:48px;display:grid}.creed section{border-top:3px solid var(--orange);padding-top:20px}.creed .num{letter-spacing:.2em;text-transform:uppercase;color:var(--orange-ink);margin:0 0 8px;font-size:.74rem;font-weight:600}.creed h3{letter-spacing:-.015em;margin:0 0 12px;font-size:1.28rem;font-weight:600;line-height:1.5}.creed p{color:var(--text-2);margin:0;font-size:.98rem;line-height:1.9}.final{border-top:1px solid var(--line);margin-top:56px;padding-top:40px;font-size:1.14rem;line-height:2.05}.plist{gap:var(--gap);display:grid}.pfeature{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);grid-template-columns:.85fr 1.15fr;transition:border-color .22s,box-shadow .22s;display:grid;overflow:hidden}.pfeature:hover{border-color:var(--ink);box-shadow:0 22px 48px -30px #0000004d}.pfeature .ph{background:var(--card);place-items:center;padding:56px;display:grid;position:relative;overflow:hidden}.pfeature .ph:before{content:"";aspect-ratio:1;background:#ffffffe6;border-radius:50%;width:min(74%,310px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pfeature .ph:after{content:"";aspect-ratio:1;outline-offset:22px;border-radius:50%;outline:2px dashed #10101021;width:min(74%,310px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pfeature .ph .d1{width:46px;height:46px;color:var(--orange);top:12%;right:14%}.pfeature .ph .d2{width:38px;height:38px;color:var(--sky);bottom:14%;left:12%}.pfeature .ph img{filter:drop-shadow(0 20px 24px #0000002e);width:min(66%,260px);height:auto;transition:transform .3s;position:relative}.pfeature:hover .ph img{transform:translateY(-6px)}.pfeature .pb{flex-direction:column;justify-content:center;padding:56px 56px 56px 60px;display:flex}.pfeature .cat{letter-spacing:.16em;text-transform:uppercase;color:var(--orange-ink);font-size:.76rem;font-weight:600;display:block}.pfeature h2{font-size:2rem;font-family:var(--f-display);letter-spacing:.01em;margin:14px 0 10px;font-weight:400;line-height:1.2}.pfeature .slog{letter-spacing:-.015em;margin:0 0 14px;font-size:1.2rem;font-weight:600}.pfeature p{color:var(--text-2);margin:0;font-size:1rem}.pfeature .more{color:var(--orange-ink);margin-top:26px;font-size:.95rem;font-weight:600}.pnext{margin-top:var(--gap);border:1px dashed var(--line);border-radius:var(--r);padding:44px 56px}.pnext .cat{letter-spacing:.16em;text-transform:uppercase;color:var(--orange-ink);font-size:.76rem;font-weight:600;display:block}.pnext h2{letter-spacing:-.01em;margin:10px 0 6px;font-size:1.35rem;font-weight:600}.pnext p{color:var(--text-2);margin:0;font-size:.96rem}.kv{background:var(--cream);border-radius:28px;overflow:hidden}.kv img{width:100%;height:auto}.packs{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(180px,220px));margin-top:28px;display:grid}.pk{border:1px solid var(--line);background:var(--paper);border-radius:20px;margin:0;overflow:hidden}.pk img{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.pk figcaption{padding:14px 16px 18px}.pk b{font-size:1rem;font-weight:600;display:block}.pk span{color:var(--text-2);font-size:.86rem}.badges{flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.badges li{border:1px solid var(--line);color:var(--text-2);border-radius:999px;padding:5px 15px;font-size:.86rem}.exp{background:var(--line);border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;margin:40px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.exp li{background:var(--paper);letter-spacing:-.01em;align-items:baseline;gap:14px;padding:30px 28px;font-size:1.05rem;font-weight:500;line-height:1.6;display:flex}.exp li:before{content:"";background:var(--orange);border:1.5px solid var(--ink);border-radius:50%;flex:none;width:9px;height:9px;transform:translateY(-2px)}.spec{border-collapse:collapse;width:100%;font-size:.98rem}.spec th,.spec td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:16px 0}.spec th{width:150px;color:var(--text-2);font-size:.94rem;font-weight:500}.spec tr:last-child th,.spec tr:last-child td{border-bottom:0}.fig{border-radius:28px;margin:0;overflow:hidden}.fig img{width:100%;height:auto}.qual{grid-template-columns:repeat(var(--n,4),1fr);background:var(--line);border:1px solid var(--line);border-radius:var(--r);gap:1px;margin-top:36px;display:grid;overflow:hidden}.qual>div{background:var(--paper);padding:30px 26px}.qual .label{letter-spacing:.18em;text-transform:uppercase;color:var(--orange-ink);margin:0 0 8px;font-size:.72rem;font-weight:600}.qual h3{letter-spacing:-.01em;margin:0 0 8px;font-size:1.06rem;font-weight:600;line-height:1.45}.qual p{color:var(--text-2);margin:0;font-size:.9rem;line-height:1.7}.qual .pend h3{color:var(--text-2);font-weight:500}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:44px;margin:40px 0 0;padding-top:34px;display:grid}.stat{margin:0}.stat dt{font-family:var(--f-display);color:var(--orange);font-variant-numeric:tabular-nums;font-size:3.2rem;font-weight:400;line-height:1}.stat dt small{margin-left:.12em;font-size:.4em}.stat dd{color:var(--text-2);margin:12px 0 0;font-size:.93rem;line-height:1.65}.tiles{gap:var(--gap);grid-template-columns:repeat(3,1fr);margin-top:28px;display:grid}.tiles--4{grid-template-columns:repeat(4,1fr)}.mt{border:1px solid var(--line);background:var(--paper);border-radius:24px;padding:32px;transition:all .22s;display:block}a.mt:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:0 16px 36px -26px #0000004d}.mt .kind{letter-spacing:.18em;text-transform:uppercase;color:var(--orange-ink);font-size:.72rem;font-weight:600}.mt h3{margin:14px 0 6px;font-size:1.2rem}.mt p{color:var(--text-2);margin:0;font-size:.95rem;line-height:1.7}.mt--soon{opacity:.58}.mt--soon .kind{color:var(--text-2)}.feed{gap:var(--gap);grid-template-columns:repeat(3,1fr);margin-top:28px;display:grid}.feed a{border-radius:24px;transition:transform .22s;display:block;overflow:hidden}.feed a:hover{transform:translateY(-3px)}.feed img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto}.promo{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;margin-top:32px;display:grid}.btn-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.btn{border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:13px 26px;font-size:.98rem;font-weight:600;transition:all .18s;display:inline-flex}.btn--solid{background:var(--ink);color:#fff}.btn--solid:hover{background:var(--orange);color:var(--ink)}.btn--ghost{border-color:var(--line);color:var(--text)}.btn--ghost:hover{border-color:var(--ink)}.notice{border:1px solid var(--line);border-left:4px solid var(--orange);background:var(--paper);color:var(--text-2);border-radius:10px;padding:18px 22px;font-size:.92rem;line-height:1.75}.notice strong{color:var(--text)}.slot{border:1px dashed var(--line);color:var(--text-2);background:var(--paper);border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-size:.94rem;display:inline-flex}.slot:before{content:"";background:var(--orange);opacity:.5;border-radius:50%;width:7px;height:7px}.site-footer{background:var(--ink);color:#a9a49e;margin-top:64px;padding-block:64px;font-size:.92rem;line-height:1.85}.ftop{border-bottom:1px solid #ffffff21;grid-template-columns:1.6fr 1fr 1fr;gap:40px;padding-bottom:36px;display:grid}.site-footer .wordmark{color:#fff;font-size:1.8rem;display:inline-block}.site-footer h2{letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin:0 0 12px;font-size:.74rem;font-weight:600}.site-footer ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:#cfc9c3}.site-footer a:hover{color:#fff}.site-footer .slot{color:#8e8983;background:0 0;border-color:#ffffff38;padding:7px 16px;font-size:.86rem}.company{color:#8e8983;margin:28px 0 0;font-size:.84rem;font-style:normal;line-height:1.95}.company span{white-space:nowrap}.company span+span:before{content:"";vertical-align:-1px;background:#fff3;width:1px;height:.8em;margin:0 12px;display:inline-block}.copy{color:#6e6a66;margin:14px 0 0;font-size:.8rem}.nf{flex-direction:column;justify-content:center;align-items:flex-start;min-height:60vh;display:flex}.nf .code{font-family:var(--f-display);color:var(--orange);margin:0 0 12px;font-size:5rem;line-height:1}.js .rv{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(16px)}.js .rv.in{opacity:1;transform:none}@media (max-width:1240px){:root{--gut:36px}.cell .statement{font-size:2.4rem}.t-prod .ttl{font-size:2rem}.quote{font-size:2.5rem}h1.pt{font-size:2.2rem}.pfeature .pb{padding:44px}.pfeature h2{font-size:1.7rem}}@media (max-width:1080px){:root{--hdr:80px;--gut:28px;--gap:14px}.mosaic{grid-template-columns:repeat(2,1fr);grid-template-areas:"intro intro""prod prod""prod prod""brand brand""shop contact""media media";grid-auto-rows:minmax(240px,auto);padding-block:40px 64px}.cell{padding-right:0}.cols,.cols--wide,.cols--even{grid-template-columns:1fr;gap:40px}.pfeature{grid-template-columns:1fr}.pfeature .ph{padding:40px}.exp,.qual,.tiles--4{grid-template-columns:repeat(2,1fr)}.packs{grid-template-columns:repeat(auto-fill,minmax(160px,200px))}.promo{grid-template-columns:1fr;gap:32px}.creed{gap:36px 44px}.ftop{grid-template-columns:1fr 1fr}.ftop>div:first-child{grid-column:1/-1}.band{padding-block:64px}.band--top{padding-top:48px}.site-footer{padding-block:48px}}@media (max-width:720px){:root{--hdr:64px;--gut:20px}.wordmark{font-size:1.4rem}.nav{gap:20px}.nav a{font-size:.92rem}.mosaic{grid-template-columns:1fr;grid-template-areas:"intro""prod""brand""shop""contact""media";grid-auto-rows:minmax(200px,auto)}.cell .statement{font-size:1.95rem}.t-media{min-height:420px}.t-media .bg{width:100%;height:48%;top:0;left:0}.t-media .inner{padding:24px;inset:48% 0 0}.t-prod .d4,.t-brand .d3,.t-brand .d4,.t-shop .d2,.t-contact .d2{display:none}.t-prod{min-height:400px;padding:26px}.t-prod .ttl{font-size:1.8rem}.t-brand .mark{width:150px;top:18px;bottom:auto;right:-34px}.t-brand .d2{display:none}.t-shop .d1,.t-contact .d1{width:38px;height:38px;top:18px}.t-prod .shot{width:56%}.tile{padding:24px}.tile .arrow{width:32px;height:32px;top:20px;right:20px}h1.pt{font-size:1.75rem}h2.st{font-size:1.4rem}.quote{font-size:1.8rem}.verse,.final{font-size:1.02rem;line-height:1.95}.verse br.pc{display:none}.creed,.tiles,.tiles--4,.exp,.qual,.stats,.promo,.feed{grid-template-columns:1fr}.packs{grid-template-columns:repeat(2,1fr)}.stats{gap:28px}.pnext{padding:28px 24px}.phead{padding-block:40px 32px}.pfeature .pb{padding:32px 26px 36px}.pfeature h2{font-size:1.5rem}.spec th{width:110px;font-size:.88rem}.spec th,.spec td{padding:13px 0;font-size:.92rem}.company span{white-space:normal;display:block}.company span+span:before{display:none}.ftop{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .rv{opacity:1;transition:none;transform:none}.t-prod .shot,.doodle{animation:none!important}.tile:hover,.pfeature:hover,a.mt:hover,.pfeature:hover .ph img,.feed a:hover{transform:none}}
