.ark-app-nav{display:none}
@media(max-width:700px){
 html{scroll-padding-top:78px;scroll-padding-bottom:90px}
 body.ark-app{--app-dock:calc(68px + env(safe-area-inset-bottom,0px));padding-bottom:var(--app-dock)!important}
 .ark-app .site-header{height:64px!important;padding:0 18px!important;gap:8px!important;background:var(--lux-bg)!important;border-bottom:1px solid var(--lux-line)}
 .ark-app .site-header .brand-official{width:125px!important}
 .ark-app .ambience-toggle{margin-left:auto;min-width:44px;min-height:44px;padding:8px;border:0}
 .ark-app .ambience-toggle span:last-child{display:none}
 .ark-app .site-header .menu-button{min-height:44px;margin-left:0!important;border:0!important;padding:9px!important;font-size:11px}
 .ark-app-nav{position:fixed;z-index:90;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:var(--lux-bg,#f5f1e9);border-top:1px solid var(--lux-line,#a8b69a);box-shadow:0 -8px 30px #07170e0a}
 .ark-app-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:48px;color:var(--lux-soft,#686250);font-size:10px;letter-spacing:.01em;text-decoration:none;border-radius:14px}
 .ark-app-nav a[aria-current=page]{background:var(--lux-green-wash,#e5e9dc);color:var(--lux-ink,#18241f)}
 .ark-app-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
 .ark-app a:focus-visible,.ark-app button:focus-visible,.ark-app summary:focus-visible{outline:2px solid var(--lux-accent);outline-offset:3px}
 .ark-app button,.ark-app summary{touch-action:manipulation}
 .ark-app .cine-intro.has-film{height:340svh}
 .ark-app .cine-intro.has-film .cine-stage{top:64px;height:calc(100svh - 64px - var(--app-dock));min-height:380px}
 body.admin-bar.ark-app .cine-intro.has-film .cine-stage{top:110px;height:calc(100svh - 110px - var(--app-dock))}
 .ark-app .cine-film{object-fit:cover!important;object-position:50% center}
 .ark-app .cine-coordinate{top:14px;left:20px;right:20px;font-size:7px}
 .ark-app .cine-coordinate>span:first-child{max-width:170px}
 .ark-app .cine-intro.has-film .cine-scene{left:22px;right:22px;bottom:60px;top:auto}
 .ark-app .cine-intro.has-film .cine-scene h1,.ark-app .cine-intro.has-film .cine-scene h2{font-size:clamp(29px,8.6vw,42px);letter-spacing:-.04em;max-width:350px}
 .ark-app .cine-scene p{display:none}
 .ark-app .cine-scene .eyebrow{font-size:8px!important}
 .ark-app .cine-intro.has-film .cine-scene a{min-height:44px;padding:12px 18px;font-size:12px}
 .ark-app .cine-chapters{left:22px;right:22px;gap:10px;bottom:8px!important}
 .ark-app .cine-chapters button{font-size:9px;min-height:35px;padding:8px 0}
 .ark-app .cine-skip{top:40px;right:18px;background:#18241fb3}
 .ark-app-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:20px 18px 8px;background:var(--lux-bg)}
 .ark-app-hub a{display:flex;flex-direction:column;gap:10px;align-items:flex-start;justify-content:center;min-height:82px;padding:12px;border:1px solid var(--lux-line);border-radius:18px;font-size:11px;color:var(--lux-ink);background:var(--lux-panel)}
 .ark-app-hub a>span{font-size:24px;line-height:1;color:var(--lux-accent)}
 .ark-app .selection{padding:30px 0 22px;overflow:hidden;display:block}
 .ark-app .selection-title{font-size:30px!important;line-height:1.1;margin:0 20px 15px!important;letter-spacing:-.04em}
 .ark-app .selection>.section-label{margin:0 20px 18px!important;justify-content:flex-end}
 .ark-app .selection>.section-label>.eyebrow{display:none}
 .ark-app .selection>.section-label a{font-size:12px;min-height:30px}
 .ark-app-projects{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 20px 12px}
 .ark-app-projects>.feature{flex:0 0 84%;width:84%!important;max-width:none;margin:0!important;transform:none!important;scroll-snap-align:center;border-radius:22px;overflow:hidden;background:var(--lux-panel);position:relative}
 .ark-app .ark-app-projects .feature-image{height:54svh;min-height:310px;max-height:490px;border-radius:0;transform:none!important}
 .ark-app .ark-app-projects .feature-image img{transform:none!important;filter:none;object-fit:cover}
 .ark-app .ark-app-projects .project-caption{padding:16px 18px;display:grid;gap:6px;transform:none!important}
 .ark-app .ark-app-projects .project-caption h2{font:22px/1.15 inherit;font-size:22px;margin:0}
 .ark-app .ark-app-projects .view-label{display:none}
 .ark-app-swipe{margin:6px 20px 0;font-size:10px;color:var(--lux-soft)}
 .ark-app .immersion-showcase{padding:30px 18px;gap:18px;display:flex;flex-direction:column;align-items:stretch}
 .ark-app .immersion-brand{width:185px;margin:0 0 14px}
 .ark-app .immersion-copy h2{font-size:30px;line-height:1.1;margin:0 0 14px}
 .ark-app .immersion-copy>.eyebrow,.ark-app .immersion-copy p,.ark-app .immersion-modes{display:none}
 .ark-app .immersion-copy .line-button{min-height:44px;padding:12px 0;font-size:12px}
 .ark-app .immersion-media{border-radius:20px;box-shadow:none}
 .ark-app .immersion-toggle{min-height:44px}
 .ark-app .social-showcase{padding:30px 18px;gap:18px}
 .ark-app .social-showcase>.eyebrow,.ark-app .social-heading>div,.ark-app .social-outro p{display:none}
 .ark-app .social-showcase .social-heading h2{font-size:30px;margin:0}
 .ark-app .social-showcase .social-examples{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;max-width:none;width:100%;padding-bottom:8px}
 .ark-app .social-showcase .social-video-card{flex:0 0 77%;scroll-snap-align:center;border-radius:20px;transform:none!important;box-shadow:none}
 .ark-app .social-showcase .social-outro{border:0;padding:0}
 .ark-app .social-showcase .social-card-label strong{font-size:15px}
 .ark-app .social-showcase .social-card-label small{font-size:11px}
 .ark-app-details{margin:12px 18px;border:1px solid var(--lux-line);border-radius:18px;overflow:hidden;background:var(--lux-panel);color:var(--lux-ink)}
 .ark-app-details>summary{padding:20px 18px;min-height:58px;cursor:pointer;font-size:14px;font-weight:500;list-style-position:inside}
 .ark-app-details[open]>summary{border-bottom:1px solid var(--lux-line)}
 .ark-app-details .ark-regard,.ark-app-details .atelier{padding:24px 16px!important}
 .ark-app-details .regard-heading{font-size:30px}
 .ark-app-details .atelier-top h2{font-size:30px}
 .ark-app .page-intro,.ark-app .project-title{padding:36px 20px 24px!important;min-height:0!important;margin:0!important}
 .ark-app .page-intro h1,.ark-app .project-title h1{font-size:clamp(32px,9vw,44px)!important;line-height:1.05;margin:15px 0!important}
 .ark-app .page-intro p,.ark-app .page-intro-bottom{display:none}
 .ark-app .filters{position:sticky;top:64px;z-index:15;display:flex;overflow-x:auto;flex-wrap:nowrap;gap:8px;padding:12px 18px;background:var(--lux-bg);scrollbar-width:none}
 .ark-app .filters button{flex-shrink:0;min-height:44px;border:1px solid var(--lux-line);border-radius:30px;padding:10px 16px;font-size:12px}
 .ark-app .filters button[aria-pressed=true]{background:var(--lux-green-wash);color:var(--lux-ink)}
 .ark-app .project-grid{display:grid;grid-template-columns:1fr;gap:24px;padding:12px 18px 28px}
 .ark-app .project-item{width:100%!important;margin:0!important;transform:none!important;border-radius:20px;overflow:hidden;background:var(--lux-panel)}
 .ark-app .project-image{height:62svh;max-height:540px;min-height:300px}
 .ark-app .project-image img{transform:none!important;object-fit:cover}
 .ark-app .project-item .project-caption{padding:16px}
 .ark-app .project-item .view-label{display:none}
 .ark-app .project-cover{height:55svh;min-height:280px;margin:0 18px;border-radius:20px;overflow:hidden}
 .ark-app .project-meta{font-size:11px;gap:10px}
 .ark-app .project-story{padding:20px!important;display:block!important}
 .ark-app .project-story .large-copy{font-size:17px;line-height:1.6}
 .ark-app .editorial-gallery{padding:18px;display:block}
 .ark-app .gallery-image{margin:0 0 24px!important;width:100%!important;transform:none!important}
 .ark-app .gallery-image img{height:auto!important;max-height:75svh;object-fit:contain!important;border-radius:16px;transform:none!important}
 .ark-app .next-project{margin:20px 18px;border-radius:20px;overflow:hidden}
 .ark-app .next-project h2{font-size:26px}
 .ark-app .expertise-list{padding:0 18px}
 .ark-app .expertise-list>article{display:flex!important;flex-direction:column;gap:14px;padding:24px 0!important;min-height:0!important;border-bottom:1px solid var(--lux-line)}
 .ark-app .expertise-list>article>.eyebrow{display:none}
 .ark-app .expertise-list h2{font-size:28px!important;margin:0 0 8px}
 .ark-app .expertise-list h3{font-size:14px!important;line-height:1.4}
 .ark-app .expertise-list .ark-app-details{margin:12px 0;background:transparent}
 .ark-app .expertise-list .ark-app-details>summary{padding:12px;min-height:44px;font-size:12px}
 .ark-app .expertise-list .ark-app-details p{padding:12px;font-size:14px}
 .ark-app .expertise-deck{width:100%!important;margin:0!important;max-width:none!important}
 .ark-app .expertise-deck-stage{height:52svh!important;min-height:280px}
 .ark-app .expertise-deck-controls button{min-width:44px;min-height:44px}
 .ark-app .expertise-deck-caption{font-size:10px;min-width:0}
 .ark-app .intro{padding:24px 20px;min-height:0}
 .ark-app .intro h2{font-size:28px}
 .ark-app .intro p{font-size:14px;line-height:1.6}
 .ark-app .studio-founder{margin:20px 18px;padding:24px 16px}
 .ark-app .founder-name h2{font-size:28px}
 .ark-app .founder-bio{padding:18px;font-size:14px;line-height:1.65}
 .ark-app .contact-grid{display:block;padding:0 20px 25px;gap:0}
 .ark-app .contact-grid>div>p{display:none}
 .ark-app .contact-email{font-size:20px;display:block;padding:14px 0}
 .ark-app .contact-phone{display:block;padding:10px 0 24px;font-size:17px}
 .ark-app .contact-grid form{padding:20px 16px;border-radius:20px;background:var(--lux-panel)}
 .ark-app input,.ark-app textarea{font-size:16px!important;min-height:48px}
 .ark-app .contact-grid form button{width:100%;min-height:50px;border-radius:30px;background:var(--lux-green-wash);color:var(--lux-ink)}
 .ark-app footer.ark-footer{padding:30px 20px 22px!important;margin-top:24px}
 .ark-app .ark-footer-top{font-size:9px}
 .ark-app .ark-footer-invite h2{font-size:27px}
 .ark-app .ark-footer-links{display:none}
 .ark-app .ark-footer-invite{padding:22px 0}
 .ark-app .ca-menu{width:100%;max-width:none;height:auto;max-height:85svh;top:auto;bottom:0;margin:0;border-radius:24px 24px 0 0;padding:30px 24px calc(30px + env(safe-area-inset-bottom));background:var(--lux-bg);color:var(--lux-ink)}
 .ark-app .ca-menu nav a{font-size:25px;padding:12px 0;min-height:48px}
 .ark-app .ca-menu .dialog-close{min-width:44px;min-height:44px}
 .ark-app:has(dialog[open]) .ark-app-nav{visibility:hidden}
 .ark-app .detail-lens{display:none!important}
 @media(prefers-reduced-motion:no-preference){.ark-app-hub a:active,.ark-app-nav a:active{transform:scale(.96);transition:transform .15s}}
}

@media(max-width:700px){.ark-app .ca-menu nav a{font-size:25px!important}.ark-app .selection .feature{display:block!important}.ark-app .project-item[hidden]{display:none!important}.ark-app .page-intro .eyebrow{font-size:9px}}

/* Edge-to-edge mobile screens. The photo itself is the project navigation. */
@media(max-width:700px){
 .ark-app{--app-screen:calc(100svh - 64px - var(--app-dock))}
 .ark-app .selection{padding:0!important;margin:0;overflow:hidden}
 .ark-app .selection-title,.ark-app .selection>.section-label,.ark-app-swipe,.ark-app-hub{display:none!important}
 .ark-app-projects{gap:0;padding:0;width:100%;height:var(--app-screen);scroll-snap-type:x mandatory;scroll-padding:0;align-items:stretch}
 .ark-app .ark-app-projects>.feature{flex:0 0 100%;width:100%!important;max-width:100%;height:100%;border:0;border-radius:0;background:var(--lux-panel);scroll-snap-align:start;scroll-snap-stop:always}
 .ark-app .ark-app-projects .feature-image{position:absolute;inset:0;width:100%;height:100%;max-height:none;min-height:0;overflow:hidden}
 .ark-app .ark-app-projects .feature-image img{width:100%;height:100%;object-fit:cover}
 .ark-app .ark-app-projects .project-caption{position:absolute;bottom:0;left:0;right:0;padding:58px 24px 28px;background:linear-gradient(transparent,#07150bd9);color:#fff;z-index:2;opacity:.6;transition:opacity .3s;pointer-events:none}
 .ark-app .ark-app-projects .project-caption h2{font-size:27px;font-weight:400;line-height:1.15;color:#fff;max-width:85%}
 .ark-app .ark-app-projects .project-caption .eyebrow{color:#e5eadb;font-size:9px}
 .ark-app .ark-app-projects.is-interacting .project-caption,.ark-app .ark-app-projects .feature:focus-visible .project-caption{opacity:1}
 .ark-app .immersion-showcase{padding:0!important;margin:0;position:relative;height:var(--app-screen);display:block;overflow:hidden;background:#18241f}
 .ark-app .immersion-media{position:absolute;inset:0;height:100%;border-radius:0;border:0;background:#18241f}
 .ark-app .immersion-demo{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
 .ark-app .immersion-copy{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:65px 24px 24px;background:linear-gradient(transparent,#102019eb);color:#fff;pointer-events:none}
 .ark-app .immersion-copy a{pointer-events:auto;color:#fff}
 .ark-app .immersion-brand{display:none}
 .ark-app .immersion-copy h2{font-size:28px;margin:0;color:#fff}
 .ark-app .immersion-toggle{top:16px;right:16px;bottom:auto;z-index:3}
 .ark-app .social-showcase{display:block;padding:0!important;margin:0;height:var(--app-screen);position:relative;overflow:hidden}
 .ark-app .social-showcase .social-heading,.ark-app .social-showcase .social-outro{display:none}
 .ark-app .social-showcase .social-examples{height:100%;gap:0;margin:0;padding:0;max-width:none;align-items:stretch;scroll-snap-type:x mandatory}
 .ark-app .social-showcase .social-video-card{height:100%;flex:0 0 100%;border:0;border-radius:0;scroll-snap-align:start;scroll-snap-stop:always;aspect-ratio:auto}
 .ark-app .social-showcase .social-video-card video{height:100%;width:100%;object-fit:cover}
 .ark-app .social-showcase .social-card-label{padding:65px 24px 26px}
 .ark-app .social-showcase .social-card-label strong{font-size:24px;font-weight:400}
 .ark-app .social-showcase .social-card-label small{font-size:11px;opacity:.75}
 .ark-app .expertise-list>article{overflow:hidden}
 .ark-app .expertise-list>article>div{width:100%;max-width:100%;margin:0}
 .ark-app .expertise-sheet{transform:none!important;inset:0!important;width:100%!important;height:100%!important;opacity:0;visibility:hidden;border-radius:0}
 .ark-app .expertise-sheet[data-position="0"]{opacity:1;visibility:visible}
 .ark-app .expertise-deck-stage{overflow:hidden;border-radius:0}
 .ark-app .ark-app-details{margin:0;border-radius:0;border-width:0 0 1px}
}
@media(max-width:700px){
 .ark-app-nav{box-sizing:border-box;height:var(--app-dock)}
 .ark-app .ark-app-projects,.ark-app .social-showcase .social-examples{scrollbar-width:none}
 .ark-app .ark-app-projects::-webkit-scrollbar,.ark-app .social-showcase .social-examples::-webkit-scrollbar{display:none}
 .ark-app .ark-app-projects .project-caption>span{display:none}
 .ark-app .ark-app-projects .project-caption{opacity:.65}
}
/* Native swipe stays available without a desktop scrollbar. */
@media(max-width:700px){
 .ark-app .ark-app-projects,.ark-app .social-showcase .social-examples{scrollbar-width:none!important;-ms-overflow-style:none;overflow-y:hidden}
 .ark-app .ark-app-projects::-webkit-scrollbar,.ark-app .social-showcase .social-examples::-webkit-scrollbar{display:none!important;width:0;height:0}
 .ark-app .social-video-card{position:relative}
 .ark-app .ark-app-projects>.feature:not(:only-child)::after,
 .ark-app .social-examples>.social-video-card:not(:only-child)::after{content:'→';position:absolute;right:20px;bottom:30px;z-index:4;color:rgba(255,255,255,.75);font:22px/1 Arial,sans-serif;text-shadow:0 1px 8px #0009;pointer-events:none}
 .ark-app .ark-app-projects>.feature:last-child:not(:only-child)::after,
 .ark-app .social-examples>.social-video-card:last-child:not(:only-child)::after{content:'←'}
 .ark-app .social-showcase .social-card-label{padding-right:55px}
}
/* Vertical visual feeds for projects and immersive experiences. */
@media(max-width:700px){
 .ark-app-portfolio .page-intro,.ark-app-portfolio .filters,
 .ark-app-360 .ca-immersion-intro,.ark-app-360 .ca-immersion-nav{display:none!important}
 .ark-app-portfolio main,.ark-app-360 main{padding-top:0!important}
 .ark-app-portfolio .project-grid,.ark-app-360-feed{display:block!important;height:var(--app-screen);overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;padding:0!important;margin:0!important;gap:0}
 .ark-app-portfolio .project-grid::-webkit-scrollbar,.ark-app-360-feed::-webkit-scrollbar{display:none}
 .ark-app-portfolio .project-item,.ark-app-360 .ca-immersion-format{position:relative;display:block;width:100%!important;max-width:none;height:var(--app-screen);min-height:0;margin:0!important;padding:0!important;border:0;border-radius:0;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;transform:none!important;clip-path:none!important}
 .ark-app-portfolio .project-image{position:absolute;inset:0;width:100%;height:100%;max-height:none;min-height:0;clip-path:none!important;border-radius:0;transform:none!important}
 .ark-app-portfolio .project-image img{width:100%;height:100%;object-fit:cover;clip-path:none!important;transform:none!important}
 .ark-app-portfolio .project-caption{position:absolute;bottom:0;left:0;right:0;padding:65px 55px 30px 24px;background:linear-gradient(transparent,#07150bd9);color:white;opacity:.75}
 .ark-app-portfolio .project-caption h2{font-size:27px;line-height:1.15;color:white}
 .ark-app-portfolio .project-caption>span{display:none}
 .ark-app-portfolio .project-item:active .project-caption,.ark-app-portfolio .project-item:focus-visible .project-caption{opacity:1}
 .ark-app-portfolio .project-item::after,.ark-app-360 .ca-immersion-format::after{content:'↓';position:absolute;bottom:28px;right:23px;z-index:6;color:#ffffffb3;font:22px/1 Arial,sans-serif;text-shadow:0 1px 8px #000;pointer-events:none}
 .ark-app-portfolio .project-item:last-child::after,.ark-app-360 .ca-immersion-format:last-child::after{content:'↑'}
 .ark-app-360 .ca-immersion-illustration,.ark-app-360 .external-experience{position:absolute;inset:0;width:100%;height:100%;min-height:0!important;margin:0!important;border:0;border-radius:0}
 .ark-app-360 .ca-immersion-illustration img{width:100%;height:100%;object-fit:cover;clip-path:none}
 .ark-app-360 .external-experience iframe{width:100%;height:100%;border:0}
 .ark-app-360 .ca-coming-soon{inset:20px 20px auto auto;font-size:11px!important;padding:9px 12px!important;background:#102019a6;border-radius:20px}
 .ark-app-360 .ca-immersion-format>.ark-app-details{position:absolute;bottom:20px;left:16px;right:58px;z-index:5;border:0;border-radius:14px;background:rgba(16,25,20,.85);color:#fff;max-height:65%;overflow-y:auto}
 .ark-app-360 .ca-immersion-format>.ark-app-details:has(.ca-software-identity){bottom:82px}
 .ark-app-360 .ark-app-details>summary{min-height:44px;padding:14px 16px;font-size:12px}
 .ark-app-360 .ca-format-heading{display:block;margin:0;padding:16px!important}
 .ark-app-360 .ca-format-heading>div:first-child,.ark-app-360 .ca-format-heading h3,.ark-app-360 .ca-format-heading .eyebrow{display:none}
 .ark-app-360 .ca-format-heading p,.ark-app-360 .ca-software-identity p{font-size:14px;line-height:1.6;color:inherit}
 .ark-app-360 .ca-software-identity{display:block;padding:16px;margin:0;color:inherit;background:transparent}
 .ark-app-360 .ca-software-logo,.ark-app-360 .ca-software-identity h2,.ark-app-360 .ca-software-identity .eyebrow,.ark-app-360 .ca-software-formats{display:none}
 .ark-app-360 .experience-start{padding:20px}
 .ark-app-360 .experience-start p,.ark-app-360 .experience-number,.ark-app-360 .experience-start h2{display:none}
 .ark-app-360 .experience-external{top:20px;bottom:auto;font-size:10px}
}
@media(max-width:700px){
 .ark-app-360 .ark-orbit-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
 .ark-app-360 .experience-start{position:relative;z-index:1}
 .ark-app-360 .experience-start button{background:#14231edf;color:#fff;border:1px solid #ffffff60;padding:16px 22px;border-radius:30px}
 .ark-app-360 .external-experience iframe{position:relative;z-index:2}
 .ark-app-portfolio .project-grid>.project-item{height:var(--app-screen)!important;max-height:none!important}
}
@media(max-width:700px){
 .ark-app .project-grid .project-item,.ark-app #selection .feature{cursor:default}
}
/* Explore the full photograph horizontally, keep vertical project swiping native. */
@media(max-width:700px){
 .ark-app-portfolio .project-image{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
 .ark-app-portfolio .project-image::-webkit-scrollbar{display:none}
 .ark-app-portfolio .project-image img{display:block;width:var(--photo-width,100%)!important;max-width:none!important;height:calc(100% + 32px)!important;min-width:100%;object-fit:cover;transform:translateY(var(--photo-drift,-16px))!important;transition:none!important;user-select:none;-webkit-user-drag:none}
 .ark-app-portfolio .project-caption{pointer-events:none}
 .ark-app-portfolio .project-item.has-photo-pan::before{content:'↔';position:absolute;right:21px;top:24px;z-index:4;color:#ffffffb3;font:23px/1 Arial,sans-serif;text-shadow:0 1px 8px #000;pointer-events:none}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){
 .ark-app-portfolio .project-image img{height:100%!important;transform:none!important}
}
@media(max-width:700px){
 .ark-app-portfolio .project-image{cursor:grab}
 .ark-app-portfolio .project-image.is-dragging{cursor:grabbing}
 .ark-app-portfolio .project-grid.is-mouse-dragging{scroll-snap-type:none}
}
@media(max-width:700px){
 .ark-app-portfolio .project-grid{scroll-snap-type:y mandatory!important}
 .ark-app-portfolio .project-grid>.project-item{scroll-snap-stop:normal}
 .ark-app-portfolio .project-grid.is-mouse-dragging{scroll-snap-type:none!important;scroll-behavior:auto!important}
}
/* Keep the launch action legible over the image in both ambience themes. */
@media(max-width:700px){
 body.ark-app-360 .external-experience .experience-start button[data-load-experience]{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#18352b!important;border:1px solid #ffffffa6!important;font-size:14px!important;font-weight:600;line-height:1.4;min-height:52px;padding:16px 24px;box-shadow:0 4px 24px #0004;text-shadow:none;opacity:1!important;visibility:visible!important}
 body.ark-app-360 .external-experience .experience-start button[data-load-experience]:focus-visible{outline:3px solid #fff;outline-offset:4px}
}
/* The 360 feed owns vertical scrolling, avoiding competing page offsets. */
@media(max-width:700px){
 body.ark-app-360{overflow:hidden}
 .ark-app-360 .ark-app-360-feed{height:var(--app-screen)!important;scroll-padding:0;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;touch-action:pan-y;scroll-behavior:auto}
 .ark-app-360 .ark-app-360-feed>.ca-immersion-format{height:var(--app-screen)!important;min-height:var(--app-screen)!important;max-height:var(--app-screen)!important;box-sizing:border-box;scroll-margin:0;scroll-snap-align:start;scroll-snap-stop:normal}
 .ark-app-360 .ark-app-360-feed.is-gliding{scroll-snap-type:none!important;cursor:grabbing}
 .ark-app-360 .ca-immersion-illustration img,.ark-app-360 .ark-orbit-preview{user-select:none;-webkit-user-drag:none}
 .ark-app-360 .ark-app-details{overscroll-behavior:contain}
}
/* Override legacy every-third-card heights across the complete mobile portfolio. */
@media(max-width:700px){
 body.ark-app-portfolio .project-grid>.project-item>.project-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-sizing:border-box;clip-path:none!important}
}
/* A single gesture controller owns gallery movement; pinch zoom stays native. */
@media(max-width:700px){
 body.ark-app-portfolio{overflow:hidden;--app-screen:calc(100dvh - 64px - var(--app-dock))}
 body.ark-app-portfolio .project-grid{position:fixed;top:64px;left:0;right:0;margin:0!important;height:var(--app-screen)!important;scroll-snap-type:none!important;scroll-behavior:auto!important;overscroll-behavior:contain;touch-action:pinch-zoom}
 body.ark-app-portfolio .project-grid .project-image{touch-action:pinch-zoom}
}
/* The fullscreen portfolio uses the app navigation, not the editorial footer. */
@media(max-width:700px){
 body.ark-app-portfolio footer{display:none!important}
}