.logo{display:inline-flex;flex-direction:column;gap:6px;flex-shrink:0}.logo__lockup{display:inline-flex;align-items:flex-end;gap:10px}.logo__mark{width:46px;height:46px;flex-shrink:0;background:url(/images/logo/logo.png) center / contain no-repeat}.logo--sm .logo__mark{width:42px;height:42px}.logo__words{display:flex;flex-direction:column;line-height:1.08}.logo__ko,.logo__en{white-space:nowrap}.logo__ko{font-family:var(--font-serif);font-weight:700;font-size:clamp(18px,1.7vw,23px);color:var(--color-wordmark);letter-spacing:-.01em}.logo--sm .logo__ko{font-size:18px}.logo__en{font-family:var(--font-sans);font-weight:500;font-size:clamp(10px,1.05vw,13px);letter-spacing:.3em;color:var(--color-wordmark);margin-top:3px}.logo--sm .logo__en{font-size:10.5px;letter-spacing:.3em}.logo__tree{width:66px;height:47px;flex-shrink:0;margin-left:4px;background:url(/images/logo/tree-logo.webp) center bottom / contain no-repeat;align-self:flex-end;transform:translateY(-2px)}.logo--sm .logo__tree{width:60px;height:43px}.toaster{position:fixed;left:50%;bottom:32px;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--color-primary);color:var(--color-primary-foreground);padding:12px 22px;border-radius:var(--radius-pill);font-size:14px;box-shadow:0 8px 24px #0003;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.header{position:sticky;top:0;z-index:50;background:transparent;transition:background-color var(--ease),box-shadow var(--ease),backdrop-filter var(--ease)}.header--scrolled{background:color-mix(in srgb,var(--color-bg-top) 90%,transparent);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);box-shadow:0 6px 20px #503c1e14}.header__inner{display:flex;align-items:flex-start;gap:clamp(16px,2vw,40px);width:min(100% - 168px,1440px);margin-inline:auto;padding-top:22px;padding-bottom:18px}@media (max-width: 1080px){.header__inner{width:min(100% - (var(--page-gutter) * 2),1440px)}}.header__nav{display:flex;align-items:center;gap:clamp(14px,1.9vw,34px);margin-inline:auto}.nav-item{position:relative;font-family:var(--font-sans);font-size:clamp(15px,1.15vw,17px);font-weight:500;color:var(--color-text-secondary);padding:6px 2px;white-space:nowrap;transition:color var(--ease)}.nav-item:hover,.nav-item--active{color:var(--color-primary)}.nav-item--active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:3px;border-radius:2px;background:var(--color-primary)}.header__actions{display:flex;align-items:center;gap:clamp(10px,1.2vw,18px)}.header__login{font-family:var(--font-sans);font-weight:500;font-size:clamp(16px,1.2vw,18px);color:var(--color-primary-foreground);background:var(--color-primary);padding:7px 15px;border-radius:6px;transition:background-color var(--ease);white-space:nowrap}.header__login:hover{background:var(--color-primary-hover)}.header__account{display:flex;align-items:center;gap:10px}.header__username{font-size:clamp(13px,1vw,15px);font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.header__username:hover{color:var(--color-primary);text-decoration:underline;text-underline-offset:4px}.header__logout{font-family:var(--font-sans);font-weight:500;font-size:clamp(13px,1vw,15px);color:var(--color-primary-foreground);background:var(--color-primary);padding:7px 15px;border-radius:6px;transition:background-color var(--ease);white-space:nowrap}.header__logout:hover{background:var(--color-primary-hover)}.lang{position:relative}.lang__toggle{display:inline-flex;align-items:center;gap:5px;font-size:clamp(14px,1.05vw,16px);font-weight:400;color:var(--color-text-secondary)}.lang__caret{font-size:11px;margin-top:-2px}.lang__menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--color-border-soft);border-radius:6px;box-shadow:var(--shadow-panel);overflow:hidden;min-width:120px}.lang__option{display:block;width:100%;text-align:left;padding:10px 14px;font-size:14px;color:var(--color-text-secondary)}.lang__option:hover{background:var(--color-surface-soft)}.lang__option--active{color:var(--color-primary);font-weight:500}.support-menu{position:relative}.support-menu__panel{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(-6px);background:var(--color-primary);border-radius:8px;padding:8px 6px;min-width:156px;box-shadow:var(--shadow-panel);display:grid;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:40}.support-menu__panel:before{content:"";position:absolute;top:-16px;left:0;right:0;height:18px}.support-menu__panel--open{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.support-menu__item{text-align:center;color:var(--color-primary-foreground);font-size:15px;padding:11px 16px;border-radius:5px;transition:background-color var(--ease)}.support-menu__item:hover{background:var(--color-primary-hover)}.header__burger{display:none;flex-direction:column;gap:5px;width:34px;height:34px;align-items:center;justify-content:center}.header__burger span{width:22px;height:2px;background:var(--color-text-secondary);border-radius:2px}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;visibility:hidden;overflow:hidden}.drawer--open{visibility:visible}.drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e1a1666;opacity:0;transition:opacity var(--ease)}.drawer--open .drawer__backdrop{opacity:1}.drawer__panel{position:absolute;top:0;right:0;bottom:0;height:auto;width:min(82vw,320px);background:var(--color-background);box-shadow:-8px 0 30px #00000026;transform:translate(100%);transition:transform .22s ease;padding:84px 22px 24px;overflow-y:auto}.drawer--open .drawer__panel{transform:translate(0)}.drawer__link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 4px;font-size:17px;font-weight:500;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-soft)}.drawer__link--login{color:var(--color-primary);font-weight:700}.drawer__accordion{text-align:left}.drawer__chev{transition:transform var(--ease);color:var(--color-text-muted)}.drawer__chev--open{transform:rotate(90deg)}.drawer__sub{display:grid;padding:4px 0 8px 12px}.drawer__sublink{text-align:left;padding:10px 4px;font-size:15px;color:var(--color-text-muted)}@media (max-width: 1080px){.header__nav,.header__login,.header__account,.lang{display:none}.header__burger{display:flex}.header__inner{justify-content:space-between}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#1e1a1673;display:grid;place-items:center;padding:clamp(16px,4vw,48px);animation:modal-fade .16s ease}@keyframes modal-fade{0%{opacity:0}}.modal__dialog{position:relative;background:#fff;border-radius:6px;width:min(100%,640px);max-height:min(82vh,760px);display:flex;flex-direction:column;box-shadow:0 24px 60px #00000038;overflow:hidden}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid #ece7df}.modal__title{font-family:var(--font-serif);font-size:clamp(17px,2vw,21px);font-weight:700;color:#2a2a26}.modal__close{font-size:16px;color:#8a8377;width:32px;height:32px;border-radius:4px}.modal__close:hover{background:#f3efe8;color:#3a3a34}.modal__body{padding:22px 26px 28px;overflow-y:auto;color:#43423c;font-size:14.5px;line-height:1.85}.modal__body p{margin-bottom:14px}.modal__body p:last-child{margin-bottom:0}.modal__nav{position:absolute;top:50%;transform:translateY(-50%);font-size:30px;color:#b7b0a5;width:40px;height:40px;z-index:2}.modal__nav:hover{color:#7d766b}.modal__nav--prev{left:-4px}.modal__nav--next{right:-4px}@media (max-width: 600px){.modal{padding:0;place-items:end stretch}.modal__dialog{width:100%;max-height:92vh;border-radius:12px 12px 0 0}.modal__nav{display:none}}.footer{margin-top:clamp(60px,8vw,120px);background:color-mix(in srgb,var(--color-surface-soft) 42%,var(--color-background));border-top:1px solid var(--color-border-soft)}.footer__inner{padding-block:clamp(32px,4vw,52px)}.footer__top{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--color-border-soft)}.footer__menu{display:flex;flex-wrap:wrap;gap:clamp(14px,1.8vw,30px)}.footer__menu-link{font-size:clamp(14px,1.1vw,16px);font-weight:500;color:var(--color-text-secondary)}.footer__menu-link:hover{color:var(--color-primary)}.footer__policies{display:flex;align-items:center;gap:14px}.footer__policy{position:relative;font-size:clamp(12px,1vw,14px);color:var(--color-text-muted);padding:2px 0}.footer__policy:not(:first-child):before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:1px;height:11px;background:var(--color-border-soft)}.footer__policy:hover{color:var(--color-text-secondary)}.sitemap{position:relative}.sitemap__panel{position:absolute;bottom:calc(100% + 12px);right:0;min-width:170px;background:var(--color-surface-soft);border:1px solid var(--color-border-soft);border-radius:8px;padding:6px;display:grid;box-shadow:var(--shadow-panel);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity var(--ease),transform var(--ease)}.sitemap__panel--open{opacity:1;transform:translateY(0);pointer-events:auto}.sitemap__link{padding:9px 12px;font-size:14px;color:var(--color-text-secondary);border-radius:5px}.sitemap__link:hover{background:color-mix(in srgb,var(--color-border-accent) 22%,transparent);color:var(--color-primary)}.footer__main{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(18px,3vw,44px);align-items:center;padding-block:26px}.footer__info{font-style:normal;color:var(--color-text-muted);font-size:clamp(12px,1vw,14px);line-height:1.9;display:grid;gap:2px}.footer__info p{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.footer__info i{color:var(--color-text-muted);font-style:normal}.footer__social{display:flex;gap:12px}.social{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--color-text-muted);color:var(--color-wordmark);background:transparent;transition:color var(--ease),background-color var(--ease),border-color var(--ease);overflow:hidden}.social__default,.social__hover{grid-area:1 / 1;display:grid;place-items:center;transition:opacity var(--ease)}.social__hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.social__hover svg{display:block;width:100%;height:100%}.social:hover,.social:focus-visible{border-color:transparent}.social:hover .social__default,.social:focus-visible .social__default{opacity:0}.social:hover .social__hover,.social:focus-visible .social__hover{opacity:1}.social:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000038;opacity:0;transition:opacity .12s ease}.social:active:after{opacity:1}.footer__copyright{color:var(--color-text-muted);font-size:clamp(11px,.95vw,13px);text-align:right;padding-top:8px}.footer__font-license{color:var(--color-text-muted);font-size:11px;line-height:1.6;padding-top:12px;border-top:1px solid var(--color-border-soft);margin-top:14px}@media (max-width: 860px){.footer__main{grid-template-columns:1fr;gap:18px;text-align:left}.footer__top{flex-direction:column;align-items:flex-start}.footer__copyright{text-align:left}.footer__policies{flex-wrap:wrap;row-gap:10px}}.img-ph{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;min-height:48px;background:#111112;color:#efe9df;border-radius:4px;padding:10px;text-align:center;overflow:hidden}.img-ph__label{font-size:clamp(11px,1.1vw,14px);font-weight:500;line-height:1.35;color:#f2ede4;word-break:keep-all}.img-ph__tag{font-size:10px;letter-spacing:.1em;color:#111112;background:#d9cbb5;padding:2px 8px;border-radius:999px;white-space:nowrap}.home-tagline{position:relative;z-index:70;display:flex;align-items:center;gap:clamp(12px,1.4vw,20px);padding-top:clamp(6px,1vw,12px);padding-bottom:clamp(2px,.6vw,6px);font-size:clamp(13px,1.2vw,16px);color:var(--color-wordmark);font-weight:500;letter-spacing:.02em;text-shadow:0 1px 0 var(--color-bg-top),0 0 6px var(--color-bg-top)}.home-tagline:before{content:"";flex:none;width:clamp(44px,4.4vw,84px);height:1.5px;background:currentColor}.home>section{padding-block:clamp(48px,7vw,96px)}.hero{position:relative;padding-top:clamp(28px,4vw,56px)!important;padding-bottom:clamp(14px,1.8vw,30px)!important;overflow-x:clip;--tri-w: clamp(48px, 4.4vw, 74px);--tri-gap: clamp(6px, 1.6vw, 28px);--tri-edge: calc((100vw - min(100vw - 168px, 1440px)) / 2 - var(--tri-gap) - var(--tri-w));--zodiac-edge: calc((100vw - min(100vw - 40px, 1600px))/2) ;--tri-rot-shift: calc(var(--tri-w) * .154);--band-gap: clamp(30px, 3.6vw, 56px)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.hero__tri{position:absolute;width:var(--tri-w);height:auto;fill:var(--color-sejong-ink);opacity:.26;pointer-events:none;z-index:0}.hero__tri--tl{top:-101px;left:var(--tri-edge)}.hero__tri--tr{top:-101px;right:calc(var(--tri-edge) - var(--tri-rot-shift));transform:rotate(90deg)}.hero__ztri{top:0}.hero__ztri--l{left:calc(var(--tri-edge) - var(--zodiac-edge) - var(--tri-rot-shift));transform:translateY(calc(-100% - 15px)) rotate(90deg)}.hero__ztri--r{right:calc(var(--tri-edge) - var(--zodiac-edge));transform:translateY(calc(-100% - 4px))}@media (max-width: 1080px){.hero__tri--tl,.hero__tri--tr{display:none}}.hero__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center;position:relative;z-index:0}.hero__inner:before,.hero__inner:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:100vw;bottom:calc(-1 * var(--band-gap));pointer-events:none}.hero__inner:before{z-index:-3;top:-200px;background:url(/images/background/main-bg-letter.webp) center top / 40% auto repeat;opacity:.1}.hero__inner:after{z-index:-2;top:calc(-125px - clamp(28px,4vw,56px));background:url(/images/background/main-bg-shade.webp) center top / 100% auto no-repeat;opacity:.55}.hero__sejong{--sejong-w: clamp(320px, 38vw, 600px);position:absolute;z-index:-1;bottom:calc(-1 * (var(--band-gap) + var(--sejong-w) * .092));left:37%;transform:translate(-50%);width:var(--sejong-w);aspect-ratio:1560 / 1122;background:url(/images/background/sejong.webp) center bottom / contain no-repeat;opacity:.5;pointer-events:none}.hero__eyebrow{margin-top:-92px;font-family:var(--font-serif);font-weight:600;font-size:clamp(21px,2.4vw,33px);margin-bottom:16px;color:var(--color-wordmark);-webkit-text-fill-color:var(--color-wordmark);-webkit-text-stroke:0;text-stroke:0}.hero__title{font-family:var(--font-serif);font-weight:700;color:var(--color-title-accent);font-size:clamp(25px,3.5vw,47px);line-height:1.42;letter-spacing:-.015em;word-break:keep-all}.hero__lead{margin-top:clamp(14px,1.6vw,22px);font-family:var(--font-sans);font-size:clamp(14px,1.3vw,18px);color:var(--color-text-secondary)}.hero__patent{margin-top:3px;font-family:var(--font-sans);font-size:clamp(14px,1.3vw,18px);color:var(--color-text-secondary)}.hero__stage{position:relative;min-height:320px}.hero__cards{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:flex-end;gap:clamp(14px,2.2vw,30px);padding-top:clamp(20px,4vw,48px);transform:translateY(-28px)}.hero__card-float{min-width:0;display:block;padding:0;border:0;background:transparent;border-radius:var(--radius-card-preview);perspective:1200px;filter:drop-shadow(0 20px 18px rgb(74 58 38 / 28%));cursor:pointer;animation:card-slide-in .5s cubic-bezier(.2,.72,.2,1)}.hero__card-float--landscape{width:clamp(230px,28vw,385px);aspect-ratio:982 / 650}.hero__card-float--portrait{width:clamp(140px,16.5vw,225px);aspect-ratio:650 / 982}.hero__card-flip{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:var(--radius-card-preview);transform:rotateY(0);transition:transform .25s cubic-bezier(.35,0,.65,1);will-change:transform}.hero__card-flip--out{transform:rotateY(90deg)}.hero__card-flip--swap{transform:rotateY(-90deg);transition:none}.hero__card-face{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-card-preview)}.hero__card-float:focus-visible{outline:3px solid var(--color-primary);outline-offset:7px}@keyframes card-slide-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}.hero__zodiac{margin-top:0;padding-block:clamp(16px,2.4vw,34px);position:relative;z-index:0}.hero__zodiac:before{content:"";position:absolute;z-index:-1;left:50%;transform:translate(-50%);width:100vw;top:clamp(30px,3.6vw,56px);bottom:clamp(30px,3.6vw,56px);background:var(--color-warm-beige)}.hero__zodiac-inner{position:relative;width:min(100% - (var(--page-gutter) * 2),1600px);margin-inline:auto}.hero__zodiac-label{font-family:var(--font-sans);font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--color-icon-accent);white-space:nowrap}.hero__zodiac-label--top{text-align:right;font-size:clamp(14px,1.7vw,26px);margin-bottom:clamp(6px,1vw,14px)}.hero__zodiac-label--bottom{text-align:left;font-size:clamp(14px,1.7vw,26px);margin-top:clamp(6px,1vw,14px)}.hero__zodiac-row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}.hero__zodiac-item{flex:0 0 6.2%}.hero__zodiac-btn{display:block;width:100%;padding:0;border-radius:8px;transition:transform var(--ease)}.hero__zodiac-btn[aria-pressed=true]{transform:scale(1.08)}.hero__zodiac-btn[aria-pressed=true] img{filter:drop-shadow(1px 0 0 var(--color-art-outline)) drop-shadow(-1px 0 0 var(--color-art-outline)) drop-shadow(0 1px 0 var(--color-art-outline)) drop-shadow(0 -1px 0 var(--color-art-outline)) drop-shadow(1px 1px 0 var(--color-art-outline)) drop-shadow(-1px 1px 0 var(--color-art-outline)) drop-shadow(1px -1px 0 var(--color-art-outline)) drop-shadow(-1px -1px 0 var(--color-art-outline))}.hero__zodiac-btn img,.hero__zodiac-btn>span{width:100%!important;height:auto!important;aspect-ratio:1 / 1;object-fit:contain;transition:filter var(--ease)}.main-designs{padding-top:clamp(24px,3vw,44px)!important}.main-designs__head{text-align:center;margin-bottom:clamp(24px,3.4vw,42px)}.main-designs__title{font-family:var(--font-serif);font-weight:700;color:var(--color-text-title);font-size:clamp(22px,2.6vw,32px)}.main-designs__all{display:inline-flex;align-items:center;gap:7px;margin-top:3px;color:var(--color-primary);font-size:17px;font-weight:500}.main-designs__arrow{display:inline-flex;font-family:var(--font-sans);font-size:18px;line-height:1;transition:transform var(--ease)}.main-designs__all:hover .main-designs__arrow{transform:translate(4px)}.main-designs__grid{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(20px,3vw,48px);align-items:start}.main-designs__divider{width:1px;align-self:stretch;background:var(--color-border-soft)}.design-group{display:grid;justify-items:center;row-gap:20px}.design-group__label{font-family:var(--font-serif);font-weight:600;color:var(--color-text-title);font-size:clamp(17px,1.8vw,22px)}.design-group__card{filter:drop-shadow(0 10px 18px rgb(80 70 55 / 16%));border-radius:var(--radius-card-preview);animation:card-slide-in .5s cubic-bezier(.2,.72,.2,1)}.design-group__card--landscape{width:min(100%,420px)}.design-group__card--portrait{width:min(100%,232px)}.design-group__img{width:100%;height:auto;display:block;border-radius:var(--radius-card-preview);box-shadow:var(--shadow-card)}.design-group__card-button{display:block;width:100%;padding:0;border:0;border-radius:var(--radius-card-preview);background:transparent;perspective:1200px;cursor:pointer}.design-group__card-button:focus-visible{outline:3px solid var(--color-primary);outline-offset:6px}.design-group__flip{display:block;width:100%;transform:rotateY(0);transition:transform .25s cubic-bezier(.35,0,.65,1);will-change:transform}.design-group__flip--out{transform:rotateY(90deg)}.design-group__flip--swap{transform:rotateY(-90deg);transition:none}.design-group__buttons{display:flex;flex-wrap:nowrap;justify-content:center;gap:10px;margin-top:10px}.design-chip{min-width:148px;font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--color-button-navy);text-align:center;white-space:nowrap;border:2px solid var(--color-button-navy);border-radius:6px;padding:11px 22px;background:var(--color-warm-beige);transition:background-color var(--ease),color var(--ease),border-color var(--ease)}.design-chip:hover,.design-chip:focus-visible{background:var(--color-button-navy);color:var(--color-primary-foreground);border-color:var(--color-button-navy)}@media (max-width: 860px){.main-designs__grid{grid-template-columns:1fr}.main-designs__divider{width:auto;height:1px}.design-group__buttons{flex-wrap:wrap}}.service-core__title{margin:18px 0 16px;font-size:clamp(17px,2.1vw,30px);white-space:nowrap}.service-core__lead{color:var(--color-text-muted);font-size:clamp(17px,1.55vw,21px);max-width:none;white-space:nowrap}.service-core>.eyebrow{color:var(--color-text-secondary)}.service-core__windows{margin-top:clamp(30px,4vw,52px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,44px)}.window{--door-duration: 2s;position:relative;display:block;width:100%;aspect-ratio:2048 / 1165;border:0;border-radius:6px;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:var(--shadow-card);perspective:900px;transform-style:preserve-3d}.window--names{background-image:url(/images/common/hanok-window-names-bg.webp)}.window--principles{background-image:url(/images/common/hanok-window-principles-bg.webp)}.window__name-scroll{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;padding-inline:clamp(14px,2vw,28px);background:transparent;pointer-events:none}.window__name-track{display:flex;flex-direction:column;width:100%;animation:name-results-scroll 400s linear infinite;will-change:transform}.window__name-group{display:flex;flex:none;flex-direction:column}.window__name-row{display:flex;flex:none;align-items:baseline;gap:clamp(7px,1vw,14px);height:clamp(24px,2.15vw,31px);color:var(--color-text-title);font-size:clamp(10px,.82vw,13px);font-weight:500;line-height:1;text-shadow:0 1px 1px var(--color-background),0 0 4px var(--color-background),0 0 7px var(--color-background);white-space:nowrap}.window__name-row b{flex:none;color:var(--color-text-title);font-size:1.2em}.window__name-row i,.window__name-row em{flex:none;color:var(--color-brown);font-style:normal}.window__name-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis}@keyframes name-results-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (prefers-reduced-motion: reduce){.window__name-track{animation-duration:400s!important;animation-iteration-count:infinite!important}}.window__label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:2;font-family:var(--font-serif);font-weight:700;font-size:clamp(18px,2.2vw,30px);color:var(--color-text-title);padding:20px;text-align:center;text-shadow:0 1px 0 rgb(255 255 255 / 70%);pointer-events:none;transition:opacity var(--ease)}.window__shutter{position:absolute;top:0;bottom:0;width:50%;z-index:1;opacity:1;border:0;background-image:url(/images/common/hanok-window.webp);background-repeat:no-repeat;background-size:200% 100%;backface-visibility:hidden;transform-style:preserve-3d;transition:transform var(--door-duration) cubic-bezier(.4,0,.2,1),box-shadow var(--door-duration) cubic-bezier(.4,0,.2,1);will-change:transform}.window__shutter--left{left:0;transform-origin:left center;background-position:left center;box-shadow:inset -10px 0 16px #5a3c1914,2px 0 #5d3e1f33}.window__shutter--right{right:0;transform-origin:right center;background-position:right center;box-shadow:inset 10px 0 16px #5a3c1914,-2px 0 #5d3e1f33}.window.is-open .window__shutter--left{transform:rotateY(90deg);box-shadow:inset -18px 0 24px #3724143d,8px 2px 16px #412a1429}.window.is-open .window__shutter--right{transform:rotateY(-90deg);box-shadow:inset 18px 0 24px #3724143d,-8px 2px 16px #412a1429}.window.has-opened .window__label{opacity:0}.window.has-opened .window__shutter{display:none}.merch__top{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}.merch__gallery{width:100%;display:flex;justify-content:center}.merch__gallery-img{width:100%;max-width:480px;height:auto;object-fit:contain}.merch__item{display:grid;justify-items:center;gap:6px}.merch__thumb{width:clamp(56px,8vw,96px);aspect-ratio:1;display:grid;place-items:center;background:color-mix(in srgb,var(--color-surface-soft) 40%,#fff);border-radius:14px;box-shadow:var(--shadow-card)}.merch__emoji{font-size:clamp(26px,4vw,44px)}.merch__thumb img{width:100%;height:100%;object-fit:contain;padding:8px}.merch__name{font-family:var(--font-serif);font-size:13px;color:var(--color-text-muted)}.merch__desc{margin:24px 0 22px;color:var(--color-text-muted);font-size:clamp(18px,1.7vw,23px)}.merch__copy>.eyebrow{margin-bottom:24px}.merch__features{display:grid;gap:14px}.merch__features li{display:flex;align-items:center;gap:12px;font-size:clamp(15px,1.3vw,18px);color:var(--color-text-secondary);font-weight:500}.merch__features svg{color:var(--color-icon-accent);flex-shrink:0}.merch__cards{margin-top:clamp(34px,5vw,60px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(28px,5vw,72px);width:min(100%,1040px);margin-inline:auto}.info-card{width:100%;min-height:180px;padding:clamp(16px,2vw,24px);display:grid;place-items:center;overflow:hidden;border:1px solid var(--color-border-accent);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);color:#5d4533;font:inherit;line-height:1.7;text-align:center;cursor:pointer;transition:color var(--ease),border-color var(--ease),background-color var(--ease),box-shadow var(--ease)}.info-card:hover,.info-card:focus-visible,.info-card.is-active{border-color:#bc996e;background:#f2e9df;color:#4d453e;box-shadow:var(--shadow-card-hover)}.info-card:focus-visible{outline:2px solid #bc996e;outline-offset:4px}.info-card__summary,.info-card__result{grid-area:1 / 1;width:100%;text-align:center;transition:opacity var(--ease),transform var(--ease)}.info-card__summary{font-weight:600}.info-card__result{display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateY(10px)}.info-card.is-active .info-card__summary{opacity:0;transform:translateY(-10px);pointer-events:none}.info-card.is-active .info-card__result{opacity:1;transform:translateY(0)}.info-card__audience{display:grid;gap:3px;width:100%;text-align:center}.info-card--image-result{position:relative;padding:0}.info-card--image-result .info-card__summary{padding:clamp(16px,2vw,24px)}.info-card--image-result .info-card__result{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.info-card__result-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:calc(var(--radius-card) - 1px)}.contact{position:relative;isolation:isolate;padding-block:clamp(34px,4.5vw,60px)!important}.contact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-warm-beige);opacity:.5;z-index:-1}.contact__title{font-family:var(--font-serif);font-weight:700;color:var(--color-text-secondary);font-size:clamp(20px,2.4vw,28px);display:flex;align-items:center;gap:14px;margin-bottom:30px}.contact__title:after{content:"";flex:1;height:2px;background:var(--color-border-soft)}.contact__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,32px);padding-bottom:30px;border-bottom:2px solid var(--color-border-soft)}.contact__item{display:grid;gap:6px;align-content:start}.contact__icon{color:var(--color-icon-accent);display:inline-flex;margin-bottom:6px}.contact__name{font-weight:700;color:var(--color-text-secondary);font-size:clamp(16px,1.4vw,19px)}.contact__meta{color:var(--color-text-muted);font-size:13px;line-height:1.6}.contact__action{margin-top:8px;color:var(--color-primary);font-weight:500;font-size:15px;display:inline-flex;align-items:center;gap:5px;justify-self:start}.contact__action:hover{text-decoration:underline}.partners__title{font-family:var(--font-serif);font-weight:700;color:var(--color-text-secondary);font-size:clamp(20px,2.6vw,32px);margin-bottom:clamp(26px,4vw,44px);display:flex;align-items:center;gap:clamp(14px,2vw,28px)}.partners__title:after{content:"";flex:1;height:2px;background:var(--color-border-soft)}.partners__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(2px,.5vw,8px)}.partners__cell{display:grid;place-items:center;background:transparent;border:none;height:56px;padding:6px 8px}.partners__logo{width:100%;height:100%;object-fit:contain}.partners__chip{font-size:12px;color:var(--color-text-muted);text-align:center;line-height:1.3}@media (max-width: 1080px){.service-core__title,.service-core__lead{white-space:normal}.partners__grid{grid-template-columns:repeat(6,1fr)}}@media (max-width: 960px){.hero__inner,.merch__top{grid-template-columns:1fr}.hero__eyebrow{margin-top:0}.service-core__windows{grid-template-columns:1fr}.contact__grid{grid-template-columns:repeat(2,1fr)}.partners__grid{grid-template-columns:repeat(4,1fr)}.merch__cards{grid-template-columns:1fr}}@media (max-width: 560px){.contact__grid{grid-template-columns:1fr}.partners__grid{grid-template-columns:repeat(3,1fr)}.hero__cards{justify-content:center;gap:14px}.hero__card-float--landscape{width:52%}.hero__card-float--portrait{width:34%;margin-top:28px}.hero__stage{min-height:0}}@media (prefers-reduced-motion: reduce){.hero__card-flip{transition-duration:.25s!important}.hero__card-flip--swap{transition:none!important}.design-group__flip{transition-duration:.25s!important}.design-group__flip--swap{transition:none!important}.window__shutter{transition-duration:var(--door-duration),var(--door-duration)!important}}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:EunpyeongSagaDokseo;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2507-1@1.0/EunpyeongSagaDogseoText-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:EunpyeongSagaDokseo;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2507-1@1.0/EunpyeongSagaDogseoTitle-Regular.woff2) format("woff2");font-weight:600;font-display:swap}:root{--color-background: #f5f1ea;--color-bg-top: #f8f3ec;--color-surface: #f5f1ea;--color-warm-beige: #f2e9df;--color-surface-soft: #e5d8cd;--color-surface-cream: #f0e9e0;--color-surface-beige: #e3d9ce;--color-border-accent: #bc996e;--color-border-soft: #d8c9b6;--color-text-primary: #504f33;--color-text-title: #594635;--color-text-secondary: #4d453e;--color-text-muted: #90867d;--color-text-faint: #8e877e;--color-text-subtitle: #8e837b;--color-primary: #263d5b;--color-primary-hover: #324a66;--color-primary-foreground: #f7f0e9;--color-art-outline: #fff;--color-button-navy: #2b3c59;--color-button-navy-hover: #263d58;--color-accent-bar: #4D453E;--color-icon-accent: #91683f;--color-brown: #8a6945;--color-sejong-ink: #5d4533;--color-wordmark: #5d4533;--color-title-accent: #8f6943;--page-max: 1440px;--page-gutter: 20px;--header-height: 92px;--radius-card: 4px;--radius-panel: 8px;--radius-card-preview: 14px;--radius-pill: 999px;--shadow-card: 0 8px 22px rgb(80 79 51 / 8%);--shadow-card-hover: 0 10px 24px rgb(80 79 51 / 11%);--shadow-panel: 0 12px 34px rgb(80 79 51 / 10%);--font-sans: "Pretendard", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-serif: "EunpyeongSagaDokseo", var(--font-sans);--ease: .18s ease}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#root{isolation:isolate;min-height:100%}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.field{display:grid;gap:7px}.field__label{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.field__label .req{color:var(--color-primary);margin-left:3px}.field__input,.field__select,.field__textarea{width:100%;background:#fff;border:1px solid var(--color-border-soft);border-radius:5px;padding:12px 14px;font-size:15px;color:#4d453e;transition:border-color var(--ease),box-shadow var(--ease)}.field__input::placeholder,.field__textarea::placeholder{color:var(--color-text-muted)}.field__input:focus,.field__select:focus,.field__textarea:focus{outline:none;border-color:var(--color-border-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-border-accent) 22%,transparent)}.field__textarea{resize:vertical;min-height:88px}.select-field{position:relative}.select-field__trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer}.select-field__trigger--placeholder{color:var(--color-text-muted)}.select-field__trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-field__caret{flex:none;font-size:15px;line-height:1;color:var(--color-text-muted);transition:transform var(--ease)}.select-field.is-open .select-field__caret{transform:rotate(180deg)}.select-field.is-open .select-field__trigger{border-color:var(--color-border-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-border-accent) 22%,transparent)}.select-field__options{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--color-border-soft);border-radius:8px;box-shadow:var(--shadow-panel)}.select-field__option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:6px;text-align:left;font-size:15px;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--ease),color var(--ease)}.select-field__option:hover,.select-field__option.is-selected{background:var(--color-surface-soft);color:var(--color-wordmark)}.select-field__option>b{flex:none;color:var(--color-primary);font-size:13px}.field-error{color:#b3402f;font-size:13px}.field__input--invalid{border-color:#c8543f}.check{display:inline-flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14.5px;color:var(--color-text-secondary);line-height:1.6}.check input{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin-top:2px;width:18px;height:18px;flex-shrink:0;border:1.5px solid var(--color-border-soft);border-radius:4px;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:12px 12px;cursor:pointer;transition:background-color var(--ease),border-color var(--ease)}.check input:checked{background-color:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7f0e9' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E")}.check input:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 25%,transparent)}.check input:disabled{opacity:.5;cursor:not-allowed}.radio-row{display:flex;flex-wrap:wrap;gap:22px}.radio{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:15px;color:var(--color-text-secondary)}.radio input{width:18px;height:18px;accent-color:var(--color-primary)}@media (max-width: 600px){.field__input,.field__select,.field__textarea{font-size:16px}}body{background:linear-gradient(180deg,var(--color-bg-top) 0,var(--color-background) 1040px) no-repeat,var(--color-background);color:var(--color-text-secondary);font-family:var(--font-sans);font-weight:400}.page-container{width:min(100% - (var(--page-gutter) * 2),var(--page-max));margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:14px;font-family:var(--font-serif);font-size:clamp(15px,1.3vw,19px);font-weight:500;color:var(--color-text-secondary);letter-spacing:.02em}.eyebrow:before{content:"";width:clamp(36px,4vw,60px);height:1.5px;background:currentColor}.section-title{font-family:var(--font-serif);font-weight:700;color:var(--color-text-title);font-size:clamp(26px,3vw,40px);line-height:1.25;letter-spacing:-.01em;word-break:keep-all}.section-lead{color:var(--color-text-muted);font-size:clamp(15px,1.4vw,18px);line-height:1.7}.subpage-hero{position:relative;--subpage-rule-height: 2px;box-sizing:border-box;height:clamp(198px,18vw,242px);padding-block:clamp(40px,6vw,72px) clamp(28px,3.4vw,42px);padding-inline:clamp(14px,2vw,28px);text-align:left;overflow:visible}.subpage-hero:after{content:"";position:absolute;left:clamp(14px,2vw,28px);right:clamp(14px,2vw,28px);bottom:0;height:var(--subpage-rule-height);background:var(--color-surface-soft)}.subpage-hero:before{content:"";position:absolute;left:calc(clamp(14px,2vw,28px) + 32px);bottom:0;width:56px;height:var(--subpage-rule-height);background:var(--color-accent-bar);z-index:1}.subpage-hero .eyebrow{justify-content:flex-start}.subpage-hero .section-lead{max-width:720px;min-height:1.7em;margin-top:0;margin-right:auto}.subpage-hero__title{font-family:var(--font-serif);font-weight:700;color:var(--color-text-title);font-size:clamp(26px,3.2vw,38px);line-height:1.25;margin:10px 0 12px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .62s ease,transform .72s cubic-bezier(.2,.72,.2,1);will-change:opacity,transform}.reveal--visible{opacity:1;transform:none}.reveal-item{opacity:0;transform:translateY(22px);transition:opacity .54s ease,transform .62s cubic-bezier(.2,.72,.2,1);will-change:opacity,transform}.reveal-item--visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{transition:opacity .62s ease,transform .72s cubic-bezier(.2,.72,.2,1)!important}.reveal-item{transition:opacity .54s ease,transform .62s cubic-bezier(.2,.72,.2,1)!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
