:root{--ease:cubic-bezier(.22,.76,.22,1)}html{scroll-padding-top:82px;scroll-behavior:smooth}body>header:not(.concept-header){position:sticky;top:0;transition:background .35s,box-shadow .35s;background:#101113f8}body.scrolled>header:not(.concept-header){box-shadow:0 1px 0 #ffffff16;background:#121214f5}header a,footer a,.actions>a,.switches button,.button,.cta,button{transition:color .3s var(--ease),background .32s var(--ease),transform .36s var(--ease),border-color .32s var(--ease)}.button,button,.cta{border-radius:99px}.button:hover,.cta:hover,button:hover{transform:scale(1.035)}input:not([type=range]),select,textarea{border-radius:15px}.launch{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:4vw;padding:clamp(3rem,7vw,8rem) 5vw;background:radial-gradient(ellipse at 82% 60%,#42232a 0,transparent 52%),#111113;overflow:clip}.launch h1{font-size:clamp(3.4rem,6.2vw,7.4rem);line-height:.99;letter-spacing:-.068em}.launch h1 em,.close em{font:italic 1em Georgia,serif;color:#f1c4ba}.launch .intro{font-size:1.04rem;max-width:45ch}.showcase{min-width:0;perspective:1100px}.screen-shell{overflow:hidden;border:1px solid #ffffff3b;border-radius:26px;background:#202023;box-shadow:0 30px 65px #0007;transform:translateY(var(--scroll-offset,0px)) rotateY(var(--tilt,0deg));transition:transform .42s var(--ease)}.screen-chrome{display:flex;align-items:center;gap:1.1rem;padding:.68rem 1rem;color:#ccc5c2;font-size:.65rem;letter-spacing:.07em}.lights{color:#ac7477;letter-spacing:.18em}.screen-stack{display:grid;isolation:isolate;aspect-ratio:1.34}.screen-slide{grid-area:1/1;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;text-decoration:none;color:#fff!important;background:#181818;opacity:0;visibility:hidden;transition:opacity .65s var(--ease),visibility .65s;pointer-events:none}.screen-slide:first-child,.screen-slide.active{opacity:1;visibility:visible;pointer-events:auto}.screen-stack.enhanced .screen-slide:not(.active){opacity:0;visibility:hidden;pointer-events:none}.screen-slide img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:0;transition:transform .8s}.screen-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#060606bc,transparent 80%)}.screen-nav,.screen-caption{z-index:1;padding:5%;line-height:1}.screen-nav{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:bold}.screen-nav small,.screen-caption small{display:block;font:500 .7rem/1.3 Manrope,sans-serif}.screen-caption{font:italic clamp(1.8rem,3.3vw,4rem)/1 Georgia,serif;max-width:88%}.screen-caption small{margin-top:1rem}.screen-slide:hover img{transform:scale(1.04)}.scene-tabs,.device-controls{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-top:1rem;flex-wrap:wrap}.scene-tabs button,.device-controls button{font:inherit;font-size:.81rem;color:#f1e8e6;padding:.55rem 1rem;background:#201b1c;border:1px solid #514144}.scene-tabs button[aria-pressed=true],.device-controls button[aria-pressed=true]{background:#efe4de;color:#25171a}.expertise,.transform{display:grid;grid-template-columns:1fr 1.36fr;gap:6vw;align-items:center}.expertise a{display:grid;grid-template-columns:1fr auto;gap:.4rem;text-decoration:none;border-bottom:1px solid #5a4547;padding:1.35rem .3rem;transition:transform .4s}.expertise a:hover{transform:translateX(5px)}.expertise a strong{font-size:1.5rem;font-weight:500}.expertise a span{grid-column:1;color:#c7bebd}.expertise a i{grid-column:2;grid-row:1/3}.project img,.case-photo,.inline-study,.brand-study img,.device-view img,.concept-header~main .compare-image,.mesa-story img,.oak-gallery img,.oak-hero img{border-radius:clamp(22px,2.2vw,36px)}.project img{transition:transform .7s var(--ease);max-width:100%}.project:hover img{transform:scale(1.015)}.inline-study{display:block;position:relative;overflow:hidden;margin:2rem 0}.inline-study img{width:100%;height:clamp(190px,24vw,355px);display:block;object-fit:cover;transition:transform .7s var(--ease)}.inline-study:hover img{transform:scale(1.04)}.inline-study span,.compare-tag{position:absolute;bottom:1rem;left:1rem;background:#181516e8;color:white;padding:.55rem 1rem;border-radius:18px;font-size:.82rem}.transform-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:30px;aspect-ratio:1.45;background:#e9e4dd;--split:42%}.after-page,.old-page{position:absolute;inset:0}.after-page img{height:100%;width:100%;object-fit:cover;filter:brightness(.7)}.after-page div{position:absolute;top:23%;width:100%;text-align:center;color:white}.after-page b{display:block;font:italic clamp(3rem,6vw,7rem) Georgia,serif}.old-page{background:#f1eddf;color:#432e21;padding:7%;font:16px/1.4 Georgia,serif;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.old-page b{font-size:2rem}.split-marker{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:white}.compare-tag{display:flex;gap:1rem;align-items:center;right:1rem;justify-content:center}.compare-tag input{width:45%;accent-color:#eeabac}.process ol{display:flex;gap:4vw;padding:0;list-style:none}.process li{flex:1;border-top:1px solid #695154;padding-top:1.5rem}.close{border-radius:32px;margin:0 4vw 4vw;background:#311e24}.close .button{margin-right:1rem}.live-device{width:100%;margin:1.4rem auto;border:1px solid #716268;border-radius:27px;overflow:hidden;transition:width .55s var(--ease)}.live-device iframe{width:100%;height:min(72svh,680px);border:0;display:block}.live-device.phone{width:min(100%,365px)}.sound{background:transparent;font-size:.75rem;color:inherit}.concept-header~main .cta,.concept-header .header-cta{border-radius:99px}.concept-header~main .hero>img{animation:concept-drift 12s ease-in-out infinite alternate}.concept-header~main [data-service-panel]:not([hidden]),.concept-header~main [data-menu-panel]:not([hidden]),.concept-header~main [data-garden-panel]:not([hidden]){animation:panel-in .45s var(--ease)}@keyframes concept-drift{to{transform:scale(1.045)}}@keyframes panel-in{from{opacity:.25;transform:translateY(7px)}}.entered{animation:panel-in .6s var(--ease)}@media(max-width:850px){.launch,.expertise,.transform{grid-template-columns:1fr}.launch{padding:3rem 6vw;gap:2.4rem}.launch h1{font-size:clamp(3.3rem,9vw,5.5rem)}.screen-stack{aspect-ratio:1.7}.process ol{display:block}.screen-caption small{margin-top:.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.screen-shell{transform:none!important}}
.link-arrow{display:inline-block;vertical-align:middle;width:.6em;height:.6em;border-top:1px solid currentColor;border-right:1px solid currentColor;position:relative;margin:0 .12em;transition:transform .32s var(--ease)}.link-arrow:after{content:'';position:absolute;right:0;top:0;width:.78em;border-top:1px solid currentColor;transform-origin:right;transform:rotate(-45deg)}a:hover .link-arrow{transform:translate(2px,-2px)}.launch .button{gap:.55em}.screen-chrome{color:#e0d5d4}
.launch h1{font-size:clamp(3rem,5.2vw,6.7rem);max-width:14ch}.project .work-image{position:relative;overflow:hidden;border-radius:28px;text-decoration:none;display:block;grid-column:1!important;grid-row:1/6}.work-image img{display:block;width:100%;height:100%;min-height:230px;object-fit:cover;transition:transform .7s var(--ease)}.work-image span{position:absolute;bottom:1rem;left:1rem;padding:.5em 1em;background:#171418df;color:#fff;border-radius:99px;font-size:.82rem}.project:hover .work-image img{transform:scale(1.045)}.button:active,.cta:active,button:active{transform:scale(.98)}.arrived .work-image,.arrived .filmstrip>a,.arrived .gallery-track{animation:photo-arrive .78s var(--ease) both}.arrived .kicker,.arrived h3{animation:panel-in .63s .08s var(--ease) backwards}.arrived .filmstrip>a:nth-child(2){animation-delay:.09s}.arrived .filmstrip>a:nth-child(3){animation-delay:.18s}@keyframes photo-arrive{from{opacity:.5;clip-path:inset(4% 0 4% round 30px);transform:translateY(10px)}to{opacity:1;clip-path:inset(0 round 28px);transform:none}}@media(max-width:850px){.launch h1{font-size:clamp(3rem,8vw,5rem)}}