:root{--ink:#153747;--blue:#d9edf7;--orange:#f77235;--cream:#fbf8ef;--line:#c4d6dd;--muted:#4e6470;font-family:Pretendard,'Noto Sans KR',Arial,sans-serif;color:var(--ink);font-synthesis:none;scroll-behavior:smooth;font-size:18px}*{box-sizing:border-box}body{margin:0;background:var(--cream)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a44016;outline-offset:5px}button:disabled{opacity:.45;cursor:not-allowed}button[hidden],[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{word-break:keep-all}button,summary{font-size:18px}a,button{touch-action:manipulation}.skip{position:fixed;left:10px;top:-100px;z-index:100;padding:16px;background:white}.skip:focus{top:60px}.demo-strip{position:sticky;top:0;z-index:25;text-align:center;background:var(--ink);color:#fff;padding:11px 20px;font-size:18px;line-height:1.45}.demo-strip a{display:inline-block}.demo-strip span{color:#d5eaf2}.site-header{height:115px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:var(--cream);gap:30px}.wordmark{font-family:Arial,sans-serif;font-weight:700;font-size:64px;letter-spacing:-6px;line-height:1;position:relative}.wordmark span{font-size:18px;vertical-align:top;letter-spacing:0;margin-left:6px;position:relative;top:5px}.site-header nav{display:flex;gap:38px;margin-left:40px}.site-header nav a{position:relative;padding:12px 0}.site-header nav a:after{content:'';position:absolute;bottom:5px;left:0;width:0;height:1px;background:var(--ink);transition:width .2s}.site-header nav a:hover:after{width:100%}.bag-button{display:flex;align-items:center;gap:9px;border:0;background:none;padding:12px 0}.bag-button>span{font-size:18px}.bag-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;margin-left:9px}.hero{position:relative;margin:0 25px;min-height:660px;height:calc(100svh - 180px);max-height:960px;overflow:hidden;background:#bbdef0}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}.hero-copy{position:relative;z-index:1;max-width:650px;padding:7% 0 8% 5.5%}.eyebrow{font-size:18px;font-weight:550;line-height:1.6;letter-spacing:.01em}.hero h1{font-size:clamp(50px,4.7vw,84px);font-weight:580;line-height:1.17;letter-spacing:-.065em;margin:26px 0}.hero-copy>p:not(.eyebrow){font-size:23px;line-height:1.65;letter-spacing:-.025em}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;border:1px solid var(--ink);padding:19px 25px;min-height:62px;font-weight:500;font-size:18px;line-height:1.4}.button.dark{background:var(--ink);color:#fff}.button.dark:hover{background:#244f62}.hero .button{margin-top:34px}.button span{font-size:24px;line-height:1}.hero-bottom{position:absolute;bottom:26px;left:5.5%;right:3%;display:flex;justify-content:space-between;align-items:center;z-index:1;font-size:18px}.hero-bottom>a{display:grid;place-items:center;width:53px;height:53px;border:1px solid var(--ink);border-radius:50%;font-size:28px}.brand-line{padding:37px 4.5%;display:flex;justify-content:space-between;align-items:center;gap:25px;white-space:nowrap;font-size:22px;font-weight:550;border-bottom:1px solid var(--line)}.brand-line .spark{font-size:37px;color:var(--orange);line-height:1}.section{padding:115px 4.5%}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:46px}.section-head h2{font-size:clamp(38px,3.6vw,62px);font-weight:560;line-height:1.3;letter-spacing:-.06em;margin-top:14px}.section-head>p{font-size:20px;line-height:1.75;color:var(--muted);padding-bottom:5px}.filters{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:none;padding:12px 25px;border-radius:30px;line-height:1.4}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.product-visual,.routine-image,.dialog-product-photo,.cart-thumb{background-image:url('assets/products.webp');background-size:300% 100%;background-repeat:no-repeat}.p-cleanser{background-position:left center}.p-toner{background-position:center center}.p-cream{background-position:right center}.product-visual{display:block;position:relative;width:100%;aspect-ratio:1;border:0;overflow:hidden;transition:filter .2s}.product-visual:hover{filter:brightness(1.035)}.product-tag{position:absolute;top:24px;left:23px;font-size:18px;font-weight:550;letter-spacing:.04em}.product-plus{position:absolute;bottom:20px;right:20px;width:44px;height:44px;border:1px solid #a2b3b9;border-radius:50%;display:grid;place-items:center;font-size:24px;background:#ffffff7a}.product-meta{display:flex;justify-content:space-between;gap:10px;padding-top:25px}.product-meta h3{font-size:25px;letter-spacing:-.03em;font-weight:600}.product-meta h3 button{border:0;background:none;padding:0;font:inherit;text-align:left}.product-meta p{font-size:18px;color:var(--muted);margin-top:10px;line-height:1.6}.product-meta>span{font-size:18px;padding-top:5px;white-space:nowrap}.product-price{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:22px;padding-top:18px;gap:12px}.product-price>span{font-size:21px;font-weight:600}.product-price small{font-size:18px;font-weight:400;margin-left:7px;color:var(--muted)}.product-price button{border:0;background:none;padding:10px 0;text-decoration:underline;text-underline-offset:6px}.story{display:grid;grid-template-columns:1fr 1fr;min-height:780px}.story-photo{position:relative;overflow:hidden;background:#b0cfe3}.story-photo img{width:100%;height:100%;object-fit:cover;object-position:74% center}.story-photo>span{position:absolute;bottom:55px;left:7%;font-family:Arial,sans-serif;font-size:92px;color:#fff;letter-spacing:-7px;font-weight:700;line-height:.9;text-shadow:0 1px 20px #15374720}.story-photo i{font-family:Georgia,serif;font-size:39px;letter-spacing:-2px;font-weight:400}.story-copy{position:relative;overflow:hidden;background:var(--orange);padding:80px 9%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.story-copy h2{font-size:clamp(32px,2.9vw,48px);line-height:1.4;letter-spacing:-.055em;font-weight:560;margin:22px 0 32px}.story-copy>p:not(.eyebrow){font-size:20px;line-height:1.8;margin-bottom:20px}.text-link{display:inline-flex;gap:30px;font-size:18px;border-bottom:1px solid var(--ink);padding:10px 0;line-height:1.5}.story-copy .text-link{margin-top:18px;position:relative;z-index:1}.story-flower{position:absolute;right:-60px;bottom:-77px;line-height:1;font-size:305px;color:#ffae7b;pointer-events:none}.routine{background:#fff}.routine-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:7%;align-items:center}.routine-image{aspect-ratio:1;position:relative}.routine-image-label{position:absolute;left:28px;bottom:26px;font-size:18px;font-weight:550;letter-spacing:.06em}.routine-steps{border-top:1px solid var(--line)}.routine-step{display:grid;grid-template-columns:42px 1fr 30px;gap:22px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;padding:35px 0}.step-number{font-size:20px;color:var(--muted);padding-top:4px}.routine-step strong{display:block;font-size:29px;line-height:1.35;font-weight:550;letter-spacing:-.05em}.step-description{display:none;font-size:19px;line-height:1.9;color:var(--muted);margin-top:22px;font-weight:400}.routine-step[aria-selected=true] .step-description{display:block}.step-arrow{font-size:28px}.routine-step[aria-selected=true] .step-number,.routine-step[aria-selected=true] .step-arrow{color:#b44412}.concept-note{font-size:18px;color:var(--muted);margin-top:30px;line-height:1.6}.big-statement{position:relative;background:var(--blue);padding:100px 4.5%;overflow:hidden;text-align:center}.big-statement>p{font-size:21px}.big-statement>div{position:relative;z-index:1;font-family:Arial,sans-serif;font-size:clamp(60px,7.5vw,125px);font-weight:550;letter-spacing:-.075em;line-height:1;margin:35px 0 42px}.big-statement>div>span{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.075em}.big-statement .button{position:relative;z-index:1}.statement-flower{position:absolute;right:1%;top:20%;font-size:400px;color:#f77235;line-height:1;opacity:.9;transform:rotate(14deg)}.faq{display:grid;grid-template-columns:1fr 1.45fr;gap:9%;background:var(--cream)}.faq h2{font-size:clamp(36px,3vw,51px);font-weight:550;letter-spacing:-.05em;line-height:1.3;margin:14px 0 26px}.faq>div>p:not(.eyebrow){font-size:19px;line-height:1.8;color:var(--muted)}.faq-list{border-top:1px solid var(--ink)}.faq details{border-bottom:1px solid var(--line);padding:0}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:25px;list-style:none;padding:28px 0;font-size:21px;line-height:1.5;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:25px}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:18px;color:var(--muted);line-height:1.85;padding:0 30px 28px 0}.faq details p a{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.footer{background:var(--blue);padding:65px 4.5% 28px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-top>p{font-size:28px;font-weight:500;line-height:1.6;letter-spacing:-.04em}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:20px 58px}.footer-top a{font-size:18px;line-height:1.6}.footer-wordmark{display:block;font-family:Arial,sans-serif;font-size:clamp(130px,26.4vw,470px);font-weight:600;line-height:.9;letter-spacing:-.075em;margin-top:75px;position:relative}.footer-wordmark>span{font-size:5vw;vertical-align:top;line-height:1.7;letter-spacing:0;margin-left:1vw}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #9ab7c6;padding-top:25px;margin-top:45px;line-height:1.6;font-size:18px}.footer-bottom p{max-width:560px;text-align:right}dialog{color:var(--ink);font-size:18px;border:0;padding:0;background:var(--cream);max-height:90svh}dialog::backdrop{background:#10293570;backdrop-filter:blur(5px)}dialog[open]{animation:dialog-enter .18s ease}body:has(dialog[open]){overflow:hidden}.product-dialog{width:min(1050px,92vw);max-width:none}.product-dialog[open]{display:grid;grid-template-columns:1fr 1fr}.close-button{border:0;background:none;font-size:35px;width:48px;height:48px;display:grid;place-items:center;line-height:1;padding:0;z-index:2}.product-dialog>.close-button{position:absolute;right:15px;top:13px;background:var(--cream);border-radius:50%}.dialog-product-photo{min-height:530px;background-size:300% 100%}.dialog-product-copy{padding:70px 45px 45px}.dialog-product-copy h2{font-size:38px;font-weight:550;letter-spacing:-.05em;margin:17px 0 20px}.dialog-product-copy>p:not(.eyebrow){line-height:1.8;font-size:18px}.dialog-product-copy dl{margin:30px 0}.dialog-product-copy dl>div{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line)}.dialog-product-copy dd{margin:0}.dialog-product-copy .button{width:100%;margin-bottom:20px}.dialog-notice{color:var(--muted)}.cart-dialog{margin:0 0 0 auto;width:min(600px,100%);height:100svh;max-height:100svh;padding:35px;max-width:none}.cart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.cart-heading h2{font-size:28px;font-weight:550;letter-spacing:-.04em}.cart-heading h2>span{font-size:22px;color:var(--muted);margin-left:8px}.cart-notice{font-size:18px;margin:18px 0 32px;line-height:1.7;color:var(--muted)}.cart-item{display:grid;grid-template-columns:95px 1fr 35px;gap:18px;border-top:1px solid var(--line);padding:22px 0}.cart-thumb{width:95px;height:95px}.cart-item h3{font-size:20px;font-weight:550;margin-bottom:9px}.cart-item p{font-size:18px}.quantity{display:flex;align-items:center;gap:0;margin-top:15px}.quantity button{border:1px solid var(--line);background:none;width:37px;height:36px}.quantity span{width:38px;text-align:center;font-size:18px}.remove-item{border:0;background:none;font-size:26px;padding:0;align-self:start}.cart-summary{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ink);padding:25px 0;margin-top:20px}.cart-summary strong{font-size:28px}.cart-dialog>.button{width:100%;margin-top:10px}.cart-footnote{font-size:18px;color:var(--muted);line-height:1.7;margin-top:18px}.cart-empty{text-align:center;padding:70px 10px;line-height:1.8;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);max-width:calc(100vw - 30px);background:var(--ink);color:#fff;padding:18px 25px;font-size:18px;line-height:1.5;opacity:0;transition:.2s;pointer-events:none;z-index:50;text-align:center}.toast.is-visible{opacity:1;transform:translate(-50%,0)}@keyframes dialog-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1750px){.hero-copy{padding-top:7.5%}.hero h1{font-size:89px}.hero-copy>p:not(.eyebrow){font-size:25px}.hero .button{font-size:20px}}
@media(max-width:1150px){.site-header{padding:0 4%;gap:20px}.site-header nav{gap:23px;margin-left:0}.wordmark{font-size:55px}.hero{min-height:610px;height:70svh}.hero-copy{max-width:500px;padding-top:9%}.hero h1{font-size:61px}.hero-copy>p:not(.eyebrow){font-size:21px}.brand-line{font-size:18px;gap:15px}.brand-line .spark{font-size:28px}.section{padding:85px 4%}.product-grid{gap:18px}.product-meta{display:block}.product-meta>span{display:block;margin-top:12px}.product-price{align-items:flex-end}.product-price>span{font-size:20px}.product-price small{display:block;margin-left:0;margin-top:5px}.story{min-height:680px}.story-copy{padding:65px 8%}.story-copy>p:not(.eyebrow){font-size:18px}.story-copy h2{font-size:32px}.story-photo>span{font-size:75px}.story-photo i{font-size:32px}.routine-layout{gap:5%;grid-template-columns:1fr 1.2fr}.routine-step{grid-template-columns:30px 1fr 24px;gap:12px;padding:27px 0}.routine-step strong{font-size:24px}.step-description{font-size:18px}.step-description br{display:none}.big-statement{padding:85px 4%}.statement-flower{font-size:300px;right:-60px;top:28%}.faq{gap:6%}.faq summary{font-size:19px}.footer-top>p{font-size:24px}.footer-top nav{gap:18px 28px}.footer-bottom{flex-direction:column;gap:10px}.footer-bottom p{text-align:left;max-width:none}}
@media(max-width:760px){.demo-strip{padding:9px 12px;font-size:18px;line-height:1.4}.demo-strip span{display:block}.site-header{height:90px;padding:0 20px}.wordmark{font-size:48px;letter-spacing:-4.5px}.wordmark span{top:2px}.site-header nav{display:none}.bag-button{font-size:18px;gap:7px}.bag-button svg{margin-left:3px}.hero{margin:0 14px;height:810px;max-height:none;min-height:0;display:flex;flex-direction:column;background:#d5eaf7}.hero-image{inset:auto 0 0;height:56%;object-position:65% center}.hero-copy{padding:36px 25px 0;max-width:none}.hero h1{font-size:clamp(42px,10vw,60px);line-height:1.14;margin:19px 0}.hero .eyebrow{font-size:18px}.hero-copy>p:not(.eyebrow){font-size:19px;line-height:1.6}.hero .button{margin-top:23px;padding:15px 19px;min-height:58px;gap:22px;background:var(--ink)}.hero-bottom{bottom:20px;left:25px;right:20px;color:var(--ink)}.hero-bottom>span{max-width:190px;line-height:1.5;font-size:18px}.hero-bottom>a{background:#f9f8f0d9;width:46px;height:46px}.brand-line{padding:23px 20px;font-size:18px;gap:15px;white-space:normal;justify-content:center}.brand-line>span:nth-last-child(-n+2){display:none}.brand-line .spark{font-size:28px}.section{padding:64px 20px}.section-head{display:block;margin-bottom:30px}.section-head h2{font-size:36px;margin-top:12px;line-height:1.25}.section-head>p{margin-top:22px;font-size:18px;line-height:1.65}.section-head>p br{display:none}.filters{gap:8px;margin-bottom:25px}.filters button{font-size:18px;padding:10px 17px}.product-grid{grid-template-columns:1fr;gap:40px}.product-meta{display:flex;gap:12px;padding-top:23px}.product-meta h3{font-size:25px}.product-meta>span{margin-top:0;white-space:nowrap}.product-meta p{font-size:18px}.product-price{align-items:center;margin-top:18px;padding-top:10px}.product-price small{display:inline-block;margin-left:7px;margin-top:0}.product-tag{top:20px;left:20px}.story{grid-template-columns:1fr;min-height:0}.story-photo{height:500px}.story-photo img{object-position:72% center}.story-photo>span{bottom:37px;font-size:77px;left:24px}.story-photo i{font-size:32px}.story-copy{padding:55px 24px 65px;min-height:580px}.story-copy h2{font-size:33px;line-height:1.4;letter-spacing:-.065em;margin-top:20px;margin-bottom:24px}.story-copy>p:not(.eyebrow){font-size:19px}.story-flower{font-size:250px;right:-75px;bottom:-60px}.routine-layout{grid-template-columns:1fr;gap:25px}.routine-image{aspect-ratio:1.12}.routine-step{padding:25px 0;grid-template-columns:29px 1fr 25px}.routine-step strong{font-size:24px}.step-description{line-height:1.8;margin-top:17px}.concept-note{font-size:18px;margin-top:25px}.big-statement{padding:65px 20px}.big-statement>p{font-size:18px}.big-statement>div{font-size:clamp(43px,11.7vw,77px);margin:32px 0 35px;line-height:1.04}.statement-flower{font-size:185px;top:auto;bottom:-65px;right:-60px}.big-statement .button{padding:17px 20px;gap:25px}.faq{grid-template-columns:1fr;gap:35px}.faq h2{font-size:36px;margin:14px 0 20px}.faq>div>p:not(.eyebrow){font-size:18px}.faq summary{font-size:20px;padding:24px 0;letter-spacing:-.02em}.faq details p{padding-right:4px}.footer{padding:46px 20px 25px}.footer-top{display:block}.footer-top>p{font-size:25px}.footer-top nav{margin-top:33px;grid-template-columns:1fr;gap:16px}.footer-wordmark{font-size:28.3vw;margin-top:50px;letter-spacing:-.075em}.footer-wordmark>span{font-size:5vw}.footer-bottom{margin-top:35px;padding-top:22px;font-size:18px;line-height:1.6;gap:14px}.product-dialog{width:calc(100% - 28px);max-height:90svh}.product-dialog[open]{display:block}.dialog-product-photo{height:330px;min-height:0;background-size:300% 100%}.dialog-product-copy{padding:30px 24px}.dialog-product-copy h2{font-size:31px}.dialog-product-copy dl{margin:22px 0}.dialog-product-copy .button{gap:12px;padding:17px}.cart-dialog{padding:25px 20px}.cart-heading h2{font-size:25px}.cart-item{grid-template-columns:75px 1fr 26px;gap:13px}.cart-thumb{width:75px;height:90px}.cart-item h3{font-size:20px}.toast{width:max-content;bottom:15px;padding:16px 18px}.dialog-product-copy .dialog-notice br{display:none}}
@media(max-width:390px){.hero-copy{padding-left:20px;padding-right:20px}.hero h1{font-size:42px}.hero{height:785px}.hero .button{font-size:18px;padding:15px 16px;gap:15px}.section-head h2,.faq h2{font-size:33px}.story-copy h2{font-size:30px}.brand-line{gap:13px;font-size:18px}.brand-line .spark{font-size:22px}.product-price small{margin-left:4px}.product-price>span{font-size:20px}.product-price button{font-size:18px}.filters button{padding:10px 14px}.step-description{font-size:18px}.routine-step strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Portfolio headline refinement · Noonnu · 2026-09-21 */
html:root body h1,html:root body h2{font-family:'RB SUITE',Arial,sans-serif;font-weight:650;letter-spacing:-.03em;line-height:1.28;font-synthesis:none;text-wrap:balance}
html:root body h2{font-weight:600}
html:root body :is(h1,h2) :is(em,i,strong){font-family:inherit;font-weight:inherit;letter-spacing:inherit}