/* INDEX5 / Midnight: the approved palette, typography and orbital composition. */
html{scroll-padding-top:110px}body{overflow-x:clip}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #dfc58f;outline-offset:5px}[hidden]{display:none!important}
.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,#bea574,#fff0ca);transform:scaleX(0);transform-origin:left;z-index:50;box-shadow:0 0 16px #d4b67580}
.main-header{position:sticky;top:0;z-index:20;background:#121e28db;backdrop-filter:blur(18px);transition:padding .35s,box-shadow .35s,border-color .35s;border-bottom:1px solid transparent}
.main-header.scrolled{padding-top:17px;padding-bottom:17px;border-color:#bea57426;box-shadow:0 12px 40px #0002}.brand{max-width:52%}.brand>span:last-child{overflow-wrap:anywhere}.mobile-menu{display:none}
.hero{perspective:1200px}.hero-copy{position:relative;z-index:2}.title-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.title-line:nth-child(2){color:#dcc79e}.title-line>span{display:block}.intro{max-width:460px}.hero .eyebrow{color:#cfbb95}
.hero-art{will-change:transform;transform:perspective(1000px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .8s cubic-bezier(.2,.8,.2,1);--shift:0px}.hero-art .arch,.hero-art .orb{will-change:transform}
.midnight .arch-one{animation:orbit-one 24s linear infinite;border-color:#d1b989b3;box-shadow:inset 0 0 24px #bea5740d,0 0 22px #bea57412}.midnight .arch-two{animation:orbit-two 18s linear infinite;border-color:#edd3a6b3}.midnight .orb{animation:orbit-three 22s linear infinite;border-color:#9e8e6cb3}
.arch-one::after,.arch-two::after,.orb::after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#ffe4ac;box-shadow:0 0 12px #f7cc7a,0 0 25px #d3a96c;left:16%;top:12%}.arch-two::after{width:4px;height:4px;top:40%;left:-3px}.orb::after{width:5px;height:5px;left:75%;top:2%}
.orbit-core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font:72px Georgia;color:#e0c795;text-shadow:0 0 40px #d0ab5e26;transform:translateY(-10px);z-index:2;pointer-events:none}.orbit-core span{font:8px Arial;letter-spacing:3.5px;margin-top:16px;color:#ad9b78}.orbit-glow{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,#c4a0691a,transparent 65%);animation:breathe 7s ease-in-out infinite;pointer-events:none}.stardust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7}
.art-caption{font-size:8px;letter-spacing:1.3px}.hero-index{display:flex;gap:16px;align-items:center;opacity:.75}.scroll-cue{display:inline-block;font-size:17px;animation:scroll-nudge 2s ease-in-out infinite}.trustbar{position:relative;background:#0e1921;overflow:hidden}.trustbar::before{content:'';position:absolute;top:0;left:-40%;width:40%;height:1px;background:linear-gradient(90deg,transparent,#dcc599,transparent);animation:sweep 8s linear infinite}.trustbar>span{align-content:center}
.button,.navcta{position:relative;overflow:hidden;isolation:isolate;transition:box-shadow .3s,transform .3s}.button::before,.navcta::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 25%,#fff4 50%,transparent 75%);transform:translateX(-120%);transition:transform .65s}.button:hover::before,.navcta:hover::before{transform:translateX(120%)}.button:hover{box-shadow:0 10px 32px #bea57422;transform:translateY(-3px);text-decoration:none}.button>span,.textlink>span,.services a>span{display:inline-block;transition:transform .3s}.button:hover>span,.services a:hover>span{transform:translate(3px,-3px)}
.section{position:relative}.section-heading h2,[data-content="aboutTitle"],[data-content="contactTitle"],[data-home="expertiseTitle"]{white-space:pre-line}.about-text{white-space:pre-line}.services{gap:0}.services article{background:linear-gradient(155deg,#1c2c3733,transparent);transition:border-color .35s,background .35s,box-shadow .35s;isolation:isolate;overflow:hidden;min-width:0}.services article::before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(450px circle at var(--mx,50%) var(--my,50%),#bea5741c,transparent 65%);transition:opacity .4s}.services article:hover::before{opacity:1}.services article:hover{border-color:#bea574aa;box-shadow:0 16px 70px #0003}.service-icon{transition:transform .7s,color .7s}.services article:hover .service-icon{transform:rotate(12deg) scale(1.15);color:#e4ceab}.services article h3{overflow-wrap:anywhere}.services a{margin-top:20px}.draft-note{opacity:.8}
.about{overflow:hidden;background:linear-gradient(145deg,#273b47,#1d2f3b)}.about-visual{position:relative;min-width:0}.about-mark{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;background:#15263055}.about-mark::before,.about-mark::after{content:'';position:absolute;width:85%;height:85%;border:1px solid #bea57433;border-radius:50%;z-index:-1}.about-mark::before{transform:rotate(-30deg) scaleX(.55);animation:seal-turn 30s linear infinite}.about-mark::after{width:60%;height:60%;border-color:#bea5741f}.about-mark span{margin-top:18px}#practice-photo{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border:1px solid #bea57455}.signature-line{border-color:#bea57440}
.steps{position:relative;gap:45px}.steps::before{content:'';position:absolute;top:-22px;left:0;width:100%;height:1px;background:linear-gradient(90deg,#bea574,#bea57422);transform:scaleX(var(--process-progress,0));transform-origin:left}.steps>div{position:relative}.steps>div::before{content:'';width:5px;height:5px;position:absolute;left:0;top:-24px;background:#bea574;border-radius:50%;box-shadow:0 0 12px #bea57455}.contact{overflow:hidden}.contact::before{content:'';position:absolute;right:-180px;top:-200px;width:600px;height:600px;border:1px solid #bea57414;border-radius:50%;pointer-events:none;transform:translateY(var(--contact-shift,0px))}.contact>div{position:relative}.detail-grid address span,.detail-grid .fax-line,.detail-grid [data-content="fax"]{font-size:14px;letter-spacing:0;opacity:1}.detail-grid address{white-space:normal}.privacy{opacity:.75}.footer-name{max-width:45%}footer{padding-bottom:80px;align-items:center;gap:20px}.admin-link{opacity:.7}
.motion-controls{position:fixed;right:22px;bottom:20px;z-index:25;display:flex;align-items:center;gap:8px}.motion-controls button,.motion-controls a{background:#11212eed;backdrop-filter:blur(12px);border:1px solid #bea57455;color:#e1d3b9;padding:10px 14px;font-size:10px;letter-spacing:.6px;cursor:pointer}.motion-controls a{font-size:16px;line-height:16px}.motion-controls button>span{margin-left:12px}.motion-controls button:hover,.motion-controls a:hover{border-color:#dcc79e;text-decoration:none}
.motion-enabled .reveal:not(.is-visible){opacity:0;transform:translateY(35px);filter:blur(5px)}.reveal{transition:opacity .95s ease,transform .95s cubic-bezier(.2,.65,.25,1),filter .95s ease;transition-delay:var(--delay,0ms)}.motion-enabled .hero-copy>.eyebrow{animation:enter-up .9s both}.motion-enabled .title-line>span{animation:title-enter 1.25s cubic-bezier(.16,1,.3,1) both}.motion-enabled .title-line:nth-child(2)>span{animation-delay:.16s}.motion-enabled .hero-copy>.intro{animation:enter-up 1s .28s both}.motion-enabled .hero-copy>.actions{animation:enter-up 1s .4s both}.motion-enabled .hero-copy>.korean{animation:enter-up 1s .52s both}.motion-enabled .hero-art{animation:art-enter 1.5s ease both}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.motion-paused .title-line>span,.motion-paused .hero-copy>*{animation:none!important;opacity:1;transform:none}.motion-paused .hero-art{animation:none!important;transform:none!important}
@keyframes orbit-one{from{transform:translateY(var(--shift)) rotate(-30deg) rotateY(0)}to{transform:translateY(var(--shift)) rotate(330deg) rotateY(360deg)}}
@keyframes orbit-two{from{transform:translateY(var(--shift)) rotate(-30deg) rotateY(0)}to{transform:translateY(var(--shift)) rotate(-390deg) rotateY(-360deg)}}
@keyframes orbit-three{from{transform:translateY(var(--shift)) rotate(-30deg)}to{transform:translateY(var(--shift)) rotate(330deg)}}
@keyframes breathe{50%{transform:scale(1.2);opacity:.5}}@keyframes scroll-nudge{50%{transform:translateY(6px)}}@keyframes sweep{to{left:100%}}@keyframes seal-turn{to{transform:rotate(330deg) scaleX(.55)}}@keyframes title-enter{from{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes enter-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes art-enter{from{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}
@media(min-width:1600px){.hero{min-height:730px}.hero-art{height:530px}.hero-index{left:max(6vw,calc((100vw - 1400px)/2))}.midnight .arch-one,.midnight .arch-two{bottom:100px}.midnight .orb{bottom:200px}}
@media(max-width:1000px){.midnight .hero h1{font-size:clamp(42px,6vw,64px)}.orbit-core{font-size:58px}.section-heading{gap:30px}.about{gap:5vw}}
@media(max-width:700px){html{scroll-padding-top:95px}.main-header{gap:12px}.main-header.scrolled{padding-top:14px;padding-bottom:14px}.brand{max-width:76%}.brand>span:last-child{font-size:14px}.brand small{font-size:8px;letter-spacing:1.5px}.mobile-menu{display:flex;flex-direction:column;gap:6px;padding:12px;background:none;border:1px solid #bea57470;color:inherit}.mobile-menu span{width:20px;height:1px;background:currentColor;transition:transform .3s}.mobile-menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.mobile-menu[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}#main-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:24px 6vw;background:#12212df7;border-bottom:1px solid #bea57455;box-shadow:0 25px 40px #0005}#main-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:22px}#main-nav a{display:block;font-size:14px}#main-nav .navcta{padding:12px}.midnight .hero{min-height:0;padding-top:38px;padding-bottom:50px}.midnight .hero h1{font-size:clamp(38px,10.8vw,60px)}.hero .intro{font-size:15px}.hero-art{height:330px;margin-top:8px}.orbit-core{font-size:58px;transform:translateY(-2px)}.orbit-core span{font-size:7px}.hero-index{font-size:8px;gap:10px}.trustbar{grid-template-columns:1fr 1fr}.about-mark{font-size:110px;max-width:430px;margin:auto;aspect-ratio:1.2}.steps{gap:34px}.steps::before{top:0;left:-12px;width:1px;height:100%;transform:scaleY(var(--process-progress,0));transform-origin:top}.steps>div::before{left:-14px;top:5px}.steps h3{margin-top:8px}.detail-grid{grid-template-columns:1fr 1fr}.section-heading h2{font-size:36px;letter-spacing:-1.5px}.motion-controls{right:12px;bottom:12px}.motion-controls button{font-size:9px;padding:9px 11px}.motion-controls a{padding:9px 12px}.privacy{font-size:11px}footer{padding-bottom:85px;font-size:9px}.reveal{transition-duration:.65s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal,.motion-enabled .reveal:not(.is-visible){opacity:1;transform:none;filter:none}.hero-art,.hero-art .arch,.hero-art .orb{transform:rotate(-30deg)!important}.hero-art{transform:none!important}.steps::before{transform:none}.stardust{display:none}.title-line>span{transform:none!important}.contact::before{transform:none!important}}