:root{--ink:#111111;--paper:#f4f1ea;--blue:#1b43ee;--orange:#ff6419;--line:rgba(17,17,17,.17);--mono:'DM Mono','Noto Sans KR',monospace;--sans:'DM Sans','Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:20px;top:20px;z-index:100;color:#fff;background:#000;padding:12px}.site-header{position:fixed;top:28px;left:0;right:0;z-index:50;padding:0 30px;pointer-events:none}.nav-shell{height:54px;max-width:820px;margin:auto;border-radius:999px;background:#0c0c0c;color:#fff;display:flex;align-items:center;padding:0 22px;pointer-events:auto;box-shadow:0 8px 24px rgba(0,0,0,.12)}.brand{font:500 13px var(--mono);letter-spacing:.32em;white-space:nowrap}.brand .custom-logo{display:block;max-height:25px;width:auto}.desktop-nav{margin-left:auto}.menu,.mobile-menu{list-style:none;padding:0;margin:0;display:flex;gap:25px}.menu a{font-size:12px;font-weight:600;white-space:nowrap}.menu a:hover{opacity:.65}.menu-toggle,.mobile-nav{display:none}.hero{min-height:100svh;position:relative;padding:185px 6vw 70px;display:grid;place-items:center;overflow:hidden}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.94%,rgba(0,0,0,.04) 50%,transparent 50.06%),linear-gradient(0deg,transparent 49.94%,rgba(0,0,0,.04) 50%,transparent 50.06%);background-size:120px 120px;mask-image:linear-gradient(to bottom,transparent,black 25%,black 75%,transparent);opacity:.45}.hero-content{position:relative;max-width:1000px;text-align:center;z-index:1}.eyebrow,.hero-index,.hero-side-copy,.section-number{font:12px var(--mono);letter-spacing:.08em}.eyebrow{margin:0 0 22px}.hero h1{font-size:clamp(48px,7.4vw,126px);line-height:.94;letter-spacing:-.075em;margin:0;font-weight:800;word-break:keep-all}.hero-copy{max-width:440px;line-height:1.7;font-size:15px;margin:31px auto 25px;color:#555;word-break:keep-all}.button{display:inline-flex;align-items:center;gap:28px;border-radius:999px;padding:15px 20px;font-size:14px;font-weight:700;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:#fff}.button-dark span{font-size:17px}.hero-index{position:absolute;top:44%;left:6vw;writing-mode:vertical-rl;display:flex;gap:15px}.hero-index span{color:#777;font-size:10px}.hero-side-copy{position:absolute;right:6vw;top:44%;line-height:1.6;color:#555}.scroll-stage{height:240vh;position:relative}.stage-sticky{position:sticky;top:0;height:100svh;padding:8vh 2.5vw 6vh;overflow:hidden;background:var(--paper)}.stage-label{position:absolute;z-index:2;top:8vh;left:5vw;display:flex;gap:16px;font:11px var(--mono)}.motion-frame{height:82vh;width:70vw;margin:7vh auto 0;border-radius:42px;position:relative;overflow:hidden;background:#d8d3cb;will-change:width,height,border-radius;transform:translateZ(0)}.motion-poster,.motion-video{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:transform .5s ease}.motion-frame:hover .motion-poster{transform:scale(1.08)}.frame-overlay{position:absolute;inset:auto 0 8% 0;text-align:center;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.5);font:10px var(--mono);letter-spacing:.25em;display:grid;justify-items:center;gap:10px}.frame-overlay i{width:1px;height:36px;background:#fff}.chapter{position:absolute;padding:9px 12px;border:1px solid rgba(255,255,255,.6);border-radius:999px;color:#fff;font:11px var(--mono);background:rgba(0,0,0,.12);backdrop-filter:blur(4px);opacity:0;transition:opacity .35s}.chapter span{opacity:.65;margin-right:7px}.chapter-one{top:19%;left:12%}.chapter-two{top:42%;right:10%}.chapter-three{bottom:23%;left:18%}.cursor-orb{position:absolute;left:50%;top:50%;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--blue);font:11px var(--mono);letter-spacing:.08em;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.7);transition:opacity .2s,transform .2s}.motion-frame:hover .cursor-orb{opacity:1;transform:translate(-50%,-50%) scale(1)}.stage-progress{position:absolute;left:5vw;right:5vw;bottom:3vh;height:1px;background:rgba(0,0,0,.18)}.stage-progress i{display:block;width:0;height:100%;background:var(--ink)}.statement{padding:23vh 8vw 18vh;display:grid;grid-template-columns:1fr 2.3fr 1fr;gap:30px;align-items:start}.statement h2{font-size:clamp(42px,6.4vw,100px);line-height:.98;letter-spacing:-.07em;margin:0}.statement h2 em{font-style:normal;color:var(--blue)}.statement-copy{padding-top:16px;font-size:15px;line-height:1.8;color:#4d4d4d}.statement-copy p{margin:0 0 24px}.statement-copy a{font-weight:700;color:#111;border-bottom:1px solid #111;padding-bottom:4px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 2.5vw 16vh}.service-card{min-height:480px;border-radius:26px;padding:28px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .2s ease}.service-card p{margin:0;font:11px var(--mono)}.service-card h3{font-size:clamp(28px,3.4vw,52px);letter-spacing:-.07em;margin:auto 0 5px}.service-card>span{font-size:14px}.service-card a{position:absolute;bottom:28px;left:28px;right:28px;display:flex;justify-content:space-between;font:12px var(--mono);border-top:1px solid currentColor;padding-top:12px}.service-card a b{font-size:18px}.service-card-blue{background:var(--blue);color:#fff}.service-card-orange{background:var(--orange);color:#111}.service-card-black{background:#111;color:#fff}.contact-panel{margin:0 2.5vw 3vw;background:#111;color:#fff;border-radius:28px;padding:9vw 7vw;position:relative;overflow:hidden}.contact-panel:before{content:'';position:absolute;width:55vw;height:55vw;border:1px solid rgba(255,255,255,.25);border-radius:50%;right:-18vw;top:-35vw}.contact-panel p{font:11px var(--mono);letter-spacing:.1em}.contact-panel h2{max-width:900px;font-size:clamp(48px,7vw,110px);line-height:.95;letter-spacing:-.07em;margin:5vw 0}.button-light{background:#fff;color:#111}.site-footer{padding:8vw 5vw 28px}.footer-top{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:7vw}.footer-kicker{font:12px var(--mono)}.footer-link{font-size:clamp(25px,4.5vw,64px);font-weight:700;letter-spacing:-.06em}.footer-bottom{display:flex;justify-content:space-between;padding-top:20px;color:#555;font:10px var(--mono)}.footer-bottom div{display:flex;gap:18px}.page-main{min-height:70vh;padding:180px 8vw 10vw}.page-content{max-width:1000px}.page-content h1{font-size:clamp(45px,8vw,100px);letter-spacing:-.07em;margin:15px 0 70px}.entry-content{font-size:17px;line-height:1.9}.post-card{border-top:1px solid var(--line);padding:25px 0}.post-card h2{font-size:28px}@media(max-width:760px){.site-header{top:14px;padding:0 14px}.nav-shell{height:50px;padding:0 18px}.desktop-nav{display:none}.menu-toggle{display:flex;margin-left:auto;border:0;background:transparent;width:32px;height:25px;flex-direction:column;justify-content:center;gap:6px;padding:0}.menu-toggle span{display:block;height:1px;background:#fff;width:21px}.mobile-nav{position:absolute;right:14px;top:58px;width:calc(100% - 28px);border-radius:18px;background:#111;color:#fff;padding:22px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s}.site-header.menu-open .mobile-nav{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu{display:grid;gap:16px}.mobile-menu a{font-size:15px}.hero{padding:150px 24px 60px;min-height:92svh}.hero h1{font-size:13.5vw}.hero-index,.hero-side-copy{display:none}.hero-copy{font-size:14px}.scroll-stage{height:190vh}.stage-sticky{padding:9vh 14px 6vh}.stage-label{top:9vh;left:24px}.motion-frame{width:100%;height:67vh;margin-top:10vh;border-radius:24px}.chapter{font-size:9px;padding:7px 9px}.chapter-one{top:16%;left:7%}.chapter-two{top:44%;right:5%}.chapter-three{bottom:17%;left:10%}.statement{padding:17vh 24px 14vh;display:block}.section-number{margin-bottom:50px}.statement h2{font-size:13vw}.statement-copy{margin-top:35px}.services{grid-template-columns:1fr;padding:0 14px 13vh;gap:10px}.service-card{min-height:360px;border-radius:20px}.contact-panel{margin:0 14px 14px;padding:80px 28px;border-radius:20px}.contact-panel:before{width:120vw;height:120vw;right:-45vw;top:-50vw}.contact-panel h2{font-size:13vw;margin:16vw 0}.footer-top{display:block}.footer-link{display:block;margin-top:25px;font-size:9vw}.footer-bottom{gap:18px;flex-direction:column}.footer-bottom div{gap:12px}.page-main{padding:140px 24px 80px}}
