.particle-journey{position:relative;height:155svh;min-height:1160px;background:#fff;--particle-blue:#2454ed}.particle-stage{position:sticky;top:83px;height:calc(100svh - 83px);min-height:680px;max-height:1100px;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#fff 25%,#fafcff 80%,#edf2ff)}.particle-glow{position:absolute;right:-15%;top:-10%;width:90%;height:110%;background:radial-gradient(ellipse,#d7e5ff70 0,#e8f1ff20 46%,transparent 68%);z-index:-1}.particle-topline{padding-top:32px;display:flex;justify-content:space-between;color:#7a8697;font:9px/1.4 ui-monospace,monospace;letter-spacing:.1em;position:relative;z-index:3}.particle-topline>span{display:flex;align-items:center;gap:10px}.particle-topline i{width:5px;height:5px;background:#2454ed;box-shadow:0 0 0 4px #2454ed0a}.particle-copy{position:relative;z-index:2;pointer-events:none;padding-top:clamp(100px,16vh,190px)}.particle-eyebrow{font:9px/1.4 ui-monospace,monospace;letter-spacing:.15em;color:#7a879d;margin-bottom:27px}.studio .particle-copy h1{font-size:clamp(46px,4.7vw,77px);line-height:1.19;letter-spacing:-.065em;font-weight:650;max-width:620px}.particle-copy h1>span{background:linear-gradient(110deg,#2354ea,#7295fa);background-clip:text;color:transparent}.studio .particle-copy p{font-size:16px;line-height:1.85;color:#707e93;margin-top:29px}.particle-actions{display:flex;align-items:center;gap:27px;margin-top:37px;width:fit-content;pointer-events:auto}.particle-actions .s-button{border-radius:3px;gap:35px}.particle-kakao{font-size:13px;display:flex;align-items:center;gap:19px;color:#333b4a;border-bottom:1px solid #d6ddea;padding:15px 0}.particle-kakao>span{font-size:18px}.particle-location{display:block;font:8px/1.5 ui-monospace,monospace;letter-spacing:.05em;color:#8793a5;margin-top:47px}.particle-visual{position:absolute;left:40%;right:-6%;top:2%;height:88%;z-index:1}.particle-visual canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .7s}.particle-visual.is-ready canvas{opacity:1}.particle-poster{width:100%;height:100%;position:absolute;inset:0;transition:opacity .7s}.particle-visual.is-ready .particle-poster{opacity:0}.particle-crosshair{position:absolute;color:#bac7de;font:20px/1 ui-monospace,monospace;font-weight:200;pointer-events:none}.crosshair-one{top:18%;left:18%}.crosshair-two{bottom:16%;right:16%}.particle-interaction{position:absolute;right:5%;bottom:131px;display:flex;align-items:center;gap:18px;color:#8e9cb2;font:8px ui-monospace,monospace;letter-spacing:.02em;z-index:3}.particle-interaction button{width:35px;height:35px;display:grid;place-items:center;border:1px solid #d9e0ed;border-radius:50%;background:#ffffffd0;font-size:10px;color:#607091}.particle-interaction button:disabled{opacity:.35}.particle-bottom{position:absolute;bottom:33px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:26px;border-top:1px solid #e0e7f2;z-index:3}.particle-phases{display:flex;gap:27px;font:11px ui-monospace,monospace;letter-spacing:.06em}.particle-phases>span{color:#a7b2c5;display:flex;gap:8px;align-items:center;transition:color .3s}.particle-phases>span.active{color:#2454ed}.particle-phases small{font-size:8px}.particle-bottom>a{font-size:12px;color:#465671}.particle-scroll{margin-right:145px;display:flex;gap:18px;align-items:center;font:8px ui-monospace,monospace;color:#7a8da8;letter-spacing:.03em}.particle-scroll i{font-style:normal;font-size:21px;animation:particle-scroll 2s ease-in-out infinite}.particle-progress{position:absolute;top:-1px;left:0;right:0;height:2px}.particle-progress i{display:block;height:100%;background:#4273ef;transform:scaleX(0);transform-origin:left}.particle-journey.is-paused *{animation-play-state:paused!important}@keyframes particle-scroll{50%{transform:translateY(5px)}}.project-filter{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:31px}.project-filter button{padding:11px 16px;border:1px solid #e3e8ef;background:#fff;border-radius:3px;font-size:12px;color:#697589;display:flex;gap:12px;align-items:center}.project-filter button>span{font:9px ui-monospace,monospace;opacity:.6}.project-filter button[aria-pressed=true]{background:#202735;border-color:#202735;color:#fff}.project-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.project-tile{min-width:0;scroll-margin-top:110px}.project-shot{display:block;width:100%;aspect-ratio:1.6;position:relative;overflow:hidden;background:#f0f3f8;text-align:left;border:1px solid #e2e7ef;border-radius:5px}.project-shot>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s}.project-shot:hover>img{transform:scale(1.045)}.project-expand{position:absolute;bottom:12px;right:12px;background:#ffffffed;backdrop-filter:blur(10px);color:#233352;font-size:10px;padding:8px 12px;border-radius:2px;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}.project-shot:focus-visible .project-expand,.project-shot:hover .project-expand{opacity:1;transform:none}.project-caption{padding:18px 1px 0}.project-caption>span{font-size:10px;letter-spacing:.02em;color:#5574ae}.studio .project-caption h3{font-size:20px;line-height:1.35;letter-spacing:-.045em;margin-top:9px}.studio .project-caption>p{font-size:12px;line-height:1.6;margin-top:8px}.project-caption>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.project-caption small{font-size:9px;color:#8e99aa}.project-caption a{font-size:10px;color:#4d5f7b}.project-data-art{padding:24px;background:#141e32;color:#a7bbdf;height:100%;display:flex;flex-direction:column;justify-content:space-between}.project-data-art>span{font:8px ui-monospace,monospace;letter-spacing:.1em}.project-data-art>div{height:45%;display:flex;align-items:flex-end;gap:8px}.project-data-art i{flex:1;background:linear-gradient(#7bafff,#2855ed44);border-radius:2px}.project-data-art>b{font-size:18px;letter-spacing:-.04em}.project-data-art>small{font-size:9px}.project-dialog{position:fixed;inset:0;margin:auto;width:min(1120px,calc(100% - 48px));max-width:1120px;max-height:88svh;padding:0;border:0;border-radius:8px;color:#1b2332;background:#fff;box-shadow:0 30px 100px #07112866}.project-dialog::backdrop{background:#101827b0;backdrop-filter:blur(9px)}.project-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px 28px;border-bottom:1px solid #e3e8ef}.project-dialog-head span{font-size:10px;color:#7082a3}.studio .project-dialog-head h2{font-size:24px;margin-top:6px;letter-spacing:-.04em}.project-dialog-head>button{width:40px;height:40px;border:1px solid #e3e8ef;border-radius:50%;flex:none}.project-dialog-image{display:block;width:100%;height:auto}.project-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;background:#f8faff}.studio .project-dialog-foot p{font-size:13px}.project-dialog-foot small{font-size:10px}.project-dialog-foot .s-button{font-size:12px;white-space:nowrap;min-height:42px;padding:12px 17px}.project-private{background:#eaf0fa;padding:70px 30px;text-align:center;font-size:15px;line-height:1.9}.showcase-section .section-heading{margin-bottom:35px}.showcase-section{scroll-margin-top:85px}.home-naver{padding:95px 0;background:#f5f8f7;border-top:1px solid #e4ebe7;border-bottom:1px solid #e4ebe7;scroll-margin-top:82px}.home-naver .section-heading{margin-bottom:34px}.naver-dot{background:#03a953!important}.naver-editorial{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.naver-story{display:flex;flex-direction:column;min-height:270px;padding:25px 23px;background:#fff;border:1px solid #e2eae4;border-radius:4px}.naver-story:hover{transform:translateY(-5px);border-color:#8bb89b}.naver-story-meta{display:flex;justify-content:space-between;gap:8px;font:8px ui-monospace,monospace;letter-spacing:.03em}.naver-story-meta>span{color:#258550}.naver-story-meta>time{color:#98a59d}.studio .naver-story h3{font-size:21px;line-height:1.45;letter-spacing:-.045em;margin:28px 0}.naver-story-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:#8e9c94;font:8px ui-monospace,monospace}.naver-story-foot>b{font-size:20px;font-weight:400;color:#385d46}.naver-unavailable{padding:30px;border:1px solid #dce8df;background:#fff}.naver-unavailable a{display:inline-block;margin-top:12px;font-size:13px;color:#258550}.kakao-contact-float{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:35;background:#fee500;color:#302519;display:flex;align-items:center;gap:9px;padding:14px 17px;border-radius:30px;box-shadow:0 5px 24px #3b321824;font-size:12px;font-weight:600;border:1px solid #eed400}.kakao-contact-float:hover{transform:translateY(-3px);background:#ffeb3b}.kakao-contact-float>b{font-size:15px;margin-left:6px;font-weight:400}.contact-kakao-button{display:flex;width:fit-content;margin-top:25px;background:#fee500;color:#302519;padding:15px 21px;border-radius:4px;font-size:13px;font-weight:600}.studio-footer{padding-bottom:92px!important}@media (max-width:1100px){.particle-copy{padding-top:135px}.studio .particle-copy h1{font-size:50px}.particle-visual{left:38%;right:-16%}.particle-phases{gap:17px;font-size:9px}.particle-scroll{display:none}.naver-editorial{grid-template-columns:repeat(2,minmax(0,1fr))}.naver-story{min-height:235px}.project-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.particle-journey{height:auto;min-height:0}.particle-stage{position:relative;top:0;height:960px;min-height:0;max-height:none}.particle-topline{padding-top:24px;font-size:7px;letter-spacing:.035em}.particle-topline>span:last-child{display:none}.particle-copy{padding-top:57px;text-align:left}.particle-eyebrow{font-size:7px;margin-bottom:22px}.studio .particle-copy h1{font-size:clamp(35px,8.9vw,48px);line-height:1.19;letter-spacing:-.065em;max-width:none}.studio .particle-copy p{font-size:13px;margin-top:21px}.particle-actions{gap:23px;margin-top:25px}.particle-actions .s-button{font-size:11px;padding:13px 16px;min-height:48px;gap:23px}.particle-kakao{font-size:11px;gap:12px}.particle-location{display:none}.particle-visual{top:355px;left:-15%;right:-15%;height:460px}.crosshair-one{left:18%;top:15%}.crosshair-two{right:18%;bottom:13%}.particle-glow{right:-25%;top:35%;width:140%;height:55%}.particle-interaction{bottom:142px;right:24px;left:24px;justify-content:space-between;font-size:6px}.particle-bottom{bottom:39px;display:flex;flex-wrap:wrap;gap:20px;padding-top:20px}.particle-phases{font-size:9px;gap:20px;width:100%}.particle-bottom>a{font-size:11px}.particle-phases small{font-size:7px}.project-wall{gap:27px 14px}.project-filter{gap:7px;margin-bottom:24px}.project-filter button{font-size:10px;padding:9px 11px;gap:7px}.project-caption{padding-top:13px}.studio .project-caption h3{font-size:17px}.project-caption>span{font-size:9px}.studio .project-caption>p{font-size:11px}.project-caption>div{flex-wrap:wrap;gap:8px}.project-caption small{font-size:8px}.project-shot{border-radius:3px}.project-expand{display:none}.project-data-art{padding:14px}.project-data-art>span{font-size:6px}.project-data-art>b{font-size:12px}.project-data-art>small{font-size:7px}.project-data-art>div{gap:4px}.project-dialog{width:calc(100% - 24px);max-height:85svh}.project-dialog-head{padding:17px}.studio .project-dialog-head h2{font-size:19px}.project-dialog-head>button{width:34px;height:34px}.project-dialog-foot{padding:18px;flex-wrap:wrap}.project-private{padding:40px 20px;font-size:13px}.home-naver{padding:60px 0;scroll-margin-top:70px}.naver-editorial{grid-template-columns:1fr;gap:12px}.naver-story{min-height:0;padding:23px}.studio .naver-story h3{font-size:21px;margin:19px 0 25px}.naver-story-meta{font-size:9px}.kakao-contact-float{bottom:max(16px,env(safe-area-inset-bottom));right:16px;padding:11px 13px;gap:6px;font-size:10px}.kakao-contact-float>b{display:none}.kakao-contact-float svg{width:19px;height:19px}}@media (max-width:380px){.particle-actions{gap:18px}.particle-actions .s-button,.particle-phases{gap:15px}.project-wall{grid-template-columns:1fr}.project-caption>div{flex-wrap:nowrap}.project-data-art{padding:24px}}@media (prefers-reduced-motion:reduce){.particle-journey{height:auto;min-height:0}.particle-stage{position:relative;top:0}.particle-journey *{animation:none!important;transition:none!important}.project-shot>img{transition:none}.naver-story:hover{transform:none}}@media print{.kakao-contact-float,.particle-journey,.project-dialog{display:none}.project-wall{grid-template-columns:repeat(2,1fr)}}