/* landscape.css */
:root{--ink:#16131d;--purple:#6500f5;--paper:#f8f8f4;--muted:#6e6b71;--line:#dcdadf;--scroll:0px;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:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,section[tabindex]:focus-visible{outline:2px solid var(--purple);outline-offset:5px}button,a,input,select,textarea{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2{font-family:'Manrope',sans-serif;letter-spacing:-.065em;font-weight:500;line-height:1.08}h2{font-size:clamp(36px,4.2vw,66px)}h3{font-weight:500;letter-spacing:-.025em}em{font-style:normal;color:var(--purple)}p{line-height:1.65}button{background:none}ul{margin:0;padding:0;list-style:none}[hidden]{display:none!important}.wrap{width:min(1360px,calc(100% - 112px));margin-inline:auto}.eyebrow,.section-index{font-size:10px;font-weight:550;letter-spacing:.08em;line-height:1.5}.section-index{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:64px}.section-index>a:hover{text-decoration:underline}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;border-radius:100px;padding:17px 24px;font-size:12px;line-height:1.3;transition:background .2s,transform .2s}.button>span{font-size:19px;line-height:1}.button:hover{transform:translateY(-3px)}.button-ink{background:var(--ink);color:white}.button-ink:hover{background:var(--purple)}.button-light{background:var(--paper);color:var(--ink)}.underlined{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--ink);padding:12px 0;font-size:12px}.underlined:hover{color:var(--purple);border-color:var(--purple)}.sr-only,.skip{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;z-index:100;clip:auto;width:auto;height:auto;top:10px;left:10px;padding:15px;background:white}.site-header{position:absolute;top:0;left:0;width:100%;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:24px 42px;gap:24px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:52px;height:52px;border-radius:50%}.brand>span{font-size:10px;font-weight:500;line-height:1.45}.site-header nav{display:flex;align-items:center;gap:36px;font-size:12px}.site-header nav a{position:relative;padding:10px 0}.site-header nav a:after{content:'';position:absolute;bottom:4px;left:0;height:1px;width:0;background:currentColor;transition:width .25s}.site-header nav a:hover:after{width:100%}.site-header nav a:last-child{margin-left:22px;border:1px solid #17151a55;border-radius:40px;padding:12px 19px}.site-header nav a:last-child:after{display:none}.site-header nav a:last-child span{margin-left:30px}.menu-toggle{display:none}.hero{height:100svh;min-height:760px;max-height:1200px;position:relative;isolation:isolate;overflow:hidden;background:#b8e3ed}.hero-landscape{position:absolute;inset:0;z-index:-1;transform:translateY(var(--scroll)) scale(1.04);transform-origin:50% 60%;animation:landscape-breathe 18s ease-in-out infinite alternate}.hero-landscape img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.hero-copy{position:absolute;inset:20% 0 auto;text-align:center}.hero-copy .eyebrow{display:flex;align-items:center;justify-content:center;gap:8px}.status-dot{display:inline-block;width:5px;height:5px;background:var(--purple);border-radius:50%;box-shadow:0 0 0 4px #6500f510}.hero h1{font-weight:800;font-size:clamp(65px,9.7vw,160px);letter-spacing:-.075em;margin:12px 0 16px;line-height:1.05;position:relative;display:inline-block}.spark{font-size:.51em;display:inline-block;position:absolute;right:-.7em;top:-.14em;animation:spark-turn 20s linear infinite}.hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.6}.hero-copy .button{margin-top:22px;padding:14px 23px;font-size:11px}.hero-foot{position:absolute;bottom:32px;left:42px;right:42px;display:flex;align-items:flex-end;justify-content:space-between;color:white;text-shadow:0 1px 12px #0008}.hero-foot>span{font-size:9px;letter-spacing:.06em;line-height:1.8}.hero-foot b{font-size:11px;font-weight:400;letter-spacing:0}.hero-foot a{font-size:11px;display:flex;align-items:center;gap:35px}.hero-foot a span{font-size:25px}.motion-toggle{position:absolute;right:42px;bottom:88px;background:#f8f8f4da;backdrop-filter:blur(6px);padding:8px 13px;border-radius:30px;font-size:9px;display:flex;gap:10px;align-items:center}.intro{padding-block:100px 65px}.intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:10%}.intro-grid h2{font-size:clamp(36px,4.2vw,66px)}.intro-copy p{font-size:14px;color:var(--muted);max-width:420px}.intro-copy p+p{margin-top:18px}.intro-copy .underlined{margin-top:19px}.discipline-line{margin-top:85px;padding-block:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:22px}.discipline-line>span{font-family:Manrope,sans-serif;font-size:clamp(23px,3vw,48px);letter-spacing:-.05em}.discipline-line>i{font-style:normal;font-size:19px;color:var(--purple);animation:spark-turn 30s linear infinite}.work{padding-block:45px 105px}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:47px}.section-heading>p,.section-heading>div>p{font-size:12px;line-height:1.7;color:var(--muted)}.work .section-index{margin-bottom:40px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.work-tile{padding:0;display:block;min-width:0;text-align:left}.project-art{height:430px;overflow:hidden;position:relative;border-radius:8px;transition:border-radius .5s}.work-tile:hover .project-art{border-radius:35px}.purple-art{background:#6000ed;color:#ece5ff;display:flex;align-items:center;justify-content:center}.oversize-ttm{font-size:120px;line-height:.85;letter-spacing:-.08em;font-weight:700;transform:rotate(-8deg);z-index:1}.oversize-ttm span{display:block;font-size:62px;letter-spacing:-.075em}.art-sticker{position:absolute;right:28px;top:30px;border:1px solid #b5ffbf;color:#b5ffbf;padding:15px 18px;font-size:10px;line-height:1.5;transform:rotate(7deg);z-index:2}.art-sticker>span{display:block;font-size:33px;text-align:right;line-height:1.2}.art-orbit{position:absolute;border:1px solid #af7dff;width:85%;height:67%;border-radius:50%;transform:rotate(-35deg);box-shadow:0 0 0 30px #9d5dfb1a,0 0 0 65px #9d5dfb12}.art-orbit:after{content:'✦';position:absolute;top:32px;left:30px;font-size:35px;color:#b6ffbb}.web-art{background:#d7e3dd;display:grid;place-items:center}.mini-browser{width:86%;background:#0754d7;color:#fff;box-shadow:0 25px 45px #2c4c3240;transform:rotate(-6deg);border-radius:6px;overflow:hidden;transition:transform .6s}.work-tile:hover .mini-browser{transform:rotate(-2deg) scale(1.03)}.browser-top{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;font-size:7px}.browser-top b{font-size:9px}.browser-main{position:relative;height:220px;padding:23px}.browser-main strong{font-size:37px;letter-spacing:-.06em;line-height:1.05;font-weight:600;position:relative;z-index:1}.browser-main em{color:#fff3cd}.browser-main img{position:absolute;right:-30px;bottom:5px;width:68%;height:auto}.browser-bottom{display:block;font-size:6px;letter-spacing:.12em;padding:8px 18px 15px}.art-label{position:absolute;bottom:20px;right:20px;letter-spacing:.1em;font-size:7px}.project-caption{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.project-caption h3{font-size:15px}.project-caption>span{font-size:8px;letter-spacing:.04em;display:flex;align-items:center;gap:20px}.project-caption b{font-size:20px;font-weight:400}.imagination{height:720px;min-height:65svh;position:relative;isolation:isolate;overflow:hidden;background:#879e84}.imagination video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10161d99,transparent 85%);z-index:-1}.film-copy{position:absolute;bottom:15%;left:max(56px,calc((100vw - 1360px)/2));color:white}.film-copy h2{margin:26px 0 32px;font-size:clamp(48px,6vw,90px)}.film-copy em{color:#e6d9ff}.film-toggle{position:absolute;right:42px;bottom:35px;color:white;border:1px solid #fff7;backdrop-filter:blur(8px);padding:13px 18px;border-radius:50px;display:flex;gap:25px;align-items:center;font-size:10px}.expertise{padding-block:100px}.expertise .section-heading{margin-bottom:60px}.service-search{display:flex;align-items:center;border-bottom:1px solid var(--ink);margin-top:24px;gap:20px}.service-search input{background:none;border:0;width:100%;padding:12px 0;font-size:12px;color:var(--ink);outline-offset:0}.service-search>span:last-child{font-size:24px}.expertise-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.service-tabs button{padding:20px 0;border-top:1px solid var(--line);width:100%;display:grid;grid-template-columns:25px 1fr 18px;align-items:center;gap:12px;text-align:left;font-size:14px;transition:color .2s}.service-tabs button:last-child{border-bottom:1px solid var(--line)}.service-tabs button[aria-selected=true]{color:var(--purple)}.tab-number{font-size:8px;color:var(--muted)}.service-tabs button:hover{color:var(--purple)}.service-tabs button>span:last-child{opacity:0;transition:opacity .2s}.service-tabs button[aria-selected=true]>span:last-child,.service-tabs button:hover>span:last-child{opacity:1}#service-panel .eyebrow{color:var(--muted);font-size:8px}#service-panel h3{font-size:32px;line-height:1.1;margin-top:17px;font-family:Manrope,sans-serif;letter-spacing:-.05em}.service-description{font-size:12px;max-width:420px;margin-top:16px;color:var(--muted)}#service-panel ul{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;margin-top:27px}#service-panel li button{font-size:11px;line-height:1.5;text-align:left;padding:15px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;height:100%}#service-panel li button>span:last-child{color:var(--purple);opacity:0;transition:opacity .2s}#service-panel li button:hover>span:last-child{opacity:1}#service-panel li button:hover{color:var(--purple)}.service-empty{padding:40px 0;color:var(--muted)}.process{padding-block:20px 110px}.process .section-index{padding-top:35px;border-top:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.process-grid h2{font-size:clamp(34px,3.8vw,58px)}.process-steps article{display:grid;grid-template-columns:24px 1fr;gap:22px;border-bottom:1px solid var(--line);padding:0 0 26px;margin-bottom:26px}.process-steps article>span{font-size:9px;color:var(--purple);padding-top:6px}.process-steps h3{font-size:22px;margin-bottom:12px}.process-steps p{font-size:12px;color:var(--muted);max-width:380px}.contact{background:#e4deef;padding-block:52px 45px}.contact h2{position:relative;font-size:clamp(60px,8vw,126px);line-height:1.02;margin-bottom:50px;max-width:1100px}.contact h2>span{position:absolute;right:6%;top:0;color:var(--purple);font-size:1.5em;animation:spark-turn 40s linear infinite}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact-row p{font-size:13px}.contact-links{margin-top:50px;padding-top:24px;border-top:1px solid #c6bcd6;display:flex;justify-content:space-between;font-size:12px}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:35px!important}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}.footer-brand{font-size:25px;letter-spacing:-.07em;font-weight:700;line-height:1}.footer-brand span{display:block;font-size:11px;font-weight:400;letter-spacing:-.02em;margin-top:5px}dialog{border:0;background:var(--paper);color:var(--ink);padding:50px;max-width:600px;width:calc(100% - 32px);max-height:90svh;overflow:auto;border-radius:14px}dialog::backdrop{background:#12101b80;backdrop-filter:blur(10px)}.dialog-close{position:absolute;top:15px;right:18px;width:35px;height:35px;font-size:29px}.dialog-close:hover{color:var(--purple)}dialog .eyebrow{color:var(--purple);margin-bottom:18px}dialog h2{font-size:40px;margin-bottom:20px}dialog>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-bottom:26px}form{display:grid;gap:18px}form label{display:grid;gap:7px;font-size:11px}form input,form select,form textarea{background:transparent;border:1px solid #d0cbd7;padding:12px;max-width:100%;width:100%;border-radius:5px;color:var(--ink);font-size:12px}form textarea{resize:vertical;min-height:95px}form .button{justify-self:start}.form-status{font-size:11px;color:var(--purple)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:none}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}.motion-paused .hero-landscape{transform:none}.motion-paused{scroll-behavior:auto}@keyframes landscape-breathe{from{scale:1}to{scale:1.035}}@keyframes spark-turn{to{rotate:360deg}}
/* Keep supporting copy out of the sculpture's silhouette. */
@media(min-width:701px){.hero-copy>p:not(.eyebrow){position:absolute;left:42px;top:225px;text-align:left}.hero-copy .button{position:absolute;left:42px;top:279px;margin-top:0}.hero-copy>p:not(.eyebrow){text-shadow:0 1px 12px #fff9}.hero{min-height:720px}}
@media(min-width:1700px){.hero-copy{top:19%}.hero h1{font-size:170px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header{padding-inline:30px}.brand>span{display:none}.hero{min-height:720px}.project-art{height:350px}.oversize-ttm{font-size:95px}.oversize-ttm span{font-size:52px}.browser-main{height:185px}.browser-main strong{font-size:30px}.project-caption{align-items:flex-start;flex-direction:column;gap:7px}.project-caption>span{width:100%;justify-content:space-between}.film-copy{left:32px}.expertise-layout{gap:6%;grid-template-columns:.85fr 1.15fr}.service-tabs button{font-size:12px;gap:7px}.contact h2>span{right:0;font-size:1.1em}}
@media(max-width:700px){html{scroll-padding-top:70px}.wrap{width:calc(100% - 40px)}.site-header{padding:19px 20px}.brand img{width:43px;height:43px}.brand>span{display:block;font-size:8px}.menu-toggle{display:flex;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:21}.menu-toggle span{width:22px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:76px;left:16px;right:16px;background:var(--paper);padding:22px;border-radius:12px;box-shadow:0 15px 40px #0002;font-size:17px;align-items:stretch;gap:4px}.site-header nav.open{display:flex;flex-direction:column}.site-header nav a{padding:13px}.site-header nav a:last-child{margin:10px 0 0;text-align:center;align-self:flex-start;font-size:13px}.hero{height:100svh;min-height:700px;max-height:950px}.hero-copy{top:19%;padding-inline:20px}.hero-copy .eyebrow{font-size:8px}.hero h1{font-size:clamp(45px,11.5vw,78px);margin:17px 0 18px;white-space:nowrap}.spark{right:-.5em;top:-.3em;font-size:.4em}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-copy .button{font-size:10px;padding:13px 19px;margin-top:18px;gap:26px}.hero-landscape img{object-position:50% 60%}.hero-foot{left:20px;right:20px;bottom:24px;gap:20px}.hero-foot>span{font-size:7px}.hero-foot b{font-size:9px}.hero-foot a{font-size:8px;gap:14px}.hero-foot a span{font-size:20px}.motion-toggle{right:20px;bottom:78px;font-size:8px}.section-index{font-size:8px;gap:20px;margin-bottom:35px;align-items:flex-start}.section-index>span:last-child{max-width:125px;text-align:right}.intro{padding-block:60px 35px}.intro-grid{grid-template-columns:1fr;gap:30px}.intro h2{font-size:39px}.intro-copy p{font-size:13px;max-width:none}.intro-copy .underlined{margin-top:10px}.discipline-line{margin-top:40px;padding-block:26px;gap:9px}.discipline-line>span{font-size:23px}.discipline-line>i{font-size:10px}.work{padding-block:30px 60px}.work .section-index>a{max-width:110px;text-align:right;line-height:1.7}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:38px}.section-heading>p,.section-heading>div>p{margin-top:23px;font-size:12px}.work-grid{grid-template-columns:1fr;gap:32px}.project-art{height:350px}.oversize-ttm{font-size:115px}.oversize-ttm span{font-size:62px}.browser-main{height:200px}.browser-main strong{font-size:37px}.browser-main img{width:69%}.project-caption{flex-direction:row;align-items:center;gap:15px}.project-caption h3{font-size:13px}.project-caption>span{font-size:6px;max-width:140px;gap:8px}.project-caption b{font-size:17px}.imagination{height:620px;min-height:0}.imagination video{object-position:51% 50%}.film-copy{left:20px;bottom:22%;right:20px}.film-copy .eyebrow{font-size:8px}.film-copy h2{font-size:45px;margin-top:18px}.film-copy .button{font-size:11px}.film-toggle{bottom:24px;right:20px}.expertise{padding-block:60px}.expertise .section-heading{margin-bottom:30px}.service-search{max-width:100%;margin-top:18px}.expertise-layout{display:block}.service-tabs{display:flex;overflow-x:auto;gap:8px;padding:4px 1px 18px;scroll-snap-type:x mandatory;margin-bottom:20px}.service-tabs button{display:flex;gap:10px;width:auto;flex:0 0 auto;border:1px solid var(--line)!important;border-radius:30px;padding:12px 15px;scroll-snap-align:start;font-size:11px}.service-tabs button[aria-selected=true]{background:var(--ink);color:white;border-color:var(--ink)!important}.service-tabs button>span:last-child{display:none}.tab-number{font-size:7px}.service-tabs button[aria-selected=true] .tab-number{color:#cac6d1}#service-panel h3{font-size:27px;max-width:100%;margin-top:13px}.service-description{font-size:12px}#service-panel ul{margin-top:18px;column-gap:20px}#service-panel li button{font-size:10px;padding:14px 0}#service-panel li button>span:last-child{opacity:1;font-size:12px}.process{padding-block:0 60px}.process-grid{grid-template-columns:1fr;gap:36px}.process-grid h2{font-size:38px}.process-steps h3{font-size:20px}.process-steps p{font-size:12px}.contact{padding-block:35px}.contact h2{font-size:52px;margin-bottom:32px}.contact h2>span{font-size:.75em;top:3px}.contact-row{display:block}.contact-row p{font-size:12px}.contact-row .button{margin-top:26px;font-size:11px}.contact-links{margin-top:35px;font-size:11px}footer{flex-wrap:wrap;padding-block:30px!important;gap:25px}footer>span{order:3;width:100%;font-size:9px}footer>a:last-child{margin-left:auto}dialog{padding:40px 25px 25px}dialog h2{font-size:34px}}
@media(max-width:700px){.discipline-line{gap:5px}.discipline-line>span{font-size:clamp(16px,5.4vw,23px)}.discipline-line>i{font-size:8px}}
html:has(body.motion-paused){scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-landscape{transform:none!important}}

/* interactions.css */
/* A shared motion language: quick responses, gentle entrances, no scroll hijacking. */
.reading-progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:60;background:var(--purple);transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}
.hero-landscape img{translate:var(--pointer-x,0px) var(--pointer-y,0px);transition:translate 1s cubic-bezier(.18,.7,.22,1)}
.hero-word{display:inline-block;animation:word-arrive 1.1s cubic-bezier(.16,1,.3,1) both}.hero-word:nth-child(2){animation-delay:.13s}
.hero-copy .eyebrow{animation:soft-arrive .85s .1s both}.hero-copy>p:not(.eyebrow){animation:soft-arrive 1s .3s both}.hero-copy .button{animation:soft-arrive 1s .45s both}
.motion-heading{opacity:0;translate:0 25px;filter:blur(3px);transition:opacity .9s ease,translate .9s cubic-bezier(.16,1,.3,1),filter .8s ease}.motion-heading.heading-visible{opacity:1;translate:0;filter:none}
.button{position:relative;isolation:isolate;overflow:hidden;translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .35s cubic-bezier(.2,.8,.2,1),background .25s,transform .25s,box-shadow .3s}
.button>span{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.button:hover>span,.button:focus-visible>span{transform:translate(3px,-3px)}
.button:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 15%,#fff2 45%,transparent 70%);transform:translateX(-120%);transition:transform .65s;pointer-events:none}.button:hover:after{transform:translateX(120%)}.button:active{scale:.97}.button:focus-visible{box-shadow:0 0 0 6px #6500f518}
.underlined>span{transition:transform .3s}.underlined:hover>span,.underlined:focus-visible>span{transform:translate(4px,-4px)}
.brand img{transition:rotate .55s cubic-bezier(.2,.8,.2,1),scale .4s}.brand:hover img{rotate:-12deg;scale:1.06}
.project-art{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s cubic-bezier(.2,.75,.25,1),border-radius .5s,box-shadow .5s;will-change:auto}
.project-art:after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#fff3,transparent 55%);opacity:0;transition:opacity .4s}
.work-tile:hover .project-art:after{opacity:1}.work-tile:hover .project-art{box-shadow:0 18px 35px #28203112}.project-caption h3{transition:color .3s}.project-caption b{transition:transform .3s}.work-tile:hover .project-caption h3{color:var(--purple)}.work-tile:hover .project-caption b{transform:translate(4px,-4px)}
.art-sticker{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.work-tile:hover .art-sticker{transform:rotate(-5deg) translateY(-5px)}.oversize-ttm{transition:transform .6s}.work-tile:hover .oversize-ttm{transform:rotate(-3deg) scale(1.05)}
.service-tabs button{position:relative;isolation:isolate;transition:color .25s,padding .35s}.service-tabs button:before{content:'';position:absolute;inset:0;z-index:-1;background:#6500f508;transform:scaleX(0);transform-origin:left;transition:transform .35s}.service-tabs button:hover:before,.service-tabs button:focus-visible:before{transform:scaleX(1)}
#service-panel li{animation:service-arrive .45s var(--item-delay,0ms) both}#service-panel li button{transition:color .25s,padding .3s,background .25s}#service-panel li button:hover,#service-panel li button:focus-visible{padding-left:8px;background:#6500f506}#service-panel li button>span:last-child{transition:opacity .25s,transform .3s}#service-panel li button:hover>span:last-child{transform:translate(2px,-2px)}
.process-steps article>span{transition:background .3s,color .3s,border-radius .3s;display:grid;place-items:center;width:28px;height:28px;padding:0}.process-steps article:hover>span{background:var(--purple);color:white;border-radius:50%}.process-steps h3{transition:color .3s}.process-steps article:hover h3{color:var(--purple)}
.contact-links a,footer>a:last-child{position:relative}.contact-links a:after,footer>a:last-child:after{content:'';position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.contact-links a:hover:after,footer>a:last-child:hover:after{transform:scaleX(1)}
dialog[open]{animation:dialog-arrive .4s cubic-bezier(.16,1,.3,1)}dialog[open]::backdrop{animation:backdrop-arrive .3s}form input,form textarea,form select{transition:border-color .25s,background .25s,box-shadow .25s}form input:focus,form textarea:focus,form select:focus{background:white;border-color:var(--purple);box-shadow:0 0 0 3px #6500f509}.dialog-close{transition:rotate .3s}.dialog-close:hover{rotate:90deg}
@keyframes word-arrive{from{opacity:0;transform:translateY(35px) rotate(2deg);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes soft-arrive{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes service-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}@keyframes backdrop-arrive{from{opacity:0}to{opacity:1}}
.motion-paused .motion-heading{opacity:1;translate:none;filter:none;transition:none}.motion-paused .button{translate:none!important}.motion-paused .project-art{transform:none!important}.motion-paused .hero-landscape img{translate:none!important}.motion-paused .hero-word,.motion-paused .hero-copy .eyebrow,.motion-paused .hero-copy>p,.motion-paused .hero-copy .button,.motion-paused #service-panel li{animation:none!important;opacity:1;transform:none;filter:none}
@media(hover:none){.project-art{transform:none}.button{translate:none}.hero-landscape img{translate:none}}
@media(max-width:700px){.reading-progress{height:2px}.hero-word{animation-duration:.85s}.motion-heading{translate:0 14px}.service-tabs button:before{border-radius:30px}}
@media(prefers-reduced-motion:reduce){.motion-heading{opacity:1;translate:none;filter:none}.hero-word,.hero-copy .eyebrow,.hero-copy>p,.hero-copy .button,#service-panel li{animation:none!important;opacity:1;transform:none;filter:none}.button,.hero-landscape img{translate:none!important}.project-art{transform:none!important}}
