/* Responsive motion layers: progressive enhancement over fully readable content. */
html{scrollbar-gutter:stable}body{overflow-x:hidden;overflow-x:clip}img{max-width:100%}main{min-width:0}.section>*{min-width:0}.scroll-progress{position:fixed;right:4px;top:0;width:4px;height:100dvh;background:var(--lime);transform:scaleY(0);transform-origin:top;z-index:95;border-radius:10px;pointer-events:none}.hero{max-height:none}.hero-title{font-size:clamp(100px,11.75vw,220px)}.hero-line:nth-child(3){font-size:.84em}.hero-line{transition:opacity .12s linear}.motion-ready .hero-scribble path{animation:none}.motion-ready .hero-scribble circle{animation:fadeIn .6s .7s both}.hero:after{height:85px;bottom:-51px;width:140%;left:-20%;border-radius:50% 50% 0 0;transform:rotate(-2deg)}.sticker{will-change:auto}.symbol{flex:1 1 0;min-width:0}.service-card{transform-origin:center bottom}.project-card{transform:scale(var(--card-scale,1));filter:brightness(var(--card-brightness,1));transform-origin:center top;background:var(--ink);border-radius:28px;padding-bottom:26px}.js-ready .project-card.reveal:not(.visible){transform:translateY(40px) scale(var(--card-scale,1))}.project-screen img{will-change:auto}.project-swaraj .project-screen{background:#c6d64f}.scroll-statement{--fill:100%;color:var(--ink)}.motion-ready:not(.motion-reduced) .scroll-statement{background:linear-gradient(90deg,var(--ink) 0%,var(--ink) var(--fill),#14082d30 var(--fill),#14082d30 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.scene-track{width:150px;height:3px;background:#14082d20;margin:40px 0 0 32%;overflow:hidden}.scene-track span{display:block;background:var(--ink);width:100%;height:100%;transform:scaleX(0);transform-origin:left}.motion-ready .asterisk{animation:none}.process-grid article{border-top:0;position:relative}.process-grid article:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--violet) var(--step-fill,0%),#14082d25 var(--step-fill,0%))}.floating-nav{-webkit-backdrop-filter:blur(20px);bottom:max(16px,env(safe-area-inset-bottom));box-shadow:0 10px 40px #14082d25}.floating-nav button,.floating-nav>a{min-height:44px}.menu-dialog{overscroll-behavior:contain}.menu-dialog[open]{animation:menuOpen .35s cubic-bezier(.2,.8,.2,1)}.work-tabs{scrollbar-width:thin;scrollbar-color:var(--lime) transparent}.work-tabs button{min-height:48px}.contact form{min-width:0}.contact input,.contact textarea,.contact select{min-height:50px;max-width:100%}.contact textarea{min-height:125px}.phone-list a{min-height:44px;display:flex;align-items:center}.footer-top nav a{min-height:32px;display:flex;align-items:center}.social-logo.plannerz{font-size:clamp(38px,5vw,70px)}.vibe-options label{min-width:0}.vibe-options input{z-index:1}.faq summary{min-height:44px;display:flex;align-items:center}.faq summary:after{top:10px}.hero-caption{font-size:12px}.sticker span{font-size:12px}.service-no,.orbit-word{font-size:12px}.project-caption>span{font-size:14px}.footer-top address{font-size:14px}.footer-bottom{font-size:12px}.wordmark-name{font-size:14px}.wordmark-name b{font-size:20px}.footer-big{line-height:1;padding-top:.06em}.section{scroll-margin-top:30px}
.motion-desktop .manifesto{height:155vh;padding-top:0;padding-bottom:0;position:relative}.motion-desktop .manifesto-inner{position:sticky;top:0;min-height:90vh;padding-top:90px;display:flex;flex-direction:column;justify-content:center}.motion-desktop .manifesto-inner .asterisk{top:27%}.motion-desktop .manifesto .display{font-size:clamp(90px,10vw,165px)}.motion-desktop .project-card{position:sticky;top:25px;margin-bottom:75px}.motion-desktop .project-screen img{max-height:calc(100svh - 210px);aspect-ratio:2.2;object-fit:cover}.motion-desktop .project-screen{padding-top:30px}.motion-desktop .project-caption h3{font-size:42px}.motion-desktop #work-websites{padding-bottom:20px;isolation:isolate}.motion-desktop .project-card:nth-child(1){z-index:1}.motion-desktop .project-card:nth-child(2){z-index:2}.motion-desktop .project-card:nth-child(3){z-index:3}.motion-desktop .project-card:nth-child(4){z-index:4}
@keyframes menuOpen{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:901px) and (max-height:800px){.hero{min-height:770px;padding-top:145px}.hero-title{font-size:11vw}.s1{top:92px}.s5{bottom:100px}.s6{bottom:115px}.motion-desktop .manifesto-inner{padding-top:50px}.manifesto-bottom{margin-top:20px}.motion-desktop .project-screen img{max-height:calc(100svh - 180px)}.motion-desktop .project-caption h3{font-size:35px}.project-caption{margin-top:15px}}
@media(min-width:601px) and (max-width:1000px){.site-header{gap:16px}.site-header nav{gap:16px}.site-header nav a{font-size:13px}.hero{min-height:740px;height:auto}.hero-title{font-size:12.1vw}.service-card{padding:22px}.service-card h2{font-size:clamp(34px,5vw,52px)}.service-card p{min-height:130px}.service-card ul{font-size:13px}.service-card .pill{padding:14px 17px;font-size:14px}.asterisk{opacity:.8}.contact{gap:35px}.project-caption>span{font-size:12px}}
@media(max-width:900px){.hero-scribble{stroke-width:2}.manifesto{height:auto}.manifesto-inner{min-height:0}.scroll-statement{background:none!important;color:var(--ink)!important}.scene-track{display:none}.project-card{position:relative!important;transform:none!important;filter:none!important;margin-bottom:35px}.project-screen img{translate:none!important}.service-card{rotate:none!important}.cursor-label{display:none!important}.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.service-card h2{font-size:62px}.service-card p{min-height:0}.service-card ul{font-size:14px}.service-card .pill{font-size:16px}.section{scroll-margin-top:15px}.project-caption>span{font-size:12px}.client-grid img{object-fit:contain}.about-copy{width:100%;max-width:460px}.process-grid{gap:32px 20px}.footer-top address{font-size:12px}.contact{padding-bottom:65px}.contact form .pill{min-height:54px}.vibe-options label{font-size:13px}.vibe-options{gap:22px}.vibe-options label{flex:1}.vibe-icon{width:82px;height:82px}.faq details p{font-size:16px}.work-panel{min-width:0}}
@media(max-width:600px){.hero{height:auto;min-height:0;padding:165px 20px 205px}.hero-title{font-size:23vw;line-height:1.02}.hero-line:first-child{line-height:.97}.hero-line.right{margin:12px 0}.hero-line:nth-child(3){font-size:.94em;line-height:1.02}.hero-caption{font-size:10px;bottom:62px;line-height:1.4}.s1{top:105px;width:85px;height:85px;left:22px}.s1 b{font-size:13px}.s1 span{font-size:9px;max-width:60px;margin-top:2px}.s2{top:285px;right:7%;font-size:11px;padding:13px 16px}.s3{top:42%;right:4%;width:80px;height:80px}.s4{top:61%;left:4%;width:108px;height:52px;font-size:11px}.s5{bottom:140px;width:95px;height:95px;right:5%}.s5 b{font-size:16px}.s5 span{font-size:9px}.s6{bottom:119px;left:8%;font-size:11px;width:136px;height:61px}.hero-scribble{top:120px;left:-25%;height:75%;width:150%;opacity:.6}.hero:after{bottom:-53px}.site-header{top:22px;width:calc(100% - 40px);padding:10px 12px}.site-header .pill{padding:12px 20px}.floating-nav{width:calc(100% - 24px);padding:8px 12px;gap:8px}.floating-nav .pill{padding:11px 16px;font-size:13px}.floating-nav button,.floating-nav>a:not(.pill){font-size:13px}.floating-nav .live-dot{width:5px;height:5px;margin-right:2px}.symbol-row{padding-top:15px}.symbol{height:clamp(55px,17vw,85px);font-size:clamp(35px,12vw,60px)}.section{padding-left:20px;padding-right:20px}.display{font-size:13.6vw}.about .display{font-size:13vw}.manifesto .display{font-size:15vw}.manifesto .asterisk{font-size:85px;right:0;top:165px}.manifesto-bottom p{max-width:75%}.project-caption h3{font-size:30px}.project-screen{padding:16px 12px 0}.project-caption{gap:10px}.browser-strip{font-size:9px}.browser-strip span:first-child{display:none}.project-screen img{aspect-ratio:1.2;object-position:center top}.project-visit{font-size:12px}.work-tabs{margin-bottom:25px}.contact .display{font-size:24vw}.phone-list{font-size:22px}.contact label{font-size:14px}.menu-dialog nav a{font-size:50px;min-height:64px}.vibe-options{gap:14px}.vibe-options label{font-size:12px;max-width:105px}.footer-top{grid-template-columns:1fr 1fr}.footer .wordmark{flex-wrap:wrap}.footer-bottom{font-size:11px}.scroll-progress{width:3px;right:0}}
@media(max-width:360px){.section{padding-left:16px;padding-right:16px}.hero{padding-left:16px;padding-right:16px}.site-header{width:calc(100% - 32px)}.wordmark-name{font-size:12px}.wordmark-name b{font-size:17px}.brand-coins i{width:28px;height:28px;font-size:23px}.floating-nav{gap:6px;padding:7px 10px}.floating-nav .pill{padding:10px 13px;font-size:12px}.floating-nav button,.floating-nav>a:not(.pill){font-size:12px}.vibe-options{gap:12px}.vibe-icon{width:74px;height:74px}.service-card h2{font-size:54px}.project-caption h3{font-size:27px}.project-caption>span{font-size:11px}.s2{top:250px}.s3{top:39%}.s4{top:56%}}
@media(hover:none){.pill:hover,.symbol:hover,.project-card:hover .project-screen img,.project-card:hover .project-visit{transform:none}.cursor-label{display:none}}
@media(prefers-reduced-motion:reduce){.motion-ready .hero-scribble path{stroke-dashoffset:0!important}.scroll-statement{background:none!important;color:var(--ink)!important}.manifesto{height:auto!important}.manifesto-inner{position:relative!important;min-height:0!important}.project-card{position:relative!important;transform:none!important;filter:none!important}.scene-track{display:none}.cursor-label{display:none}.scroll-progress{display:none}.hero-line,.sticker,.symbol,.service-card,.footer-big{translate:none!important;rotate:none!important;opacity:1!important}}

/* Keep the expressive contact title inside narrow screens and clear the hosting badge. */
@media(max-width:600px){.contact .display{font-size:18vw}.floating-nav{bottom:max(64px,calc(env(safe-area-inset-bottom) + 56px))}}


.contact .display{font-size:clamp(65px,8vw,130px)}
@media(max-width:900px){.contact{grid-template-columns:1fr;gap:40px}.contact .display{font-size:18vw}.floating-nav{bottom:max(64px,calc(env(safe-area-inset-bottom) + 56px))}}