/* Alcazar studio direction: one composition, one motion focal point. */
:root{color-scheme:light;--ink:#081426;--blue:#2563eb;--muted:#536174;--line:#dbe2ec;--paper:#fff;--light:#f4f6fa}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;font-weight:600;letter-spacing:-.045em}p{color:var(--muted);margin-bottom:20px}h2{font-size:clamp(32px,3.5vw,46px);margin-bottom:22px}h3{font-size:25px;margin-bottom:15px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #2563eb;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-90px;left:12px;z-index:100;padding:12px 18px;background:#fff;color:#081426}.skip:focus{top:10px}
.site-header{position:sticky;top:0;z-index:30;background:#fffffff5;border-bottom:1px solid #e9edf3}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.ads-logo-crop{width:43px;height:43px;display:block;position:relative;overflow:hidden;background:#020b18;border-radius:6px;flex-shrink:0}.ads-logo-crop img{position:absolute;width:245%;max-width:none;height:auto;left:-73%;top:-44%}.ads-wordmark{font-size:17px;font-weight:500;letter-spacing:3px;line-height:1.15;white-space:nowrap}.ads-wordmark small{display:block;color:#2563eb;font-size:8px;font-weight:600;letter-spacing:1.7px;margin-top:7px}.nav nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:500}.nav nav>a{min-height:44px;display:inline-flex;align-items:center}.nav nav>a:hover{color:#2563eb}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:49px;padding:13px 22px;border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:6px;font-size:14px;font-weight:600;line-height:1.4;transition:background .2s}.button:hover{background:#1d4ed8;color:#fff!important}.button.small{min-height:44px;padding:11px 17px;font-size:13px}.button.ghost{background:transparent;border-color:#425573;color:#e2e8f0}.button.ghost:hover{background:#172841}.site-header:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#2563eb;transform:scaleX(var(--page-progress,0));transform-origin:left}.site-header[data-scrolled=true]{box-shadow:0 4px 18px #08142608}
.welcome-hero{background:#081426;color:white;overflow:hidden}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center;padding-block:82px 75px;min-height:600px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;color:#2457bd;margin:0 0 23px;line-height:1.5}.hero .eyebrow{color:#b6c9e9}.accent-line{display:inline-block;width:22px;height:1px;background:#729fff;vertical-align:middle;margin-right:8px}.hero h1{font-size:clamp(50px,5.4vw,76px);font-weight:500;line-height:1.07;margin-bottom:27px;letter-spacing:-.055em}.hero h1 span{color:#9bbcff}.lead{font-size:18px;line-height:1.7}.hero .lead{color:#bac9de;max-width:450px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-note{font-size:12px;color:#93a8c5;margin:23px 0 0}.studio-visual{margin:0;width:100%;min-width:0}.studio-scene{position:relative;aspect-ratio:1.1;perspective:950px}.studio-scene:before{content:'';position:absolute;left:13%;right:5%;bottom:7%;height:25%;background:radial-gradient(ellipse,#0006,transparent 67%);transform:rotate(-18deg)}
.assembly{position:absolute;width:64%;height:53%;top:21%;left:20%;transform-style:preserve-3d;transform:rotateX(57deg) rotateZ(-33deg)}.system-plane{position:absolute;inset:0;border:1px solid #6683a6;border-radius:18px;transform-style:preserve-3d;background:#13273f;box-shadow:1px 1px #284766,2px 2px #284766,3px 3px #284766,4px 4px #284766,5px 5px #284766}.system-plane.base{transform:translateZ(-42px);background:linear-gradient(135deg,#243e5e,#0f2036);border-color:#496486}.system-plane.middle{transform:translateZ(0);background:linear-gradient(135deg,#7aa5e8,#2b5493);border-color:#9bbcff}.system-plane.top{transform:translateZ(42px);background:linear-gradient(140deg,#eaf2ff,#fff);border-color:#fff;box-shadow:1px 1px #a3badb,2px 2px #a3badb,3px 3px #a3badb,4px 4px #a3badb,5px 5px #a3badb}.system-plane svg{position:absolute;inset:17%;width:66%;height:66%;fill:none;stroke:#2563eb;stroke-width:2}.plane-track{position:absolute;inset:20%;border:1px solid #e0ecff66;border-radius:8px}.plane-track:before,.plane-track:after{content:'';position:absolute;left:15%;right:15%;height:1px;background:#c4dbff88;top:35%}.plane-track:after{top:65%}.scene-coordinate{position:absolute;color:#8199bc;font:9px/1.5 Inter,Arial,sans-serif;letter-spacing:1.5px}.scene-coordinate:first-child{left:0;top:10%}.scene-coordinate:last-child{right:0;bottom:11%}.studio-visual figcaption{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #29405e;padding-top:14px;color:#afc3e0;font-size:11px;line-height:1.6}.motion-toggle{background:transparent;border:1px solid #425573;color:#c0d0e7;border-radius:5px;font-size:10px;min-height:44px;min-width:103px;padding:8px 10px;flex-shrink:0}.motion-toggle[hidden]{display:none}.motion-toggle:disabled{opacity:.7;cursor:default}.welcome-hero :focus-visible{outline-color:#9bbcff}
html[data-motion=running] .motion-active .assembly{animation:assembly-drift 12s ease-in-out infinite}html[data-motion=running] .motion-active .system-plane.top{animation:plane-breathe 12s ease-in-out infinite}@keyframes assembly-drift{0%,100%{transform:translateY(0) rotateX(57deg) rotateZ(-33deg)}50%{transform:translateY(-7px) rotateX(54deg) rotateZ(-30deg)}}@keyframes plane-breathe{0%,100%{transform:translateZ(42px)}50%{transform:translateZ(50px)}}
.audience-band{border-bottom:1px solid var(--line);background:#f8f9fb}.audience-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:25px}.audience-band span{font-size:12px;color:#637188}.audience-band strong{font-size:13px;font-weight:500;color:#334155}
.section{padding-block:88px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:38px}.section-head h2{margin-bottom:0}.section-head>p{max-width:380px;font-size:15px;line-height:1.75;margin:0}.services-section{background:#fff;border-bottom:1px solid var(--line)}.services-section>.section{display:grid;grid-template-columns:.75fr 1.3fr;gap:22px 70px;align-items:start}.services-section .section-head{display:block;position:sticky;top:122px}.services-section .section-head h2{font-size:39px;margin-bottom:22px}.services-section .section-head>p{max-width:320px}.service-grid{min-width:0}.scroll-stack{display:flex;flex-direction:column;gap:28px;isolation:isolate;--stack-top:105px;--stack-peek:12px;padding-bottom:12px}.scroll-stack article{position:relative;z-index:var(--stack-order);scroll-margin-top:120px;min-width:0}.stack-card-content{padding:30px;border:1px solid #d6dfec;border-radius:12px;background:#f7f9fc;transform-origin:50% 0;box-shadow:0 8px 15px #08142603}.scroll-stack article:nth-child(2) .stack-card-content{background:#eef3fc;border-color:#cddcf5}.scroll-stack article:nth-child(3) .stack-card-content{background:#e7eef8;border-color:#c5d2e6}.service-no{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.4px;color:#4e6381;margin-bottom:20px}.stack-card-number{font-weight:600;font-size:11px;letter-spacing:0}.stack-card-number:after{content:'/';margin-left:9px;color:#91a4bf}.stack-card-copy>p{font-size:14px;margin-bottom:17px;max-width:520px}.stack-card-details ul{display:flex;flex-wrap:wrap;gap:7px 15px;list-style:none;padding:0;margin:0 0 18px;font-size:11px;color:#4e6381}.stack-card-details li:before{content:'—';margin-right:6px;color:#7592bb}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;color:#1d4ed8}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.scroll-stack[data-stack-ready=true]:not([data-stack-focus]) article{position:sticky;top:calc(var(--stack-top) + var(--stack-index) * var(--stack-peek))}.scroll-stack[data-stack-ready=true]:not([data-stack-focus]) .stack-card-content{transform:scale(var(--stack-scale,1))}.capability-strip{grid-column:2;display:flex;gap:9px 19px;flex-wrap:wrap;font-size:10px;color:#66768d;margin-top:3px}
#work{padding-top:86px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 30px}.project-card{display:block;min-width:0}.project-preview{height:255px;padding:28px;border-radius:10px;background:#e9eef7;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e2e8f1}.project-card:nth-child(2) .project-preview{background:#e3eaf3}.project-card:nth-child(3) .project-preview{background:#e7ecf2}.project-card:nth-child(4) .project-preview{background:#e8edf9}.project-card:nth-child(5) .project-preview{background:#e1eaf4}.project-card:nth-child(6) .project-preview{background:#e8edf2}.sample-window{width:100%;max-width:360px;background:#fff;border:1px solid #cbd6e6;border-radius:8px;box-shadow:0 12px 20px #233a6010;transition:transform .25s}.sample-window-head{display:flex;align-items:center;gap:4px;padding:12px 14px;border-bottom:1px solid #e4e9f0}.sample-window-head i{width:4px;height:4px;border-radius:50%;background:#bac8db}.sample-window-head span{font-size:8px;color:#53657f;margin-left:auto;letter-spacing:1px}.sample-window-body{padding:20px}.sample-title{font-size:13px;font-weight:600;margin-bottom:13px}.sample-row{display:flex;justify-content:space-between;gap:10px;padding-block:9px;border-bottom:1px solid #edf1f6;font-size:9px;color:#53657f}.sample-row b{font-weight:500;color:#1d4ed8}.sample-route{display:flex;align-items:center;gap:7px;margin-top:15px;font-size:8px;color:#47618a}.sample-route span{background:#edf3ff;padding:5px 9px;border-radius:3px}.sample-bars{display:flex;align-items:end;gap:10px;height:64px;padding-top:6px}.sample-bars i{flex:1;height:var(--bar);background:#7b9ed2;border-radius:2px 2px 0 0}.sample-bars i:nth-child(2n){background:#2563eb}.sample-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sample-kanban>div{font-size:8px;color:#526581;background:#f3f6fb;padding:8px;border-radius:4px}.sample-kanban i{display:block;height:22px;background:#fff;border:1px solid #dce5f1;margin-top:8px;border-radius:3px}.project-copy{padding:20px 0 0}.project-copy .eyebrow{font-size:9px;color:#6a7d96;display:flex;justify-content:space-between;margin-bottom:9px}.project-copy h3{display:flex;justify-content:space-between;gap:15px;font-size:23px;letter-spacing:-.035em;margin-bottom:10px}.project-copy h3>span{font-size:21px;font-weight:400;color:#607ca4}.project-copy p{font-size:14px;margin-bottom:7px}.project-copy .text-link{font-size:12px}.section-footnote{font-size:11px;margin:28px 0 0;color:#66768d}
.opslens{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;padding:52px;border-radius:12px;background:#081426;color:#fff}.opslens .eyebrow{color:#a8c3ee}.opslens p{color:#b1c3db;font-size:15px}.opslens .fine-print{font-size:11px;margin:18px 0 0;max-width:460px;color:#9aafcc}.assessment-steps{align-self:center}.assessment-steps div{display:flex;align-items:center;gap:20px;border-bottom:1px solid #2a3c58;padding:20px 0;font-size:14px}.assessment-steps span{font-size:10px;color:#8aabd9}.assessment-steps strong{font-weight:400}.about-section{display:grid;grid-template-columns:.65fr 1fr;gap:85px;align-items:center;padding-block:0 85px;border-bottom:1px solid var(--line)}.founder-mark{max-width:295px;margin:auto;line-height:0}.founder-mark img{width:100%;height:auto;border-radius:10px}.about-section .lead{font-size:23px;color:#263c5a}.about-section p:not(.lead):not(.eyebrow){font-size:15px;max-width:570px}
.contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.contact-layout>div>p{max-width:390px;font-size:15px}.email-link{display:inline-block;font-size:13px;color:#1d4ed8;overflow-wrap:anywhere;min-height:44px}.contact-note{max-width:390px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line);font-size:13px}.contact-note p{margin:8px 0 0;font-size:13px}form{padding:30px;border:1px solid var(--line);border-radius:10px;background:#f7f9fc}label{display:block;font-size:12px;font-weight:600;margin-bottom:17px;color:#334760}input,select,textarea{display:block;width:100%;min-width:0;background:white;color:var(--ink);border:1px solid #bdcadc;border-radius:5px;padding:12px;margin-top:7px;font-size:16px;min-height:46px}input::placeholder,textarea::placeholder{color:#6c7d94;opacity:1}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fine-print{font-size:11px;line-height:1.65}.fine-print a{text-decoration:underline}form>.button{width:100%}form>.fine-print:last-child{text-align:center;margin:13px 0 0}.footer{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-block:36px}.footer p{font-size:12px;margin:18px 0 0}.footer-links{display:flex;flex-direction:column;align-items:end;gap:7px;font-size:12px;color:#5d6f89}.footer-links a{min-height:30px}.footer small{font-size:10px;margin-top:7px}
@media(hover:hover) and (pointer:fine){.project-card:hover .sample-window{transform:translateY(-4px)}.project-card:hover h3>span{color:#2563eb}.nav nav>a:not(.button):hover{text-decoration:underline;text-underline-offset:6px}}
html[data-motion=running] .reveal-arrived{animation:studio-enter .45s ease-out}@keyframes studio-enter{from{transform:translateY(10px)}to{transform:translateY(0)}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.nav nav{gap:18px}.hero{gap:25px;padding-block:65px;min-height:550px}.hero h1{font-size:59px}.services-section>.section{gap:24px 40px}.services-section .section-head h2{font-size:34px}.opslens{gap:40px;padding:38px}.contact-layout{gap:40px}}
@media(max-width:950px){.nav{height:76px}.menu-toggle{display:flex;align-items:center;gap:13px;padding:9px 12px;border:1px solid #c7d2e2;border-radius:5px;background:white;min-height:44px;font-size:12px;color:#081426}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;gap:8px;background:#fff;padding:18px 24px 25px;border-bottom:1px solid #dbe2ec;max-height:calc(100dvh - 76px);overflow:auto}.nav nav.open{display:flex}.nav nav>a{padding:9px 12px}.hero h1{font-size:54px}.hero .lead{font-size:16px}.hero .button{padding:12px 17px;font-size:13px}.scroll-stack{--stack-top:94px}.section{padding-block:66px}.services-section>.section{grid-template-columns:1fr;gap:30px}.services-section .section-head{position:static;display:flex;align-items:start;gap:40px;margin:0}.services-section .section-head>div{flex:1}.services-section .section-head>p{flex:1;max-width:400px}.services-section .section-head h2{margin-bottom:0}.stack-card-content{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding:30px}.stack-card-details ul{display:block}.stack-card-details li{padding-block:5px}.stack-card-copy p{margin-bottom:0}.capability-strip{grid-column:1}.project-preview{height:225px;padding:20px}.about-section{gap:45px}.contact-layout{gap:30px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;padding-block:46px 36px;gap:20px;min-height:0}.hero-copy{max-width:550px}.hero h1{font-size:clamp(44px,8vw,60px)}.hero .lead{max-width:460px}.hero .actions{margin-top:25px}.studio-visual{max-width:430px;margin-inline:auto}.studio-scene{aspect-ratio:1.3}.assembly{width:58%;height:58%;left:23%;top:18%}.studio-visual figcaption{padding-top:11px}.scene-coordinate{font-size:8px}.scene-coordinate:first-child{left:2%}.scene-coordinate:last-child{right:2%}.audience-band .wrap{flex-wrap:wrap;gap:9px 24px;justify-content:flex-start;padding-block:21px}.audience-band span{width:100%;font-size:11px}.audience-band strong{font-size:12px}.section-head{display:block;margin-bottom:29px}.section-head>p{margin-top:18px;max-width:500px;font-size:14px}.services-section .section-head{display:block}.services-section .section-head>p{max-width:500px;margin-top:18px}.services-section .section-head h2{font-size:34px}.stack-card-content{display:block;padding:27px}.stack-card-details ul{display:flex;gap:4px 13px;margin-top:16px}.stack-card-details li{padding:0;font-size:11px}.stack-card-copy p{font-size:14px}.stack-card-content h3{font-size:26px}.scroll-stack{gap:23px;--stack-peek:9px}.project-grid{gap:30px;grid-template-columns:1fr}.project-preview{height:260px;padding:30px}.project-copy{padding-top:17px}.project-copy h3{font-size:23px}.project-copy p{max-width:500px}.opslens{grid-template-columns:1fr;padding:30px;gap:22px}.opslens h2{font-size:34px}.assessment-steps div{padding-block:16px;font-size:13px}.about-section{grid-template-columns:1fr;gap:28px;padding-bottom:62px}.founder-mark{max-width:210px;margin:0}.about-section h2{font-size:33px}.about-section .lead{font-size:20px}.contact-layout{grid-template-columns:1fr;gap:25px}.contact-layout>div>p{max-width:480px}.contact-note{margin-top:14px;padding-top:20px}.footer{gap:27px;flex-direction:column}.footer-links{align-items:start;gap:3px}.footer-links a{min-height:44px;display:flex;align-items:center}}
@media(max-width:420px){.wrap{width:calc(100% - 36px)}.nav{gap:12px}.ads-logo-crop{width:36px;height:39px}.brand{gap:8px}.ads-wordmark{font-size:15px;letter-spacing:2.3px}.ads-wordmark small{font-size:7px;letter-spacing:1.2px}.hero h1{font-size:44px}.hero .actions{flex-direction:column}.hero .button{width:100%;justify-content:space-between;min-height:48px}.hero .lead{font-size:15px}.hero-note{font-size:11px}.studio-scene{aspect-ratio:1.15}.assembly{width:59%;height:54%}.studio-visual figcaption{font-size:10px}.section{padding-block:52px}#work{padding-top:54px}.section-head h2{font-size:33px}.stack-card-content{padding:23px}.stack-card-content h3{font-size:24px}.project-preview{height:228px;padding:20px}.sample-window-body{padding:17px}.project-copy h3{font-size:22px}.opslens{padding:26px}.opslens .button{width:100%;padding-inline:16px}.form-row{grid-template-columns:1fr;gap:0}form{padding:22px}.capability-strip{gap:7px 16px}.scene-coordinate{letter-spacing:1px}}
html[data-page-hidden=true] .home-page *{animation-play-state:paused!important}html[data-motion=paused] .home-page *,html[data-motion=reduced] .home-page *{animation:none!important;transition:none!important}html[data-motion=paused] .scroll-stack article{position:relative!important;top:auto!important}html[data-motion=paused] .stack-card-content{transform:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scroll-stack article{position:relative!important;top:auto!important}.stack-card-content{transform:none!important}.site-header:after{display:none}}
@media print{html{scroll-behavior:auto}.site-header,.footer,.studio-visual,.button,.skip{display:none!important}body{color:#081426;background:white}.welcome-hero{background:white;color:#081426}.hero h1 span,.hero .lead,.hero-note{color:#334155}.wrap{width:100%}.hero,.services-section>.section,.opslens,.about-section{display:block;min-height:0;padding-block:25px}.services-section .section-head{position:static}.scroll-stack article{position:relative!important;top:auto!important;margin-bottom:18px;break-inside:avoid}.stack-card-content{transform:none!important;box-shadow:none}.opslens{background:white;color:#081426}.opslens p{color:#334155}*{animation:none!important}}
