/* Brand copy adjustments; original reference geometry and animation retained. */
.vorq-brand-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 48% 50%,#2448ef 0%,#1029b7 46%,#040b37 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.vorq-background-mark{width:130%;max-width:none;opacity:.15;transform:rotate(-12deg);filter:saturate(.65);mix-blend-mode:screen}.vorq-logo-lockup{display:flex;flex-direction:column;align-items:center;width:100%;background:#fcfbfa;padding:18px 30px 22px;border:2px solid #070d34;box-shadow:12px 14px 0 #030a3480;line-height:1;letter-spacing:0;overflow:hidden}.vorq-logo-lockup>img{width:100%;height:auto;max-height:220px;object-fit:contain;display:block}.vorq-media-label{font:600 17px 'DM Sans',sans-serif;letter-spacing:.8em;padding-left:.8em;color:#101227;margin-top:-10px}.vorq-tagline{font:500 10px 'DM Sans',sans-serif;letter-spacing:.27em;color:#343752;margin-top:15px}#hero-text-3d{width:clamp(300px,48vw,690px)!important;font-size:0!important;line-height:1!important;text-shadow:none!important}#hero-text-wrapper{padding-bottom:40px}#hero-quote-block{z-index:40!important}#hero-roles-block{z-index:40!important}
@media(max-width:767px){#hero-text-3d{width:82vw!important;font-size:0!important}.vorq-logo-lockup{padding:12px 12px 18px;box-shadow:7px 8px #030a3480}.vorq-media-label{font-size:12px;margin-top:0}.vorq-tagline{font-size:8px;letter-spacing:.18em;margin-top:12px}#hero-text-wrapper{padding-bottom:30px}.vorq-background-mark{width:220%;opacity:.16}}
#sneaker-circle-path{stroke-width:1.5}#origin-headline>span:nth-last-child(2){font-size:.73em}
#personal-cutout>div:first-child{background-size:cover;clip-path:polygon(10% 0,100% 3%,95% 100%,0 95%);filter:grayscale(1)}
.brutal-wrap a:focus-visible{outline:3px solid #ffbd00;outline-offset:5px}
@media(max-width:767px){#top-ribbon>div:first-child{font-size:10px;padding-left:12px;padding-right:12px}#hero-text-3d{font-size:0!important}.brutal-title{overflow-wrap:anywhere}}
.vorq-touch-gallery{display:none}.stack-card:focus-visible{outline:4px solid #fbc743;outline-offset:5px}
@media(min-width:768px) and (max-width:1023px){#vorq-work-heading{transform:scale(.5);transform-origin:top left;top:65px!important;left:24px!important}#fixed-route-board{top:65px!important;right:40px!important;width:62%!important;height:105px!important}}
@media(max-width:767px){#main-nav{max-width:calc(100vw - 20px)!important;width:max-content!important;padding:4px!important}#main-nav .nav-item{padding:9px 7px!important;font-size:10px!important;letter-spacing:0!important}#hero-roles-block{left:6%!important;bottom:16%!important}#hero-roles-block>div{gap:16px!important}#hero-roles-block span{white-space:normal!important}#hero-roles-block span:last-of-type{font-size:19px!important}#hero-quote-block{right:6%!important;top:15%!important}#hero-quote-block .font-bold{font-size:27px!important}#hero-quote-block .font-bold:first-child{font-size:12px!important}#hero-text-3d{text-shadow:none!important}#vorq-work-heading{transform:scale(.38);transform-origin:top left;top:60px!important;left:15px!important}#fixed-route-board{top:62px!important;right:20px!important;width:58%!important;height:90px!important}}
@media(hover:none),(max-width:767px){.vorq-touch-gallery{display:flex;position:absolute;bottom:12%;left:5%;width:90%;gap:12px;overflow-x:auto;pointer-events:auto;z-index:80;scroll-snap-type:x mandatory;padding:12px}.vorq-touch-gallery img{width:42%;min-width:130px;max-height:250px;object-fit:cover;scroll-snap-align:center;border:4px solid #f4efe6;box-shadow:4px 4px #000}.vorq-touch-gallery img:nth-child(2){transform:rotate(4deg)}}


/* Performance and hero readability revision */
html,body,body *{cursor:auto!important}a,button,summary,[role=button]{cursor:pointer!important}
#cursor-core,#cursor-trail-container,#stack-cursor-label,#gallery-cursor-label{display:none!important}
.vorq-logo-lockup{background:transparent;border:0;box-shadow:none;padding:20px;overflow:visible}
.vorq-media-label,.vorq-tagline{color:#fff;text-shadow:0 2px 8px #000}
.vorq-logo-lockup>img{filter:drop-shadow(0 12px 12px #0005)}
.vorq-background-mark{filter:blur(9px);opacity:.09}
#hero-quote-block{top:12%!important;right:5%!important;max-width:260px}
#hero-text-3d{width:clamp(320px,43vw,650px)!important}
.vorq-depth{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.vorq-depth i{position:absolute;display:block}
.depth-sphere{width:170px;height:170px;left:12%;top:15%;border-radius:50%;background:radial-gradient(circle at 28% 22%,#c9f9ff,#14bfe8 28%,#07516d 72%,#020b2c);box-shadow:18px 25px 35px #0004;filter:blur(1px)}
.depth-ring{width:190px;height:190px;right:9%;bottom:16%;border:34px solid #b91b9a;border-radius:50%;transform:rotateX(48deg) rotateY(-25deg);box-shadow:inset 7px 10px 9px #f2a4e0,10px 16px 0 #620763,20px 30px 30px #0005}
.depth-cube{width:74px;height:74px;left:30%;bottom:12%;background:linear-gradient(135deg,#ffb294,#ff3c27 60%,#9d0b23);transform:rotate(-25deg) skewY(12deg);box-shadow:12px 12px 0 #900d38,20px 26px 28px #0004;filter:blur(2px)}
/* V3: one animated experience on every screen. */
@media(max-width:767px){
#hero{height:100svh!important;min-height:620px}
#hero-text-3d{width:84vw!important;min-width:0!important}
#hero-text-wrapper{padding-bottom:60px}
#hero-quote-block{top:12%!important;right:6%!important;max-width:190px;transform:scale(.8)!important;transform-origin:top right}
#hero-roles-block{left:6%!important;bottom:18%!important;transform:scale(.8)!important;transform-origin:bottom left}
#hero-roles-block>div{gap:10px!important}
#hero .hero-overlay-text.left-1\/2{bottom:75px!important;left:74%!important;width:145px}
#hero .hero-overlay-text.left-1\/2>div{font-size:7px!important;padding:6px!important;letter-spacing:0!important;white-space:nowrap}
#hero .hero-overlay-text.left-1\/2>svg{height:20px}
#sound-toggle{bottom:84px!important;right:14px!important;width:36px!important;height:36px!important}
#main-nav-container{bottom:15px!important;width:100%!important}
#main-nav{width:calc(100% - 24px)!important;max-width:none!important;display:flex!important;justify-content:space-around}
#main-nav .nav-item{font-size:10px!important;padding:10px 5px!important;white-space:nowrap}
.depth-sphere{width:92px;height:92px;left:5%;top:16%}
.depth-ring{width:105px;height:105px;border-width:20px;right:5%;bottom:27%;box-shadow:inset 5px 6px 6px #f2a4e0,6px 8px #620763}
.depth-cube{width:36px;height:36px;left:48%;bottom:13%;box-shadow:6px 6px #900d38}
#notebook-container{width:1000px!important;min-width:1000px!important;height:740px!important;max-height:none!important;flex-shrink:0}
#experience{height:auto!important;min-height:1100px!important;padding:70px 0 130px!important;overflow:visible!important}
#proj-header-row{gap:22px!important;margin-bottom:36px!important}
#proj-header-row>div:first-child{margin-top:0!important;margin-left:0!important}
#proj-header-row h2{font-size:60px!important}
#proj-helper-sticker{padding:12px!important;width:100%!important}
#proj-helper-sticker>div:first-child{margin-bottom:7px!important;padding-bottom:7px!important}
#proj-helper-sticker>span{font-size:15px!important;line-height:1.4!important}
.stack-card{padding:14px!important}
.stack-card .text-5xl{font-size:28px!important;line-height:1.1!important}
.stack-card .card-expand{font-size:13px!important}
#top-ribbon>div:first-child{width:100%;font-size:10px;text-align:center}
#top-ribbon>div:not(:first-child){display:none!important}
#transit-next-btn,#transit-prev-btn{width:46px!important;height:46px!important}
#metro-door-text h2{font-size:40px!important}
#vorq-work-heading{transform:scale(.29)!important}
#fixed-route-board{top:65px!important;height:72px!important}
.vorq-touch-gallery{bottom:15%;max-height:34vh}
}
@media(max-width:359px){#main-nav .nav-item{font-size:9px!important;padding:9px 3px!important}}
@media(min-width:768px){#hero .hero-overlay-text.left-1\/2{bottom:13%!important}}
@media(prefers-reduced-motion:no-preference){.depth-sphere{animation:vorq-bob 7s ease-in-out infinite}.depth-cube{animation:vorq-bob 9s ease-in-out infinite reverse}@keyframes vorq-bob{50%{translate:0 -12px}}}
@media(max-width:767px){#vorq-work-heading{top:100px!important}#fixed-route-board{top:108px!important}.step-out-btn{left:45px!important;top:-48px!important;font-size:9px!important;padding:8px 12px!important}.step-out-btn svg{width:14px!important}.step-out-btn>div{line-height:1.2}}
/* Phone metro: independent space for title, project, controls and train. */
@media(max-width:767px){
#vending{height:880px!important;min-height:880px!important;max-height:none!important}
#vorq-work-heading{top:65px!important;left:22px!important;transform:scale(.28)!important}
#fixed-route-board{top:74px!important;right:16px!important;width:58%!important;height:78px!important}
#transit-stations-container>[data-index]{padding-bottom:300px!important}
.vorq-billboard-assembly{width:88%!important;max-width:88%!important;transform:none!important}
.vorq-billboard{height:390px!important;min-height:390px!important;box-shadow:7px 7px #0003!important}
.vorq-billboard>div:first-child{height:105px!important;min-height:105px!important;padding:12px!important;flex-shrink:0}
.vorq-billboard h3{font-size:38px!important;line-height:1.05!important;text-shadow:2px 2px #000!important;overflow-wrap:anywhere}
.vorq-billboard>div:nth-child(2){height:auto!important;flex:1;padding:15px!important}
.vorq-billboard p{font-size:11px!important;line-height:1.5!important}
.vorq-billboard .text-\[35px\]{font-size:27px!important}
#transit-map-view>div:has(>#transit-next-btn),#transit-map-view>div:has(>#transit-prev-btn){top:170px!important;transform:none!important}
#transit-next-btn,#transit-prev-btn{height:42px!important;width:42px!important}
.step-out-btn{left:0!important;top:-44px!important;max-width:190px;font-size:9px!important;padding:7px 10px!important}
#transit-case-study-view{padding:85px 12px 85px!important}
#transit-cs-content .brutal-wrap{padding:28px 18px!important}
#transit-cs-content .brutal-title{font-size:42px!important;line-height:1.1!important}
#transit-cs-content .brutal-hook{font-size:20px!important}
#transit-cs-content .brutal-stats{display:grid!important;grid-template-columns:1fr!important}
#back-to-transit-btn{font-size:11px!important;padding:10px 14px!important}
/* Keep gallery scroll animation, with a clear touch gallery beneath the title. */
#gallery-sticky-wrap{height:780px!important;min-height:780px}
#cursor-trail-canvas{height:780px!important}
#gallery-sticky-wrap>div:has(>h2){justify-content:flex-start!important;padding-top:100px!important}
#gallery h2{line-height:1!important}
#gallery h2>span{font-size:22vw!important;margin-top:0!important}
#gallery h2+div{margin-top:20px!important}
#gallery h2+div>div{font-size:11px!important;letter-spacing:.05em!important;max-width:85vw;line-height:1.6}
.vorq-touch-gallery{top:345px!important;bottom:auto!important;height:330px!important;max-height:none!important;left:0!important;width:100%!important;padding:18px 24px!important;gap:18px!important;align-items:center;touch-action:pan-x pan-y}
.vorq-touch-gallery img{width:200px!important;min-width:200px!important;height:280px!important;max-height:none!important;object-fit:cover}
#gallery-scroll-spacer{height:75vh!important}
#contact{padding:85px 24px 75px!important;gap:25px!important;min-height:650px!important}
#contact h2{line-height:1!important;margin-bottom:15px!important}
#contact h2 span{font-size:25vw!important;margin-top:0!important}
#contact h2 span+span{margin-left:25px!important;margin-top:-10px!important}
#contact p{font-size:18px!important;line-height:1.55!important}
#contact>div:first-child{margin-bottom:12px!important}
#contact>div:last-child{gap:30px!important}
#contact a{max-width:100%;overflow-wrap:anywhere}
#contact a[href*="wa.me"]{font-size:25px!important;line-height:1.3!important}
#site-footer{padding:30px 24px 110px!important;line-height:1.7!important}
}