@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
:root{--h2-bg:#07080c;--h2-ink:#f3f4f7;--h2-muted:#9297a4;--h2-line:rgba(255,255,255,.13);--h2-acid:#c8ff63;--h2-violet:#8b79ff;--h2-cyan:#57d7ff;--h2-pink:#ff7aa8}
html{background:var(--h2-bg);scroll-behavior:auto}.home2-body{margin:0;background:var(--h2-bg);color:var(--h2-ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:clip}.home2-body *{box-sizing:border-box}.home2-body a{color:inherit}.home2-body ::selection{background:var(--h2-acid);color:#08090c}
#home2Canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.home2-noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");mix-blend-mode:screen}
.home2-grid{position:fixed;inset:0;z-index:2;pointer-events:none;background-image:linear-gradient(90deg,transparent calc(100% - 1px),rgba(255,255,255,.055) calc(100% - 1px)),linear-gradient(transparent calc(100% - 1px),rgba(255,255,255,.035) calc(100% - 1px));background-size:calc(100vw / 12) 100%,100% 25vh;mask-image:linear-gradient(#000 0 94%,transparent)}
.home2-hud{position:fixed;inset:0;z-index:50;pointer-events:none;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.home2-hud a,.home2-hud button{pointer-events:auto}.h2-brand{position:absolute;left:24px;top:22px;text-decoration:none;display:flex;align-items:center;gap:9px;font-weight:800}.h2-brand i{width:9px;height:9px;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 18px var(--h2-acid)}.h2-nav{position:absolute;right:24px;top:19px;display:flex;gap:8px}.h2-nav a{padding:9px 12px;border:1px solid var(--h2-line);border-radius:999px;text-decoration:none;background:rgba(7,8,12,.4);backdrop-filter:blur(8px);transition:background .2s}.h2-nav a:hover{background:rgba(255,255,255,.1)}.h2-telemetry{position:absolute;left:24px;bottom:18px;display:flex;gap:22px;color:#a1a5b0}.h2-coords{position:absolute;right:24px;bottom:18px;display:flex;gap:18px;color:#a1a5b0}.h2-coords b,.h2-telemetry b{color:#e7e9ef;font-weight:600}.h2-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.08)}.h2-progress i{display:block;height:100%;width:var(--progress,0%);background:linear-gradient(90deg,var(--h2-acid),var(--h2-cyan),var(--h2-violet))}
.home2-main{position:relative;z-index:3}.home2-section{position:relative}.h2-container{width:min(1320px,calc(100% - 48px));margin:0 auto}.h2-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9da2ae}.h2-display{font-size:clamp(58px,9.2vw,154px);letter-spacing:-.072em;line-height:1.08;font-weight:760;margin:0;text-wrap:balance}.h2-copy{font-size:clamp(15px,1.5vw,20px);line-height:1.58;color:#aeb2bc;letter-spacing:-.018em}.h2-chip{display:inline-flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid var(--h2-line);border-radius:999px;text-decoration:none;background:rgba(8,9,14,.5);backdrop-filter:blur(10px);font-weight:650;font-size:13px}.h2-chip.primary{background:#f5f6f8;color:#08090c;border-color:#fff}.h2-chip i{font-style:normal;font-size:17px}
.h2-hero{height:168svh;min-height:1120px}.h2-hero-sticky{height:100svh;position:sticky;top:0;overflow:hidden}.h2-hero-copy{position:absolute;left:max(24px,calc((100vw - 1320px)/2));top:18vh;width:min(770px,56vw);z-index:5}.h2-hero-copy .h2-kicker{margin-bottom:28px}.h2-hero-title{font-size:clamp(66px,9.4vw,158px);line-height:.94;letter-spacing:-.075em;font-weight:760;margin:0;position:relative}.h2-hero-title span{display:block}.h2-hero-title span+span{margin-top:.14em}.h2-hero-title .outline{-webkit-text-stroke:1px rgba(244,246,250,.65);color:transparent}.h2-hero-description{margin-top:30px;width:min(500px,80%);font-size:17px;line-height:1.62;color:#b7bac2}.h2-actions{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.h2-hero-object-copy{position:absolute;left:50%;top:59%;width:min(480px,36vw);transform:translate(-2%,-50%);z-index:4;pointer-events:none}.h2-object-meta{display:grid;grid-template-columns:1fr auto;gap:9px 20px;padding:0 6%;font-size:10px;letter-spacing:.12em;color:#aeb1bc}.h2-object-caption{margin-top:25%;text-align:center;font-size:clamp(18px,2.2vw,32px);font-weight:720;letter-spacing:-.035em}.h2-object-caption small{display:block;margin-top:10px;font-size:10px;letter-spacing:.16em;color:var(--h2-acid);font-weight:650}.h2-scroll-cue{position:absolute;right:24px;top:46%;z-index:6;writing-mode:vertical-rl;font-size:10px;letter-spacing:.15em;color:#7e838e}.h2-scroll-cue:after{content:"";display:block;width:1px;height:70px;background:linear-gradient(#a5a9b3,transparent);margin:12px auto 0}
.h2-about{min-height:92svh;padding:19vh 0 14vh;display:grid;align-items:center}.h2-about-grid{display:grid;grid-template-columns:4fr 7fr 1fr;gap:calc(100vw/12)}.h2-about-copy{grid-column:2}.h2-about-copy h2{font-size:clamp(42px,6vw,88px);line-height:1.03;letter-spacing:-.06em;margin:0 0 32px;font-weight:720}.h2-about-copy p{max-width:650px}.h2-signature{margin-top:42px;font-size:clamp(32px,5vw,66px);font-weight:800;color:var(--h2-acid);letter-spacing:-.06em;transform:rotate(-5deg);transform-origin:left center}
.h2-work{padding:12vh 0 20vh}.h2-work-head{display:grid;grid-template-columns:5fr 7fr;gap:calc(100vw/12);margin-bottom:13vh}.h2-work-head h2{grid-column:2;font-size:clamp(54px,8vw,120px);line-height:.95;letter-spacing:-.07em;margin:0;font-weight:760}.h2-work-head p{grid-column:2;max-width:630px;margin:30px 0 0}.h2-work-list{display:grid;gap:14vh}.h2-work-item{display:grid;grid-template-columns:repeat(12,1fr);column-gap:18px;align-items:start}.h2-work-item:nth-child(odd) .h2-work-media{grid-column:5/13}.h2-work-item:nth-child(odd) .h2-work-meta{grid-column:2/5;grid-row:1}.h2-work-item:nth-child(even) .h2-work-media{grid-column:1/8}.h2-work-item:nth-child(even) .h2-work-meta{grid-column:9/12;grid-row:1}.h2-work-meta{padding-top:10px}.h2-work-meta small{font-size:10px;letter-spacing:.16em;color:#858a96}.h2-work-meta h3{font-size:clamp(35px,4.2vw,64px);letter-spacing:-.055em;line-height:1;margin:12px 0 18px}.h2-work-meta p{font-size:14px;line-height:1.65;color:#9fa4af;margin:0 0 22px}.h2-work-media{aspect-ratio:16/10;border-radius:26px;position:relative;overflow:hidden;background:#10121a;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 100px rgba(0,0,0,.28);transform:perspective(1200px) rotateX(var(--curl,0deg));transform-origin:center;will-change:transform}.h2-work-media:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.16),transparent 27%);opacity:.7;pointer-events:none}.h2-ui{position:absolute;inset:0;padding:18px;background:linear-gradient(145deg,rgba(255,255,255,.055),transparent 35%),#0c0e14}.h2-ui-top{height:42px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px;color:#8e94a1}.h2-ui-top b{color:#eff1f6}.h2-ui-top i{margin-left:auto;width:8px;height:8px;background:var(--tone);border-radius:50%;box-shadow:0 0 18px var(--tone)}.h2-studio-ui .h2-ui-body{height:calc(100% - 42px);display:grid;grid-template-columns:54px 1fr 24%;gap:8px;padding-top:8px}.h2-tools,.h2-props,.h2-canvas,.h2-timeline{border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#11141c}.h2-tools{display:grid;align-content:start;gap:9px;padding:12px}.h2-tools i{height:24px;border-radius:7px;background:rgba(255,255,255,.08)}.h2-editor{display:grid;grid-template-rows:1fr 27%;gap:8px}.h2-canvas{position:relative;overflow:hidden;background:radial-gradient(circle at 54% 18%,#30445b,#172431 38%,#0d1119 76%)}.h2-canvas:before{content:"";position:absolute;width:80%;height:50%;left:10%;bottom:-15%;border-radius:50% 50% 0 0;background:linear-gradient(20deg,#21392c,#12241b)}.h2-subtitle{position:absolute;left:25%;right:25%;bottom:24%;border:1px solid var(--h2-acid);padding:12px;text-align:center;font-weight:750;font-size:clamp(12px,1.4vw,22px);box-shadow:0 0 0 1px rgba(0,0,0,.6) inset}.h2-subtitle:before,.h2-subtitle:after{content:"";position:absolute;width:6px;height:6px;background:var(--h2-acid);top:-4px}.h2-subtitle:before{left:-4px}.h2-subtitle:after{right:-4px}.h2-timeline{position:relative;padding:17px 14px 10px 48px;overflow:hidden}.h2-timeline span{display:block;height:18px;border-radius:5px;margin-bottom:6px;background:linear-gradient(90deg,#6b7fff,#a271ff);width:78%}.h2-timeline span:nth-child(2){background:linear-gradient(90deg,#ff6f9a,#ffb279);width:52%}.h2-timeline i{position:absolute;left:44%;top:7px;bottom:7px;width:1px;background:#fff}.h2-props{padding:14px}.h2-props b{display:block;font-size:12px;margin-bottom:15px}.h2-props span{display:block;height:28px;border:1px solid rgba(255,255,255,.08);border-radius:8px;margin-bottom:8px}.h2-easy-ui .h2-ui-body{height:calc(100% - 42px);display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:8% 7%}.h2-file-card{border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:20px;display:grid;align-content:space-between;background:rgba(255,255,255,.035)}.h2-file-card b{font-size:24px}.h2-file-card em{font-style:normal;color:var(--tone);font-size:12px}.h2-encoder-ui .h2-ui-body,.h2-qc-ui .h2-ui-body{height:calc(100% - 42px);display:grid;grid-template-columns:36% 1fr;gap:8px;padding-top:8px}.h2-queue,.h2-inspector{border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#11141c;padding:14px}.h2-queue article{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:10px}.h2-meter{height:7px;border-radius:8px;background:#232632;overflow:hidden;margin-top:8px}.h2-meter i{display:block;height:100%;width:var(--meter,64%);background:linear-gradient(90deg,var(--tone),#fff)}.h2-format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.h2-format-grid span{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:11px;font-size:10px}.h2-qc-screen{position:relative;min-height:60%;border-radius:14px;background:radial-gradient(circle at 60% 32%,#293949,#121922 55%,#0c0f15);margin-bottom:10px}.h2-qc-marker{position:absolute;width:14px;height:14px;border:2px solid #ff5c68;border-radius:50%;box-shadow:0 0 22px #ff5c68}.h2-qc-marker.a{left:38%;top:32%}.h2-qc-marker.b{right:20%;bottom:23%}.h2-wave{height:48px;display:flex;align-items:center;gap:2px}.h2-wave i{flex:1;height:var(--h);background:var(--tone);opacity:.75;border-radius:2px}
.h2-hyper{height:800svh;position:relative}.h2-hyper-sticky{height:100svh;position:sticky;top:0;overflow:hidden;display:grid;place-items:center}.h2-hyper-scene{position:absolute;inset:0;display:grid;place-items:center;padding:10vw;text-align:center;opacity:0;transform:scale(.9);filter:blur(18px);will-change:opacity,transform,filter}.h2-hyper-scene h2{font-size:clamp(52px,9vw,150px);line-height:.92;letter-spacing:-.075em;margin:0;font-weight:760;max-width:1200px}.h2-hyper-scene p{font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:#a5aab4;margin-top:25px}.h2-hyper-label{position:absolute;left:24px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-size:10px;letter-spacing:.17em;color:#8f949f}.h2-hyper-count{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-variant-numeric:tabular-nums;color:#777d88;font-size:11px}
.h2-contact{min-height:115svh;display:grid;align-items:end;padding:14vh 0 10vh;overflow:hidden}.h2-contact-copy{position:relative;z-index:4}.h2-contact h2{font-size:clamp(72px,12vw,190px);line-height:.84;letter-spacing:-.085em;margin:0;font-weight:760}.h2-contact h2 span{display:block}.h2-contact h2 .outline{-webkit-text-stroke:1px rgba(255,255,255,.75);color:transparent}.h2-contact-row{display:grid;grid-template-columns:5fr 4fr 3fr;gap:18px;margin-top:8vh;padding-top:26px;border-top:1px solid var(--h2-line)}.h2-contact-row p{grid-column:1/2;margin:0;color:#9fa4af;line-height:1.6;font-size:14px}.h2-contact-links{grid-column:2/4;display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.h2-footer{display:flex;justify-content:space-between;margin-top:11vh;color:#686e7b;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
#home2Intro{position:fixed;inset:0;z-index:999;background:#07080c;pointer-events:none;transition:opacity .25s ease}#home2Intro.hidden{opacity:0}#home2Intro canvas{width:100%;height:100%;display:block}
@media(max-width:760px){.home2-noise{display:none}.home2-grid{background-size:25vw 100%,100% 25svh}.h2-container{width:calc(100% - 32px)}.h2-nav a:nth-child(2),.h2-nav a:nth-child(4){display:none}.h2-brand{left:16px;top:16px}.h2-nav{right:16px;top:13px}.h2-nav a{padding:8px 10px}.h2-telemetry{left:16px;bottom:15px;gap:12px;font-size:8px}.h2-telemetry span:nth-child(2){display:none}.h2-coords{right:16px;bottom:15px;font-size:8px;gap:10px}.h2-coords span:first-child{display:none}.h2-hero{height:185svh;min-height:1250px}.h2-hero-copy{left:16px;right:16px;top:15vh;width:auto}.h2-hero-title{font-size:clamp(48px,13.8vw,56px);line-height:1.08}.h2-hero-title span{white-space:nowrap}.h2-hero-title span+span{margin-top:.14em}.h2-hero-description{font-size:15px;width:94%;margin-top:24px}.h2-hero-object-copy{left:16px;right:16px;top:67%;width:auto;transform:none}.h2-object-caption{margin-top:31%;font-size:21px}.h2-scroll-cue{right:9px}.h2-about{padding:15vh 0 12vh}.h2-about-grid{display:block}.h2-about-copy h2{font-size:49px}.h2-work{padding-top:8vh}.h2-work-head{display:block;margin-bottom:10vh}.h2-work-head h2{font-size:66px}.h2-work-list{gap:12vh}.h2-work-item{display:block}.h2-work-meta{padding:0 0 24px}.h2-work-meta h3{font-size:48px}.h2-work-media{border-radius:19px;aspect-ratio:4/5}.h2-studio-ui .h2-ui-body{grid-template-columns:38px 1fr}.h2-props{display:none}.h2-editor{grid-template-rows:1fr 26%}.h2-subtitle{left:14%;right:14%;font-size:14px}.h2-easy-ui .h2-ui-body{grid-template-columns:1fr;padding:10%}.h2-file-card:nth-child(2){display:none}.h2-encoder-ui .h2-ui-body,.h2-qc-ui .h2-ui-body{grid-template-columns:1fr}.h2-queue{display:none}.h2-hyper-scene{padding:10vw 8vw}.h2-hyper-scene h2{font-size:clamp(45px,13.4vw,56px);line-height:1.01}.h2-hyper-label{left:8px}.h2-hyper-count{display:none}.h2-contact{min-height:110svh}.h2-contact h2{font-size:clamp(70px,22vw,102px)}.h2-contact-row{grid-template-columns:1fr;gap:24px}.h2-contact-row p,.h2-contact-links{grid-column:auto}.h2-contact-links{justify-content:flex-start}.h2-footer{gap:10px;flex-direction:column}.h2-object-meta{font-size:8px}.h2-actions{margin-top:20px}.h2-chip{font-size:12px;padding:11px 13px}}
@media(prefers-reduced-motion:reduce){.home2-body{scroll-behavior:auto}.h2-work-media{will-change:auto}#home2Intro{display:none}}