:root{color-scheme:dark;--bg:#080c13;--text:#eef2f6;--muted:#aab3c1;--coral:#f09886;--line:rgba(202,216,235,.18);font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI','Apple SD Gothic Neo',sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:radial-gradient(ellipse at 85% 14%,#141e2a00,transparent 55%),var(--bg);overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.3;cursor:default}:focus-visible{outline:2px solid var(--coral);outline-offset:6px}::selection{background:#6b423c;color:white}.skip{position:fixed;top:-100px;left:20px;padding:15px;z-index:100;background:var(--text);color:var(--bg)}.skip:focus{top:20px}
#people-space{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 82% 40%,#17233488,transparent 57%),var(--bg)}.reading-shade{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(8,12,19,.94),rgba(8,12,19,.84) 28%,rgba(8,12,19,.2) 62%,transparent 80%)}main{position:relative;z-index:2}.site-header{position:absolute;left:7vw;right:7vw;top:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:10}.wordmark{font-size:27px;letter-spacing:-1.6px;font-weight:750}.wordmark span{color:var(--coral)}nav{display:flex;gap:36px;font-size:12px;letter-spacing:.02em;color:#c0c8d4}nav a:hover{color:#fff}nav span{margin-left:8px}.chapter{position:relative;min-height:100svh;padding:140px 7vw 100px;display:flex;align-items:center}.hero{min-height:100svh;padding-top:140px;align-items:center}.hero-copy{width:72%;padding-bottom:10vh}.hero h1{font-size:clamp(48px,5.6vw,90px);letter-spacing:-.068em;line-height:1.04;font-weight:800;margin:0}.hero-copy p{font-size:clamp(17px,1.5vw,21px);line-height:1.7;letter-spacing:-.03em;color:#c0c8d4;margin:35px 0 0}.scroll-cue{position:absolute;bottom:34px;left:7vw;display:flex;gap:18px;align-items:center;font-size:9px;letter-spacing:.17em;color:#b3bdcc}.scroll-cue i{display:block;width:65px;height:1px;background:var(--line);position:relative}.scroll-cue i:after{content:'';width:18px;height:1px;background:var(--coral);position:absolute;animation:connect 3s ease-in-out infinite}.hero-caption{position:absolute;right:7vw;bottom:33px;font-size:11px;letter-spacing:.02em;color:#8e9cac}@keyframes connect{0%,100%{transform:translateX(0)}50%{transform:translateX(47px)}}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:.22em;color:#a3afbf;margin:0 0 35px}.chapter-copy{width:61%;max-width:780px}.chapter h2,.services h2{font-size:clamp(36px,4.7vw,68px);line-height:1.18;letter-spacing:-.055em;font-weight:650;margin:0 0 42px}.chapter h2 span{color:#b9c9d8}.body-copy{color:#b9c2cf;font-size:17px;line-height:1.9;letter-spacing:-.025em}.body-copy p{margin:0 0 24px}.chapter-foot{position:absolute;left:7vw;bottom:58px;font-size:9px;letter-spacing:.2em;color:#77869a}.philosophy{min-height:108svh}.expertise-copy{width:64%;max-width:850px}.capabilities{min-height:115svh}.capabilities h2{margin-bottom:56px}.expertise-list{border-bottom:1px solid var(--line)}details{border-top:1px solid var(--line)}summary{display:flex;align-items:center;gap:25px;padding:27px 0;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary .number{font-size:11px;color:#738599}summary h3{font-size:clamp(20px,2.1vw,30px);line-height:1.28;font-weight:550;letter-spacing:-.04em;margin:0;flex:1}.plus{font-size:25px;font-weight:300;color:#aebccd;width:20px;text-align:center;transition:transform .25s}details[open] .plus{transform:rotate(45deg)}details>p{margin:0 0 28px;padding-left:40px;max-width:630px;color:#b9c2cf;font-size:16px;line-height:1.8}.text-link{display:inline-flex;gap:30px;align-items:center;margin-top:28px;font-size:13px;border-bottom:1px solid #76899f;padding-bottom:14px}.text-link span{color:var(--coral)}
.services{position:relative;min-height:110svh;padding:120px 7vw 110px;background:#0a1019;isolation:isolate}.service-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:60px}.services h2{font-size:clamp(34px,3.9vw,56px);margin:0}.service-intro>p{color:#b3bfce;font-size:15px;line-height:1.8;margin:0 0 4px}.services .eyebrow{margin-bottom:22px}.service-navigation{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #334255;padding-bottom:23px}.service-tabs{display:flex;gap:35px}.service-tabs button{background:none;border:0;color:#7e8ea3;font-size:10px;letter-spacing:.06em;padding:0;display:flex;gap:10px;align-items:baseline}.service-tabs button span{font-size:16px;color:#a5b3c5;letter-spacing:-.02em}.service-tabs button[aria-pressed=true]{color:var(--coral)}.service-tabs button[aria-pressed=true] span{color:white}.service-controls{display:flex;gap:20px;align-items:center;font-size:11px;color:#aab9cd}.service-controls button{color:#e8edf4;background:none;border:0;font-size:22px;padding:0 4px}.service-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:smooth}.service-track::-webkit-scrollbar{display:none}.service-panel{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center;scroll-snap-align:start;scroll-snap-stop:always;min-width:0;padding:50px 0 20px;--accent:#c9e1a7}.service-copy{padding-right:20px}.service-category{font-size:10px;letter-spacing:.18em;font-weight:600;color:var(--accent);margin:0 0 30px}.service-copy h3{font-size:clamp(35px,3.7vw,55px);font-weight:600;letter-spacing:-.06em;line-height:1.2;color:#f5f7fa;margin:0}.service-copy h3 em{color:var(--accent);font-style:normal}.description{font-size:16px;line-height:1.9;color:#bbc6d4;margin:30px 0 34px;letter-spacing:-.02em}.service-link{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid var(--accent);padding:12px 0;color:#eef4f8;font-size:14px;font-weight:550}.service-link span{color:var(--accent);font-size:20px;transition:transform .2s}.service-link:hover span{transform:translate(3px,-3px)}.service-art{position:relative;aspect-ratio:1.12;overflow:hidden;min-width:0}.art-caption{position:absolute;bottom:15px;left:30px;font-size:8px;letter-spacing:.16em;color:#a5b8af}.hyepin-art{background:radial-gradient(ellipse at 70% 25%,#304e34,#162821 62%,#101e1b);border-radius:2px}.hyepin-orbit{position:absolute;border:1px solid #cce6b328;border-radius:50%;width:95%;height:95%;left:20%;top:-20%;transform:rotate(-25deg)}.hyepin-orbit.second{width:140%;height:90%;left:-20%;top:40%;transform:rotate(-35deg)}.hyepin-giant{position:absolute;font-size:clamp(90px,13vw,190px);font-weight:750;letter-spacing:-.09em;top:10%;left:8%;color:#dbe8c8}.hyepin-giant>span{color:#94b765}.coupon{position:absolute;right:8%;bottom:13%;width:48%;padding:25px 28px;background:#c3d8a2;color:#1a3326;transform:rotate(-9deg);box-shadow:0 20px 35px #0003}.coupon>span{font-size:8px;letter-spacing:.18em}.coupon strong{display:block;font-size:30px;letter-spacing:-.055em;line-height:1.15;padding:17px 0}.coupon small{font-size:9px}.coupon-dash{border-top:1px dashed #59723d;margin-top:17px}.treatcraft{--accent:#efbaaf}.treatcraft-art{background:radial-gradient(ellipse at 70% 35%,#623b39,#291e27 68%);border-radius:2px}.treatcraft-giant{position:absolute;left:8%;top:13%;font-size:clamp(70px,8vw,135px);font-weight:750;letter-spacing:-.07em;line-height:.95;color:#f5b7a7}.game-phone{position:absolute;width:39%;height:81%;right:12%;top:7%;transform:rotate(8deg);border:5px solid #382734;border-radius:23px;overflow:hidden;box-shadow:0 25px 45px #0005;background:#281820}.game-phone img{width:100%;height:100%;object-fit:cover}.game-token{position:absolute;width:24%;height:auto;left:13%;bottom:16%;border-radius:25%;transform:rotate(-13deg);box-shadow:0 15px 40px #0004}.treatcraft .art-caption{color:#d5a59e}.viblog{--accent:#c1b4ec}.viblog-art{background:radial-gradient(ellipse at 85% 25%,#403962,#222138 70%);border-radius:2px}.editor-frame{position:absolute;inset:12% 8%;border:1px solid #c8bde257;padding:25px 25px}.editor-meta{font-size:8px;letter-spacing:.2em;color:#c3b9e0}.play-mark{position:absolute;right:22px;top:18px;border:1px solid #d4c9fa65;padding:6px 10px;border-radius:50%;font-size:12px;color:#d9caf8}.editor-frame strong{display:block;font-size:clamp(60px,7vw,100px);letter-spacing:-.075em;font-weight:650;margin-top:35px;color:#e8e1ff}.editor-frame strong span{color:#aba1d6}.editor-lines{display:flex;flex-direction:column;gap:9px;margin:24px 0}.editor-lines i{height:2px;background:#aea1d54d;width:100%}.editor-lines i:nth-child(2){width:85%}.editor-lines i:nth-child(3){width:60%}.editor-frame small{font-size:8px;letter-spacing:.18em;color:#beb4dc}.viblog .art-caption{color:#b9b0d0}.service-hint{color:#8b9bb0;font-size:11px;margin:25px 0 0;letter-spacing:.01em}
.connection{min-height:105svh}.connection .chapter-copy{width:55%}.contact{min-height:105svh;align-items:flex-end;padding-bottom:160px}.contact-copy{position:relative;max-width:850px}.contact h2{font-size:clamp(45px,5.8vw,84px);margin-bottom:30px}.contact-link{font-size:clamp(20px,2.7vw,38px);letter-spacing:-.04em;border-bottom:1px solid #a2adbe;display:inline-flex;gap:35px;padding-bottom:18px}.contact-link span{color:var(--coral)}.contact-details{display:flex;flex-wrap:wrap;gap:30px;font-size:12px;color:#b4c0d0;margin-top:30px}footer{position:absolute;bottom:30px;left:7vw;right:7vw;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:30px;align-items:center;justify-content:space-between}footer .wordmark{font-size:22px}footer p,footer>span{font-size:10px;color:#92a0b4}
.view-switch{position:fixed;z-index:20;left:calc(7vw - 18px);top:76px;display:flex;align-items:center}.view-switch button{display:grid;place-items:center;width:44px;height:44px;padding:0;background:none;border:0;border-radius:50%;color:#8396ac}.view-dot{width:8px;height:8px;border:1px solid currentColor;border-radius:50%}.view-switch button[aria-pressed=true]{color:var(--coral)}.view-switch button[aria-pressed=true] .view-dot{background:currentColor}.view-switch button:hover{color:#e9c0b7}.view-connection{position:relative;width:22px;height:1px;pointer-events:none}.view-connection:before{content:'';position:absolute;left:-18px;right:-18px;height:1px;background:#8396ac70}.view-connection:after{content:'';position:absolute;left:10px;top:-1px;width:3px;height:3px;border-radius:50%;background:#b4c3d3}.services{background:linear-gradient(0deg,transparent,#0a1019 180px,#0a1019 calc(100% - 140px),transparent)}
@media(max-width:767px){.view-switch{top:62px;left:calc(6vw - 18px)}}
@media(min-width:1800px){.chapter,.services{padding-left:calc((100vw - 1540px)/2);padding-right:calc((100vw - 1540px)/2)}}
@media(max-width:767px){html{scroll-padding-top:65px}.site-header{left:6vw;right:6vw;top:23px}.wordmark{font-size:25px}nav{gap:0;font-size:11px}nav>a:not(:last-child){display:none}.chapter{padding:105px 6vw 80px;min-height:100svh;align-items:flex-end}.hero{padding-top:65px;min-height:100svh;align-items:flex-end;padding-bottom:110px}.hero-copy{width:100%;padding:0}.hero h1{font-size:clamp(31px,8.45vw,53px);line-height:1.07;letter-spacing:-.065em}.hero-copy p{font-size:16px;line-height:1.75;margin-top:25px;max-width:330px}.desktop{display:none}.hero-caption{display:none}.scroll-cue{left:6vw;bottom:37px}.reading-shade{background:linear-gradient(0deg,#080c13fa,rgba(8,12,19,.90) 23%,rgba(8,12,19,.10) 70%,transparent)}.chapter-copy,.expertise-copy,.connection .chapter-copy{width:100%}.chapter h2{font-size:clamp(37px,10vw,50px);margin-bottom:28px}.eyebrow{font-size:9px;margin-bottom:24px}.philosophy{min-height:110svh;padding-top:46svh}.body-copy{font-size:15px;line-height:1.85}.chapter-foot{bottom:30px;left:6vw;font-size:8px}.capabilities{min-height:120svh;padding-top:40svh}.capabilities h2{margin-bottom:30px}summary{gap:15px;padding:22px 0}summary h3{font-size:21px}.number{font-size:9px}details>p{font-size:14px;padding-left:30px;line-height:1.8}.services{padding:80px 6vw 70px;min-height:100svh}.service-intro{display:block;margin-bottom:34px}.services h2{font-size:33px}.service-intro>p{font-size:14px;margin-top:24px}.service-navigation{flex-wrap:wrap;gap:20px;padding-bottom:17px}.service-tabs{gap:18px;flex:1}.service-tabs button{font-size:8px;gap:6px}.service-tabs button span{font-size:12px}.service-controls{gap:12px;font-size:10px}.service-controls button{font-size:18px}.service-panel{grid-template-columns:1fr;gap:35px;padding:35px 0 12px;align-content:start}.service-copy{padding:0}.service-category{font-size:9px;margin-bottom:22px}.service-copy h3{font-size:37px}.description{font-size:15px;margin:22px 0 21px;line-height:1.8}.service-link{font-size:13px;padding:9px 0}.service-art{aspect-ratio:1.2}.hyepin-giant{font-size:110px}.coupon{padding:16px 19px}.coupon strong{font-size:24px;padding:13px 0}.coupon-dash{margin-top:12px}.treatcraft-giant{font-size:80px}.game-phone{border-width:4px;border-radius:17px}.editor-frame{padding:17px 19px}.editor-frame strong{font-size:64px;margin-top:22px}.editor-lines{margin:17px 0;gap:6px}.editor-frame small{font-size:6px}.play-mark{right:15px;top:14px;font-size:9px}.art-caption{font-size:7px;left:20px;bottom:10px}.connection{padding-top:42svh;min-height:105svh}.contact{min-height:100svh;padding-top:45svh;padding-bottom:190px}.contact h2{font-size:48px}.contact-link{font-size:25px;gap:20px;padding-bottom:15px}.contact-details{gap:20px;font-size:11px;margin-top:25px}footer{left:6vw;right:6vw;flex-wrap:wrap;gap:12px;bottom:24px}footer p{margin:0}footer>span{flex-basis:100%;font-size:9px}footer .wordmark{font-size:22px}}
@media(prefers-reduced-motion:reduce){html,.service-track{scroll-behavior:auto}.scroll-cue i:after{animation:none}*,*:before,*:after{transition-duration:0s!important}}