/* Interactive web showcase. All presentation stays scoped to this page. */
.ix-page{--ix-bg:#090b0f;--ix-ink:#f0eee9;--ix-muted:#a8acb4;--ix-blue:#a8c4f4;--ix-line:rgba(224,232,246,.18);--ix-header:81px;background:var(--ix-bg);color:var(--ix-ink);font-family:'Pretendard Variable',Pretendard,sans-serif}
.ix-page main{overflow:clip}.ix-page .site-header{z-index:60}.ix-page .scroll-progress{display:none}.ix-page #ix-main :is(h1,h2,h3,p){margin:0}.ix-page #ix-main :is(h1,h2,h3,p,a,summary){word-break:keep-all;overflow-wrap:anywhere}.ix-page #ix-main h2{text-wrap:balance}.ix-page #ix-main p{text-wrap:pretty}.ix-page #ix-main a{color:inherit;text-decoration:none}.ix-page button{font:inherit}.ix-page #ix-main button{cursor:pointer}.ix-page :is(a,button,summary):focus-visible{outline:2px solid #b2d1ff;outline-offset:7px}.ix-page .ix-skip{position:fixed;top:0;left:20px;transform:translateY(-120%);padding:15px;background:#fff;color:#090b0f;z-index:200}.ix-page .ix-skip:focus{transform:none}
.ix-page .ix-eyebrow{font-size:10px;font-weight:500;letter-spacing:.22em;line-height:1.6;color:var(--ix-blue)}
.ix-intro{height:calc((100svh - var(--ix-header))*3);position:relative;background:#090b0f}.ix-stage{height:calc(100svh - var(--ix-header));min-height:500px;position:sticky;top:var(--ix-header);isolation:isolate;overflow:hidden;--ix-scale:1;--ix-shutter:-20%;--ix-hero-opacity:1;--ix-open-opacity:0;--ix-world-opacity:0;--ix-sky-opacity:0;--ix-portal-opacity:1}
.ix-sky,.ix-vignette{position:absolute;inset:0;z-index:-1}.ix-sky{background:url('/assets/img/interactive/clouds.webp') center/cover;opacity:var(--ix-sky-opacity);transform:scale(1.04)}.ix-vignette{background:radial-gradient(ellipse at 56% 50%,transparent 10%,#090b0f 72%);opacity:calc(1 - var(--ix-sky-opacity));z-index:0;pointer-events:none}
.ix-portal-position{position:absolute;left:55%;top:48%;width:clamp(290px,29vw,455px);height:76%;max-height:670px;transform:translate(-50%,-50%);perspective:1200px;z-index:1;pointer-events:none;opacity:var(--ix-portal-opacity)}
.ix-portal{width:100%;height:100%;border-radius:46% 46% 43% 43% / 34% 34% 33% 33%;padding:24px;background:linear-gradient(125deg,#121722 6%,#3f4853 23%,#0b0d12 43%,#273043 61%,#7e858a 79%,#11161f 96%);box-shadow:0 0 0 2px #050608,0 0 0 7px #171a20,0 0 0 10px #0d0f14,0 0 100px 24px #485f8530,inset 3px 2px 12px #ffffff21,inset -7px -4px 16px #000;transform:scale(var(--ix-scale)) rotateY(var(--ix-rx,0deg)) rotateX(var(--ix-ry,0deg));will-change:transform}
.ix-portal-rim{height:100%;border-radius:inherit;padding:13px;background:linear-gradient(135deg,#667483,#b0a993 32%,#333b45 49%,#d5c9ac 76%,#465365);box-shadow:inset 0 0 8px #000,0 0 15px #000}.ix-portal-glass{height:100%;border-radius:inherit;overflow:hidden;position:relative;background:#28384a;box-shadow:0 0 0 3px #090c12,inset 0 0 15px #000}.ix-portal-clouds{position:absolute;inset:0;background:url('/assets/img/interactive/clouds.webp') 48% center/auto 110%;box-shadow:inset 0 0 25px #0009}.ix-shutter{position:absolute;inset:0;background:linear-gradient(100deg,#131820,#272e36 47%,#12161d);border-radius:0 0 23% 23% / 0 0 5% 5%;transform:translateY(var(--ix-shutter));box-shadow:0 8px 14px #000b,inset 0 -2px 4px #c6c1ae66;will-change:transform}.ix-shutter span{position:absolute;bottom:20px;left:43%;width:14%;height:5px;border-radius:5px;background:#0b1017;box-shadow:0 1px 1px #fff2}
.ix-hero-copy{position:absolute;z-index:2;top:22%;left:6%;opacity:var(--ix-hero-opacity);transform:translateX(calc((1 - var(--ix-hero-opacity))*-50px))}.ix-page #ix-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(72px,7.9vw,130px);font-weight:400;letter-spacing:-.066em;line-height:.95;margin-top:24px}.ix-page #ix-title em,.ix-work h2 em,.ix-craft h2 em,.ix-finale h2 em{font-weight:400;color:#bacceb}.ix-page #ix-main .ix-hero-ko{margin-top:24px;font-size:17px;line-height:1.7;font-weight:350;color:#cbd0d8}.ix-hero-caption{position:absolute;left:6%;bottom:10%;opacity:var(--ix-hero-opacity);z-index:2}.ix-hairline{display:block;width:26px;height:1px;background:#aabde0;margin-bottom:20px}.ix-page #ix-main .ix-hero-caption p{font-size:12px;line-height:1.9;color:#a8acb4}.ix-discover{position:absolute;right:6%;bottom:10%;display:flex;align-items:center;gap:30px;background:transparent;border:0;color:#c5ccda;font-size:12px!important;z-index:3;opacity:var(--ix-hero-opacity)}.ix-discover span{font-size:23px}.ix-open-copy{position:absolute;left:6%;bottom:14%;z-index:2;opacity:var(--ix-open-opacity)}.ix-page #ix-main .ix-open-copy p{font-size:28px;margin-top:13px;font-weight:350}.ix-world-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:2;opacity:var(--ix-world-opacity);pointer-events:none;padding:30px;background:linear-gradient(#080e1c22,#080e1c55)}.ix-page #ix-main .ix-world-copy h2{font-size:clamp(45px,5.6vw,86px);font-weight:350;line-height:1.28;letter-spacing:-.055em;margin:25px 0}.ix-world-copy h2 em{font-family:inherit;font-style:normal;font-weight:250}.ix-page #ix-main .ix-world-copy>p:last-child{font-size:16px;color:#dddfe4}.ix-corner{position:absolute;right:6%;top:35px;font-size:9px;letter-spacing:.16em;color:#9fa7b4;z-index:3}
.ix-section{min-height:calc(100svh - var(--ix-header));padding:42px 6% 65px;position:relative;scroll-margin-top:var(--ix-header)}.ix-section-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.ix-section-top>span{font-size:9px;letter-spacing:.16em;color:#9299a5}.ix-about{background:#101319}.ix-about-layout{display:grid;grid-template-columns:42% 58%;align-items:center;gap:0;padding:8vh 0 6vh}.ix-page #ix-main .ix-statement{font-size:clamp(32px,3.8vw,60px);font-weight:400;line-height:1.4;letter-spacing:-.055em}.ix-statement span{color:#a8c4f4}.ix-page #ix-main .ix-body{font-size:16px;line-height:1.9;color:#a9aeb8;max-width:490px;margin-top:25px}.ix-page #ix-main .ix-text-link{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid #727a89;padding:12px 0;font-size:12px}.ix-about .ix-text-link{margin-top:24px}.ix-orb{width:min(29vw,390px);aspect-ratio:1;position:relative;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#a9caff08,transparent 69%)}.ix-orb span{position:absolute;inset:12%;border:1px solid #91b5ee6b;border-radius:50%;box-shadow:0 0 16px #7ba6ff12;transform:rotateX(60deg) rotateZ(-30deg)}.ix-orb span:nth-child(2){transform:rotateY(62deg) rotateZ(35deg)}.ix-orb span:nth-child(3){inset:18%;transform:rotateY(-40deg) rotateX(40deg)}.ix-orb i{font-family:Georgia,serif;font-size:95px;letter-spacing:-10px;font-weight:400;color:#cfdef4;text-shadow:0 0 40px #a1c6ff44}.ix-principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ix-line);gap:30px;padding-top:26px}.ix-principles>div{position:relative;padding-left:37px}.ix-principles span{position:absolute;left:0;top:5px;font-size:10px;color:#8297b7}.ix-page #ix-main .ix-principles h3{font-size:17px;font-weight:450}.ix-page #ix-main .ix-principles p{font-size:13px;color:#969eaa;margin-top:9px}
.ix-work{background:#0a0d13;overflow:hidden}.ix-work-heading{display:flex;justify-content:space-between;align-items:end;padding-top:25px;position:relative;z-index:2}.ix-page #ix-main .ix-work h2,.ix-page #ix-main .ix-craft h2,.ix-page #ix-main .ix-finale h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:1.02;font-size:clamp(52px,5.8vw,89px)}.ix-work-heading>p{font-size:15px;line-height:1.7;color:#abb4c1}.ix-work-showcase{position:relative;display:flex;justify-content:center;perspective:1300px;margin-top:-30px;padding:20px 0 36px}.ix-browser{display:block;width:61%;max-width:850px;border:1px solid #8a9baa66;border-radius:10px;overflow:hidden;background:#111820;box-shadow:0 35px 70px #0009;transform:rotateX(9deg) rotateY(-10deg) rotateZ(-3deg);transition:transform .65s cubic-bezier(.2,.7,.2,1);position:relative;z-index:1}.ix-browser:hover{transform:rotateX(0) rotateY(0) rotateZ(0)}.ix-browser-bar{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:8px;letter-spacing:.12em;color:#b1bccd}.ix-browser-bar>span:first-child{font-size:7px;color:#69798d}.ix-browser img{display:block;width:100%;height:clamp(220px,31vh,380px);object-fit:cover;object-position:top;transition:opacity .2s}.ix-work-halo{position:absolute;width:70%;height:90%;top:10%;background:radial-gradient(ellipse,#5887c327,transparent 65%);filter:blur(15px)}.ix-work-side{position:absolute;right:0;top:50%;font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl;color:#7b8595}.ix-work-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--ix-line);padding-top:20px}.ix-projects{display:flex;gap:25px;flex-wrap:wrap}.ix-projects button{background:transparent;border:0;color:#838d9e;font-size:12px!important;padding:12px 0;position:relative}.ix-projects button[aria-pressed=true]{color:#f0eee9}.ix-projects button[aria-pressed=true]:after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:#acc7f2}
.ix-craft{background:#e9e7e1;color:#202630;--ix-blue:#536681;--ix-line:#242e4125}.ix-craft-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:9vh}.ix-page #ix-main .ix-craft h2{font-size:clamp(45px,4.3vw,67px)}.ix-page #ix-main .ix-craft h2 em{color:#64768b}.ix-page #ix-main .ix-craft .ix-body{color:#606773;font-size:15px}.ix-details{padding-top:7px}.ix-details details{border-top:1px solid #20263033;padding:24px 0}.ix-details details:last-child{border-bottom:1px solid #20263033}.ix-details summary{display:flex;align-items:center;gap:16px;cursor:pointer;list-style:none;font-size:19px;font-weight:450;line-height:1.5}.ix-details summary::-webkit-details-marker{display:none}.ix-details summary>span{font-size:10px;color:#707b88}.ix-details summary i{margin-left:auto;font-style:normal;font-size:22px;font-weight:300;transition:transform .3s}.ix-details details[open] summary i{transform:rotate(45deg)}.ix-details details>div{padding:20px 0 0 30px}.ix-page #ix-main .ix-details p{font-size:15px;line-height:1.9;color:#606773}.ix-details details>div>span{display:block;margin-top:17px;font-size:8px;letter-spacing:.11em;color:#64768b}.ix-blueprint{width:270px;height:250px;position:relative;margin:28px auto 0;display:grid;place-items:center;background:linear-gradient(#71839814 1px,transparent 1px),linear-gradient(90deg,#71839814 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse,#000 30%,transparent 75%)}.ix-blueprint-window{width:110px;height:156px;border:1px solid #78869a;border-radius:43%;padding:9px;transform:rotate(-18deg) skewY(8deg)}.ix-blueprint-window span{display:block;width:100%;height:100%;border:1px solid #78869a;border-radius:43%}.ix-blueprint-window i{position:absolute;inset:-11px;border:1px dashed #78869a66;border-radius:43%}.ix-measure{position:absolute;font-size:7px;letter-spacing:.12em;color:#6d7c8d}.ix-measure-top{top:15px}.ix-measure-bottom{bottom:15px}
.ix-finale{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;isolation:isolate;overflow:hidden;min-height:calc(100svh - var(--ix-header));padding-top:80px;padding-bottom:100px}.ix-finale-sky,.ix-finale-shade{position:absolute;inset:0;z-index:-2;background:url('/assets/img/interactive/clouds.webp') center/cover}.ix-finale-shade{z-index:-1;background:linear-gradient(#0b101bdd,#0b14265e 60%,#090b0f)}.ix-page #ix-main .ix-finale h2{font-size:clamp(65px,8.7vw,136px);margin:28px 0}.ix-page #ix-main .ix-finale>p:not(.ix-eyebrow){font-size:17px;line-height:1.8;color:#d4d9e1}.ix-page #ix-main .ix-cta{display:inline-flex;align-items:center;gap:45px;background:#c6d8f2;color:#142238;padding:12px 12px 12px 25px;font-size:13px;margin-top:35px;transition:background .2s,transform .2s}.ix-cta span{display:grid;place-items:center;width:39px;height:39px;background:#e7effb;font-size:22px}.ix-page #ix-main .ix-cta:hover{background:#e7effb;transform:translateY(-3px)}.ix-page #ix-main .ix-secondary{margin-top:22px;font-size:11px;color:#b5c1d2}.ix-finale-note{position:absolute;bottom:35px;font-size:8px;letter-spacing:.2em;color:#8f9bad}.ix-contact{scroll-margin-top:var(--ix-header)}
.ix-scene-nav{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:20px;transition:opacity .2s}.ix-scene-count{font-size:8px;letter-spacing:.06em;color:#b0bfd3;writing-mode:vertical-rl}.ix-scene-nav>div{display:flex;flex-direction:column;gap:1px}.ix-scene-nav button{width:24px;height:24px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}.ix-scene-nav button span{display:block;width:4px;height:4px;border-radius:100%;background:#8290a4;transition:height .3s,background .3s}.ix-scene-nav button[aria-current] span{height:18px;border-radius:4px;background:#c4d8f7}.ix-motion-toggle{position:fixed;bottom:20px;left:20px;border:1px solid #7d91ac55;color:#c5d1e3;background:#111722bb;backdrop-filter:blur(8px);border-radius:20px;padding:8px 13px;font-size:10px!important;z-index:30;cursor:pointer}.ix-page.ix-after-story :is(.ix-scene-nav,.ix-motion-toggle){opacity:0;visibility:hidden;pointer-events:none}.ix-page.ix-light-scene .ix-scene-count{color:#3b4d67}.ix-page.ix-light-scene .ix-scene-nav button[aria-current] span{background:#354965}
@media(min-width:901px){.ix-page.ix-enhanced .ix-about-layout,.ix-page.ix-enhanced .ix-principles,.ix-page.ix-enhanced .ix-craft-layout,.ix-page.ix-enhanced .ix-work-heading{opacity:.12;transform:translateY(35px);transition:opacity .85s,transform .85s}.ix-page.ix-enhanced .ix-inview :is(.ix-about-layout,.ix-principles,.ix-craft-layout,.ix-work-heading){opacity:1;transform:none}}
@media(max-width:1100px){.ix-hero-copy{left:5%}.ix-page #ix-title{font-size:9vw}.ix-portal-position{left:61%;width:33vw;height:67%}.ix-section{padding-left:5%;padding-right:7%}.ix-craft-layout{gap:5%}.ix-details summary{font-size:16px}.ix-projects{gap:14px}.ix-page #ix-main .ix-work h2{font-size:65px}.ix-scene-nav{right:8px}}
@media(max-width:900px){.ix-page{--ix-header:73px}.ix-stage{min-height:520px}.ix-intro{height:calc((100svh - var(--ix-header))*3)}.ix-portal-position{left:59%;width:43vw;height:63%;top:43%}.ix-page #ix-title{font-size:11vw}.ix-hero-copy{top:24%}.ix-page #ix-main .ix-hero-copy .ix-eyebrow{font-size:8px;letter-spacing:.12em}.ix-page #ix-main .ix-hero-ko{font-size:14px}.ix-section{min-height:auto;padding:38px 6% 60px}.ix-about-layout{padding:65px 0}.ix-page #ix-main .ix-statement{font-size:33px}.ix-page #ix-main .ix-body{font-size:14px}.ix-orb i{font-size:75px}.ix-principles{gap:16px}.ix-principles>div{padding-left:0}.ix-principles span{position:static;display:block;margin-bottom:13px}.ix-page #ix-main .ix-principles h3{font-size:15px}.ix-page #ix-main .ix-principles p{font-size:12px}.ix-work-showcase{margin-top:15px;padding-top:15px}.ix-browser{width:78%}.ix-craft-layout{padding-top:55px}.ix-blueprint{width:220px}.ix-page #ix-main .ix-craft h2{font-size:40px}.ix-details summary{font-size:15px;gap:10px}.ix-details details>div{padding-left:22px}.ix-page #ix-main .ix-details p{font-size:13px}.ix-motion-toggle,.ix-scene-nav{display:none}.ix-finale{min-height:700px}.ix-page #ix-main .ix-finale h2{font-size:85px}.ix-corner{font-size:7px}}
@media(max-width:600px){.ix-stage{min-height:570px}.ix-portal-position{left:58%;top:43%;width:57vw;height:57%;max-height:420px}.ix-portal{padding:15px}.ix-portal-rim{padding:8px}.ix-hero-copy{top:10%;left:7%}.ix-page #ix-title{font-size:17vw;margin-top:15px}.ix-page #ix-main .ix-hero-ko{margin-top:20px;font-size:13px;line-height:1.8}.ix-page #ix-main .ix-hero-copy .ix-eyebrow{font-size:7px;letter-spacing:.15em}.ix-hero-copy{z-index:3}.ix-hero-caption{bottom:13%;left:7%}.ix-page #ix-main .ix-hero-caption p{font-size:11px}.ix-discover{bottom:5%;right:7%;font-size:11px!important;gap:25px}.ix-hairline{margin-bottom:12px}.ix-corner{top:26px;right:7%;font-size:6px;display:none}.ix-open-copy{left:7%;bottom:15%}.ix-page #ix-main .ix-open-copy p{font-size:24px}.ix-page #ix-main .ix-world-copy h2{font-size:40px;line-height:1.4}.ix-page #ix-main .ix-world-copy>p:last-child{font-size:12px}.ix-page #ix-main .ix-world-copy .ix-eyebrow{font-size:7px}.ix-section{padding:30px 7% 50px}.ix-section-top>span{display:none}.ix-page .ix-eyebrow{font-size:8px;letter-spacing:.18em}.ix-about-layout{grid-template-columns:1fr;padding:25px 0 35px}.ix-orb{width:210px;margin:0 auto 15px}.ix-orb i{font-size:65px}.ix-page #ix-main .ix-statement{font-size:30px}.ix-page #ix-main .ix-body{margin-top:18px;line-height:1.85;font-size:14px;max-width:none}.ix-principles{grid-template-columns:1fr;gap:22px;padding-top:25px}.ix-principles>div{padding-left:30px}.ix-principles span{position:absolute;top:2px}.ix-page #ix-main .ix-principles p{margin-top:5px}.ix-work-heading{padding-top:30px;align-items:start;gap:20px}.ix-page #ix-main .ix-work h2{font-size:49px}.ix-work-heading>p{font-size:10px;line-height:1.8;padding-top:6px;flex-shrink:0}.ix-work-showcase{margin-top:25px;padding-bottom:30px}.ix-browser{width:100%;transform:rotateX(5deg) rotateY(-6deg) rotateZ(-2deg)}.ix-browser img{height:210px}.ix-browser-bar{height:25px;font-size:6px;padding:0 10px}.ix-work-side{display:none}.ix-work-bottom{align-items:start;flex-direction:column;gap:10px}.ix-projects{gap:15px}.ix-projects button{font-size:9px!important}.ix-page #ix-main .ix-text-link{font-size:11px}.ix-craft-layout{grid-template-columns:1fr;gap:30px;padding-top:35px}.ix-page #ix-main .ix-craft h2{font-size:45px}.ix-blueprint{display:none}.ix-details summary{font-size:16px}.ix-details details{padding:23px 0}.ix-page #ix-main .ix-details p{font-size:14px}.ix-finale{min-height:660px;padding-top:75px;padding-bottom:100px}.ix-page #ix-main .ix-finale h2{font-size:65px;margin-top:35px}.ix-page #ix-main .ix-finale>p:not(.ix-eyebrow){font-size:14px}.ix-finale-note{font-size:6px;bottom:30px}.ix-page #ix-main .ix-cta{font-size:12px}.ix-finale .ix-eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){.ix-page *, .ix-page *:before,.ix-page *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.ix-page .ix-intro{height:auto}.ix-page .ix-stage{height:auto;min-height:800px;position:relative;top:0}.ix-page .ix-shutter{transform:translateY(-80%)}.ix-page .ix-portal{transform:none}.ix-page .ix-world-copy{display:none}.ix-page .ix-discover{opacity:1}.ix-page .ix-scene-nav,.ix-page .ix-motion-toggle{display:none}.ix-page.ix-enhanced :is(.ix-about-layout,.ix-principles,.ix-craft-layout,.ix-work-heading){opacity:1;transform:none}}
/* Keep scene controls clear of the site's separate floating consultation action. */
.ix-page:not(.ix-after-story) .site-consult-bar{display:none!important}
.ix-page #contact{scroll-margin-top:var(--ix-header)}
.ix-page:not(.ix-enhanced) .ix-intro{height:auto}
.ix-page:not(.ix-enhanced) .ix-stage{position:relative;top:0}
@media(max-width:600px){
 .ix-work-heading{display:block}
 .ix-page #ix-main .ix-work h2{font-size:clamp(38px,12vw,49px)}
 .ix-work-heading>p{margin-top:18px!important;font-size:12px}
 .ix-work-heading>p br{display:none}
 .ix-page #ix-main .ix-finale h2{font-size:clamp(40px,12vw,65px)}
 .ix-discover{bottom:6%}
}