@font-face{font-family:StudioPretendard;src:url(/company/fonts/PretendardVariable.woff2)format("woff2");font-display:swap;font-weight:100 900}.company-motion{--paper:#f1f2f8;--ink:#222538;--blue:#263dcc;--peach:#ffb89d;--coral:#f95c43;--mist:#c7cef8;--gutter:clamp(24px,5.3vw,90px)}.company-motion *{box-sizing:border-box}.company-motion{scroll-behavior:smooth;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;scroll-padding-top:30px;font-family:StudioPretendard,Arial,sans-serif}.company-motion a{color:inherit;text-decoration:none}.company-motion button{font:inherit}.company-motion a:focus-visible{outline-offset:6px;outline:3px solid}.company-motion button:focus-visible{outline-offset:6px;outline:3px solid}.company-motion h1,.company-motion h2,.company-motion h3,.company-motion p,.company-motion figure{margin:0}.company-motion ::selection{background:var(--peach);color:var(--ink)}.company-motion .skip{background:var(--paper);z-index:20;padding:15px;position:fixed;top:-100px;left:15px}.company-motion .skip:focus{top:12px}.company-motion header{padding:28px var(--gutter);justify-content:space-between;align-items:center;gap:24px;display:flex}.company-motion .logo{letter-spacing:-1.8px;align-items:center;gap:4px;font-size:32px;font-weight:780;display:inline-flex}.company-motion .logo-star{color:#216477;flex:none;font-size:36px;display:inline-flex}.company-motion .logo-star img{width:1em;height:1em;display:block}.company-motion nav{gap:36px;font-size:14px;font-weight:550;display:flex}.company-motion nav a{padding:10px 0}.company-motion .eyebrow{letter-spacing:.12em;font-size:11px;font-weight:600;line-height:1.6}.company-motion .hero{height:calc(100svh - 95px);min-height:760px;max-height:1000px;padding:34px var(--gutter)35px;isolation:isolate;position:relative;overflow:hidden}.company-motion .hero-intro{justify-content:space-between;align-items:start;gap:24px;display:flex}.company-motion .hero-intro>p:last-child{width:230px;font-size:20px;font-weight:550;line-height:1.5}.company-motion .hero h1{letter-spacing:-.075em;z-index:2;pointer-events:none;margin-top:72px;font-size:max(85px,min(11.8vw,190px));font-weight:550;line-height:.94;position:relative}.company-motion .second-line{margin-top:14px;margin-left:9.2vw;display:block}.company-motion .hero em{letter-spacing:-.075em;font-family:Georgia,serif;font-weight:400}.company-motion .sculpture{z-index:1;pointer-events:none;width:59vw;max-width:900px;position:absolute;top:70px;right:-4vw;transform:rotate(-13deg)}.company-motion .sculpture svg{transform-origin:50%;width:100%;height:auto;transition:transform .18s ease-out;overflow:visible}.company-motion .ribbon-reveal{transform-origin:50%;transform-box:view-box}.company-motion.motion-ready .ribbon-reveal{animation:1.8s cubic-bezier(.16,1,.3,1) backwards unfold}.company-motion.motion-ready .hero h1{animation:1s cubic-bezier(.16,1,.3,1) backwards title-land}.company-motion .work-case.arriving .case-visual{animation:.42s cubic-bezier(.2,0,0,1) case-arrive}.company-motion .work-case.arriving .case-copy{animation:.32s cubic-bezier(.2,0,0,1) copy-arrive}.company-motion .motion-idle *,.company-motion.background-paused *{animation-play-state:paused!important}.company-motion.paused .sculpture svg,.company-motion.background-paused .sculpture svg,.company-motion .motion-idle .sculpture svg{transition:none}@keyframes unfold{0%,14%{transform:translate(110px,20px)rotate(16deg)scale(.035,.9)}65%{transform:translate(-8px,-4px)rotate(-3deg)scale(1.025,1.015)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes title-land{0%{transform:translateY(34px)}to{transform:translateY(0)}}@keyframes case-arrive{0%{transform:translate(28px)scale(.97)}to{transform:translate(0)scale(1)}}@keyframes copy-arrive{0%{transform:translateY(14px)}to{transform:translateY(0)}}.company-motion .ribbon-body{transform-origin:50%;animation:10s ease-in-out infinite sculpt}.company-motion .specks{transform-origin:50%;animation:8s ease-in-out infinite drift}.company-motion .hero-bottom{bottom:38px;left:var(--gutter);right:var(--gutter);z-index:3;justify-content:space-between;align-items:end;display:flex;position:absolute}.company-motion .hero-bottom p{font-size:17px;line-height:1.6}.company-motion .round-link{align-items:center;gap:22px;font-size:13px;display:flex}.company-motion .circle{border:1px solid #959bb1;border-radius:50%;place-items:center;width:53px;height:53px;font-size:22px;transition:transform .15s ease-out;display:grid}.company-motion .round-link:hover .circle{transform:translateY(5px)}.company-motion .story{background:var(--blue);color:var(--paper);padding:95px var(--gutter)0;overflow:hidden}.company-motion .story h2{letter-spacing:-.065em;margin-top:60px;font-size:max(58px,min(7.4vw,112px));font-weight:530;line-height:1.16}.company-motion .story h2 span{color:var(--peach)}.company-motion .story-bottom{grid-template-columns:1fr 1fr;gap:50px;margin-top:64px;padding-bottom:80px;display:grid}.company-motion .story-aside{color:#dce1ff;font-size:15px;line-height:1.6}.company-motion .story-copy{letter-spacing:-.035em;font-size:max(23px,min(2.4vw,34px));line-height:1.5}.company-motion .body-copy{letter-spacing:-.025em;font-size:17px;line-height:1.85}.company-motion .story .body-copy{color:#e2e6ff;margin-top:24px}.company-motion .word-stream{width:max-content;margin-left:calc(-1*var(--gutter));color:var(--mist);letter-spacing:-.055em;font-family:Georgia,serif;font-size:max(60px,min(8vw,120px));font-style:italic;line-height:1.3;display:flex}.company-motion .word-stream span{animation:40s linear infinite stream}.company-motion .work{padding:100px var(--gutter)30px}.company-motion .work-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.company-motion .work-heading h2{letter-spacing:-.065em;margin-top:24px;font-size:max(38px,min(4.8vw,70px));font-weight:520;line-height:1.15}.company-motion .work-tabs{border-bottom:1px solid #c4c8d8;gap:40px;margin:48px 0 0;display:flex}.company-motion .work-tabs[hidden],.company-motion .work-case[hidden]{display:none}.company-motion .work-tabs button{color:#626982;cursor:pointer;background:0 0;border:0;border-bottom:3px solid transparent;align-items:center;gap:14px;padding:16px 0;font-size:21px;display:flex}.company-motion .work-tabs button span{letter-spacing:.06em;font-size:9px}.company-motion .work-tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}.company-motion .work-case{grid-template-columns:.85fr 1.3fr;align-items:center;gap:5vw;padding-top:34px;display:grid}.company-motion .case-copy h3{letter-spacing:-.06em;margin:23px 0;font-size:max(27px,min(3vw,44px));font-weight:540;line-height:1.35}.company-motion .case-copy{word-break:keep-all;overflow-wrap:break-word}.company-motion .case-copy>p:not(.eyebrow),.company-motion .case-result p{color:#555b72;max-width:370px;font-size:16px;line-height:1.85}.company-motion .case-result{margin:30px 0}.company-motion .case-result>span{margin-bottom:10px;font-size:11px;font-weight:700;display:block}.company-motion .case-visual{min-height:520px;position:relative;overflow:hidden}.company-motion .case-visual figcaption{font-size:11px;line-height:1.5;position:absolute;bottom:20px;left:24px;right:24px}.company-motion .record-visual{background:var(--blue);color:var(--paper);padding:35px 40px 60px}.company-motion .record-origin{color:#dce1ff;gap:28px;font-size:12px;display:flex}.company-motion .record-origin span{border-bottom:1px solid #7e8df1;padding-bottom:12px}.company-motion .record-thread{background:#7e8df1;width:1px;height:50px;margin:0 0 20px 18px}.company-motion .record-core{position:relative}.company-motion .record-star{color:var(--peach);font-size:100px;line-height:1;position:absolute;top:-10px;right:0}.company-motion .record-star img{background:var(--paper);border-radius:50%;width:1em;height:1em;padding:8px;display:block}.company-motion .record-core p{letter-spacing:-.05em;padding-top:40px;font-size:max(27px,min(3.1vw,46px));font-weight:500;line-height:1.25}.company-motion .record-core em{color:var(--peach);font-style:normal}.company-motion .record-steps{color:#dce1ff;margin-top:24px;font-size:12px;display:block}.company-motion .record-output{border-top:1px solid #7e8df1;align-items:center;gap:28px;margin-top:35px;padding-top:22px;font-size:20px;display:flex}.company-motion .record-visual figcaption{color:#dce1ff}.company-motion .app-visual{background:var(--mist);justify-content:flex-end;align-items:center;gap:20px;padding:28px 36px 52px;display:flex}.company-motion .app-visual img{object-fit:contain;width:auto;max-width:60%;height:435px;display:block;position:relative;box-shadow:0 15px 28px rgba(34,37,56,.125)}.company-motion .visual-word{letter-spacing:-.055em;color:var(--blue);font-family:Georgia,serif;font-size:max(36px,min(4.7vw,72px));font-style:italic;line-height:1.05;position:absolute;top:45px;left:25px}.company-motion .todak-visual{background:var(--peach)}.company-motion .todak-visual .visual-word{color:#91331e}.company-motion.background-paused *{animation-play-state:paused!important}.company-motion .people{padding:110px var(--gutter)120px}.company-motion .section-top{grid-template-columns:1fr 1fr;align-items:start;gap:50px;display:grid}.company-motion .section-top h2{letter-spacing:-.065em;font-size:max(38px,min(4.8vw,70px));font-weight:520;line-height:1.22}.company-motion .section-top h2 span{color:#686d88}.company-motion .founder-layout{grid-template-columns:1fr 1fr;align-items:center;gap:8vw;margin-top:75px;display:grid}.company-motion .portrait{isolation:isolate;background:var(--coral);color:var(--ink);padding:36px 30px 22px;position:relative}.company-motion .photo-window{aspect-ratio:4/5;background:#aaa;width:83%;margin-left:17%;position:relative;overflow:hidden}.company-motion .photo-window img{width:122%;max-width:none;height:auto;position:absolute;top:0;left:0}.company-motion .portrait-role{letter-spacing:-.065em;color:#ffe0b2;text-shadow:0 2px 10px rgba(24,23,36,.125);pointer-events:none;font-family:Georgia,Times New Roman,serif;font-size:max(80px,min(9vw,145px));line-height:.82;position:absolute;top:14%;left:-.035em}.company-motion .portrait figcaption{justify-content:space-between;gap:20px;margin-top:24px;font-size:14px;font-weight:650;display:flex}.company-motion .portrait figcaption span{letter-spacing:.09em;font-size:10px}.company-motion .founder-story h3{letter-spacing:-.055em;margin:28px 0;font-size:max(28px,min(3.2vw,47px));font-weight:550;line-height:1.42}.company-motion .founder-story em{color:var(--blue);font-style:normal}.company-motion .founder-story .body-copy{color:#555b72;max-width:370px}.company-motion .founder-note{margin:32px 0;font-size:20px;line-height:1.6}.company-motion .text-link{border-bottom:1px solid;align-items:center;gap:25px;padding-bottom:10px;font-size:14px;display:inline-flex}.company-motion .text-link span{transition:transform .15s ease-out}.company-motion .text-link:hover span{transform:translate(3px,-3px)}.company-motion .invitation{grid-template-columns:1fr 1fr;align-items:center;gap:8vw;margin:125px 0 0;display:grid}.company-motion .silhouette{aspect-ratio:1.2;background:#c7cef8;width:80%;margin-left:20%;position:relative;overflow:hidden}.company-motion .silhouette svg{opacity:.93;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.company-motion .silhouette>span{letter-spacing:-.04em;color:#fff;font-size:max(28px,min(3.4vw,49px));font-weight:650;line-height:1;position:absolute;top:20px;left:20px}.company-motion .invitation h3{letter-spacing:-.06em;margin:20px 0;font-size:46px;font-weight:530;line-height:1.2}.company-motion .invitation .body-copy{color:#555b72;font-size:15px}.company-motion .invitation .text-link{margin-top:24px}.company-motion .invitation small{color:#676c80;margin-top:20px;font-size:11px;line-height:1.7;display:block}.company-motion .conversation{background:var(--peach);padding:90px var(--gutter)100px}.company-motion .conversation h2{letter-spacing:-.065em;margin:45px 0;font-size:max(48px,min(7.5vw,112px));font-weight:520;line-height:1.15}.company-motion .conversation em{color:#91331e;font-style:normal}.company-motion .conversation>a{letter-spacing:-.025em;border-bottom:1px solid;gap:60px;padding-bottom:14px;font-size:max(22px,min(3vw,38px));display:inline-flex}.company-motion footer{padding:40px var(--gutter)20px;align-items:center;gap:30px;display:flex}.company-motion footer p{font-size:12px}.company-motion .business-info{padding-bottom:90px}.company-motion footer>span{letter-spacing:.08em;margin-left:auto;font-size:9px}.company-motion .motion-toggle{white-space:nowrap;color:var(--ink);z-index:10;cursor:pointer;background:rgba(241,242,248,.96);border:1px solid #c3c5d4;border-radius:30px;gap:18px;padding:11px 16px;font-size:11px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.company-motion .motion-toggle:disabled{cursor:default}.company-motion.paused *{animation-play-state:paused!important}.company-motion.paused{scroll-behavior:auto}.company-motion.paused .sculpture{translate:0!important}@keyframes sculpt{0%,to{transform:translateY(5px)rotate(-3deg)}50%{transform:translateY(-19px)rotate(4deg)}}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes stream{to{transform:translate(-100%)}}@media (min-width:1700px){.company-motion .hero h1{font-size:190px}.company-motion .sculpture{right:2vw}.company-motion .hero{min-height:830px}}@media (max-width:760px){.company-motion nav a:nth-child(2){display:none}.company-motion .work{padding-top:60px}.company-motion .work-heading{flex-direction:column;align-items:start;gap:20px}.company-motion .work-heading h2{margin-top:18px;font-size:40px}.company-motion .work-tabs{gap:26px;margin-top:28px}.company-motion .work-tabs button{padding:14px 0;font-size:17px}.company-motion .work-tabs button span{display:none}.company-motion .work-case{grid-template-columns:1fr;gap:28px;padding-top:30px}.company-motion .case-copy h3{margin:18px 0;font-size:30px}.company-motion .case-copy>p:not(.eyebrow),.company-motion .case-result p{max-width:none;font-size:15px}.company-motion .case-result{margin:20px 0}.company-motion .case-visual{order:-1;min-height:430px}.company-motion .record-visual{padding:25px 24px 60px}.company-motion .record-origin{gap:20px;font-size:10px}.company-motion .record-thread{height:35px;margin-bottom:10px}.company-motion .record-core p{padding-top:32px;font-size:32px}.company-motion .record-star{font-size:76px}.company-motion .record-steps{margin-top:18px;font-size:10px}.company-motion .record-output{gap:25px;margin-top:28px;padding-top:18px;font-size:17px}.company-motion .case-visual figcaption{font-size:9px;left:24px;right:20px}.company-motion .app-visual{padding:24px 20px 50px}.company-motion .app-visual img{max-width:60%;height:350px}.company-motion .visual-word{font-size:42px;top:40px;left:20px}.company-motion header{padding-top:22px;padding-bottom:18px}.company-motion .logo{font-size:27px}.company-motion .logo-star{font-size:29px}.company-motion nav{gap:14px;font-size:12px}.company-motion .hero{height:calc(100svh - 77px);min-height:710px;max-height:900px;padding-top:22px}.company-motion .hero-intro{display:block}.company-motion .hero-intro>p:last-child{margin-top:25px;font-size:18px;line-height:1.5}.company-motion .eyebrow{font-size:9px}.company-motion .hero h1{margin-top:32px;font-size:max(66px,min(14vw,106px));line-height:1.03}.company-motion .second-line{margin-top:0;margin-left:0}.company-motion .sculpture{opacity:.98;width:115vw;top:255px;right:-29vw;transform:rotate(-18deg)}.company-motion .hero-bottom{bottom:28px}.company-motion .hero-bottom p{font-size:13px}.company-motion .round-link{gap:12px;font-size:11px}.company-motion .circle{width:39px;height:39px;font-size:18px}.company-motion .story{padding-top:65px}.company-motion .story h2{margin-top:38px;font-size:max(43px,min(10vw,66px))}.company-motion .story-bottom{grid-template-columns:1fr;gap:32px;margin-top:35px;padding-bottom:45px}.company-motion .story-aside{font-size:12px}.company-motion .story-copy{font-size:25px}.company-motion .body-copy{font-size:15px}.company-motion .desktop-break{display:none}.company-motion .story .body-copy{margin-top:16px}.company-motion .word-stream{font-size:65px}.company-motion .people{padding-top:65px;padding-bottom:70px}.company-motion .section-top{grid-template-columns:1fr;gap:25px}.company-motion .section-top h2{font-size:40px}.company-motion .founder-layout{grid-template-columns:1fr;gap:38px;margin-top:40px}.company-motion .portrait{padding:25px 22px 20px}.company-motion .portrait-role{font-size:max(80px,min(21vw,150px))}.company-motion .founder-story h3{margin:20px 0;font-size:32px}.company-motion .founder-note{margin:24px 0;font-size:18px}.company-motion .invitation{grid-template-columns:1fr;gap:28px;margin-top:65px}.company-motion .silhouette{width:75%;margin-left:25%}.company-motion .silhouette>span{font-size:33px}.company-motion .invitation h3{font-size:36px}.company-motion .conversation{padding-top:60px;padding-bottom:65px}.company-motion .conversation h2{margin:30px 0;font-size:max(38px,min(9vw,65px))}.company-motion .conversation>a{gap:30px}.company-motion footer{flex-wrap:wrap;gap:18px;padding-top:30px;padding-bottom:16px}.company-motion .business-info{padding-bottom:80px}.company-motion footer>span{width:100%;margin:0}.company-motion .motion-toggle{bottom:12px}}@media (prefers-reduced-motion:reduce){.company-motion{scroll-behavior:auto}.company-motion *,.company-motion :before,.company-motion :after{transition:none!important;animation:none!important}.company-motion .sculpture{translate:0!important}}.company-motion{line-height:normal}.company-motion section{scroll-margin-top:30px}
