@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";:root{--ink:#263b32;--sage:#536a58;--paper:#faf9f5;--muted:#7c837b;--line:#e3e5dc}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Noto Sans KR,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible{outline:3px solid #b8a67b}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-2px;font-size:clamp(32px,4vw,54px);line-height:1.4}h1,h2{font-weight:500}h2{letter-spacing:-1px;font-size:30px}h3{font-size:19px;font-weight:500}em{color:#7c8971;font-style:normal}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;max-width:1320px;margin:auto;padding:27px 5%;display:flex}.brand{letter-spacing:-1.7px;font-family:Playfair Display,serif;font-size:34px;line-height:1}.brand span{letter-spacing:2px;margin-top:9px;font-family:DM Sans,Noto Sans KR,sans-serif;font-size:8px;font-weight:500;display:block}nav{align-items:center;gap:29px;font-size:13px;display:flex}nav a:hover{color:#98a383}.nav-login{border:1px solid #b9c1b2;border-radius:30px;padding:8px 20px}.username{font-size:12px}.hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:50px;max-width:1320px;min-height:590px;margin:auto;padding:55px 5% 60px;display:grid}.eyebrow{letter-spacing:2.4px;color:#7a846f;margin-bottom:25px;font-size:10px;font-weight:600}.hero h1{margin-bottom:24px;font-size:clamp(38px,4.2vw,62px);line-height:1.4}.lead{color:#7d837b;font-size:14px;line-height:2}.actions{gap:22px;margin:32px 0 45px;display:flex}.actions,.btn{align-items:center}.btn{background:var(--sage);color:#fff;border:0;border-radius:4px;justify-content:center;gap:30px;padding:14px 24px;font-size:13px;transition:background .2s;display:inline-flex}.btn:hover{background:#354f3d}.textlink{border-bottom:1px solid #b3b9aa;padding-bottom:4px;font-size:12px}.hero-note{color:#8c9187;align-items:center;gap:8px;font-size:10px;display:flex}.dot{background:#9ca28b;border-radius:50%;width:5px;height:5px}.hero-art{isolation:isolate;background:#e8e8db;border-radius:48% 48% 3px 3px;min-height:440px;position:relative;overflow:hidden}.art-label{letter-spacing:2px;z-index:2;font-size:10px;line-height:1.8;position:absolute;top:42px;left:35px}.art-label i{letter-spacing:0;font-family:Playfair Display;font-size:25px}.orb{background:linear-gradient(130deg,#cbd0b3,#9ba78c);border-radius:50%;width:330px;height:330px;bottom:-30px;right:-50px}.bottle,.orb{position:absolute}.bottle{background:linear-gradient(100deg,#ab8c5d99,#d8b975d9 45%,#ad8c55c9);border-radius:16px 16px 25px 25px;width:130px;height:205px;bottom:64px;left:32%;transform:rotate(-9deg);box-shadow:20px 25px 25px #58664d33,inset 8px 0 12px #fff4}.bottle-cap{background:linear-gradient(90deg,#665d48,#8d8165,#544b3c);border-radius:8px 8px 2px 2px;width:70px;height:58px;position:absolute;top:-48px;left:30px}.bottle-label{text-align:center;background:#f4efdfed;padding:15px 5px;font-family:Playfair Display;font-size:20px;position:absolute;top:67px;left:15px;right:15px}.bottle-label small{letter-spacing:1px;margin-top:8px;font-family:DM Sans;font-size:6px;display:block}.soap{background:linear-gradient(140deg,#e8d9bb,#c3b48e);border-radius:18px;width:120px;height:65px;position:absolute;bottom:46px;left:12%;transform:rotate(12deg);box-shadow:8px 15px 20px #5553}.art-caption{letter-spacing:1.6px;font-size:7px;position:absolute;bottom:15px;right:22px}.ribbon{color:#6e7d65;background:#e9ede3;justify-content:center;align-items:center;gap:55px;padding:20px;font-size:11px;display:flex}.ribbon b{font-size:21px;font-weight:400}.section{max-width:1200px;margin:auto;padding:75px 35px}.section-top{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.section-top h2{margin:0}.section-top .eyebrow{margin-bottom:12px}.cards{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.product-art{background:#dce2d3;border-radius:5px;justify-content:center;align-items:center;height:270px;display:flex;position:relative;overflow:hidden}.product-art.clay{background:#ecdcd2}.product-art.cream{background:#eee7d5}.product-art>span{background:#faf9f59e;border-radius:20px;padding:4px 10px;font-size:9px;position:absolute;top:18px;left:18px}.product-art>small{letter-spacing:2px;color:#64735c;font-size:7px;position:absolute;bottom:18px}.mini-bottle{background:linear-gradient(100deg,#b49d65,#d4bd86,#a98c57);border-radius:10px 10px 15px 15px;width:77px;height:123px;position:relative;transform:rotate(-8deg);box-shadow:17px 22px 22px #53644626}.mini-bottle i{background:#6a6250;border-radius:5px 5px 0 0;width:40px;height:30px;position:absolute;top:-25px;left:18px}.mini-bottle b{text-align:center;background:#f3eddb;padding:13px 0;font-family:Playfair Display;font-size:14px;font-weight:500;position:absolute;top:44px;left:7px;right:7px}.clay .mini-bottle{background:linear-gradient(110deg,#b4a082,#e2ceb0);border-radius:12px;width:100px;height:80px;transform:rotate(9deg)}.clay .mini-bottle i{background:#a18c72;width:100px;height:12px;top:-8px;left:0}.clay .mini-bottle b{top:20px}.cream .mini-bottle{background:linear-gradient(110deg,#b4a37c,#e7d9b1);transform:rotate(-4deg)}.card:hover .mini-bottle{transition:transform .3s;transform:rotate(0)}.card-info{padding:17px 2px}.card-info small{color:#7c866f;font-size:9px}.card-info h3{margin:6px 0 8px;font-size:16px}.card-info h3 span{float:right}.card-info p{color:#7c837b;margin:0;font-size:12px}.story{text-align:center;background:#e9ede3;padding:75px 25px}.story h2{font-size:37px;line-height:1.6}.story p:not(.eyebrow){color:#7a8273;font-size:13px;line-height:2}.light{color:#42533f;background:#faf9f5;border:1px solid #d1d8c9;margin-top:18px}.light:hover{color:#fff}footer{justify-content:space-between;align-items:end;gap:30px;max-width:1200px;margin:auto;padding:55px 35px;display:flex}footer p,footer small{color:#8b9086;margin:0;font-size:10px;line-height:1.9}footer .brand span{letter-spacing:0;font-size:9px}.page{min-height:65vh}.page h1{margin-bottom:18px;font-size:38px}.muted{color:var(--muted);font-size:13px}.search{max-width:440px;margin:15px 0 35px!important}.narrow{max-width:850px}.notice{border-top:1px solid var(--line);padding:28px 0}.notice small{color:#92978b;font-size:10px}.notice h2{margin:12px 0;font-size:22px}.description{white-space:pre-wrap;color:#687163;overflow-wrap:anywhere;font-size:14px;line-height:2}.detail{grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:70vh;display:grid}.detail .eyebrow{margin-top:32px}.large{height:450px}.large .mini-bottle{scale:1.6}.price{font-size:23px}.detail h1{font-size:36px}.detail .btn{margin-top:24px}.auth-page{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:1fr 1fr;max-width:1100px;min-height:530px;margin:65px auto;display:grid;overflow:hidden}.auth-art{background:#e6ebdf;padding:60px 45px;position:relative;overflow:hidden}.auth-art h1{font-size:48px}.auth-art>p:not(.eyebrow){color:#7a846f;font-size:12px}.auth-flower{color:#c3cdb6;font-size:240px;position:absolute;bottom:-120px;right:-35px}.auth-form{padding:55px}.auth-form h2{font-size:30px}.full{width:100%;margin-top:14px}.textbtn{color:var(--sage);background:0 0;border:0;padding:8px 10px;font-size:12px}.textbtn:hover{text-decoration:underline}label{color:#5e6b59;margin:16px 0;font-size:12px;display:block}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dce1d5;border-radius:4px;outline:0;margin-top:8px;padding:12px 14px;display:block}input:focus,select:focus,textarea:focus{border-color:#71846c;box-shadow:0 0 0 3px #e9ede3}.error{color:#a04437;background:#fbefec;padding:10px;font-size:12px}.panel{border:1px solid var(--line);background:#fff;border-radius:6px;margin:24px 0;padding:28px}.panel h2{font-size:22px}.answer{white-space:pre-wrap;background:#e9ede3;padding:15px;font-size:13px}.admin{grid-template-columns:245px 1fr;max-width:1320px;min-height:75vh;margin:auto;display:grid}.admin aside{border-right:1px solid var(--line);padding:40px 25px}.admin aside h2{margin-bottom:32px;font-size:22px}.admin aside button{text-align:left;color:#71816a;background:0 0;border:0;border-radius:5px;justify-content:space-between;width:100%;margin:5px 0;padding:13px 16px;font-size:13px;display:flex}.admin aside button.active{color:#354c33;background:#e4eadc}.admin aside .muted{margin-top:60px;font-size:11px}.admin-content{min-width:0;padding:45px}.admin-content h1{font-size:32px}.stats{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.stats>div{border:1px solid var(--line);background:#fff;border-radius:6px;padding:25px}.stats small{color:#818d76;font-size:12px}.stats strong{margin-top:12px;font-size:38px;font-weight:500;display:block}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.check{align-items:center;gap:9px;display:flex}.check input{width:auto;margin:0}.list-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:17px 0;display:flex}.list-row:last-child{border:0}.list-row strong{font-size:13px;font-weight:500}.list-row small{color:#8a9281;overflow-wrap:anywhere;margin-top:4px;font-size:11px;display:block}.badge{white-space:nowrap;background:#e8eedf;border-radius:20px;padding:4px 12px;font-size:10px}.status-message{color:#557444;min-height:20px;font-size:12px}.empty{text-align:center;color:#89907e;padding:50px}@media (width<=800px){.header{align-items:flex-start;padding:22px 6%}.brand{font-size:28px}nav{flex-wrap:wrap;justify-content:end;gap:12px;max-width:65%;font-size:11px}.username{display:none}.nav-login{padding:3px 10px}.hero{grid-template-columns:1fr;gap:30px;padding:45px 6%}.hero-art{min-height:350px}.hero h1{font-size:43px}.actions{gap:18px;margin-bottom:25px}.ribbon{flex-wrap:wrap;gap:20px;font-size:9px}.ribbon b{display:none}.section{padding:50px 6%}.cards{grid-template-columns:repeat(2,1fr);gap:18px}.product-art{height:230px}.section-top h2{font-size:24px}.section-top{align-items:start;gap:10px}.section-top .textlink{white-space:nowrap;font-size:10px}.story h2{font-size:29px}footer{flex-wrap:wrap;padding:40px 6%}.auth-page{grid-template-columns:1fr;margin:30px 6%}.auth-art{padding:30px}.auth-art h1{font-size:32px}.auth-flower{font-size:180px;bottom:-95px}.auth-form{padding:30px}.detail{grid-template-columns:1fr;gap:30px}.large{height:330px}.admin{grid-template-columns:1fr}.admin aside{border-right:0;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:20px;display:flex}.admin aside .eyebrow,.admin aside .muted,.admin aside h2{display:none}.admin aside button{width:auto;padding:7px 10px;font-size:11px}.admin aside span{display:none}.admin-content{padding:25px 6%}.stats{gap:10px}.stats>div{padding:15px}.stats strong{font-size:28px}.panel{padding:20px}}@media (width<=430px){.cards{grid-template-columns:1fr}.hero-art{min-height:330px}.form-grid{grid-template-columns:1fr;gap:0}}.template-wave{color:#e9ede3;background:#faf9f5;height:55px;overflow:hidden}.template-wave svg{width:100%;height:60px;display:block}.template-wave path{fill:#e9ede3}.art-label{top:60px;left:100px}.studio-brand{flex-shrink:0;align-items:center;gap:12px;display:inline-flex}.studio-brand img{-o-object-fit:contain;object-fit:contain;width:52px;height:52px}.studio-brand .brand-word{letter-spacing:-1px;margin:0;font-family:Playfair Display,serif;font-size:32px;font-weight:500;line-height:1}.studio-brand small{letter-spacing:1.8px;margin-top:9px;font-family:DM Sans,Noto Sans KR,sans-serif;font-size:8px;font-weight:500;display:block}.header nav{gap:23px}.header nav .router-link-active:not([href=\/]){color:var(--sage)}.studio-hero-photo{isolation:isolate;border-radius:140px 8px 8px;height:510px;position:relative;overflow:hidden}.studio-hero-photo>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 42%;object-position:center 42%;width:100%;height:100%;display:block}.studio-hero-photo:after{content:"";z-index:0;background:linear-gradient(#0000 40%,#192c1eb8);position:absolute;inset:0}.photo-caption{z-index:1;color:#fff;position:absolute;bottom:42px;left:34px}.photo-caption>span,.photo-index{letter-spacing:2px;font-size:9px}.photo-caption p{margin-top:12px;font-size:23px;font-weight:500;line-height:1.6}.photo-index{color:#fff;z-index:1;writing-mode:vertical-rl;text-shadow:0 1px 5px #333;position:absolute;top:28px;right:24px}.studio-preview{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.preview-photo{border-radius:8px 8px 100px;height:540px;overflow:hidden}.preview-photo img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.preview-copy h2{margin-bottom:24px;font-size:38px;line-height:1.5}.preview-copy>.lead{margin:0 0 16px}.preview-copy>.textlink{margin-top:8px;display:inline-block}.visit-note{border-top:1px solid var(--line);color:#737c70;margin-top:30px;padding-top:24px;font-size:12px;line-height:1.9}.visit-note strong{color:var(--sage);margin-bottom:6px;font-size:13px;display:block}.visit-note p{margin:3px 0}.visit-note a{color:var(--sage);margin-top:10px;display:inline-block}.studio-footer{padding:55px max(5%,50vw - 594px) 25px;display:block}.footer-top{justify-content:space-between;gap:50px;display:flex}.footer-top p{color:#737c70;margin-top:20px;font-size:12px;line-height:2}.footer-top h3{letter-spacing:2px;margin:8px 0 20px;font-size:10px}.footer-links{color:var(--sage);flex-wrap:wrap;gap:22px;margin-top:20px;font-size:12px;display:flex}.footer-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:36px;padding-top:22px;display:flex}.footer-bottom p,.footer-bottom small{color:#7c8379;margin:0;font-size:10px;line-height:1.8}.about-intro{padding-bottom:0}.about-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px;display:flex}.about-heading h1{margin:0;font-size:clamp(32px,4vw,54px);line-height:1.45}.about-heading .lead{max-width:370px}.about-wide{border-radius:6px;height:460px;position:relative;overflow:hidden}.about-wide img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 42%;object-position:center 42%;width:100%;height:100%;display:block}.about-wide span{color:#fff;letter-spacing:3px;text-shadow:0 2px 6px #222;font-size:10px;position:absolute;bottom:26px;left:30px}.about-values{grid-template-columns:1fr 1fr;gap:80px;display:grid}.about-values h2{font-size:34px;line-height:1.6}.about-values .lead{margin-bottom:18px}.about-values .textlink{margin-top:10px;display:inline-block}.gallery-section{background:#eff1ea}.studio-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;display:grid}.studio-gallery figure{min-width:0;margin:0}.studio-gallery img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:5px;width:100%;height:auto;display:block}.studio-gallery figcaption{color:#66735f;gap:13px;margin-top:14px;font-size:12px;line-height:1.7;display:flex}.studio-gallery figcaption span{color:#8e9885;letter-spacing:1px;padding-top:2px;font-size:10px}.visit-section{scroll-margin-top:110px}.visit-layout{grid-template-columns:1.2fr 1fr;align-items:start;gap:55px;display:grid}.studio-map{background:#e8ece1;border:0;border-radius:6px;width:100%;height:440px}.visit-details dl{margin:0 0 25px}.visit-details dl>div{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr;gap:15px;padding:18px 0;font-size:13px;line-height:1.9;display:grid}.visit-details dl>div:first-child{padding-top:0}.visit-details dt{color:var(--sage);font-weight:600}.visit-details dd{color:#737c70;margin:0}.visit-details dd span{font-size:12px}.contact-studio-info{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#737c70;margin:30px 0;padding:22px 0;font-size:13px;line-height:2}.contact-studio-info strong{color:var(--sage)}.contact-studio-info>div{flex-wrap:wrap;gap:24px;margin-top:12px;display:flex}a:focus-visible,button:focus-visible{outline:2px solid var(--sage);outline-offset:5px}@media (width<=1000px){.header{height:auto;min-height:90px;padding-top:18px;padding-bottom:18px}.header,.header nav{flex-wrap:wrap;gap:18px}.about-values,.studio-preview{gap:35px}.visit-layout{gap:30px}.studio-brand .brand-word{font-size:28px}}@media (width<=700px){.header{gap:18px;padding:16px 6%}.header nav{justify-content:flex-start;gap:12px 19px;width:100%;font-size:12px}.studio-brand img{width:43px;height:43px}.studio-brand .brand-word{font-size:27px}.studio-brand small{margin-top:7px;font-size:7px}.studio-hero-photo{border-top-left-radius:95px;height:390px}.photo-caption{bottom:26px;left:25px}.photo-caption p{font-size:21px}.about-values,.studio-preview,.visit-layout{grid-template-columns:1fr;gap:30px}.preview-photo{height:360px}.about-values h2,.preview-copy h2{font-size:30px}.about-heading{margin-bottom:28px;display:block}.about-heading .lead{margin-top:22px}.about-wide{height:340px}.studio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.studio-gallery figcaption{gap:7px;font-size:11px}.gallery-section .section-top,.visit-section .section-top{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.studio-map{height:300px}.visit-details dl>div{grid-template-columns:80px 1fr;gap:12px}.footer-bottom,.footer-top{flex-direction:column;align-items:flex-start;gap:28px}.studio-footer{padding:40px 6% 24px}.footer-top p{margin-top:13px}.footer-links{gap:18px}.footer-bottom{gap:10px;margin-top:28px}}.lead{word-break:keep-all;overflow-wrap:break-word}@media (width<=700px){.header nav{gap:12px 14px}.header .nav-login{padding:6px 10px;font-size:11px}}.product-image-field{border:1px solid var(--line);background:#f7f8f3;border-radius:6px;margin:24px 0;padding:22px}.product-image-field>label{margin-bottom:8px;font-weight:600}.product-image-field>.muted{margin:0 0 15px;font-size:12px;line-height:1.8}.product-image-field input[type=file]{border:1px solid var(--line);background:#fff;width:100%;max-width:100%;padding:10px;font-size:12px}.product-image-field input::file-selector-button{background:var(--sage);color:#fff;cursor:pointer;border:0;border-radius:4px;margin-right:12px;padding:10px 15px}.image-preview{align-items:center;gap:20px;margin-top:18px;display:flex}.image-preview img{-o-object-fit:contain;object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:5px;width:140px;height:140px}.image-preview>div{min-width:0}.image-preview strong{overflow-wrap:anywhere;font-size:13px;display:block}.image-empty,.image-preview p{color:#737c70;margin:10px 0;font-size:12px;line-height:1.8}.image-preview .textbtn{margin-top:8px;text-decoration:underline}.product-photo{-o-object-fit:cover;object-fit:cover;display:block}.detail-photo,.product-photo{aspect-ratio:1;background:#eff1ea;width:100%;height:auto}.detail-photo{-o-object-fit:contain;object-fit:contain;border-radius:6px}.admin-product-summary{align-items:center;gap:14px;min-width:0;display:flex}.admin-product-summary>div{min-width:0}.admin-product-thumb{-o-object-fit:cover;object-fit:cover;border-radius:5px;flex-shrink:0;width:60px;height:60px}.admin-product-summary strong{overflow-wrap:anywhere}@media (width<=600px){.product-image-field{padding:15px}.image-preview{align-items:flex-start;gap:14px}.image-preview img{width:100px;height:100px}.admin-product-thumb{width:44px;height:44px}}