/* Touch-first refinements; desktop retains the existing art direction. */
.mobile-label{display:none}.hero-meta{justify-content:flex-end}.header .whatsapp-link>span{margin:0}.maker-note p{font-size:16px}.work-toolbar{margin-bottom:38px}
@media(max-width:700px){
  html{scroll-padding-top:18px;scroll-behavior:auto}.header{padding:10px 6%;gap:8px}.header .brand{width:96px;height:80px}.header .brand img{width:172px;height:86px;left:-38px;top:-5px}.header-actions{gap:8px}.header .desktop-label{display:none}.header .mobile-label{display:inline}.header .pill{min-height:44px;padding:12px 14px;gap:8px;font-size:12px;white-space:nowrap}.header .motion-toggle,.header .menu-toggle{width:44px;height:44px;flex-shrink:0}.header .motion-toggle{display:grid;place-items:center;font-size:16px}.header .menu-toggle{display:flex;align-items:center;justify-content:center;padding:0;gap:6px}.header nav{top:95px;padding:12px 18px;gap:10px}.header nav a{min-height:44px;display:flex;align-items:center;font-size:14px}
  .hero{padding:10px 6% 48px}.hero-artboard{min-height:550px}.hero-copy{padding-top:0}.hero-copy h1{font-size:22.5vw;line-height:.98}.hero-copy p{font-size:13px;margin:22px 0 16px}.hero-links{gap:20px}.hero-cta{min-height:44px;padding:13px 20px;font-size:12px}.hero-explore{min-height:44px;display:inline-flex;align-items:center;font-size:12px}.hero-collage{inset:235px 0 0}.portrait-blob{width:76%;height:285px;right:7%;top:4%;animation:none;box-shadow:9px 10px 0 #345c8835}.hero-video{transform:rotate(-9deg) scale(1.1)}.film-orbit{width:86px;height:86px;top:12%;left:0}.film-orbit>span{font-size:21px}.quince-orbit{width:94px;height:111px;bottom:8%;right:0}.drawn-star{width:54px;height:54px;right:0;top:0}.hero-collage>.handwritten{left:20%;bottom:0;font-size:18px}.loose-arrow{width:80px;height:82px;bottom:2%}.hero-meta{margin-top:13px}.hero-meta a{min-width:44px;min-height:44px;display:grid;place-items:center;font-size:26px}.photo-cursor{display:none}.live-note{font-size:6px;bottom:18%;right:13%}
  .work{padding:27px 6% 52px}.work-toolbar{margin:0 0 27px;gap:0}.work-toolbar .handwritten{font-size:22px}.work-grid{padding:0;gap:34px}.lead-film{margin-bottom:5px}.lead-film .project-image{aspect-ratio:1.65}.lead-film h2,.intro-project h2{font-size:19px;line-height:1.3}.film-project h2 em{font-size:24px}.project h2{margin-top:19px}.portrait-project.full-photo{width:96%;margin:0 auto}.quince-project{width:91%;margin-left:auto}.full-photo .project-image{border-radius:14px 14px 36px 14px}.celebration-project{margin-top:8px;width:96%}.exterior-project{width:84%;margin-top:8px}.intro-project{margin-top:12px}.film-label{font-size:9px}.media-arrow{width:44px;height:44px}.play-circle{width:62px;height:62px}.work>.text-link{min-height:44px;display:flex;align-items:center;font-size:12px;margin-top:36px}.ribbon-track{font-size:25px;gap:20px;padding:14px 0}
  .services{padding:46px 6% 52px}.service-top h2{font-size:clamp(32px,9.5vw,46px);letter-spacing:-1.8px;line-height:1.14}.service-top h2 em{letter-spacing:-1.8px}.service-cloud{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 14px;align-items:center;margin:33px 0 0;padding:0 2px}.service-bubble{position:relative;inset:auto;min-width:0;width:100%;min-height:92px;padding:20px 11px;gap:8px;font-size:21px;letter-spacing:-.9px;box-shadow:0 7px 20px #07172b26}.service-bubble:not(:hover){animation:none}.service-bubble:hover{scale:1}.service-bubble span{font-size:17px}.video-bubble{order:1;rotate:-7deg}.photo-bubble{order:2;rotate:6deg;font-size:20px}.ad-bubble{order:3;rotate:6deg}.events-bubble{order:4;rotate:-6deg;font-size:20px}.business-bubble{order:5;grid-column:1/-1;rotate:-2deg;min-height:83px;width:86%;justify-self:center;font-size:22px}.cloud-spark{right:-10px;left:auto;bottom:-18px;font-size:43px;opacity:.6}.service-preview{margin:30px 0 0;padding:22px;border-radius:45px 18px 45px 18px;scroll-margin:24px}.preview-media{height:170px}.preview-copy{padding-top:19px}.preview-copy h3{font-size:23px;letter-spacing:-.6px}.preview-copy p{font-size:13px;line-height:1.6}.preview-copy .pill{min-height:44px;padding:13px 17px;font-size:12px}.preview-copy>span{font-size:10px}.preview-close{width:44px;height:44px;right:7px;top:7px;font-size:15px}
  .contact{padding:65px 6% 49px}.contact h2{font-size:clamp(59px,18.5vw,82px);letter-spacing:-.06em;line-height:.98}.contact h2 em{margin-left:17%}.contact-doodle{right:-19%;top:8%;height:62%;width:74%;opacity:.45}.contact-actions{display:grid;grid-template-columns:140px minmax(0,1fr);gap:19px;margin-top:32px;align-items:center}.contact-ball{width:140px;height:140px;animation:none;font-size:13px;gap:7px;rotate:0deg}.contact-ball>span:first-child{max-width:108px;text-align:center;line-height:1.35}.contact-ball .big-arrow{font-size:48px}.contact-actions .text-link{min-height:44px;display:flex;align-items:center;font-size:12px;line-height:1.4;width:fit-content;padding:10px 0}.contact-phone{font-size:13px;line-height:1.5;display:flex;align-items:center;min-height:44px;margin-top:8px;padding:9px 0}.maker-note{margin-top:33px;gap:15px}.maker-note img{width:62px;height:54px}.maker-note p{font-size:15px;line-height:1.4}.footer{padding:20px 6%;gap:17px;font-size:11px}.footer .credits-button,.footer>a:last-child{min-height:44px;font-size:12px;display:inline-flex;align-items:center}.footer>span{font-size:11px}
  dialog{width:calc(100% - 30px);max-width:calc(100% - 30px);max-height:calc(100dvh - 32px);padding:49px 20px 24px;border-radius:24px;overscroll-behavior:contain}.dialog-close{width:44px;height:44px;right:8px;top:8px;font-size:16px}.film-frame{height:auto;aspect-ratio:16/9;border-radius:15px}.film-dialog .pill{min-height:44px;font-size:13px}.photo-dialog{width:max-content;max-width:calc(100% - 28px);padding:0}.photo-dialog>img{max-height:78dvh;max-width:calc(100vw - 28px)}.photo-dialog>p{font-size:13px;padding:17px 20px}.credits-dialog p{font-size:14px;line-height:1.7}
}
@media(max-width:340px){.header{gap:6px}.header .brand{width:80px;height:72px}.header .brand img{width:148px;height:74px;left:-34px;top:-3px}.header-actions{gap:4px}.header .pill{padding:11px 10px;font-size:11px;gap:6px}.header .menu-toggle{width:44px}.hero-artboard{min-height:515px}.hero-collage{top:220px}.portrait-blob{height:266px}.hero-copy h1{font-size:23vw}.hero-collage>.handwritten{font-size:16px;left:23%}.service-bubble{font-size:19px;min-height:86px}.photo-bubble,.events-bubble{font-size:18px}.business-bubble{font-size:20px}.contact-actions{grid-template-columns:116px minmax(0,1fr);gap:16px}.contact-ball{width:116px;height:124px;font-size:12px}.contact-actions .text-link,.contact-phone{font-size:11px}}
@media(hover:none){.magnetic{translate:none}.service-bubble{transition:background .2s,color .2s}}