@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#1a1a1a;--paper:#f7f6f0;--purple:#b9a7dd;--lime:#d2ed8a;--pink:#f2c8d5;--muted:#686864}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}button,a,summary{outline-offset:5px}img{max-width:100%}.wrap{width:calc(100% - 96px);max-width:1600px;margin:auto}.nav{border-bottom:1px solid #d7d7d0;align-items:center;gap:7%;height:93px;padding:0 48px;display:flex}.brand{letter-spacing:-1.5px;white-space:nowrap;align-items:center;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;display:inline-flex}.mark{margin-right:6px;font-size:36px;line-height:1}.brand-small{letter-spacing:.04em;margin-left:6px;font-size:7px;line-height:1.15}.nav-place,.eyebrow,.section-label,.hero-tags,.work-foot,.work-intro>span,.project-meta>span{letter-spacing:.09em;font-size:9px;font-weight:700;line-height:1.5}.nav-place{color:#696963}.nav nav{align-items:center;gap:38px;margin-left:auto;font-size:13px;font-weight:600;display:flex}.nav sup{font-size:8px}.nav-cta,.pill{border:1px solid var(--ink);border-radius:100px;justify-content:space-between;align-items:center;gap:36px;padding:15px 20px;display:inline-flex}.nav-cta span,.pill span{font-size:18px}.hero{padding-top:30px}.eyebrow,.section-label{justify-content:space-between;display:flex}.hero h1,.work-hero h1{letter-spacing:-.085em;margin:80px 0 38px;font-family:Manrope,sans-serif;font-size:clamp(75px,10.6vw,170px);font-weight:700;line-height:.91}.hero h1 em,.work-hero h1 em,h2 em{letter-spacing:-.07em;font-family:Georgia,serif;font-weight:400}.dot{color:#9075c0}.hero-bottom{align-items:end;gap:6%;padding-bottom:35px;display:flex}.hero-bottom p{max-width:390px;margin:0;font-size:15px;line-height:1.5}.round-link{border:1px solid;border-radius:50%;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.hero-tags{text-align:right;margin-left:auto}.hero-art{background:#c8b8e5;justify-content:center;align-items:center;height:350px;display:flex;position:relative;overflow:hidden}.hero-art>span{letter-spacing:-.07em;z-index:2;color:#1e1d22;font-family:Manrope,sans-serif;font-size:clamp(34px,5vw,80px);font-weight:800;line-height:.84;transform:rotate(-8deg)}.tiny-star{margin-left:10px;font-size:35px}.orb{border-radius:50%;position:absolute}.orb-one{background:#d8ed9b;width:480px;height:480px;top:-210px;left:12%}.orb-two{background:#f4c7d2;width:350px;height:350px;top:80px;right:8%}.orb-three{background:#8e9fd6;width:160px;height:160px;top:-70px;right:32%}.section{padding:125px 0}.section-label{border-top:1px solid;padding-top:14px}.intro-grid,.section-heading{grid-template-columns:1.4fr 1fr;gap:10%;margin-top:85px;display:grid}.intro h2,.section-heading h2,.ai-section h2,.contact h2{letter-spacing:-.075em;margin:0;font-family:Manrope,sans-serif;font-size:clamp(50px,6.3vw,98px);font-weight:600;line-height:1.02}.intro-grid>div{max-width:430px;margin-left:auto}.intro-grid p,.section-heading p,.ai-section p,.contact p{color:#555650;font-size:16px;line-height:1.6}.intro-grid .large-copy{color:var(--ink);margin-top:0;font-size:23px;line-height:1.3}.text-link{letter-spacing:.08em;border-bottom:1px solid;gap:50px;margin-top:24px;padding-bottom:10px;font-size:10px;font-weight:700;display:inline-flex}.values{letter-spacing:-.05em;border-top:1px solid #c9c9c2;border-bottom:1px solid #c9c9c2;justify-content:space-between;margin-top:100px;padding:25px 0;font-family:Manrope,sans-serif;font-size:clamp(18px,3vw,43px);font-weight:700;display:flex}.work-preview{background:#e9e7e1;overflow:hidden}.section-heading{align-items:end}.section-heading p{max-width:330px;margin:0}.section-heading .pill{grid-column:2;width:max-content}.pill{letter-spacing:.06em;padding:16px 22px;font-size:10px;font-weight:700}.dark{background:var(--ink);color:#fff}.light{background:var(--paper);color:var(--ink)}.marquee{margin-top:70px;overflow:hidden}.marquee-track{gap:16px;width:max-content;animation:35s linear infinite move;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes move{to{transform:translate(calc(-50% - 8px))}}.logo-card{justify-content:center;align-items:center;width:330px;height:230px;display:flex;position:relative}.lavender{background:#c6b7e2}.butter{background:#e9e6a9}.pink{background:#efc5d1}.mint{background:#bfdec9}.logo-card img{object-fit:contain;width:150px;max-height:115px}.logo-card img.gtr-logo{width:180px;max-height:130px}.logo-card small{letter-spacing:.08em;font-size:9px;font-weight:700;position:absolute;bottom:20px;left:22px}.crisp{letter-spacing:-.08em;font-family:Arial,sans-serif;font-size:64px;font-weight:900}.mojo{letter-spacing:.15em;font-family:Manrope,sans-serif;font-size:36px;font-weight:800}.work-foot{justify-content:space-between;margin-top:30px;display:flex}.service-list{margin-top:90px}.service-list details{border-top:1px solid #c9c9c2}.service-list details:last-child{border-bottom:1px solid #c9c9c2}.service-list summary{cursor:pointer;grid-template-columns:8% 1fr 35% 30px;align-items:center;padding:26px 0;list-style:none;display:grid}.service-list summary::-webkit-details-marker{display:none}.service-list summary span,.service-list summary small{letter-spacing:.07em;font-size:10px;font-weight:700}.service-list strong{letter-spacing:-.06em;font-family:Manrope,sans-serif;font-size:clamp(30px,4vw,60px)}.service-list b{font-size:24px;font-weight:400}.service-list details[open] b{transform:rotate(45deg)}.service-list details p{color:#5b5b56;max-width:550px;margin:0 0 30px 8%;line-height:1.6}.ai-section{background:#c7d9bd}.ai-grid{grid-template-columns:1fr 1fr;gap:10%;display:grid}.ai-section h2{margin-top:80px}.ai-section p{max-width:440px;margin:25px 0 35px}.ai-art{background:#a9bde0;place-items:center;min-height:450px;display:grid;position:relative;overflow:hidden}.ai-shape{color:#e7efb4;font-size:310px;line-height:1;animation:40s linear infinite spin}.ai-art span{letter-spacing:.08em;font-size:10px;font-weight:700;line-height:1.4;position:absolute;bottom:25px;left:25px}@keyframes spin{to{transform:rotate(360deg)}}.steps{grid-template-columns:repeat(4,1fr);gap:30px;margin-top:100px;display:grid}.steps article{border-top:1px solid #bdbdb5;padding-top:18px}.steps span{font-size:11px;font-weight:700}.steps h3{letter-spacing:-.05em;margin:50px 0 15px;font-family:Manrope,sans-serif;font-size:28px}.steps p{color:#65655f;font-size:14px;line-height:1.6}.contact{color:#f7f6f0;background:#242323}.contact h2{margin:100px 0 70px;font-size:clamp(60px,8vw,130px)}.contact h2 em{color:#c8b8e5}.contact-bottom{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:30px;display:grid}.contact-bottom p{color:#c5c5bf;max-width:330px;margin:0}.contact-bottom .pill{width:max-content}.contact-bottom>div{gap:12px;display:grid}.contact-bottom>div span{letter-spacing:.1em;color:#b5b5ae;font-size:9px}.contact-bottom>div a{font-size:19px}.footer{justify-content:space-between;align-items:center;padding-top:34px;padding-bottom:34px;display:flex}.footer p,.footer>a:last-child{letter-spacing:.07em;font-size:9px;font-weight:700;line-height:1.5}.work-hero{padding-top:30px}.work-hero h1{margin-top:90px}.work-hero .dot{vertical-align:top;margin-left:20px;font-size:.38em}.work-intro{justify-content:space-between;align-items:end;margin:70px 0;display:flex}.work-intro p{max-width:390px;font-size:16px;line-height:1.5}.portfolio{grid-template-columns:1fr 1fr;gap:80px 20px;padding-bottom:130px;display:grid}.project-art{place-items:center;height:460px;transition:border-radius .3s;display:grid;position:relative;overflow:hidden}.portfolio a:hover .project-art{border-radius:60px}.project-art img{object-fit:contain;width:220px;max-height:230px}.project-art .gtr-logo{width:270px}.project-art .crisp{font-size:clamp(65px,8vw,115px)}.project-art .mojo{font-size:clamp(35px,5vw,70px)}.project-arrow{font-size:26px;position:absolute;top:20px;right:25px}.project-meta{justify-content:space-between;align-items:start;margin-top:22px;display:flex}.project-meta h2{letter-spacing:-.05em;margin:0;font-family:Manrope,sans-serif;font-size:28px}.project-meta p{color:#72726d;font-size:13px}.project-meta>span{padding-top:8px}@media (width<=800px){.wrap{width:calc(100% - 40px)}.nav{height:75px;padding:0 20px}.nav-place{display:none}.nav nav{gap:15px}.nav nav>a:not(.nav-cta){display:none}.hero h1,.work-hero h1{margin-top:80px;font-size:clamp(58px,12vw,95px)}.hero-bottom{align-items:end}.hero-bottom p{max-width:270px;font-size:14px}.hero-tags{display:none}.hero-art{height:260px}.section{padding:85px 0}.intro-grid,.section-heading,.ai-grid{grid-template-columns:1fr;gap:30px;margin-top:55px}.intro-grid>div{margin:0}.values{gap:15px;margin-top:60px;font-size:clamp(13px,3vw,22px)}.section-heading .pill{grid-column:1}.logo-card{width:260px;height:200px}.service-list{margin-top:60px}.service-list summary{grid-template-columns:10% 1fr 25px}.service-list summary small{display:none}.ai-grid{margin-top:0}.ai-section h2{margin-top:55px}.ai-art{min-height:320px}.ai-shape{font-size:220px}.steps{grid-template-columns:1fr 1fr;gap:40px 20px;margin-top:65px}.steps h3{margin-top:25px}.contact h2{margin:65px 0 50px}.contact-bottom{grid-template-columns:1fr;gap:30px}.footer{flex-wrap:wrap;align-items:flex-start;gap:25px}.portfolio{grid-template-columns:1fr;gap:50px;padding-bottom:90px}.project-art{height:360px}.work-intro{flex-direction:column;align-items:start;gap:20px;margin:45px 0}.section-label span:last-child,.eyebrow span:last-child{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track,.ai-shape{animation:none}}.mark svg{width:32px;height:32px;display:block}.tiny-star{vertical-align:middle;width:35px;height:35px;display:inline-block}.tiny-star svg,.ai-shape svg,.work-star svg{width:100%;height:100%;display:block}.ai-shape{width:min(310px,70%);height:auto}.work-star{vertical-align:top;color:#9075c0;width:.32em;height:.32em;margin-left:20px;display:inline-block}.icon-arrow{vertical-align:-.08em;flex:none;width:1em;height:1em;display:inline-block}.round-link .icon-arrow{width:22px;height:22px}.project-arrow .icon-arrow{width:26px;height:26px}.nav-cta .icon-arrow,.pill .icon-arrow{width:18px;height:18px}.brand{gap:0}@media (width<=800px){.nav nav{gap:12px}.nav nav>a:not(.nav-cta){font-size:11px;display:inline}.nav-cta{gap:8px;padding:10px 12px}.brand{font-size:18px}.mark svg{width:27px;height:27px}.brand-small{font-size:6px}}@media (width<=390px){.nav nav>a:first-child,.nav nav>a:nth-child(2){display:none}.nav nav{gap:12px}}