:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.work-studio{padding-top:65px;scroll-margin-top:0}
.page-arriving main{opacity:0}.page-leaving{pointer-events:none}
.studio-links a{overflow:hidden;transition:color .3s}.studio-links a:after{content:'';position:absolute;left:0;bottom:1px;height:2px;width:100%;background:#6b7ca7;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--motion-ease)}.studio-links a:hover:after,.studio-links a[aria-current=page]:after{transform:scaleX(1)}
.studio-cta .arrow,.text-link span,.home-project-caption>span{transition:transform .4s var(--motion-ease)}.studio-cta:hover .arrow,.text-link:hover span,.home-project:hover .home-project-caption>span{transform:translate(3px,-3px)}
.studio-header #mobile-nav{visibility:visible;transition:grid-template-rows .5s var(--motion-ease),opacity .35s}.studio-header #mobile-nav a{transform:translateY(18px);opacity:0;transition:transform .35s var(--motion-ease),opacity .25s}.studio-header #mobile-nav.is-open a{transform:none;opacity:1}.studio-header #mobile-nav.is-open a:nth-child(2){transition-delay:40ms}.studio-header #mobile-nav.is-open a:nth-child(3){transition-delay:80ms}.studio-header #mobile-nav.is-open a:nth-child(4){transition-delay:120ms}.studio-header #mobile-nav.is-open a:nth-child(5){transition-delay:160ms}.studio-menu{transition:transform .4s,background .3s}.studio-menu[aria-expanded=true]{transform:rotate(90deg);background:#e4e9ef}
details .accordion-content{display:flow-root}.craft-list summary:after{content:'+'!important;transition:transform .4s var(--motion-ease)}.craft-list details.is-expanded summary:after{transform:rotate(45deg)}details.faq-item.is-expanded .faq-icon{transform:rotate(45deg)}details.faq-item:not(.is-expanded) .faq-icon{transform:none}details.faq-item{display:block!important}
.work-tab{transition:color .3s,border-color .4s,transform .4s}.work-tab:hover{transform:translateY(-2px)}
.project-panel{grid-template-columns:minmax(0,1fr) 240px;gap:35px;align-items:start}.project-meta{padding-top:30px}.project-stage{padding:20px;border-radius:7px}.project-stage .browser-shell{max-width:none;border-radius:5px}.live-viewport{position:relative;width:100%;height:500px;overflow:hidden;background:#f2f0e9;transition:height .5s var(--motion-ease),max-width .5s var(--motion-ease);margin:auto}.live-viewport iframe{display:block;border:0;position:absolute;top:0;left:0;transform-origin:top left;background:#f4f4ef}.live-viewport[data-device=phone]{max-width:360px;border-radius:0 0 12px 12px}.live-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px}.device-switch{display:flex;gap:3px;padding:3px;border:1px solid #ffffff29;border-radius:100px}.device-switch button{font-size:10px;line-height:1;padding:9px 14px;border-radius:100px;color:#aebfba;transition:background .3s,color .3s}.device-switch button[aria-pressed=true]{background:#e0e6dd;color:#172629}.preview-expand{font-size:10px;color:#ecf0e8;border-bottom:1px solid #71867e;padding:4px 0;transition:opacity .3s}.preview-expand:hover{opacity:.6}.preview-hint{color:#afbfba;font-size:10px;gap:14px;line-height:1.6}.preview-hint a{color:#f0f2e9;border-bottom:1px solid #657775;flex-shrink:0}.live-dialog{width:min(1400px,96vw);max-height:95dvh;overflow-y:auto}.live-dialog .dialog-bar{background:#172629;color:#fff}.live-dialog .dialog-bar button[data-close-preview]{background:transparent;color:#fff;border-color:#566560}.live-dialog .dialog-bar a{font-size:11px}.live-dialog .device-switch{margin-left:auto}.live-dialog .dialog-bar p{font-weight:400}.live-dialog .live-viewport{width:100%;height:80vh}.live-dialog .live-viewport[data-device=phone]{max-width:390px}.live-dialog .dialog-content{background:#aebbb3;padding:18px}
.booking-modal-overlay.is-open{animation:modal-backdrop-in .3s both}.booking-modal-overlay.is-open .booking-modal-box{animation:modal-rise .45s var(--motion-ease) both}.booking-modal-overlay.is-closing{animation:modal-backdrop-out .22s both}.booking-modal-overlay.is-closing .booking-modal-box{animation:modal-drop .22s both}.booking-step.is-active{animation:modal-step-rise .4s var(--motion-ease) both}.booking-option,.bk-btn,.bk-input{transition:background .25s,border-color .25s,transform .3s,box-shadow .3s}.booking-option:hover{transform:translateX(3px)}
@keyframes modal-rise{from{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:none}}@keyframes modal-drop{to{opacity:0;transform:translateY(30px)}}@keyframes modal-backdrop-in{from{background-color:transparent;backdrop-filter:blur(0)}to{background-color:#0f141e73;backdrop-filter:blur(5px)}}@keyframes modal-backdrop-out{to{background-color:transparent;backdrop-filter:blur(0)}}@keyframes modal-step-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
/* The work leads the homepage; no floating slogan cards or decorative logo cloud. */
.home-hero,.home-hero#top{background:#f5f6f8;padding:155px 0 55px}.home-hero-grid{grid-template-columns:1fr 1.05fr;gap:60px;align-items:center;min-height:485px}.home-hero .studio-title{font-size:clamp(52px,5.1vw,74px);font-weight:600;letter-spacing:-.065em;line-height:1.04;margin:25px 0 28px}.home-hero .studio-title span{color:#537193}.home-hero .studio-copy{font-size:14px;max-width:390px}.home-hero .eyebrow{letter-spacing:1.5px}.hero-work{position:relative;min-width:0}.hero-work-top{display:flex;justify-content:space-between;font-size:9px;color:#6a7582;letter-spacing:1.3px;margin-bottom:15px}.hero-work-frame{display:block;background:#d5dce3;padding:14px;overflow:hidden;transform:rotate(2deg);transition:transform .7s var(--motion-ease);border-radius:3px}.hero-work-frame:hover{transform:rotate(0)}.hero-work-frame img{display:block;width:100%;height:345px;object-fit:cover;object-position:center;box-shadow:0 8px 25px #18273718}.hero-work-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.hero-work-bottom strong{font-size:13px;font-weight:600}.hero-work-bottom p{font-size:10px;color:#6b7886;margin-top:4px}.hero-work-choices{display:flex;gap:4px}.hero-work-choices button{height:35px;width:35px;border:1px solid #cbd4dd;border-radius:50%;font-size:10px;color:#697989;transition:background .3s,color .3s,transform .3s}.hero-work-choices button[aria-pressed=true]{color:#fff;background:#263a50;border-color:#263a50}.hero-work-choices button:hover{transform:translateY(-3px)}.home-hero .hero-bottom{margin-top:50px}.home-hero .studio-actions{gap:21px}.home-stats{background:#e7ecf1!important}.home-hero .studio-cta{background:#22374b;border-color:#22374b}.home-work-top h2 em{font-family:Manrope,sans-serif;font-style:normal;color:#bed0e3;font-weight:500}.home-work{background:#1b2c3c}.home-project-image{height:255px;padding:12px}.home-project img{height:100%;object-fit:cover;object-position:center}.home-project:hover img{transform:scale(1.045)}
@media(max-width:1000px){.home-hero-grid{gap:35px}.hero-work-frame img{height:300px}.project-panel{grid-template-columns:minmax(0,1fr) 210px;gap:25px}}
@media(max-width:800px){.home-hero,.home-hero#top{padding-top:130px}.home-hero-grid{grid-template-columns:1fr;gap:50px}.home-hero .studio-title{font-size:64px}.hero-work{max-width:600px;width:100%;margin:auto}.hero-work-frame img{height:360px}.project-panel{grid-template-columns:1fr}.project-meta{padding-top:0}.live-dialog .dialog-bar{flex-wrap:wrap}.live-dialog .dialog-bar .device-switch{order:4;width:100%;justify-content:center;margin:0}.live-dialog .dialog-bar a{margin-left:auto}}
@media(max-width:560px){.home-hero .studio-title{font-size:54px}.home-hero .studio-copy{font-size:13px}.home-hero-grid{gap:38px}.hero-work-frame{padding:9px}.hero-work-frame img{height:260px}.hero-work-top{font-size:8px}.hero-work-bottom{margin-top:20px}.hero-work-bottom strong{font-size:12px}.hero-work-bottom p{font-size:9px}.hero-work-choices button{width:31px;height:31px;font-size:9px}.home-hero .studio-actions{gap:14px}.home-hero .studio-cta{font-size:11px;padding:16px 19px;gap:18px}.home-hero .hero-bottom{margin-top:35px}.home-project-image{height:250px;padding:12px}.project-stage{padding:12px}.preview-hint{font-size:9px;align-items:start}.live-tools{margin-bottom:12px}.live-dialog .dialog-content{padding:8px}.live-dialog .dialog-bar{padding:11px 13px}.live-dialog .dialog-bar p{font-size:11px}.live-dialog .dialog-bar a{font-size:10px}}
@media(max-width:560px){.home-hero .studio-title{font-size:48px}}
@media(prefers-reduced-motion:reduce){.page-arriving main{opacity:1}.live-viewport{transition:none}.hero-work-frame{transform:none}*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}