html:not(.pop-h) .pop-only-h{display:none!important}html.pop-h .pop-hero-spark{display:none!important}html.pop-h{--pop-h-en:"Nunito";--pop-h-en-w:800;--pop-h-overlap:80px}html.pop-h .hero4{display:grid;grid-template-columns:calc(45% - var(--pop-h-overlap)) var(--pop-h-overlap) minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:clamp(560px,88svh,860px);background:var(--cream);overflow:hidden}html.pop-h .hero4-bgs{position:relative;inset:auto;grid-column:2/4;grid-row:1;overflow:hidden;z-index:0}html.pop-h .hero4-bg{filter:saturate(.92) contrast(1.02)}html.pop-h .hero4-bgs .hero4-bg:first-child{object-position:62% 50%}html.pop-h .hero4-bg.is-2{object-position:40% 55%}html.pop-h .hero4-bg.is-3{object-position:50% 50%}html.pop-h .hero4-scrim{position:relative;inset:auto;grid-column:2/4;grid-row:1;z-index:1;--hero4-tint:6}html.pop-h .hero4-scrim::after{display:none}html.pop-h .hero4-grain,html.pop-h .hero4-vert,html.pop-h .hero4-note{display:none}html.pop-h .hero4-copy{grid-column:1/3;grid-row:1;z-index:3;position:relative;max-width:none;margin:0;display:flex;flex-direction:column;justify-content:center;background:var(--cream);box-shadow:1px 0 0 color-mix(in srgb,var(--navy) 14%,transparent),12px 0 32px -16px rgba(30,58,95,.18);padding:clamp(96px,14vh,140px) clamp(56px,6vw,96px) clamp(80px,11vh,120px) max(var(--sp-3),calc((100vw - var(--maxw)) / 2 + var(--sp-3)))}html.pop-h .hero4-copy .hero4-kr{order:-1;width:min(440px,100%);margin:0 0 clamp(28px,3.6vh,44px);filter:none;mix-blend-mode:multiply}html.pop-h .hero4-en{font-family:var(--pop-h-en),sans-serif;font-style:normal;font-weight:var(--pop-h-en-w);text-transform:uppercase;font-size:clamp(22px,2.3vw,34px);line-height:1.14;letter-spacing:.03em;color:var(--navy);margin:0}html.pop-h .hero4-en .row2{margin-top:0;font-family:inherit;font-weight:inherit;font-style:inherit}html.pop-h.hero-c .hero4-en{font-family:var(--font-en);font-weight:500;font-style:italic;text-transform:none;letter-spacing:.01em;font-size:clamp(30px,3.1vw,46px);line-height:1.08}html.pop-h .hero4-jp{color:var(--navy);margin-top:var(--sp-2)}html.pop-h .hero4-jp::before{background:color-mix(in srgb,var(--navy) 45%,transparent)}html.pop-h .hero4-sub span{color:color-mix(in srgb,var(--navy) 82%,var(--cream))}html.pop-h .pop-hero-pill{margin-top:var(--sp-3);align-self:flex-start;background:var(--offwhite);color:var(--navy);border:1px solid color-mix(in srgb,var(--navy) 18%,transparent)}html.pop-h .pop-hero-pill .d{color:var(--azure)}html.pop-h .home .kis-header{color:var(--navy)}html.pop-h .home .kis-header .kis-logo .sub{color:color-mix(in srgb,var(--navy) 76%,var(--cream))}html.pop-h .home .kis-header .kis-menu-btn span{background:var(--navy)}html.pop-h .hero4-scroll{color:color-mix(in srgb,var(--navy) 70%,transparent)}html.pop-h .hero4-scroll .line{background:color-mix(in srgb,var(--navy) 35%,transparent)}html.pop-h .hero4-scroll .line::after{background:var(--navy)}@media (max-width:800px){html.pop-h .hero4-copy .hero4-kr{animation-delay:0s}html.pop-h .hero4{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0}html.pop-h .hero4-bgs,html.pop-h .hero4-scrim{grid-column:1;grid-row:1;aspect-ratio:4/3}html.pop-h .hero4-bgs .hero4-bg:first-child{object-position:60% 45%}html.pop-h .hero4-bg.is-2{object-position:42% 55%}html.pop-h .hero4-bg.is-3{object-position:50% 50%}html.pop-h .hero4-copy{grid-column:1;grid-row:2;margin-top:-28px;padding:44px var(--sp-3) 48px;border-radius:28px 28px 0 0;box-shadow:0 -1px 0 color-mix(in srgb,var(--navy) 14%,transparent),0 -12px 32px -16px rgba(30,58,95,.18)}html.pop-h .hero4-copy .hero4-kr{width:min(300px,84%);margin-bottom:22px}html.pop-h .hero4-en{font-size:22px}html.pop-h.hero-c .hero4-en{font-size:30px}html.pop-h .hero4-foot{display:none}}@media (prefers-reduced-motion:reduce){html.pop-h .hero4-copy .hero4-kr{animation:none}}html.pop-h{--pop-h-overlap:0px;--pop-h-edge:clamp(150px,16vw,230px);--pop-h-copy:clamp(320px,31vw,400px);--pop-h-panel:min(45%,calc(max(0px,(100vw - var(--maxw)) / 2) + var(--sp-3) + var(--pop-h-copy) + clamp(16px,2vw,32px)))}html.pop-h .hero4{grid-template-columns:var(--pop-h-panel) var(--pop-h-overlap) minmax(0,1fr)}html.pop-h .hero4-copy{box-shadow:none;padding-right:clamp(16px,2vw,32px)}html.pop-h .hero4-copy::after{content:"";position:absolute;top:0;bottom:0;left:100%;width:var(--pop-h-edge);pointer-events:none;background:url("../svg/st-edge-v-pen.svg") no-repeat center / 100% 100%}html.pop-h .hero4-copy .hero4-kr{width:min(400px,100%)}html.pop-h .hero4-en{font-size:clamp(22px,2vw,30px)}html.pop-h .hero4-bgs .hero4-bg:first-child{object-position:66% 50%}html.pop-h .hero4-bg.is-2{object-position:30% 55%}html.pop-h .hero4-bg.is-3{object-position:38% 50%}@media (max-width:800px){html.pop-h .hero4{grid-template-columns:1fr}html.pop-h .hero4-copy{border-radius:0;margin-top:-14px;padding-top:28px;padding-bottom:40px;padding-right:var(--sp-3)}html.pop-h .hero4-copy::after{top:auto;bottom:100%;left:0;right:0;width:auto;height:56px;background-image:url("../svg/st-edge-h-pen.svg")}html.pop-h .hero4-copy .hero4-kr{width:min(300px,84%)}html.pop-h .hero4-en{font-size:22px}html.pop-h .hero4-bgs .hero4-bg:first-child{object-position:60% 45%}html.pop-h .hero4-bg.is-2{object-position:42% 55%}html.pop-h .hero4-bg.is-3{object-position:50% 50%}html.pop-h .home .kis-header:not(.scrolled):not(.open){color:var(--offwhite)}html.pop-h .home .kis-header:not(.scrolled):not(.open) .kis-logo .sub{color:var(--offwhite)}html.pop-h .home .kis-header:not(.scrolled):not(.open) .kis-menu-btn span{background:var(--offwhite)}html.pop-h .home .kis-header:not(.scrolled):not(.open)::before{content:"";position:absolute;inset:0 0 -32px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--navy) 58%,transparent),transparent)}}@media (min-width:601px) and (max-width:1024px){html.pop-h .kis-phil-circles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}html.pop-h .kis-phil-circles--gap{grid-template-columns:repeat(3,minmax(0,1fr)) var(--sp-3) minmax(0,1fr)}html.pop-h .kis-circle{max-width:200px;margin-inline:auto;width:100%;padding:12px}html.pop-h .kis-circle .t{font-size:15px}html.pop-h .kis-circle .k{font-size:12px}html.pop-h .kis-circle .e{font-size:11px}@supports (container-type:inline-size){html.pop-h .kis-circle{padding:clamp(6px,1.1vw,12px)}html.pop-h .kis-circle .t{font-size:clamp(11px,15cqi,15px)}html.pop-h .kis-circle .k{font-size:clamp(8.5px,11cqi,12px)}html.pop-h .kis-circle .e{font-size:clamp(8.5px,10cqi,11px)}html.pop-h .kis-circle .lbl{font-size:clamp(8px,9cqi,10px)}html.pop-h .kis-circle>*{line-height:1.35}html.pop-h .kis-circle .e{margin-top:2px}}}@media (min-width:1025px) and (max-width:1200px){html.pop-h .kis-circle{max-width:200px;margin-inline:auto;width:100%}}@media (max-width:600px){html.pop-h .kis-circle{max-width:220px;margin-inline:auto;width:100%}html.pop-h .kis-phil-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}html.pop-h .kis-phil-wrap>.kis-note--pen:first-child{grid-row:1;grid-column:1 / -1;justify-self:start}html.pop-h .kis-phil-wrap>.kis-note--pen:first-child .kis-pen--curve{rotate:64deg;left:calc(100% - 6px);top:78%}html.pop-h .kis-phil-wrap .kis-phil-circles--gap{display:contents}@media (max-width:359px){html.pop-h .kis-phil-wrap>.kis-note--pen:first-child .kis-pen--curve{left:calc(100% - 58px);top:calc(100% + 8px);width:64px;height:64px}}html.pop-h .kis-phil-wrap .kis-circle--pink{grid-column:1 / -1;width:calc((100% - var(--sp-2)) / 2);justify-self:center}html.pop-h .kis-phil-wrap .kis-note--from-circle{grid-row:4;grid-column:1 / -1;margin-left:0;margin-top:calc(var(--sp-4) - var(--sp-2));justify-self:start}html.pop-h .kis-phil-wrap .kis-note--from-circle .kis-pen--down{top:calc(100% + 4px);bottom:auto;left:130px;width:66px;height:66px}html.pop-h .kis-phil-wrap .kis-circle--sand{grid-row:5;grid-column:1 / -1;width:calc((100% - var(--sp-2)) / 2);justify-self:center;margin-top:68px}}@media (max-width:800px){html.pop-h .pop-krwrap{display:flex;justify-content:center}html.pop-h .hero4-copy .hero4-kr{margin-left:0;margin-right:0;width:min(320px,84%)}}@media (max-width:800px){html.pop-h .hero4-copy{align-items:center;text-align:center}html.pop-h .hero4-copy .hero4-kr{margin-left:6%}html.pop-h .hero4-en{text-align:center}html.pop-h .hero4-jp{align-self:center;text-align:center}html.pop-h .hero4-sub{align-self:stretch;text-align:center}html.pop-h .hero4-sub span{left:0;right:0}html.pop-h .pop-hero-pill{align-self:center;max-width:100%;text-align:left}html.pop-h .hero4-bg.is-2{object-position:42% 30%}}html.pop-h .hero4-en{position:relative;z-index:2;width:max-content;max-width:100%}html.pop-h .hero4-en::before{content:"";position:absolute;z-index:2;left:calc(100% + 40px);top:-38px;width:40px;aspect-ratio:266/233;pointer-events:none;mix-blend-mode:multiply;background:url("../img/pen/slashes.webp") no-repeat center / contain}html.pop-h .hero4-en::after{content:"";position:absolute;z-index:2;left:calc(100% + 10px);top:-4px;width:44px;aspect-ratio:199/195;rotate:-8deg;pointer-events:none;mix-blend-mode:multiply;background:url("../img/pen/star.webp") no-repeat center / contain}html.pop-h .hero4-sub{z-index:2}html.pop-h .hero4-sub::after{content:"";position:absolute;z-index:2;right:-34px;top:-38px;width:62px;height:90px;rotate:6deg;pointer-events:none;mix-blend-mode:multiply;background:url("../img/pen/heart-open.webp") no-repeat top center / 50px auto,url("../img/pen/underline.webp") no-repeat bottom center / 62px auto}@media (max-width:800px){html.pop-h .hero4-en::after{left:calc(100% + 8px);top:-4px;width:34px}html.pop-h .hero4-en::before{left:calc(100% + 32px);top:-30px;width:30px}html.pop-h .hero4-sub::after{right:max(-4px,calc(50% - 215px));top:-30px;width:50px;height:74px;background-size:40px auto,50px auto}}@media (max-width:359px){html.pop-h .hero4-sub::after{top:-54px}}