@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');

:root{font-family:'DM Sans','Noto Sans KR',sans-serif;color:#27201c;background:#fffaf1;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #d75b22;outline-offset:5px;border-radius:4px}
.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;z-index:20;top:-60px;left:16px;padding:12px 18px;background:#27201c;color:white}
.skip-link:focus{top:12px}
.site-header{position:relative;z-index:2;border-bottom:1px solid rgba(39,32,28,.11);background:#fffaf1}
.header-inner,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.header-inner{min-height:84px}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:17px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}
.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:13px;background:#ffcf4f;color:#28211c;font-size:15px;font-weight:800;letter-spacing:-.13em;transform:rotate(-7deg)}
.brand-icon span{font-size:11px;margin:0 2px;color:#e46b39}
nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:700}
nav a:hover{color:#cc5c28}
.hero{overflow:hidden;background:#fffaf1}
.hero-grid{min-height:655px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:32px;padding-block:50px 34px}
.hero-copy{position:relative;z-index:1;padding-block:30px}
.eyebrow,.section-label{font-size:12px;font-weight:800;letter-spacing:.13em;color:#c45a2f}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 26px;letter-spacing:.06em}
.eyebrow-line{width:27px;height:2px;background:#c45a2f}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(48px,5.8vw,80px);line-height:1.2;letter-spacing:-.075em;font-weight:800;margin-bottom:28px;word-break:keep-all}
h1 em,.closing h2 em{font-style:normal;color:#dc7040}
.hero-description{max-width:485px;color:#665d55;font-size:17px;line-height:1.9;word-break:keep-all;margin-bottom:38px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:56px;padding:0 20px 0 24px;border-radius:15px;background:#29221d;color:#fff;font-size:14px;font-weight:700;box-shadow:0 9px 22px rgba(39,32,28,.14);transition:transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(39,32,28,.18)}
.button span{font-size:20px;font-weight:400}
.hero-art{position:relative;isolation:isolate;width:min(100%,490px);aspect-ratio:1;margin:auto}
.sunburst{position:absolute;inset:4%;border-radius:50%;background:#ffdf89;box-shadow:0 0 0 26px rgba(255,220,137,.24),0 0 0 58px rgba(255,220,137,.14)}
.hero-orbit{position:absolute;border:1px solid rgba(196,90,47,.3);border-radius:50%;transform:rotate(-18deg)}
.orbit-one{inset:0 9%}.orbit-two{inset:8% 0}
.smile-face{position:absolute;inset:17%;border-radius:50%;background:#ffc84d;box-shadow:inset -20px -25px 0 rgba(240,153,52,.19),0 24px 45px rgba(164,95,29,.19);transform:rotate(-12deg)}
.eye{position:absolute;top:38%;width:13px;height:23px;border-radius:50%;background:#302520}
.eye-left{left:32%}.eye-right{right:32%}
.smile{position:absolute;left:32%;top:48%;width:36%;height:25%;border:9px solid #302520;border-top:0;border-radius:0 0 100px 100px}
.art-spark{position:absolute;z-index:1;color:#ec8050;line-height:1}.spark-one{top:5%;right:2%;font-size:77px}.spark-two{bottom:12%;left:0;font-size:48px}
.art-caption{position:absolute;right:-2%;bottom:6%;font-size:11px;font-weight:800;line-height:1.5;letter-spacing:.13em;transform:rotate(-9deg)}
.hero-bottom{display:flex;justify-content:space-between;align-items:center;min-height:69px;border-top:1px solid rgba(39,32,28,.11);font-size:12px;color:#8d8074;letter-spacing:.03em}
.hero-bottom span:last-child{font-size:24px;color:#d77243}
.section{padding:130px 0}
.about{background:#fff}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}
.section-label{margin-bottom:29px}
.section-heading h2,.values h2,.closing h2{font-size:clamp(36px,4.3vw,58px);letter-spacing:-.07em;line-height:1.35;font-weight:800;word-break:keep-all}
.section-heading h2 span{color:#dd7644}
.about-content{padding-top:55px}
.about-symbol{display:grid;place-items:center;width:78px;height:78px;margin-bottom:35px;border-radius:25px;background:#ffe8a7;color:#d26235;font-size:50px;line-height:1;transform:rotate(-8deg)}
.about-content .lead{font-size:24px;line-height:1.65;font-weight:700;letter-spacing:-.035em;color:#30251d;word-break:keep-all;margin-bottom:20px}
.about-content p:last-child{font-size:16px;line-height:1.95;color:#766a5f;word-break:keep-all}
.values{background:#f8f3e9}
.values-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}
.values-heading h2{margin-bottom:0}
.values-heading>p{margin-bottom:7px;color:#746a61;font-size:15px;line-height:1.7}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.value-card{min-height:355px;padding:28px 29px 32px;border:1px solid #e9e0d4;border-radius:24px;background:#fffdf9;transition:transform .2s,box-shadow .2s}
.value-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(71,48,29,.08)}
.value-number{display:block;color:#b6a89a;font-size:12px;font-weight:800;letter-spacing:.1em}
.value-illustration{display:grid;place-items:center;width:90px;height:90px;margin:30px 0 28px;border-radius:28px;font-size:55px;line-height:1}
.heart{background:#ffe6dd;color:#ec815a;transform:rotate(-8deg)}.star{background:#fff1c2;color:#eba937;transform:rotate(8deg)}.circle{background:#e4eee1;color:#7caa77;transform:rotate(-6deg)}
.value-card h3{font-size:23px;letter-spacing:-.045em;margin-bottom:13px}
.value-card p{color:#766a5f;font-size:14px;line-height:1.85;word-break:keep-all;margin-bottom:0}
.closing{overflow:hidden;background:#f9d672;text-align:center;padding:108px 0 118px}
.closing-inner{position:relative}
.closing .section-label{color:#855023;margin-bottom:25px}
.closing h2{margin-bottom:22px}
.closing h2 em{color:#b85428}
.closing p:last-child{color:#674e32;font-size:16px;margin-bottom:0}
.closing-spark{position:absolute;left:5%;top:0;color:#e9993c;font-size:90px;line-height:1}
.site-footer{background:#fffaf1}
.footer-inner{min-height:130px}
.site-footer small{color:#9b8d80;font-size:12px}
@media(max-width:800px){.hero-grid{min-height:auto;grid-template-columns:1fr;padding-top:65px}.hero-copy{padding:0}.hero-art{width:min(82%,430px);margin:30px auto 55px}.about-grid{gap:30px}.about-content{padding-top:50px}.value-grid{grid-template-columns:1fr}.value-card{min-height:0}.value-illustration{margin:20px 0}.closing-spark{left:-4%;font-size:55px}}
@media(max-width:600px){.container{width:min(100% - 36px,1180px)}.header-inner{min-height:70px}.brand{font-size:14px}.brand-icon{width:35px;height:35px;font-size:12px}nav{gap:16px;font-size:12px}.hero-grid{padding-top:62px;gap:0}.eyebrow{font-size:10px;margin-bottom:22px}h1{font-size:clamp(41px,10.5vw,58px);margin-bottom:23px}.hero-description{font-size:15px;line-height:1.8;margin-bottom:29px}.hero-art{width:min(85%,360px);margin:45px auto 55px}.spark-one{font-size:54px}.spark-two{font-size:36px}.art-caption{font-size:8px}.smile{border-width:7px}.eye{width:9px;height:16px}.section{padding:84px 0}.about-grid{grid-template-columns:1fr;gap:0}.section-heading h2,.values h2,.closing h2{font-size:37px}.about-content{padding-top:16px}.about-symbol{width:65px;height:65px;font-size:41px;margin-bottom:27px}.about-content .lead{font-size:21px}.values-heading{display:block;margin-bottom:28px}.values-heading>p{margin:15px 0 0}.value-grid{gap:13px}.value-card{padding:24px}.value-card h3{font-size:21px}.closing{padding:86px 0 94px}.closing-spark{display:none}.footer-inner{min-height:145px;align-items:flex-start;justify-content:center;flex-direction:column;gap:15px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button,.value-card{transition:none}}