@font-face{font-family:Pretendard;src:url('assets/fonts/pretendard-regular.woff2') format('woff2');font-style:normal;font-weight:100 500;font-display:swap}
@font-face{font-family:Pretendard;src:url('assets/fonts/pretendard-bold.woff2') format('woff2');font-style:normal;font-weight:600 900;font-display:swap}
:root{--paper:#fff;--ink:#1c1e22;--muted:#6f747c;--blue:#2155f5;--line:#e5e7ec;--canvas:#f5f6f8;--gutter:clamp(24px,5.5vw,100px);--scroll:0;--mx:0;--my:0;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;font-size:17px;line-height:1.6;word-break:keep-all;-webkit-font-smoothing:antialiased}body.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button,summary{font:inherit}button{cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}button{border:0;background:none}ul{margin:0;padding:0;list-style:none}svg{display:block}::selection{background:#dbe5ff;color:#173bb1}:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:4px}.skip-link{position:fixed;top:-100px;left:20px;z-index:200;background:var(--ink);color:#fff;padding:12px 20px}.skip-link:focus{top:14px}
.site-header{height:100px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:40;transition:height .35s,background .35s,box-shadow .35s}.site-header.is-scrolled{height:80px;background:rgb(255 255 255 / .93);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgb(28 30 34 / .08)}.wordmark{font-family:Pretendard,sans-serif;font-size:43px;font-weight:900;letter-spacing:-3.5px;line-height:1;display:inline-flex;align-items:flex-end;gap:4px}.logo-dot{width:8px;height:8px;background:var(--blue);border-radius:50%;margin:0 0 7px 2px}.desktop-nav{display:flex;gap:36px;font-size:15px;font-weight:600}.desktop-nav a{position:relative;padding:10px 0}.desktop-nav a::after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.desktop-nav a:hover::after{transform:scaleX(1)}.header-contact{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600}.contact-dot{height:7px;width:7px;border-radius:50%;background:var(--blue)}.menu-toggle,.mobile-nav{display:none}
.hero{position:relative;min-height:940px;height:100svh;max-height:1200px;overflow:clip;padding:220px var(--gutter) 120px;display:flex;align-items:flex-start}.hero-copy{position:relative;z-index:3;width:68%;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-intro{font-size:15px;color:var(--muted);line-height:1.55;margin-bottom:34px}.hero h1{font-size:clamp(58px,6.65vw,112px);font-weight:800;letter-spacing:-.075em;line-height:1.15;white-space:nowrap}.line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.line>span{display:inline-block}.hero-description{font-size:17px;line-height:1.9;color:#575e68;margin-top:34px}.pill-button{display:inline-flex;align-items:center;gap:30px;padding:16px 25px;border-radius:100px;background:var(--ink);color:#fff;font-size:15px;font-weight:600;transition:background .25s,gap .25s}.pill-button:hover{background:var(--blue);gap:38px}.pill-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.hero .pill-button{margin-top:28px}.hero-art{position:absolute;width:51%;max-width:840px;height:640px;right:-1%;top:165px;perspective:1400px;z-index:2;transform:translate3d(0,calc(var(--scroll)*-90px),0)}.kinetic-symbol{position:absolute;width:360px;height:350px;left:29%;top:-25px;perspective:1200px}.symbol-object{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(18deg + var(--my)*-8deg)) rotateY(calc(-24deg + var(--mx)*12deg)) rotateZ(calc(-18deg + var(--scroll)*40deg));animation:symbol-drift 8s ease-in-out infinite}.symbol-cross,.symbol-stem{position:absolute;display:block;background:linear-gradient(115deg,#2f69ff 0%,#2155f5 50%,#1039cc 100%);border-radius:7px;box-shadow:inset -4px -6px 0 rgb(6 28 129 / .18),inset 2px 2px 0 rgb(255 255 255 / .3),18px 25px 35px rgb(34 65 161 / .09)}.symbol-cross{width:310px;height:76px;left:10px;top:26px;transform:translateZ(36px)}.symbol-stem{width:76px;height:245px;left:128px;top:97px;transform:translateZ(36px)}.symbol-shadow{position:absolute;inset:130px 25px 0;border-radius:50%;background:#dce5ff;filter:blur(48px);opacity:.45;transform:rotateX(70deg)}
.hero-phones{position:absolute;inset:0;transform-style:preserve-3d}.hero-phone{position:absolute;width:clamp(122px,11vw,170px);top:240px;left:33%;transform-origin:50% 80%;will-change:transform;transition:filter .3s}.hero-phone img{width:100%;filter:drop-shadow(0 20px 15px rgb(20 30 65 / .10))}.hero-phone span{display:block;font-size:12px;font-weight:600;text-align:center;margin-top:12px;color:#6f747c}.hp-0{transform:translate3d(calc(-155px - var(--scroll)*95px + var(--mx)*8px),calc(27px + var(--scroll)*40px),60px) rotate(calc(-18deg - var(--scroll)*7deg));z-index:2}.hp-1{transform:translate3d(calc(-45px - var(--scroll)*20px),calc(-13px - var(--scroll)*35px + var(--my)*8px),100px) rotate(-5deg);z-index:4}.hp-2{transform:translate3d(calc(75px + var(--scroll)*55px),calc(13px + var(--scroll)*12px),80px) rotate(10deg);z-index:3}.hp-3{transform:translate3d(calc(185px + var(--scroll)*110px),calc(51px + var(--scroll)*60px),0) rotate(calc(24deg + var(--scroll)*7deg));z-index:1}.hero-bottom{position:absolute;bottom:35px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.scroll-cue{display:flex;gap:18px;align-items:center}.scroll-cue span{display:inline-block;font-size:19px;animation:scroll-cue 2.6s ease-in-out infinite}
.section-space{padding:130px var(--gutter)}h2{font-size:clamp(38px,4.8vw,76px);letter-spacing:-.065em;line-height:1.22;font-weight:750}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:55px}.section-top>p{color:var(--muted);font-size:17px;line-height:1.85;padding-right:4vw}.work{padding-bottom:50px}.project-tabs{display:flex;gap:35px;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:35px}.project-tab{display:flex;align-items:center;gap:9px;color:#858991;font-size:15px;transition:color .2s}.project-tab:hover,.project-tab.is-active{color:var(--ink)}.project-tab img{width:27px;height:27px;border-radius:6px;filter:grayscale(1);opacity:.5;transition:filter .3s,opacity .3s}.project-tab.is-active img,.project-tab:hover img{filter:none;opacity:1}.work-layout{display:grid;grid-template-columns:42% 58%;position:relative}.project-step{min-height:760px;min-height:90svh;padding:100px 50px 100px 0;scroll-margin-top:110px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-name{display:flex;align-items:center;gap:13px}.project-name img{border-radius:9px;width:37px;height:37px}.project-name h3{font-size:25px;font-weight:700;letter-spacing:-.04em}.project-concept{font-size:clamp(28px,2.8vw,43px);font-weight:650;letter-spacing:-.05em;line-height:1.42;margin-top:28px}.project-description{font-size:16px;line-height:1.85;max-width:360px;color:var(--muted);margin-top:20px}.project-scope{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:25px;max-width:390px}.project-scope li{font-size:12px;line-height:1.5;color:#6d7480;padding:5px 0;border-bottom:1px solid #d9dde4}.project-metric{display:flex;flex-direction:column;margin-top:36px;gap:0}.project-metric>span{font-size:13px;color:var(--muted)}.project-metric strong{font-size:clamp(45px,5.2vw,74px);line-height:1.22;font-weight:750;letter-spacing:-.065em}.text-button{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:18px;padding:10px 0}.text-button>span{font-size:20px;transition:transform .25s}.text-button:hover>span{transform:translate(3px,-3px)}.project-open{margin-top:18px}.project-stage{height:min(740px,82svh);position:sticky;top:105px;align-self:start;margin-top:50px;min-height:520px}.stage-inner{height:calc(100% - 34px);position:relative;overflow:hidden;background:var(--canvas);border-radius:8px}.project-scene{position:absolute;inset:0;overflow:hidden;visibility:hidden;opacity:0;transform:translateY(50px) scale(.96);transition:opacity .65s,transform .85s cubic-bezier(.2,.7,.2,1),visibility .65s}.project-scene.is-active{visibility:visible;opacity:1;transform:none}.scene-word{font-size:clamp(50px,7vw,112px);font-weight:800;letter-spacing:-.065em;line-height:1;position:absolute;top:45px;left:30px;color:#e0e3e9;white-space:nowrap}.scene-phones{position:absolute;inset:0}.scene-phone{position:absolute;width:27%;top:24%;filter:drop-shadow(0 18px 12px rgb(26 36 57 / .08));transform:translateY(35px) rotate(0);transition:transform .9s cubic-bezier(.16,1,.3,1)}.sp-0{left:7%;top:28%;z-index:2}.sp-1{left:37%;top:21%;z-index:3}.sp-2{left:67%;top:30%;z-index:1}.project-scene.is-active .sp-0{transform:translateY(0) rotate(-7deg)}.project-scene.is-active .sp-1{transform:translateY(0) rotate(0)}.project-scene.is-active .sp-2{transform:translateY(0) rotate(7deg)}.scene-caption{position:absolute;bottom:24px;left:30px;font-size:12px;color:#7e8590}.stage-progress{display:flex;gap:6px;margin:18px auto 0;width:110px}.stage-progress span{height:3px;flex:1;background:#e3e6ec;border-radius:2px;transition:background .3s}.stage-progress span.is-active{background:var(--ink)}.project-mobile-art{display:none}
.services{display:grid;grid-template-columns:46% 54%;gap:30px;background:#fafbfc}.service-intro h2{font-size:clamp(38px,4.1vw,64px)}.service-intro>p{color:var(--muted);line-height:1.8;margin:30px 0 25px;font-size:17px}.service-list{padding-top:0}.service-list details{border-bottom:1px solid #dce0e7;padding:0 0 20px;margin-bottom:20px}.service-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:9px 0}.service-list summary::-webkit-details-marker{display:none}.service-title{font-size:52px;font-weight:650;letter-spacing:-.055em;display:flex;align-items:center;gap:25px;line-height:1.4}.service-title>span{font-size:15px;font-weight:400;letter-spacing:0;color:var(--muted)}.expand-symbol{position:relative;width:22px;height:22px;flex:0 0 22px}.expand-symbol::before,.expand-symbol::after{content:'';position:absolute;top:10px;left:1px;width:20px;height:1.5px;background:var(--ink);transition:transform .3s}.expand-symbol::after{transform:rotate(90deg)}details[open] .expand-symbol::after{transform:rotate(0deg)}.service-body p{font-size:15px;color:var(--muted);padding:20px 0 8px;line-height:1.9;animation:detail-in .3s ease-out}
.about-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:80px}.about-heading>p{font-size:17px;color:var(--muted);padding-right:4vw;line-height:1.85}.about-content{display:grid;grid-template-columns:46% 54%;padding-top:20px}.profile-name{font-size:29px;font-weight:650;letter-spacing:-.04em}.experience{display:flex;align-items:center;gap:24px;margin:18px 0}.experience strong{font-size:146px;letter-spacing:-.08em;font-weight:650;line-height:1}.experience>span{font-size:23px;line-height:1.55;letter-spacing:-.03em}.profile-signature>p{color:var(--muted);font-size:16px;line-height:1.85;margin:25px 0}.profile-download svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.career-list{display:grid;gap:35px;padding-top:7px}.career-list>div{padding-bottom:30px;border-bottom:1px solid var(--line)}.career-date{font-size:13px;color:var(--muted);margin-bottom:8px}.career-list h3{font-size:28px;font-weight:600;letter-spacing:-.045em;margin-bottom:8px}.career-list>div>p:last-child{color:var(--muted);font-size:15px}
.contact{background:var(--blue);color:#fff;padding-bottom:70px}.contact-top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.contact h2{font-size:clamp(40px,5.3vw,84px)}.contact-top>div{padding-right:20px}.contact-top p{font-size:16px;line-height:1.9;color:#d7e2ff}.copy-email{color:#fff;margin-top:15px}.contact-email{display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:clamp(36px,6.1vw,96px);letter-spacing:-.06em;font-weight:500;line-height:1.25;border-bottom:1px solid rgb(255 255 255 / .35);padding:80px 0 40px}.contact-email svg{width:clamp(36px,6vw,80px);height:auto;fill:none;stroke:currentColor;stroke-width:3;transition:transform .3s}.contact-email:hover svg{transform:translate(5px,-5px)}.contact-bottom{display:flex;justify-content:space-between;font-size:14px;margin-top:28px;color:#e0e9ff}.site-footer{padding:40px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer .wordmark{font-size:37px}.site-footer .logo-dot{height:6px;width:6px;margin-bottom:6px}.site-footer>span{font-size:12px;color:var(--muted)}.back-top{font-size:13px;display:flex;gap:15px}
.project-dialog{width:min(1220px,94vw);max-height:90svh;border:0;border-radius:12px;padding:45px;color:var(--ink);background:#fff;overscroll-behavior:contain}.project-dialog::backdrop{background:rgb(19 25 39 / .65);backdrop-filter:blur(10px)}.project-dialog[open]{animation:detail-in .35s ease-out}.dialog-top{display:flex;justify-content:space-between;gap:25px}.dialog-top p{font-size:14px;color:var(--muted);margin-bottom:8px}.dialog-top h2{font-size:44px}.dialog-close{width:45px;height:45px;background:#f1f3f6;border-radius:50%;position:sticky;top:0;flex-shrink:0}.dialog-close span{position:absolute;top:22px;left:12px;width:21px;height:1.5px;background:var(--ink);transform:rotate(45deg)}.dialog-close span:last-child{transform:rotate(-45deg)}#dialog-description{font-size:16px;margin:25px 0 35px;max-width:700px;color:var(--muted)}.dialog-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;background:var(--canvas);padding:40px 30px;border-radius:6px}.dialog-gallery img{width:100%;filter:drop-shadow(0 9px 8px rgb(0 0 0 / .06))}.dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:30px}.dialog-bottom>p{font-size:13px;color:var(--muted);max-width:60%}.toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:#fff;padding:13px 24px;border-radius:100px;opacity:0;visibility:hidden;transition:opacity .25s,transform .25s;z-index:100;font-size:14px;white-space:nowrap;box-shadow:0 8px 30px rgb(0 0 0 / .12)}.toast.is-visible{opacity:1;transform:translate(-50%,0);visibility:visible}
.has-js .hero-copy .line>span{animation:title-in 1s cubic-bezier(.16,1,.3,1) both}.has-js .hero-copy .line:nth-child(2)>span{animation-delay:.12s}.has-js .hero-intro,.has-js .hero-description,.has-js .hero-copy>.pill-button{animation:detail-in .8s both;animation-delay:.35s}.has-js .hero-art{animation:art-in 1.1s cubic-bezier(.16,1,.3,1) both}.has-js .hero-copy{transform:translateY(calc(var(--scroll)*-30px));opacity:calc(1 - var(--scroll)*.7)}
@keyframes title-in{from{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes detail-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes art-in{from{opacity:0;translate:0 55px}to{opacity:1;translate:0 0}}@keyframes symbol-drift{0%,100%{translate:0 0}50%{translate:0 -18px}}@keyframes scroll-cue{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media(min-width:1700px){.hero{padding-top:250px}.hero-art{right:3%;top:200px}.hero-copy{width:67%}}
@media(max-width:1100px){.hero{min-height:850px;padding-top:210px}.hero h1{font-size:6.8vw}.hero-art{right:-8%;top:195px;width:57%;scale:.9}.hero-copy{width:72%}.section-space{padding-top:100px;padding-bottom:100px}.work{padding-bottom:40px}.project-step{padding-right:35px;min-height:780px}.project-stage{height:600px;min-height:0}.scene-word{font-size:75px}.scene-caption{max-width:75%;bottom:18px}.service-title{font-size:44px}.contact-email{font-size:6.8vw}}
@media(max-width:760px){html{scroll-padding-top:90px}.site-header{height:82px}.site-header.is-scrolled{height:70px}.wordmark{font-size:38px}.desktop-nav,.header-contact{display:none}.menu-toggle{display:block;width:40px;height:40px;position:relative;z-index:60;padding:0}.menu-toggle>span{display:block;position:absolute;left:8px;right:8px;height:1.5px;background:var(--ink);top:15px;transition:transform .3s,top .3s}.menu-toggle>span:last-child{top:24px}.menu-toggle[aria-expanded=true]>span{top:20px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:rotate(-45deg)}.mobile-nav{position:fixed;inset:0;z-index:35;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:100px var(--gutter);gap:15px;visibility:hidden;opacity:0;transition:opacity .25s,visibility .25s}.mobile-nav.is-open{visibility:visible;opacity:1}.mobile-nav>a{font-size:38px;line-height:1.65;font-weight:650;letter-spacing:-.045em}.mobile-nav>span{font-size:15px;color:var(--muted);margin-top:40px}.hero{height:auto;max-height:none;min-height:980px;padding-top:145px;padding-bottom:90px;display:block}.hero-copy{width:100%}.hero-intro{font-size:13px;margin-bottom:25px}.hero h1{font-size:clamp(40px,8.9vw,65px);letter-spacing:-.07em;line-height:1.18}.hero-description{font-size:14px;line-height:1.85;margin-top:24px}.hero .pill-button{margin-top:25px}.pill-button{padding:14px 22px;font-size:13px;gap:25px}.hero-art{width:100%;height:430px;max-width:none;left:0;right:auto;top:485px;scale:1;transform:translateY(calc(var(--scroll)*-30px))}.kinetic-symbol{width:250px;height:240px;left:38%;top:15px;scale:.68;transform-origin:top left}.hero-phone{width:25%;max-width:130px;top:145px;left:34%}.hero-phone span{font-size:10px;margin-top:9px}.hp-0{transform:translate3d(-90px,18px,0) rotate(-13deg)}.hp-1{transform:translate3d(-25px,-9px,10px) rotate(-4deg)}.hp-2{transform:translate3d(45px,7px,5px) rotate(8deg)}.hp-3{transform:translate3d(105px,32px,0) rotate(17deg)}.hero-bottom{bottom:23px;font-size:11px}.hero-bottom>span{max-width:165px}.scroll-cue{gap:8px}.scroll-cue span{font-size:17px}.section-space{padding:80px var(--gutter)}h2{font-size:40px;line-height:1.25}.section-top{display:block;margin-bottom:32px}.section-top>p{font-size:14px;margin-top:25px;padding:0}.project-tabs{gap:0;justify-content:space-between;overflow-x:auto;padding-bottom:19px;margin-bottom:0;scrollbar-width:none}.project-tab{font-size:12px;gap:5px;flex-shrink:0}.project-tab img{width:21px;height:21px;border-radius:4px}.work-layout{display:block}.project-stage{display:none}.project-step{min-height:0;padding:60px 0 55px;scroll-margin-top:90px;border-bottom:1px solid var(--line)}.project-name img{width:32px;height:32px}.project-name h3{font-size:23px}.project-concept{font-size:32px;margin-top:22px}.project-description{font-size:14px;margin-top:17px;max-width:none}.project-scope{gap:5px 11px;margin-top:20px}.project-scope li{font-size:11px}.project-metric{margin-top:26px}.project-metric strong{font-size:55px}.project-metric>span{font-size:12px}.project-open{margin-top:12px;font-size:13px}.project-mobile-art{display:flex;gap:16px;justify-content:center;align-items:center;padding:40px 20px;background:var(--canvas);margin-top:26px;border-radius:6px;width:100%;overflow:hidden}.project-mobile-art img{width:46%;max-width:180px;filter:drop-shadow(0 12px 8px rgb(0 0 0 / .08))}.project-mobile-art img:first-child{transform:rotate(-5deg)}.project-mobile-art img:last-child{transform:translateY(13px) rotate(5deg)}.services{display:block}.service-intro h2{font-size:40px}.service-intro>p{font-size:14px;margin:25px 0 18px}.service-intro .text-button{font-size:13px}.service-list{margin-top:38px}.service-list details{padding-bottom:12px;margin-bottom:15px}.service-title{font-size:40px;gap:22px}.service-title>span{font-size:13px}.service-body p{font-size:13px;padding-top:14px}.about-heading{display:block;margin-bottom:40px}.about-heading>p{font-size:14px;margin-top:25px;padding:0}.about-content{display:block;padding-top:10px}.profile-name{font-size:25px}.experience strong{font-size:120px}.experience>span{font-size:20px}.profile-signature>p{font-size:14px}.career-list{margin-top:45px;gap:25px}.career-list h3{font-size:23px}.career-list>div>p:last-child{font-size:14px}.career-list>div{padding-bottom:25px}.contact{padding-top:80px;padding-bottom:45px}.contact-top{display:block}.contact h2{font-size:42px}.contact-top>div{padding:0;margin-top:30px}.contact-top p{font-size:14px}.copy-email{font-size:13px}.contact-email{font-size:clamp(25px,7.2vw,50px);padding:45px 0 27px;gap:15px;letter-spacing:-.06em}.contact-email svg{width:30px;flex-shrink:0;stroke-width:3.3}.contact-bottom{font-size:11px;gap:20px;flex-wrap:wrap;margin-top:22px}.site-footer{padding:30px var(--gutter);gap:15px}.site-footer .wordmark{font-size:31px}.site-footer>span{font-size:10px}.back-top{font-size:11px;gap:8px}.project-dialog{padding:25px 20px;width:calc(100vw - 24px);border-radius:10px;max-height:92svh}.dialog-top h2{font-size:32px}.dialog-top p{font-size:12px;max-width:240px}.dialog-close{width:36px;height:36px}.dialog-close span{top:18px;left:9px;width:18px}#dialog-description{font-size:13px;margin:20px 0 25px}.dialog-gallery{grid-template-columns:repeat(2,1fr);gap:20px 15px;padding:25px 15px}.dialog-bottom{display:block}.dialog-bottom>p{max-width:none;font-size:12px}.dialog-bottom>.pill-button{margin-top:20px}.toast{font-size:12px;bottom:22px;padding:12px 20px}}
@media(max-width:370px){.hero{min-height:930px}.hero-art{top:470px;height:400px}.hero-phone{width:26%;top:135px}.hero h1{font-size:8.75vw}.hp-3{transform:translate3d(90px,32px,0) rotate(14deg)}.hp-2{transform:translate3d(35px,7px,5px) rotate(7deg)}.hp-0{transform:translate3d(-75px,18px,0) rotate(-10deg)}.section-space{padding-left:22px;padding-right:22px}.project-tab{font-size:11px}.project-tab img{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-copy,.hero-art,.hero-phone,.symbol-object{will-change:auto}.has-js .hero-copy{transform:none;opacity:1}.hero-art{transform:none}.project-scene{transform:none}.line>span{transform:none!important}}
.dialog-top{position:sticky;top:0;z-index:5;background:#fff;padding-bottom:10px}
.service-note{font-size:13px;color:var(--muted);margin-top:25px;line-height:1.8}.service-title{font-size:clamp(32px,3.4vw,52px)}
@media(max-width:1100px) and (min-width:761px){.service-title{gap:14px;font-size:36px}.service-title>span{font-size:12px}}
@media(max-width:760px){.service-title{font-size:34px;gap:18px}.service-title>span{font-size:12px}.service-note{font-size:12px}}
@media(max-width:370px){.service-title{font-size:29px;gap:13px}.service-title>span{font-size:11px}}
.services{grid-template-columns:minmax(0,46fr) minmax(0,54fr)}
.demo-section{padding-left:var(--gutter);padding-right:var(--gutter)}
@media(max-width:760px){.services{display:block}}