:root{--bg:#fff;--ink:#151617;--muted:#626567;--blue:#205ec8;--line:#e6e7e8;--focus:#205ec8}body{background:#fff}.shell{width:min(1280px,calc(100% - 160px))}.site-header{border:0;background:#fff}.header-inner{height:108px}.logo{font-weight:800;font-size:30px;letter-spacing:-1.8px}.site-nav{gap:30px;font-size:12px}.site-nav .nav-cta{border:0}.menu-button{border:0;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:7px;align-items:center;width:44px;height:44px;flex-shrink:0}.menu-button span{display:block;width:29px;height:2px;background:var(--ink)}.menu-button[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.side-greeting{position:absolute;top:143px;left:33px;writing-mode:vertical-rl;font-size:11px;font-weight:600;letter-spacing:1.4px}.side-greeting span{margin-top:19px;font-size:24px;color:#205ec8}.content-shell{width:min(980px,calc(100% - 220px));margin:auto}.showcase{position:relative}.slide-stage{position:relative;min-height:520px}.showcase-slide{display:grid;grid-template-columns:44% 56%;min-height:520px;overflow:hidden;position:relative;background:#e5efe8}.slide-web{background:#e9e7f1}.slide-system{background:#e9effb}.slide-copy{padding:72px 0 50px 58px;z-index:2}.slide-category{font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:30px}.slide-copy h1,.slide-copy h2{font-size:clamp(35px,3.8vw,59px);letter-spacing:-2.5px;line-height:1.27;font-weight:750}.slide-copy>p:not(.slide-category){font-size:14px;line-height:1.8;margin-top:25px}.slide-copy>.plain-link{margin-top:20px;font-size:12px;gap:30px}.slide-art{display:flex;justify-content:center;align-items:center;position:relative;isolation:isolate;padding:34px 27px 40px 5px}.slide-art>img{width:100%;transform:rotate(-7deg);filter:drop-shadow(0 25px 18px #27473623);transition:transform .7s;position:relative}.visual-ring{position:absolute;border:1px solid #98b1a7;border-radius:50%;width:390px;height:390px;transform:rotate(-25deg);z-index:-1}.visual-ring:after{content:'';position:absolute;inset:28px;border:1px solid #b2c4b9;border-radius:50%}.visual-caption{position:absolute;bottom:34px;right:35px;font-size:9px;letter-spacing:2px}.slide-system .visual-ring{border-color:#a6b8d6}.slide-system .visual-ring:after{border-color:#c1cce0}.browser-art{padding:60px 37px 60px 10px}.browser-frame{background:#fff;box-shadow:15px 25px 0 #b9b4d46b;transform:rotate(-5deg);width:100%;overflow:hidden}.browser-frame>span{display:block;background:#fafafa;border-bottom:1px solid #ddd;padding:9px 12px;color:#9b9b9b;font-size:10px}.browser-frame i{font-style:normal;font-size:7px;margin-left:15px;letter-spacing:1px;color:#4e4e4e}.browser-frame img{width:100%;aspect-ratio:1.5;object-fit:cover;object-position:top}.showcase-bottom{display:flex;justify-content:space-between;align-items:center;padding-block:21px;gap:20px}.showcase-bottom>p:first-child{font-size:11px;color:var(--muted)}.slide-controls{display:flex;align-items:center;gap:18px}.slide-controls button{border:0;background:transparent;min-width:44px;min-height:44px;font-size:14px}.slide-dots{display:flex;gap:0}.slide-dots button{font-size:10px;color:#626567;position:relative}.slide-dots button[aria-current=true]{font-weight:800;color:#151617}.slide-dots button[aria-current=true]:after{content:'';position:absolute;bottom:6px;left:15px;width:14px;height:2px;background:#205ec8}.slide-controls button:hover{background:#f0f2f5}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.editorial-section{padding-block:95px;border-bottom:1px solid var(--line)}.editorial-intro{display:grid;grid-template-columns:145px 1fr;gap:20px;margin-bottom:55px}.section-label{font-size:12px;font-weight:650;padding-top:6px}.editorial-intro h2{font-size:30px;line-height:1.6;letter-spacing:-1px;font-weight:720}.highlight{background:linear-gradient(transparent 64%,#b6f1d7 64%,#b6f1d7 95%,transparent 95%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.highlight.peach{background-image:linear-gradient(transparent 64%,#ffc9b7 64%,#ffc9b7 95%,transparent 95%)}.highlight.lilac{background-image:linear-gradient(transparent 64%,#d7d0fc 64%,#d7d0fc 95%,transparent 95%)}.section-description{margin-top:24px;font-size:14px;line-height:1.9;color:#626567}.identity-statement{position:relative;margin-left:165px;padding-top:8px;display:flex;flex-direction:column;line-height:1.05;letter-spacing:-6px;font-size:100px;font-weight:700}.identity-statement>span:last-of-type{margin-left:125px}.statement-dot{color:#205ec8}.identity-statement>p{position:absolute;left:0;bottom:6px;font-size:10px;letter-spacing:.7px;font-weight:550;line-height:1.8}.about-bottom{margin-left:165px;display:flex;justify-content:space-between;align-items:end;margin-top:37px;gap:30px}.about-bottom>p{font-size:13px;color:#626567}.plain-link{font-size:13px}.feature-visual{display:block;position:relative;background:#dcebe5;min-height:440px;overflow:hidden;padding:38px 70px 45px}.feature-visual>img{width:100%;height:350px;object-fit:contain;transition:transform .6s;filter:drop-shadow(0 14px 18px #173c241a)}.feature-visual:hover>img{transform:translateY(-8px)}.image-word{position:absolute;bottom:27px;left:28px;font-size:clamp(35px,6vw,85px);font-weight:750;letter-spacing:-4px;color:#205ec8;pointer-events:none;line-height:1}.project-open{position:absolute;top:20px;right:24px;font-size:28px;font-weight:400}.feature-caption{display:grid;grid-template-columns:1fr 1.3fr auto;gap:20px;align-items:center;margin-top:24px}.feature-caption>div>p,.small-project>p:not(.project-description){font-size:9px;letter-spacing:1px;color:#626567}.feature-caption h3,.small-project h3{font-size:22px;letter-spacing:-.6px;margin-top:7px}.feature-caption>p{font-size:12px;color:#626567}.secondary-projects{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:53px}.small-visual{display:block;overflow:hidden;position:relative;min-height:270px;background:#e9e7f1;padding:33px 27px 0}.small-visual img{width:100%;height:237px;object-fit:cover;object-position:top;transition:transform .5s}.small-visual:hover img{transform:scale(1.03)}.campus-visual{background:#e8effa;padding:28px 18px}.campus-visual img{object-fit:contain;height:220px}.small-project>p:first-of-type{margin-top:19px}.project-description{font-size:12px;color:#626567;margin-top:10px}.vr-preview{background:#181a1e;color:#fff;display:flex;position:relative;gap:58px;padding:40px 52px;align-items:center;margin-top:48px;overflow:hidden}.vr-orbit{font-size:89px;color:#acc6ff;letter-spacing:-4px;line-height:1.1;min-width:235px;border:1px solid #596983;border-radius:50%;padding:31px 18px;transform:rotate(-12deg)}.vr-preview h3{font-size:30px;margin-block:14px;letter-spacing:-1px;line-height:1.3}.vr-preview p{font-size:11px;color:#d1d6df}.source-note{font-size:10px;line-height:1.8;margin-top:25px;color:#626567}.service-editorial{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.service-graphic{height:216px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#ebedf7;gap:15px}.service-graphic i{position:absolute;bottom:17px;left:19px;font-size:10px;font-style:normal;letter-spacing:.6px}.graphic-app span{width:70px;height:117px;border:2px solid #7383b1;border-radius:8px;position:relative;background:#fff;transform:rotate(-12deg);box-shadow:13px 13px 0 #bbc6e6}.graphic-app span+span{width:105px;height:90px;border-radius:2px;transform:rotate(9deg)}.graphic-app span:after{content:'';position:absolute;inset:15px 9px 25px;background:linear-gradient(#d4ddf3 0 36%,#fff 36% 47%,#ecf0f8 47%)}.graphic-system{background:#e5f0ec;gap:35px}.graphic-system span{display:grid;place-items:center;width:75px;height:75px;border:1px solid #628979;background:#fff;transform:rotate(-13deg);font-size:13px;font-weight:650;z-index:1}.graphic-system:before{content:'';position:absolute;width:180px;height:100px;border:1px dashed #729787;border-radius:50%;transform:rotate(-25deg)}.graphic-system span+span{transform:rotate(13deg)}.graphic-operate{background:#f6e8db}.graphic-operate span{font-size:115px;color:#ac6334;line-height:1;transform:rotate(-12deg)}.service-index{font-size:9px;letter-spacing:1px;margin-top:24px;color:#626567}.service-editorial h3{font-size:22px;letter-spacing:-.6px;margin-top:9px}.service-editorial article>p:not(.service-index){font-size:13px;color:#626567;line-height:1.85;margin-top:18px}.service-editorial ul{padding:0;list-style:none;font-size:11px;margin:23px 0 0;line-height:2;color:#626567}.service-editorial li:before{content:'— ';color:#9b9c9e}.own-product{display:grid;grid-template-columns:1fr 1fr;background:#f3f4ec;overflow:hidden}.own-product-copy{padding:43px 38px}.trailo-wordmark{display:flex;align-items:center;gap:12px}.trailo-wordmark strong{font-size:25px;line-height:1.15}.trailo-wordmark strong span{display:block;font-size:11px;font-weight:500;margin-top:6px}.own-product-copy h3{font-size:35px;letter-spacing:-1.2px;line-height:1.3;margin-top:29px}.own-product-copy>p{font-size:13px;color:#626567;line-height:1.9;margin-top:21px}.own-product-copy>.plain-link{margin-top:23px}.store-row{display:flex;gap:23px;font-size:10px;margin-top:9px}.store-row a{min-height:44px;display:flex;align-items:center}.own-product-media{position:relative;min-height:480px;overflow:hidden;isolation:isolate}.trailo-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;z-index:-1}.trailo-phone{position:absolute;width:160px;max-height:390px;object-fit:contain;top:37px;left:calc(50% - 80px);transform:rotate(9deg);border:5px solid #182721;border-radius:27px;box-shadow:12px 18px 20px #18382428}.own-product-media>span{position:absolute;left:23px;bottom:22px;font-size:32px;font-weight:750;letter-spacing:-1.3px;color:#143c2b;line-height:1.1}.contact-editorial{padding-block:115px 90px}.contact-editorial h2{font-size:clamp(38px,5.5vw,78px);letter-spacing:-3px;line-height:1.28;margin-top:26px}.contact-editorial h2>span{color:#205ec8}.contact-editorial-bottom{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-top:39px}.contact-project-link{display:flex;justify-content:space-between;gap:90px;align-items:center;font-size:17px;padding-block:13px;border-bottom:1px solid #151617;min-width:275px}.contact-project-link span{font-size:33px}.contact-editorial-bottom>div{display:flex;flex-direction:column;font-size:15px;gap:8px}.site-footer{border-top:1px solid #e6e7e8;padding-top:37px;padding-bottom:35px}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-top>p{font-size:12px}.footer-bottom{font-size:10px;color:#626567;margin-top:22px}.contact-band{background:#eff3fc;color:#151617}.contact-band .button{background:#205ec8;color:#fff}.detail-intro h1{font-size:60px}.detail-intro .eyebrow{color:#205ec8}.inquiry-info{background:#f3f5fa}.reveal{opacity:1}.js.motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.js.motion .reveal.is-visible{opacity:1;transform:none}
@media(min-width:801px){.site-nav.open{position:absolute;right:80px;top:95px;padding:30px;background:white;border:1px solid #e6e7e8;box-shadow:0 12px 35px #00000010;z-index:35;flex-direction:column;align-items:flex-start;gap:6px;min-width:235px}.header-inner{position:relative}.site-nav.open a{font-size:14px;min-height:44px}}
@media(max-width:1100px){.shell{width:calc(100% - 100px)}.content-shell{width:calc(100% - 160px)}.slide-copy{padding:55px 0 40px 35px}.slide-copy h1,.slide-copy h2{font-size:43px;letter-spacing:-1.8px}.slide-stage,.showcase-slide{min-height:445px}.visual-ring{width:300px;height:300px}.site-nav{gap:20px}.editorial-intro{grid-template-columns:115px 1fr}.identity-statement,.about-bottom{margin-left:135px}.identity-statement{font-size:83px}.service-editorial{gap:19px}.service-editorial h3{font-size:19px}.service-graphic{height:190px}.graphic-system{gap:20px}.graphic-system span{width:60px;height:60px}.own-product-copy{padding:35px 27px}.own-product-copy h3{font-size:30px}}
@media(max-width:800px){.shell{width:calc(100% - 48px)}.content-shell{width:calc(100% - 64px)}.header-inner{height:82px;gap:20px;flex-wrap:wrap}.logo{font-size:27px}.site-header .site-nav{width:100%;order:3;background:#fff;flex-direction:column;align-items:flex-start;padding:17px 0;gap:6px}.header-inner:has(.site-nav:not(.open)){height:auto;min-height:82px}.js .site-header .site-nav{display:none}.js .site-header .site-nav.open{display:flex}.site-header:has(.site-nav.open) .header-inner{height:auto}.side-greeting{display:none}.slide-stage,.showcase-slide{min-height:420px}.slide-copy{padding:42px 0 35px 28px}.slide-category{font-size:9px;margin-bottom:25px}.slide-copy h1,.slide-copy h2{font-size:36px;letter-spacing:-1.4px}.slide-copy>p:not(.slide-category){font-size:12px;margin-top:23px}.slide-art{padding-inline:15px 20px}.visual-ring{width:230px;height:230px}.visual-caption{font-size:7px;right:20px;bottom:26px}.showcase-bottom>p:first-child{font-size:10px}.slide-controls{gap:4px}.editorial-section{padding-block:65px}.editorial-intro{grid-template-columns:95px 1fr;gap:15px;margin-bottom:35px}.editorial-intro h2{font-size:24px;letter-spacing:-.7px}.section-description{font-size:12px}.section-label{font-size:10px}.identity-statement,.about-bottom{margin-left:110px}.identity-statement{font-size:63px;letter-spacing:-3.5px}.identity-statement>span:last-of-type{margin-left:85px}.identity-statement>p{font-size:8px}.about-bottom{gap:15px;align-items:start;flex-direction:column}.feature-visual{padding:30px 35px;min-height:340px}.feature-visual>img{height:280px}.image-word{font-size:53px;letter-spacing:-2px;bottom:22px;left:20px}.feature-caption{grid-template-columns:1fr auto;gap:9px 15px}.feature-caption>p{grid-column:1;grid-row:2;font-size:11px}.feature-caption>.plain-link{grid-column:2;grid-row:1 / 3;font-size:11px}.secondary-projects{gap:23px;margin-top:35px}.small-visual{min-height:200px;padding:23px 18px 0}.small-visual img{height:178px}.campus-visual{padding:20px 13px}.campus-visual img{height:160px}.small-project h3{font-size:20px}.vr-preview{padding:35px;gap:32px}.vr-orbit{font-size:60px;min-width:160px;padding:25px 15px}.vr-preview h3{font-size:25px}.service-editorial{gap:15px}.service-graphic{height:160px;gap:10px}.graphic-app span{width:48px;height:83px;box-shadow:8px 8px 0 #bbc6e6}.graphic-app span+span{width:65px;height:62px}.graphic-system{gap:14px}.graphic-system span{width:48px;height:48px;font-size:10px}.graphic-system:before{width:130px;height:70px}.graphic-operate span{font-size:85px}.service-editorial h3{font-size:18px}.service-editorial article>p:not(.service-index){font-size:11px}.service-editorial ul{font-size:9px}.service-graphic i{font-size:8px;left:13px}.own-product-copy{padding:27px 21px}.own-product-copy h3{font-size:28px}.own-product-copy>p{font-size:11px}.own-product-media{min-height:445px}.trailo-phone{width:145px;left:calc(50% - 72px)}.own-product-media>span{font-size:26px}.contact-editorial{padding-block:70px}.contact-editorial h2{font-size:51px;letter-spacing:-2px}.contact-editorial-bottom>div{font-size:13px}.contact-project-link{font-size:15px;min-width:230px;gap:60px}.footer-bottom{font-size:9px}.detail-intro h1{font-size:42px}}
@media(max-width:540px){.shell{width:calc(100% - 36px)}.content-shell{width:calc(100% - 44px)}.header-inner{min-height:74px!important;height:74px}.logo{font-size:25px}.slide-stage,.showcase-slide{min-height:595px}.showcase-slide{grid-template-columns:1fr;grid-template-rows:auto 265px}.slide-copy{padding:32px 26px 0}.slide-category{margin-bottom:19px;font-size:9px}.slide-copy h1,.slide-copy h2{font-size:37px;letter-spacing:-1.4px}.slide-copy>p:not(.slide-category){font-size:12px;margin-top:18px}.slide-copy>.plain-link{margin-top:12px}.slide-art{padding:12px 22px 30px}.slide-art>img{max-width:340px;max-height:220px;object-fit:contain;transform:rotate(-6deg)}.visual-ring{width:235px;height:235px}.visual-caption{bottom:15px;font-size:7px}.browser-art{padding:15px 30px 37px}.browser-frame{max-width:300px}.browser-frame img{max-height:180px}.showcase-bottom{padding-block:13px;justify-content:flex-end}.showcase-bottom>p:first-child{display:none}.slide-controls{gap:10px}.editorial-section{padding-block:49px}.editorial-intro{grid-template-columns:1fr;gap:18px;margin-bottom:27px}.editorial-intro h2{font-size:23px;line-height:1.6}.section-label{padding:0}.section-description{margin-top:16px;font-size:12px}.identity-statement{margin-left:0;font-size:70px;padding-block:9px 0}.identity-statement>span:last-of-type{margin-left:70px}.identity-statement>p{font-size:8px;bottom:5px}.about-bottom{margin-left:0;margin-top:27px;gap:17px}.about-bottom>p{font-size:12px}.feature-visual{padding:30px 19px 50px;min-height:257px}.feature-visual>img{height:190px}.image-word{font-size:35px;letter-spacing:-1.5px;left:17px;bottom:19px}.feature-caption{margin-top:17px}.feature-caption h3{font-size:20px}.feature-caption>p{font-size:10px}.feature-caption>.plain-link{font-size:10px}.secondary-projects{grid-template-columns:1fr;gap:29px;margin-top:32px}.small-visual{min-height:240px;padding:25px 25px 0}.small-visual img{height:215px}.campus-visual{padding:25px 13px}.campus-visual img{height:190px}.small-project h3{font-size:22px}.project-description{font-size:11px}.vr-preview{padding:28px 23px;gap:23px;flex-direction:column;align-items:flex-start;margin-top:30px}.vr-orbit{font-size:58px;min-width:165px;padding:18px 23px}.vr-preview h3{font-size:28px;line-height:1.3}.source-note{font-size:9px;margin-top:18px}.service-editorial{grid-template-columns:1fr;gap:36px}.service-graphic{height:205px}.graphic-app span{width:65px;height:110px}.graphic-app span+span{width:103px;height:86px}.graphic-system{gap:42px}.graphic-system span{width:74px;height:74px;font-size:13px}.graphic-system:before{width:190px;height:95px}.graphic-operate span{font-size:110px}.service-graphic i{font-size:10px;left:19px}.service-editorial h3{font-size:23px}.service-editorial article>p:not(.service-index){font-size:13px;margin-top:13px}.service-editorial ul{font-size:11px;margin-top:17px}.service-index{margin-top:20px}.own-product{grid-template-columns:1fr}.own-product-copy{padding:31px 25px}.own-product-copy h3{font-size:32px}.own-product-copy>p{font-size:12px}.own-product-media{min-height:405px}.trailo-phone{width:143px;left:calc(50% - 71px);top:27px}.own-product-media>span{font-size:28px;left:20px;bottom:20px}.contact-editorial h2{font-size:36px;letter-spacing:-1.5px}.contact-editorial{padding-block:52px 48px}.contact-editorial-bottom{flex-direction:column;align-items:flex-start;gap:25px;margin-top:27px}.contact-project-link{min-width:255px}.footer-top{gap:15px}.footer-top>p{order:3;width:100%}.footer-top>.plain-link{font-size:11px;margin-left:auto}.footer-bottom{gap:14px}.footer-bottom>div{font-size:10px}.detail-intro h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.js.motion .reveal{opacity:1;transform:none}.slide-art>img,.feature-visual>img,.small-visual img{transition:none}}
.contact-band p{color:#626567}html:not(.js) .slide-controls{display:none}
.contact-band p:not(.eyebrow){color:#626567}
@media(min-width:801px){.menu-button{display:none}}