/* Extend the existing About composition. */
.about-section{grid-template-columns:minmax(0,1fr) minmax(300px,1.12fr) minmax(0,1fr);gap:32px;scroll-margin-top:92px}
.about-heading h2{font-size:clamp(2.6rem,3.7vw,4.7rem);overflow-wrap:normal}
.founder-core{min-height:610px}.founder-model-shell{height:545px;width:100%;max-width:440px;cursor:pointer}
.founder-model-fallback{width:100%;height:100%;filter:none;opacity:1}
.founder-model-chip{top:5%;right:0;font:500 12px Rajdhani,Inter,sans-serif;color:#bfc4cc;background:#090b0ed9}
.founder-scanline{display:none}.founder-ring{animation:none!important;opacity:.45}
.founder-ring-outer{border-style:solid;border-color:#ff6a001f}.founder-ring-outer:after{display:none}
.founder-core-meta span{font-size:12px;color:#969da8}.founder-core-meta b{font-size:12px;color:#9ca6b6;letter-spacing:.06em}
.founder-title b,.founder-title small{font-size:12px;line-height:1.6}.about-copy>p{font-size:16px;line-height:1.8}
.founder-spec b{font-size:14px}.founder-spec span{font-size:12px}
@media(max-width:1100px) and (min-width:641px){.about-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.about-heading{grid-column:1/-1}.about-heading h2{font-size:clamp(3rem,6vw,4.5rem)}}
@media(max-width:640px){html{overflow-x:clip}.about-section{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:55px}.about-heading h2{font-size:clamp(2.3rem,10.8vw,3.8rem)}.founder-core{min-height:520px}.founder-model-shell{height:450px;max-width:355px}.founder-model-chip{font-size:12px;right:0}.founder-core-meta b{font-size:12px}.founder-title b,.founder-title small{font-size:12px}.about-copy>p{font-size:16px}}

.skip-link{position:fixed;top:12px;left:12px;z-index:10000;padding:12px 18px;background:#ff7800;color:#050505;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:2px solid #ff8a32;outline-offset:5px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.boot-screen{display:none!important}.reveal{opacity:1!important;transform:none!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.boot-screen{display:none!important}
.case-study.open{visibility:visible;transition:opacity .3s ease}

.contact-panel .button { max-width:100%; overflow-wrap:anywhere; white-space:normal; }
.contact-phone { margin-top:12px; }

/* Direct contact and clearer project browsing, in the existing studio palette. */
.project-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 24px}
.project-shortcuts a{display:flex;align-items:center;gap:30px;padding:14px 18px;border:1px solid #3b3028;border-radius:12px;background:#131110;color:#dedad6;font-size:14px;text-decoration:none;transition:background .2s,border-color .2s}
.project-shortcuts a span{color:#ff8a32}
.project-shortcuts a:hover{background:#22170e;border-color:#ff8a32}
.featured-project{scroll-margin-top:120px}
.featured-copy .didactic-pair{grid-template-columns:1fr;margin-top:20px;padding-top:18px}
.didactic-pair small{color:#bcaaa0;font-size:11px}
.didactic-pair p{color:#b9b6b3;font-size:14px;line-height:1.7}
.featured-copy .featured-summary{color:#cfccc9}
.featured-label{line-height:1.6}
.featured-open{min-height:48px}
.contact-whatsapp{width:100%;justify-content:space-between;margin-top:8px}
.contact-alternatives{display:grid;gap:0;margin-top:20px}
.contact-alternatives a{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:18px 0;border-bottom:1px solid #37302a;color:#ddd6cf;text-decoration:none}
.contact-alternatives a span{font:500 11px Rajdhani,Inter,sans-serif;letter-spacing:.12em;color:#aa9c90}
.contact-alternatives a b{font-size:14px;font-weight:500;overflow-wrap:anywhere}
.contact-alternatives a:hover b{color:#ff8a32}
.contact-panel>small{display:block;margin-top:22px;color:#aa9c90}
.whatsapp-float{position:fixed;left:24px;bottom:24px;z-index:990;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border:1px solid #ff8a3266;border-radius:14px;background:#11100ff2;color:#ff9a51;text-decoration:none;font-size:13px;box-shadow:0 8px 28px #0008;backdrop-filter:blur(12px);transition:background .2s,transform .2s}
.whatsapp-float:hover{background:#2b1b0f;transform:translateY(-2px)}
@media(max-width:640px){
 .project-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .project-shortcuts a{justify-content:space-between;gap:8px;padding:14px;font-size:13px}
 .featured-project{scroll-margin-top:100px}
 .whatsapp-float{left:14px;bottom:calc(14px + env(safe-area-inset-bottom));gap:7px;padding:0 12px;font-size:12px}
 .command-toggle{bottom:calc(14px + env(safe-area-inset-bottom));min-height:48px}
 .command-toggle b{font-size:10px}
 footer{padding-bottom:100px}
 .contact-alternatives a b{font-size:14px}
}

.light-visuals .ambient,.light-visuals .page-grid{animation:none!important}
.light-visuals .model-badge{font-size:0}
.light-visuals .model-badge:after{content:"SERVAL CORE";font-size:10px}
.light-visuals .cursor-dot,.light-visuals .cursor-ring{display:none}
/* Mobile portfolio: uncropped previews and a single primary contact action. */
@media(max-width:640px){
 html{scroll-padding-top:100px;scroll-padding-bottom:96px}
 body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
 .featured-projects{gap:20px}
 .featured-project{border-radius:18px;min-width:0}
 .featured-visual{min-height:0;height:auto;aspect-ratio:4/3}
 .featured-visual .real-project-preview{padding:32px 10px 38px}
 .featured-visual .real-project-preview img{object-fit:contain;transform:none}
 .featured-project:hover .real-project-preview img{transform:none}
 .featured-copy{padding:22px 18px}
 .featured-copy h3{font-size:clamp(1.85rem,8vw,2.25rem);line-height:1.1;overflow-wrap:anywhere}
 .featured-copy .featured-summary,.didactic-pair p{font-size:14px;line-height:1.65}
 .featured-label{font-size:10px;letter-spacing:.08em}
 .featured-tags{gap:6px;flex-wrap:wrap}
 .featured-tags .tech-chip{font-size:10px;letter-spacing:.04em}
 .featured-open{display:flex;justify-content:space-between;width:100%;min-height:48px;padding:12px 14px;border:1px solid #ff8a3266;border-radius:10px;background:#22170e;color:#ffad70;font-size:12px}
 .whatsapp-float{left:12px;right:76px;bottom:calc(12px + env(safe-area-inset-bottom));min-height:52px;justify-content:center;background:#ff7900;color:#101010;border-color:#ff953d;font-weight:600;font-size:15px;box-shadow:0 6px 24px #000a}
 .whatsapp-float:hover{background:#ff953d;transform:none}
 .command-toggle{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:52px;height:52px;padding:0;justify-content:center;background:#17130f}
 .command-toggle>span{font-size:24px}
 .command-toggle b{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .command-panel{bottom:calc(76px + env(safe-area-inset-bottom));max-height:calc(100dvh - 180px);overflow:auto}
 .case-open .whatsapp-float,.case-open .command-toggle{visibility:hidden}
 .case-hero-copy h2{font-size:clamp(2rem,9vw,3rem);overflow-wrap:anywhere}
 .case-hero-visual .real-project-preview img{object-fit:contain}
 .case-nav button{flex:0 0 auto;white-space:nowrap;min-width:max-content;min-height:44px}
 .case-close,.index-open{min-width:44px;min-height:44px}
 .v3-hero,.hero-copy,.hero-visual{min-width:0}
 .hero-actions{flex-wrap:wrap}
 .contact-section h2{font-size:clamp(2rem,10vw,3.4rem);overflow-wrap:anywhere}
 .contact-whatsapp{min-height:52px;gap:12px;font-size:12px;padding:16px}
}