@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Noto+Serif+KR:wght@300;400;600&display=swap";:root{--bg: #FDFBFA;--bg-alt: #FFFFFF;--text-main: #1A1C20;--text-muted: #6B6862;--navy: #0A1426;--gold-light: #F2E3C6;--gold-main: #C2A470;--gold-dark: #8F7243;--border: rgba(194, 164, 112, .2)}body{background-color:var(--bg);color:var(--text-main);font-family:Pretendard,sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased;word-break:keep-all}.app-container{max-width:540px;margin:0 auto;background:var(--bg-alt);min-height:100vh;box-shadow:0 0 50px #0a142608;position:relative}.serif-kr{font-family:"Noto Serif KR",serif}.serif-en{font-family:Cinzel,serif}.header{padding:2rem 2rem 1rem;text-align:center;background:var(--bg-alt)}.brand-mark{font-size:1.2rem;letter-spacing:.2em;color:var(--navy);display:inline-flex;flex-direction:column;align-items:center;gap:.5rem}.brand-mark:after{content:"";width:24px;height:1px;background:var(--gold-main)}.hero{padding:3rem 2rem 4rem;text-align:center;position:relative}.hero-badge{display:inline-block;font-size:.7rem;letter-spacing:.15em;color:var(--gold-dark);margin-bottom:2rem;text-transform:uppercase;font-weight:500;border:1px solid var(--border);padding:.4rem 1rem;border-radius:20px;background:var(--bg)}.hero-title{font-size:2.2rem;font-weight:300;line-height:1.4;margin-bottom:1.5rem;color:var(--navy)}.hero-title strong{font-weight:600}.hero-desc{font-size:.95rem;color:var(--text-muted);line-height:1.8;font-weight:400;margin:0 auto}.portrait-section{padding:0 2rem 2rem}.portrait-frame{width:100%;border-radius:140px 140px 0 0;overflow:hidden;position:relative;background:var(--gold-light);padding:4px 4px 0;box-shadow:0 20px 40px #c2a47026}.portrait-inner{border-radius:136px 136px 0 0;overflow:hidden;position:relative;background:var(--bg);aspect-ratio:3/4}.portrait-inner img{width:100%;height:100%;object-fit:cover;filter:contrast(105%) saturate(110%);transform:scale(1.02)}.portrait-meta{text-align:center;padding:2.5rem 0 1rem}.portrait-name{font-size:1.6rem;font-weight:600;color:var(--navy);margin-bottom:.5rem}.portrait-title{font-size:.85rem;color:var(--gold-dark);letter-spacing:.1em}.metrics-board{display:flex;margin:0 2rem 4rem;background:var(--bg);border:1px solid var(--border);padding:2rem 0;position:relative}.metrics-board:before,.metrics-board:after{content:"";position:absolute;width:6px;height:6px;border:1px solid var(--gold-main)}.metrics-board:before{top:4px;left:4px;border-right:none;border-bottom:none}.metrics-board:after{bottom:4px;right:4px;border-left:none;border-top:none}.metric-item{flex:1;text-align:center}.metric-item:first-child{border-right:1px solid var(--border)}.metric-value{font-size:2.8rem;color:var(--navy);margin-bottom:.5rem;line-height:1}.metric-value span{font-size:1.2rem;color:var(--gold-dark)}.metric-label{font-size:.75rem;color:var(--text-muted);letter-spacing:.05em}.portfolio-section{padding:0 2rem 4rem}.section-header{margin-bottom:2.5rem;text-align:center}.section-header h2{font-size:1.3rem;color:var(--navy);font-weight:400;margin-bottom:.5rem;letter-spacing:.05em}.section-header p{font-size:.85rem;color:var(--gold-dark);letter-spacing:.1em}.item-card{padding:1.5rem 0;border-bottom:1px solid var(--border);position:relative;transition:padding-left .3s ease}.item-card:hover{padding-left:1rem}.item-card:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--gold-main);transition:height .3s ease}.item-card:hover:before{height:50%}.item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.8rem}.item-title{font-size:1.2rem;font-weight:600;color:var(--navy)}.item-blur{display:inline-block;min-width:50px;height:1.2rem;background:var(--gold-light);border-radius:2px;vertical-align:middle;margin-left:.5rem;position:relative;overflow:hidden}.item-blur:after{content:"CONFIDENTIAL";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.5rem;color:var(--gold-dark);letter-spacing:.2em}.item-badge{font-size:.7rem;font-weight:600;color:var(--gold-dark);background:#c2a4701a;padding:.3rem .6rem;letter-spacing:.05em}.item-desc{font-size:.95rem;color:var(--text-muted);line-height:1.6}.philosophy{background:var(--navy);color:var(--bg);padding:4rem 2rem;text-align:center}.philosophy p{font-size:1.15rem;line-height:2.2;font-weight:300;margin:0}.philosophy strong{color:var(--gold-main);font-weight:400}.action-panel{position:sticky;bottom:0;background:#fffffffa;backdrop-filter:blur(10px);padding:1.5rem 2rem 2.5rem;border-top:1px solid var(--border);z-index:100;box-shadow:0 -10px 30px #00000008}.action-note{text-align:center;font-size:.8rem;color:var(--text-muted);margin-bottom:1.2rem}.action-note span{color:var(--gold-dark);font-weight:600;border-bottom:1px solid var(--gold-dark);padding-bottom:2px}:global(body) :global(.cta-button){width:100%!important;font-family:Pretendard,sans-serif!important;border-radius:4px!important;height:4.5rem!important}:global(body) :global(.cta-button-kakao),:global(body) :global(.cta-button-band){background:var(--navy)!important;color:var(--gold-main)!important;box-shadow:none!important;border:1px solid var(--gold-main)!important;transition:all .4s ease-out!important}:global(body) :global(.cta-button-kakao:after),:global(body) :global(.cta-button-band:after),:global(body) :global(.cta-button-kakao:before),:global(body) :global(.cta-button-band:before){display:none!important}:global(body) :global(.cta-button-kakao:hover),:global(body) :global(.cta-button-band:hover){background:var(--gold-main)!important;color:var(--bg)!important;transform:translateY(-2px)!important;box-shadow:0 15px 30px #c2a47033!important;border-color:var(--gold-main)!important}:global(body) :global(.cta-button-kakao:active),:global(body) :global(.cta-button-band:active){transform:translateY(0) scale(.99)!important;box-shadow:none!important}:global(body) :global(.cta-button-kakao .cta-text),:global(body) :global(.cta-button-band .cta-text){font-weight:500!important;letter-spacing:.1em!important;text-shadow:none!important;color:inherit!important}:global(body) :global(.cta-icon){filter:brightness(0) saturate(100%) invert(73%) sepia(21%) saturate(735%) hue-rotate(3deg) brightness(96%) contrast(90%)!important;transition:filter .4s ease!important}:global(body) :global(.cta-button-kakao:hover .cta-icon),:global(body) :global(.cta-button-band:hover .cta-icon){filter:brightness(0) saturate(100%) invert(3%) sepia(10%) saturate(6743%) hue-rotate(185deg) brightness(94%) contrast(90%)!important}