:root{--navy:#0b1c35;--deep:#132a4a;--gold:#d7b46b;--ivory:#f7f3e9;--muted:#a9b4c2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--navy);color:var(--ivory);font:15px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}header{height:100px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;line-height:1;font:32px Georgia,serif}.brand img{object-fit:contain}.brand small{display:block;font:9px Arial;letter-spacing:6px;text-align:center;margin-top:5px}.gold,em{color:var(--gold)}nav{display:flex;gap:32px;align-items:center;font-size:12px}.menu{display:none}.button{background:linear-gradient(120deg,#edcf91,#c29b54);color:var(--navy);padding:15px 23px;display:inline-flex;align-items:center;gap:35px;font-weight:600;font-size:12px;border:0;cursor:pointer}.button:hover{filter:brightness(1.12)}.button span{font-size:20px}.button.small{padding:9px 17px;gap:22px}.hero{position:relative;isolation:isolate;min-height:780px;padding:80px 6% 90px;overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;background:radial-gradient(ellipse at 80% 42%,#19365266,transparent 55%)}.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:600;color:var(--gold);margin:0 0 25px;display:flex;align-items:center;gap:12px}.line{height:1px;width:30px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.06;letter-spacing:-2px}h1{font-size:clamp(55px,5.7vw,88px);margin-bottom:26px}em{font-weight:400}p.intro{font-size:14px;max-width:430px;color:#c5cbd5;line-height:1.85}.actions{display:flex;align-items:center;gap:30px;margin-top:32px}.text-link{font-size:11px;border-bottom:1px solid #ffffff50;padding:10px 0}.text-link span{margin-left:20px}.hero-art{position:relative;height:550px;display:grid;place-items:center}.art-grid{position:absolute;inset:5%;background-image:linear-gradient(#d7b46b08 1px,transparent 1px),linear-gradient(90deg,#d7b46b08 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(white,transparent 70%)}.frame{position:absolute;width:330px;height:410px;border:1px solid #d7b46b55;transform:rotate(26deg);animation:floatFrame 13s ease-in-out infinite}.frame:after{content:'';position:absolute;inset:17px;border:1px solid #d7b46b20}.monogram{width:330px;filter:drop-shadow(0 25px 45px #0008);animation:float 8s ease-in-out infinite}.monogram img{width:100%;height:auto}.art-label{position:absolute;bottom:68px;font-size:12px;letter-spacing:8px;color:var(--gold)}.art-bottom{position:absolute;bottom:37px;letter-spacing:3px;font-size:8px;color:#a9b4c2}.spark{position:absolute;left:75%;top:23%;width:6px;height:6px;background:#ffefca;box-shadow:0 0 18px 8px #d7b46b55;transform:rotate(45deg);animation:glow 4s ease-in-out infinite}.orbit{position:absolute;border:1px solid #d7b46b0b;width:850px;height:850px;border-radius:50%;z-index:-1;right:-250px;top:-120px}.o2{width:1100px;height:1100px;right:-375px;top:-245px}.scroll{position:absolute;bottom:26px;font-size:8px;letter-spacing:2px;color:#a9b4c2}.scroll span{margin-left:18px;color:var(--gold)}.service-strip{display:flex;justify-content:space-around;gap:20px;padding:23px 6%;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15;font-size:10px;letter-spacing:1.5px;color:#c9cdd4}.service-strip i{color:var(--gold);font-style:normal}section:not(.hero){padding:100px 8%}.light{background:var(--ivory);color:var(--navy)}.light .eyebrow{color:#8e6b30}h2{font-size:clamp(38px,4vw,57px);margin-bottom:28px}.light em{color:#9b7536}.section-top{max-width:760px;margin-bottom:50px}.section-top>p:last-child{max-width:480px;color:#5b6570}.service-list article{display:grid;grid-template-columns:45px 1fr 1.2fr 25px;gap:25px;align-items:center;padding:28px 0;border-top:1px solid #0b1c3520}.service-list article>span{font-size:10px;color:#927139}.service-list h3{font:26px Georgia;margin:0}.service-list p{font-size:13px;color:#5c6671;margin:0}.service-list b{font-size:25px;font-weight:400}.approach{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.approach h2{font-size:45px}.approach-copy>p:not(.eyebrow){color:#b2bdca;font-size:13px;max-width:440px}.approach ol{list-style:none;padding:0;counter-reset:step;margin-top:35px}.approach li{counter-increment:step;border-top:1px solid #ffffff15;padding:18px 0;display:grid;grid-template-columns:30px 1fr;column-gap:12px}.approach li:before{content:'0' counter(step);font-size:9px;color:var(--gold);grid-row:span 2}.approach li b{font-size:13px;font-weight:400}.approach li span{font-size:11px;color:var(--muted);margin-top:4px}.sample-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:var(--muted);margin-bottom:15px}.browser{border:1px solid #ffffff30;box-shadow:0 30px 65px #0005;transform:perspective(1200px) rotateY(-7deg) rotateX(3deg);transition:transform .8s}.browser:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}.browser-bar{height:28px;background:#182a40;display:flex;align-items:center;gap:4px;padding:8px}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#a9b4c260}.browser-bar>span{font-size:7px;color:#a9b4c2;margin:auto}.sample-site{background:#e9e8df;color:#2d352d;padding:25px;position:relative;overflow:hidden}.sample-nav{display:flex;justify-content:space-between;align-items:center;font-size:6px}.sample-nav b{font-size:16px;letter-spacing:-1px}.sample-nav b span{font-size:6px;vertical-align:top}.sample-kicker{font-size:6px;letter-spacing:1.2px;margin-top:45px}.sample-site h3{font:51px/.96 Georgia;letter-spacing:-2px;position:relative;z-index:2;margin-bottom:0}.sample-site h3 em{color:#697756}.architecture{height:165px;position:relative;margin:-20px -25px 0 30px;background:linear-gradient(170deg,#cad3c5,#e7dfc9 65%);overflow:hidden}.building{position:absolute;bottom:-20px;right:-5px;background:#c1b79d;width:85%;height:150px;transform:skewY(-12deg);box-shadow:-17px -15px #e4d9bd}.windows{position:absolute;inset:19px 10px 20px 20px;background:repeating-linear-gradient(90deg,transparent 0 32px,#a69d86 32px 36px),linear-gradient(120deg,#354537,#8b8b65);border-top:7px solid #b0a489}.sun{position:absolute;width:75px;height:75px;border-radius:50%;background:#fff4c888;top:5px;left:15px}.sample-footer{display:flex;justify-content:space-between;align-items:center;font-size:7px;padding-top:18px}.round{border:1px solid #7b826b;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px}.concept-note{font-size:9px;color:#a9b4c2;text-align:center;margin:20px 0 0}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.work-cover{height:300px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .4s}.work-card:hover .work-cover{transform:translateY(-5px)}.church .work-cover{background:radial-gradient(at 90% 10%,#8d7743,#152b43 60%);color:var(--ivory)}.portrait .work-cover{background:linear-gradient(135deg,#e2d4c2,#c9b19a);color:#493e35}.work-category{font-size:8px;letter-spacing:2px}.church-title{font:44px/1.1 Georgia}.portrait-title{font:40px/1.1 Georgia}.portrait-title i{font-size:25px}.work-arrow{position:absolute;bottom:25px;right:25px;font-size:30px}.work-meta{padding-top:20px}.work-meta h3{font:22px Georgia;margin-bottom:6px}.work-meta p{font-size:11px;color:#69717a}.about{display:grid;grid-template-columns:1fr 1fr;gap:0 8%}.about .eyebrow{grid-column:span 2}.about h2{margin:0}.about>div{color:#b5c0cd;font-size:13px;max-width:430px}.contact{border-top:1px solid #ffffff15;background:radial-gradient(ellipse at 80% 80%,#1c3653,transparent 60%)}.contact>p:not(.eyebrow){color:var(--muted)}form{max-width:800px;display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:45px}label{font-size:10px;letter-spacing:1px;color:#d3d9e1}input,textarea{display:block;width:100%;background:#ffffff05;border:0;border-bottom:1px solid #ffffff30;padding:14px 0;color:var(--ivory);outline-offset:5px;border-radius:0;font-size:13px;letter-spacing:0}textarea{resize:vertical}.wide{grid-column:span 2}form .button{justify-self:start}.form-note{font-size:10px;line-height:1.6;color:var(--muted);align-self:center;margin:0}#form-status{font-size:12px;color:var(--gold);margin:0}footer{border-top:1px solid #ffffff15;padding:35px 6%;display:flex;gap:25px;align-items:center;justify-content:space-between}footer>.brand{font-size:23px}footer>span{font:italic 13px Georgia;color:var(--muted)}footer>small{font-size:9px;color:var(--muted)}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}@keyframes float{50%{transform:translateY(-14px)}}@keyframes floatFrame{50%{transform:rotate(31deg) translateY(-8px)}}@keyframes glow{50%{opacity:.3;transform:scale(.7) rotate(45deg)}}@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:850px){header{height:83px}.brand{font-size:25px}nav{gap:18px}.hero{min-height:700px;padding-top:55px}.hero-art{height:450px}.monogram{width:250px}.frame{width:240px;height:310px}.art-label{letter-spacing:4px;font-size:10px}.actions{gap:15px}.button{gap:18px;padding:13px 18px}.approach{gap:5%}.approach h2{font-size:35px}.sample-site{padding:19px}.sample-site h3{font-size:40px}.work-cover{height:250px}.portrait-title,.church-title{font-size:34px}}@media(max-width:620px){header{padding:0 6%}.menu{display:block;background:none;border:1px solid #d7b46b50;color:var(--ivory);font-size:11px;padding:8px 13px}nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--navy);padding:25px 6%;border-bottom:1px solid #ffffff20;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{display:flex;flex-direction:column;align-items:stretch;padding:45px 7% 60px;min-height:0}.eyebrow{font-size:7px;letter-spacing:1.8px}h1{font-size:59px;letter-spacing:-2px}.hero-copy p.intro{font-size:12px;max-width:350px}.hero-art{height:350px;margin-top:25px}.monogram{width:215px}.frame{width:215px;height:270px}.art-label{bottom:20px}.art-bottom{bottom:0}.spark{top:10%}.scroll{display:none}.actions{flex-wrap:wrap;gap:22px}.service-strip{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:8px;padding:20px 5%;gap:12px}.service-strip i{display:none}section:not(.hero){padding:65px 7%}h2{font-size:37px}.section-top{margin-bottom:30px}.service-list article{grid-template-columns:22px 1fr 20px;gap:10px;padding:24px 0}.service-list h3{font-size:24px}.service-list p{grid-column:2;grid-row:2;font-size:12px}.service-list b{grid-column:3;grid-row:1}.approach{grid-template-columns:1fr;gap:35px}.approach h2{font-size:36px}.sample-site{padding:23px}.sample-site h3{font-size:55px}.architecture{height:185px}.browser{transform:none}.work-grid{grid-template-columns:1fr;gap:35px}.work-cover{height:270px}.church-title,.portrait-title{font-size:40px}.about{grid-template-columns:1fr;gap:15px}.about .eyebrow{grid-column:auto}.about h2{margin-bottom:15px}form{grid-template-columns:1fr;gap:20px}.wide{grid-column:auto}.contact h2{font-size:49px}.form-note{max-width:280px}footer{flex-direction:column;align-items:flex-start;gap:17px;padding:30px 7%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.scroll{left:6%}

/* Uploaded transparent wordmark, shared by header and footer. */
header .brand .wordmark,footer .brand .wordmark{display:block;width:250px;height:auto;object-fit:contain;background:transparent}header .brand,footer .brand{flex-shrink:0}@media(max-width:850px){header .brand .wordmark{width:220px}}@media(max-width:620px){header .brand .wordmark{width:205px}footer .brand .wordmark{width:230px}}@media(max-width:360px){header .brand .wordmark{width:180px}}

/* Laptop hero with the exact supplied website image. */
.laptop-art{perspective:1200px;min-width:0}.laptop-halo{position:absolute;inset:8% -10%;border-radius:50%;background:radial-gradient(ellipse,#d7b46b14,transparent 65%);filter:blur(20px)}.laptop{width:100%;max-width:570px;position:relative;transform:rotateY(-10deg) rotateZ(-2deg);animation:laptopFloat 9s ease-in-out infinite;filter:drop-shadow(0 35px 30px #0008)}.laptop-screen{width:92%;margin:auto;padding:14px 10px 12px;background:linear-gradient(135deg,#58616c,#12161d 20%,#080b10 85%,#64707a);border-radius:15px 15px 4px 4px;border:1px solid #81909f75;position:relative;box-shadow:inset 0 0 0 2px #0a0d12}.laptop-screen img{display:block;width:100%;height:auto;border:1px solid #000;border-radius:2px}.laptop-camera{position:absolute;top:5px;left:50%;width:4px;height:4px;background:#253746;border-radius:50%;box-shadow:0 0 0 1px #000}.laptop-hinge{height:5px;width:89%;margin:auto;background:linear-gradient(90deg,#4a535d,#070b10 20%,#070b10 80%,#4a535d)}.laptop-deck{height:68px;background:linear-gradient(175deg,#727c88,#b0b7bf 55%,#56616c);clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);position:relative;border-radius:0 0 6px 6px}.laptop-keys{position:absolute;top:7px;left:11%;right:11%;height:26px;background:repeating-linear-gradient(90deg,transparent 0 5.3%,#8d969f 5.3% 6%),repeating-linear-gradient(0deg,#171e27 0 6px,#7e8992 6px 8px);transform:perspective(100px) rotateX(12deg);border-radius:3px;opacity:.85}.laptop-trackpad{position:absolute;bottom:5px;left:37%;width:26%;height:23px;border:1px solid #46515d70;border-radius:3px;background:#a1abb5}.laptop-lip{height:8px;background:linear-gradient(#b1bbc4,#424d59);border-radius:0 0 40% 40%;position:relative}.laptop-lip:after{content:'';position:absolute;left:43%;top:0;width:14%;height:3px;background:#485360;border-radius:0 0 8px 8px}.laptop-art .art-label{bottom:48px;font-size:8px;letter-spacing:3px;white-space:nowrap}@keyframes laptopFloat{50%{transform:rotateY(-7deg) rotateZ(-1deg) translateY(-10px)}}@media(max-width:850px){.laptop-deck{height:48px}.laptop-keys{height:20px;top:5px}.laptop-trackpad{height:16px;bottom:3px}.laptop-art .art-label{font-size:7px;letter-spacing:2px;bottom:45px}}@media(max-width:620px){.laptop-art{height:310px;margin-top:20px}.laptop{max-width:430px;transform:rotateY(-5deg) rotateZ(-2deg)}.laptop-screen{padding:11px 7px 8px;border-radius:10px 10px 3px 3px}.laptop-art .art-label{bottom:5px;font-size:7px;letter-spacing:2px}.laptop-deck{height:45px}.laptop-camera{top:4px;width:3px;height:3px}}@media(prefers-reduced-motion:reduce){.laptop{animation:none}}
/* Responsive interactive hardware showcase */
.device-showcase{height:550px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;perspective:1400px;min-width:0}.device-glow{position:absolute;inset:0 -15%;background:radial-gradient(ellipse,#718dab22,transparent 65%);pointer-events:none}.device-cycle{position:relative;width:570px;max-width:115%;height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:pointer;perspective:1400px;filter:drop-shadow(0 30px 24px #0007);-webkit-tap-highlight-color:transparent}.device-chassis{display:block;position:relative;width:520px;height:328px;padding:13px 10px 12px;border-radius:15px 15px 6px 6px;background:linear-gradient(125deg,#b2b8c1,#454b53 7%,#14171d 13%,#080c12 85%,#6a727d);border:1px solid #acb9c475;box-shadow:inset 0 0 0 2px #0a0c10,0 0 0 1px #000;transform:rotateY(-9deg) rotateX(2deg);transition:width .6s,height .6s,border-radius .6s,padding .6s,transform .6s}.device-viewport{display:block;width:498px;height:301px;position:relative;overflow:hidden;background:#07192c;border-radius:3px;isolation:isolate;transition:width .6s,height .6s,border-radius .6s}.device-viewport iframe{position:absolute;top:0;left:0;width:1000px;height:605px;transform:scale(.498);transform-origin:top left;border:0;pointer-events:none;transition:width .6s,height .6s,transform .6s}.device-camera{position:absolute;z-index:3;width:4px;height:4px;top:5px;left:50%;background:radial-gradient(circle,#405d77,#05070c 70%);border-radius:50%;box-shadow:0 0 0 1px #000}.device-base{display:block;position:relative;width:570px;height:12px;border-radius:2px 2px 48% 48%;background:linear-gradient(#bdc4cc 0%,#8b949f 35%,#d9dfe5 42%,#646d78 75%,#262e38);transform:rotateY(-9deg) rotateX(2deg);box-shadow:0 3px 3px #0004;transition:opacity .25s,width .6s,height .6s}.device-base span{display:block;position:absolute;top:0;left:43%;width:14%;height:4px;border-radius:0 0 8px 8px;background:linear-gradient(#59616c,#a5afb8)}.device-home{display:none}.device-cycle:hover .device-chassis{transform:rotateY(-5deg) rotateX(0deg)}.device-controls{display:flex;gap:5px;padding:4px;background:#ffffff05;border:1px solid #ffffff18;border-radius:50px;z-index:1}.device-option{padding:9px 17px;color:#aebccc;background:none;border:0;border-radius:30px;font-size:10px;cursor:pointer;transition:background .2s,color .2s}.device-option.active{background:#d7b46b;color:#0b1c35}.device-option:hover{color:#f7f3e9}.device-option.active:hover{color:#0b1c35}.device-instruction{font-size:9px;color:#aebccc;letter-spacing:.6px;margin:15px 0 0;z-index:1}.device-cycle[data-device="tablet"] .device-chassis{width:300px;height:389px;padding:13px;border-radius:23px;background:linear-gradient(120deg,#a1a9b2,#333b46 10%,#151a20 60%,#707b87);transform:rotateY(-8deg) rotateZ(-3deg)}.device-cycle[data-device="tablet"] .device-viewport{width:272px;height:361px;border-radius:12px}.device-cycle[data-device="tablet"] iframe{width:768px;height:1020px;transform:scale(.354167)}.device-cycle[data-device="tablet"] .device-camera{top:5px}.device-cycle[data-device="tablet"] .device-base,.device-cycle[data-device="phone"] .device-base{width:0;height:0;opacity:0}.device-cycle[data-device="phone"] .device-chassis{width:196px;height:400px;padding:7px;border-radius:34px;background:linear-gradient(120deg,#c7c4bd,#666967 12%,#272b2f 50%,#a7aaa8);box-shadow:inset 0 0 0 2px #aaa9a3,0 0 0 1px #05070b;transform:rotateY(-8deg) rotateZ(-3deg)}.device-cycle[data-device="phone"] .device-viewport{width:180px;height:384px;border-radius:27px}.device-cycle[data-device="phone"] iframe{width:390px;height:832px;transform:scale(.461538)}.device-cycle[data-device="phone"] .device-camera{width:53px;height:14px;border-radius:20px;top:12px;left:calc(50% - 26px);background:#030609;box-shadow:inset -6px 0 3px #0f1d2a}.device-cycle[data-device="phone"] .device-home{display:block;position:absolute;width:55px;height:3px;background:#d1d6dd;bottom:12px;left:calc(50% - 27px);z-index:3;border-radius:10px}.device-cycle[data-device="phone"] .device-chassis:after,.device-cycle[data-device="tablet"] .device-chassis:after{content:'';position:absolute;right:-3px;top:80px;width:2px;height:30px;background:#88919a;border-radius:2px}.device-cycle:focus-visible{outline:2px solid var(--gold);outline-offset:7px;border-radius:20px}@media(max-width:1100px) and (min-width:621px){.device-cycle{transform:scale(.8);width:570px;max-width:none;margin:-35px -70px}.device-showcase{height:500px}.device-controls{margin-top:-30px}}@media(max-width:620px){.device-showcase{height:410px;margin-top:20px}.device-cycle{width:570px;max-width:none;transform:scale(.64);margin:-65px -100px}.device-controls{margin-top:15px}.device-instruction{font-size:8px}.device-option{padding:8px 16px}.device-showcase:has([data-device="tablet"]),.device-showcase:has([data-device="phone"]){height:410px}}@media(max-width:360px){.device-cycle{transform:scale(.54)}}
.device-cycle[data-device="phone"] iframe{top:19px}

/* Use supplied transparent device photographs. */
.device-photo{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.24);user-select:none;pointer-events:none;transition:transform .35s ease;filter:drop-shadow(0 14px 14px #0003)}.device-cycle[data-device="tablet"] .device-photo{transform:scale(1.24)}.device-cycle[data-device="phone"] .device-photo{transform:scale(.96)}.device-cycle:hover .device-photo{transform:scale(1.27) translateY(-3px)}.device-cycle[data-device="phone"]:hover .device-photo{transform:scale(.99) translateY(-3px)}

/* Live homepage captures for selected work. */
.work-card .work-cover.live-screenshot{height:auto;aspect-ratio:1.455;padding:0;border:1px solid #0b1c3520;background:#fff;box-shadow:0 12px 28px #0b1c3510;display:block}.live-screenshot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}.work-card:hover .live-screenshot img{transform:scale(1.025)}.live-screenshot .work-arrow{bottom:14px;right:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0b1c35ed;color:#d7b46b;font-size:23px;border:1px solid #d7b46b60;box-shadow:0 4px 10px #0002}

/* Larger device presentation with separate laptop lid movement. */
.device-showcase{height:620px}.device-cycle{height:520px;flex-shrink:0}.device-visual{display:block;position:relative;width:389px;height:420px;flex-shrink:0;transform:scale(1.6);transform-origin:center;transform-style:preserve-3d;pointer-events:none}.device-visual .device-photo,.device-visual .device-lid{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:fill;transform:none;transition:none;filter:drop-shadow(0 14px 14px #0003);pointer-events:none}.device-lid{display:none!important;transform-origin:35% 60%}.device-cycle[data-device="laptop"] .device-photo{clip-path:polygon(0 61%,10% 61%,59% 57.5%,100% 57.5%,100% 100%,0 100%)}.device-cycle[data-device="laptop"] .device-lid{display:block!important;clip-path:polygon(0 0,100% 0,100% 57.5%,59% 57.5%,10% 61%,0 61%);filter:none;transform:none}.device-cycle[data-device="phone"] .device-visual{transform:scale(1.2)}.device-controls{position:relative;margin-top:4px}.device-instruction{position:relative}@media(max-width:1100px) and (min-width:621px){.device-showcase{height:570px}.device-cycle{margin:-45px -70px}.device-controls{margin-top:4px}}@media(max-width:620px){.device-showcase,.device-showcase:has([data-device="tablet"]),.device-showcase:has([data-device="phone"]){height:450px}.device-cycle{margin:-90px -100px}.device-controls{margin-top:16px}}@media(max-width:360px){.device-cycle{margin:-115px -100px}.device-showcase,.device-showcase:has([data-device="tablet"]),.device-showcase:has([data-device="phone"]){height:400px}}
.device-cycle .device-visual .device-photo{transform:none!important}

/* Uploaded motion clips replace simulated image animations. */
.device-cycle .video-visual{width:100%;height:500px;transform:none!important;transform-style:flat;isolation:isolate}.device-clip{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;mix-blend-mode:lighten}.device-clip[hidden]{display:none}.device-playback{position:relative;z-index:1;background:transparent;color:#c1ccda;border:0;border-bottom:1px solid #ffffff35;padding:4px 0;font-size:9px;cursor:pointer;margin-top:12px}.device-instruction{margin-top:10px}.device-cycle{filter:none}.device-cycle .video-visual video[data-clip="tablet"]{max-width:470px;margin:auto}.device-cycle .video-visual video[data-clip="phone"]{max-width:425px;margin:auto}@media(max-width:620px){.device-showcase,.device-showcase:has([data-device="tablet"]),.device-showcase:has([data-device="phone"]){height:475px}}@media(max-width:360px){.device-showcase,.device-showcase:has([data-device="tablet"]),.device-showcase:has([data-device="phone"]){height:425px}}
.device-showcase,.device-cycle{perspective:none}.device-cycle .video-visual{isolation:auto}.device-clip{mix-blend-mode:lighten}

/* Transparent videos composite directly against the page. */
.device-clip{mix-blend-mode:normal;background:transparent}

/* Tightly framed second-generation mockups, displayed at larger scale. */
.device-showcase{height:700px}.device-cycle{height:600px;width:620px}.device-cycle .video-visual{height:580px}.device-cycle .video-visual video[data-clip="laptop"]{width:100%;max-width:590px;margin:auto}.device-cycle .video-visual video[data-clip="tablet"]{width:100%;max-width:600px;margin:auto}.device-cycle .video-visual video[data-clip="phone"]{width:100%;max-width:460px;margin:auto}@media(max-width:1100px) and (min-width:621px){.device-showcase{height:630px}.device-cycle{width:620px;transform:scale(.8);margin:-50px -85px}}@media(max-width:620px){.device-showcase,.device-showcase:has([data-device="tablet"]),.device-showcase:has([data-device="phone"]){height:530px}.device-cycle{width:620px;transform:scale(.61);margin:-110px -120px}}@media(max-width:360px){.device-cycle{transform:scale(.52);margin:-140px -120px}.device-showcase,.device-showcase:has([data-device="tablet"]),.device-showcase:has([data-device="phone"]){height:460px}}

/* All three uploaded clips share a centered, enlarged presentation. */
.device-cycle .video-visual video[data-clip]{width:100%;height:100%;max-width:620px;object-fit:contain;object-position:center;margin:auto}.device-cycle .video-visual{width:620px;max-width:100%;height:580px}.device-cycle{align-items:center;justify-content:center}

/* Give tablet visitors the same generous, centered device showcase. */
@media(min-width:621px) and (max-width:1000px){.hero{grid-template-columns:1fr;gap:20px;padding-bottom:65px}.hero-copy{max-width:650px}.device-showcase{width:100%;height:650px}.device-cycle{transform:scale(.95);margin:-15px 0;width:620px;max-width:100%}.device-controls{margin-top:0}.device-instruction{margin-top:10px}}

/* Rounded Liquid Glass controls on desktop, tablet and phone */
.button,.text-link,.menu,.device-option,.device-playback{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:999px;border:1px solid #ffffff40;background:linear-gradient(145deg,#ffffff22,#ffffff09 52%,#ffffff15);color:var(--ivory);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);box-shadow:inset 0 1px 1px #ffffff65,inset 0 -1px 2px #ffffff12,0 7px 18px #00000026;transition:background .22s,border-color .22s,box-shadow .22s,transform .22s;gap:0;min-height:44px;padding:13px 24px;line-height:1.35;text-decoration:none;overflow:hidden;-webkit-tap-highlight-color:transparent}.button:before,.text-link:before,.menu:before,.device-option:before,.device-playback:before{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(170deg,#ffffff1a,transparent 48%)}.button{background:linear-gradient(135deg,#f0d59b57,#d7b46b27 52%,#ffffff14);border-color:#ead29e80;font-weight:600;padding:15px 27px;filter:none}.button.small{padding:11px 21px;gap:0}.text-link{font-size:11px;padding:15px 24px}.button:hover,.text-link:hover,.menu:hover,.device-playback:hover{filter:none;transform:translateY(-2px);border-color:#f3dcaaad;background:linear-gradient(140deg,#e5c99169,#ffffff1d);box-shadow:inset 0 1px 1px #ffffff90,0 10px 25px #00000030}.button:active,.text-link:active,.menu:active,.device-option:active,.device-playback:active{transform:translateY(0) scale(.98)}.menu{display:none}.device-controls{padding:5px;gap:5px;background:linear-gradient(140deg,#ffffff0c,#ffffff05);border:1px solid #ffffff25;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #ffffff20,0 5px 16px #0002}.device-option{font-size:10px;min-height:38px;padding:9px 18px;color:#dbe3ec;background:transparent;border-color:transparent;box-shadow:none}.device-option.active{color:#fff4d9;background:linear-gradient(145deg,#efd7a35c,#d7b46b20);border-color:#e6c57f85;box-shadow:inset 0 1px 1px #fff9,0 3px 10px #0002}.device-option:hover{background:#ffffff18;color:#fff4d9}.device-playback{font-size:10px;padding:9px 18px;min-height:36px;margin-top:13px}.light .button,.light .text-link{color:var(--navy);border-color:#102a4540;background:linear-gradient(145deg,#ffffffb3,#d8c89b45);box-shadow:inset 0 1px 1px #fff,0 5px 14px #0b1c3514}.button:focus-visible,.text-link:focus-visible,.menu:focus-visible,.device-option:focus-visible,.device-playback:focus-visible{outline:2px solid #f1d99f;outline-offset:5px}@media(max-width:850px){.actions{gap:15px}.button{padding:14px 23px}}@media(max-width:620px){.menu{display:inline-flex;padding:10px 19px;min-height:42px}.actions{gap:12px;align-items:stretch}.actions .button,.actions .text-link{min-height:46px}.device-option{min-height:40px;padding:10px 17px}.device-playback{min-height:40px}.button,.text-link{max-width:100%;white-space:normal}nav .button{width:100%}}@media(prefers-reduced-motion:reduce){.button,.text-link,.menu,.device-option,.device-playback{transition:none;transform:none!important}}

.portrait .live-screenshot img{object-fit:contain;background:#faf8f2}
/* Hero v5: transparent media, responsive depth and a single device stage. */
.depth-hero{--depth-scroll:0px;--light-scroll:0px;min-height:790px;padding:72px 6% 80px;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:1%;background:#0b1c35;overflow:hidden}.hero-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero-light{position:absolute;width:1000px;height:1000px;right:-230px;top:-230px;background:radial-gradient(ellipse,#d6b56f13 0,#a58b5710 24%,#16385838 45%,transparent 68%);transform:translateY(var(--light-scroll))}.hero-lines{position:absolute;inset:-20%;background:repeating-linear-gradient(125deg,transparent 0 130px,#e5ca8c08 131px,transparent 132px 260px);mask-image:linear-gradient(90deg,transparent,#000);transform:translateY(var(--depth-scroll))}.hero-orbit{position:absolute;top:11%;right:3%;width:47vw;height:47vw;max-width:780px;max-height:780px;border:1px solid #e1c99010;border-radius:50%;box-shadow:0 0 0 90px #d7b46b03,0 0 0 180px #d7b46b02}.depth-hero .hero-copy{position:relative;z-index:3;animation:heroArrival .9s both}.depth-hero h1{font-size:clamp(46px,4.55vw,76px);line-height:1.06;letter-spacing:-2.7px;max-width:680px;margin-bottom:28px}.depth-hero h1 em{color:#e2c88e}.depth-hero .eyebrow{font-size:8px;letter-spacing:2px}.depth-hero .intro{font-size:14px;max-width:450px;color:#bfc9d6}.depth-hero .actions{gap:14px;flex-wrap:wrap;margin-top:30px}.hero-signature{font:italic 15px Georgia,serif;color:#b3a990;margin:30px 0 0}.depth-hero .scroll{bottom:25px;letter-spacing:2px;border-bottom:1px solid #d7b46b50;padding-bottom:5px}.depth-hero .device-showcase{height:625px;width:100%;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;margin:0;transform:none}.depth-hero .device-glow{position:absolute;inset:10% -7% 12%;width:auto;height:auto;background:radial-gradient(ellipse at center,#f3d99b32 0,#d7b46b17 32%,transparent 67%);border-radius:50%;filter:blur(22px);opacity:1;transform:none;pointer-events:none;animation:none;z-index:0}.depth-hero .device-cycle{position:relative;z-index:2;width:100%;max-width:650px;max-height:none;height:auto;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:0;background:transparent;padding:0;margin:0;transform:none;box-shadow:none;perspective:none;flex-shrink:1}.depth-hero .device-cycle .video-visual{width:100%;height:100%;aspect-ratio:1;max-width:none;position:relative;display:flex;align-items:center;justify-content:center;transform:none!important}.device-motion{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:transparent;filter:drop-shadow(0 22px 22px #02091628);pointer-events:none}.depth-hero .device-controls{z-index:4;flex-shrink:0;margin:0;max-width:100%}.depth-hero .device-playback{z-index:4;margin-top:12px;flex-shrink:0}.depth-hero .device-instruction{z-index:3;font-size:9px;color:#a8b6c6;margin:10px 0 0;flex-shrink:0}.preview-depth{position:absolute;inset:0;pointer-events:none;z-index:1;transform:translateY(var(--depth-scroll));will-change:transform}.floating-preview{position:absolute;width:43%;border:1px solid #e8d39a35;border-radius:12px;overflow:hidden;background:#11233c;box-shadow:0 20px 50px #020a1759;pointer-events:auto;transition:filter .3s;animation:previewArrival 1.2s both}.floating-preview:hover{filter:brightness(1.12)}.floating-preview img{display:block;width:100%;height:125px;object-fit:cover;object-position:top}.mini-browser{display:flex;align-items:center;gap:4px;padding:9px 10px;background:#10243c}.mini-browser i{display:block;height:3px;width:3px;background:#e0c27f85;border-radius:50%}.mini-browser span{margin-left:auto;font:6px Arial;letter-spacing:1.3px;color:#b9c5d4}.preview-label{display:block;padding:9px 12px;font:italic 12px Georgia;color:#ddcfb2}.preview-art{top:2%;left:0;transform:rotate(-9deg);animation-delay:.15s}.preview-store{right:-1%;bottom:20%;transform:rotate(8deg);animation-delay:.3s}.depth-hero .device-showcase:before{content:'RESPONSIVE BY DESIGN';position:absolute;right:0;top:0;font-size:7px;letter-spacing:2px;color:#d6bf8c90}.depth-hero .device-cycle[data-device="tablet"] .device-motion,.depth-hero .device-cycle[data-device="phone"] .device-motion{transform:none}.depth-hero .device-cycle:hover{background:transparent}.depth-hero .device-cycle:focus-visible{outline:2px solid #e9ce92;outline-offset:-12px;border-radius:28px}@keyframes heroArrival{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes previewArrival{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.depth-hero{min-height:870px}.depth-hero .device-showcase{height:710px}.floating-preview img{height:160px}}
@media(min-width:768px) and (max-width:1100px){.depth-hero{grid-template-columns:1fr;padding:65px 8% 60px;gap:10px}.depth-hero .hero-copy{max-width:760px}.depth-hero h1{font-size:66px;max-width:750px}.depth-hero .device-showcase{height:690px;max-width:740px;margin:auto}.depth-hero .device-cycle{width:620px;max-width:100%;margin:0}.floating-preview{width:35%}.preview-store{bottom:19%;right:0}.hero-light{right:-250px;top:200px}}
@media(max-width:767px){.depth-hero{display:flex;flex-direction:column;gap:30px;padding:48px 6% 40px;min-height:0}.depth-hero h1{font-size:clamp(40px,7.9vw,59px);letter-spacing:-1.8px;line-height:1.1;margin-bottom:22px}.depth-hero .eyebrow{font-size:7px;letter-spacing:1.5px;gap:8px;margin-bottom:23px}.depth-hero .intro{font-size:13px;line-height:1.8;max-width:480px}.depth-hero .actions{margin-top:25px;gap:10px}.depth-hero .actions a{padding:14px 20px;font-size:11px;min-height:48px}.hero-signature{font-size:13px;margin-top:24px}.depth-hero .device-showcase,.depth-hero .device-showcase:has([data-device="tablet"]),.depth-hero .device-showcase:has([data-device="phone"]){height:auto;min-height:0;padding-top:15px;width:100%;max-width:620px;gap:0}.depth-hero .device-cycle{width:100%;max-width:600px;aspect-ratio:1;min-height:0;flex-shrink:0;margin:0;transform:none}.depth-hero .device-cycle .video-visual{height:100%;width:100%}.depth-hero .device-controls{margin-top:2px}.depth-hero .device-showcase:before{top:0;font-size:6px;right:3%}.floating-preview{width:38%;border-radius:8px}.floating-preview img{height:clamp(70px,19vw,115px)}.mini-browser{padding:6px}.mini-browser span{font-size:4px;letter-spacing:.8px}.preview-label{font-size:9px;padding:6px 8px}.preview-art{top:2%;left:0;transform:rotate(-7deg)}.preview-store{right:0;bottom:27%;transform:rotate(7deg)}.depth-hero .device-glow{inset:0 -12% 12%;filter:blur(15px)}.depth-hero .scroll{display:none}.hero-orbit{top:48%;right:-25%;width:110vw;height:110vw}.hero-light{top:30%;right:-50%;width:900px;height:900px}.depth-hero .device-instruction{font-size:8px}.preview-depth{transform:none;will-change:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.depth-hero *{animation:none!important;transition:none!important}.hero-light,.hero-lines,.preview-depth{transform:none!important;will-change:auto}.depth-hero .device-playback{display:none}}
/* Device carousel: only device previews surround the selected animation. */
.depth-hero .carousel-sides{position:absolute;inset:0 0 18%;z-index:1;pointer-events:none}.device-side{position:absolute;top:23%;width:39%;height:53%;padding:0;border:0;background:transparent;color:#b9c4d1;cursor:pointer;pointer-events:auto;transition:opacity .3s,transform .45s;opacity:.54;display:flex;flex-direction:column;align-items:center;justify-content:center}.device-side img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 12px 15px #02091630);pointer-events:none}.device-side span{font-size:8px;letter-spacing:1px;white-space:nowrap;position:absolute;bottom:0}.device-side-prev{left:-5%;transform:perspective(900px) rotateY(12deg) scale(.95)}.device-side-next{right:-5%;transform:perspective(900px) rotateY(-12deg) scale(.95)}.device-side:hover,.device-side:focus-visible{opacity:.9}.depth-hero .device-cycle{width:76%;max-width:530px;aspect-ratio:1;touch-action:pan-y}.depth-hero .device-showcase{justify-content:center;padding-top:25px}.depth-hero .device-glow{inset:5% 0 15%}.carousel-arrow{position:absolute;top:43%;z-index:5;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;padding:9px;border:1px solid #e3cf9a55;color:#f3e4c7;background:linear-gradient(135deg,#ffffff1b,#ffffff07);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 1px #ffffff40,0 5px 15px #0002;cursor:pointer}.carousel-arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.carousel-prev{left:0}.carousel-next{right:0}.carousel-arrow:hover{background:#d7b46b35}.depth-hero .device-showcase:before{content:'ONE DESIGN. EVERY DEVICE.'}.depth-hero .device-controls{margin-top:18px}.depth-hero .device-instruction{max-width:100%;text-align:center}
@media(min-width:768px) and (max-width:1100px){.depth-hero .device-cycle{width:78%;max-width:560px}.device-side{top:21%;height:57%}.depth-hero .device-showcase{height:640px}}
@media(max-width:767px){.depth-hero .device-cycle{width:78%;max-width:500px;aspect-ratio:1.05}.depth-hero .device-showcase{padding-top:35px;padding-bottom:10px}.depth-hero .carousel-sides{inset:0 0 25%}.device-side{width:41%;height:60%;top:21%;opacity:.48}.device-side-prev{left:-5%}.device-side-next{right:-5%}.device-side span{font-size:6px;bottom:-8px;letter-spacing:.3px}.carousel-arrow{top:40%;width:32px;height:32px;padding:8px}.carousel-prev{left:-1%}.carousel-next{right:-1%}.depth-hero .device-controls{margin-top:20px}.depth-hero .device-instruction{font-size:8px}.depth-hero .device-glow{inset:0 -10% 15%}}
@media(prefers-reduced-motion:reduce){.device-side{transition:none;transform:none}}

@media(max-width:767px){.depth-hero .device-cycle{width:84%}}
/* Logo-led parallax banner directly below the existing header. */
.logo-banner.hero{--banner-scroll:0px;display:flex;align-items:center;justify-content:center;min-height:650px;padding:65px 6% 60px;text-align:center;background:#08172e;position:relative;isolation:isolate;border-bottom:1px solid #d7b46b22}.brand-depth{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:linear-gradient(180deg,#0b1c35,#07152b 75%,#0b1c35)}.brand-spotlight{position:absolute;inset:-60% -20%;background:radial-gradient(ellipse at 50% 40%,#cfa34d24,transparent 28%),radial-gradient(ellipse at 12% 70%,#285c8030,transparent 35%),radial-gradient(ellipse at 90% 60%,#be98571b,transparent 30%);transform:translateY(var(--banner-scroll));animation:brandLight 10s ease-in-out infinite alternate}.brand-grid{position:absolute;left:-30%;right:-30%;height:65%;bottom:-34%;background-image:linear-gradient(#caa35922 1px,transparent 1px),linear-gradient(90deg,#caa35922 1px,transparent 1px);background-size:72px 72px;transform:perspective(450px) rotateX(56deg) translateY(var(--banner-scroll));mask-image:radial-gradient(ellipse,#0008,transparent 68%)}.brand-ring{position:absolute;width:950px;height:950px;border:1px solid #dec48b0e;border-radius:50%;left:calc(50% - 475px);top:-240px;transform:translateY(var(--banner-scroll));box-shadow:0 0 0 100px #d7b46b03}.ring-two{width:1200px;height:1200px;left:calc(50% - 600px);top:-365px;border-color:#dec48b09}.brand-window{position:absolute;width:260px;height:330px;border:1px solid #dfc48d25;border-radius:14px;background:linear-gradient(140deg,#ffffff05,#ffffff01);box-shadow:inset 0 1px 1px #ffffff0e,0 25px 60px #0002;padding:18px;top:130px;transform:translateY(var(--banner-scroll));opacity:.7}.brand-window i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#d7b46b60;margin-right:5px}.brand-window:after{content:'';position:absolute;left:18px;right:18px;top:50px;border-top:1px solid #d7b46b1f}.brand-window span{display:block;width:72%;height:52px;border-top:1px solid #d7b46b50;border-bottom:1px solid #d7b46b30;margin-top:48px}.brand-window b{display:block;width:100%;height:115px;background:linear-gradient(140deg,#d7b46b0c,#2e566b0c);border:1px solid #d7b46b13;margin-top:25px;border-radius:4px}.window-left{left:-55px;rotate:-14deg;translate:0 -20px}.window-right{right:-55px;rotate:14deg;translate:0 35px}.brand-banner-content{width:100%;max-width:850px;position:relative;animation:heroArrival 1s ease both}.brand-kicker{font-size:8px;letter-spacing:3px;color:#c5b18b;margin:0 0 26px}.hero-company-logo{display:block;width:min(560px,80%);height:auto;margin:0 auto 30px;filter:drop-shadow(0 7px 20px #cfa34d20)}.brand-statement{font:clamp(38px,4.4vw,64px)/1.06 Georgia,serif;letter-spacing:-1.6px;margin-bottom:22px;color:#f6f1e7}.brand-statement em{color:#e4c88a}.brand-description{color:#afbdcc;font-size:13px;line-height:1.85;margin:0}.brand-banner-content .actions{justify-content:center;margin-top:28px;gap:14px}.brand-discover{display:inline-block;font-size:7px;letter-spacing:1.9px;color:#c5b18b;margin-top:38px;padding-bottom:6px;border-bottom:1px solid #c9a76550}.brand-bottom{position:absolute;bottom:20px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:6px;letter-spacing:2px;color:#8e9cb0}.brand-bottom:before{content:'';position:absolute;left:25%;right:25%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#d7b46b40,transparent)}@keyframes brandLight{from{opacity:.7;scale:1}to{opacity:1;scale:1.06}}
@media(max-width:767px){.logo-banner.hero{min-height:580px;padding:60px 7% 55px}.brand-kicker{font-size:6px;line-height:1.9;letter-spacing:1.8px;margin-bottom:28px}.hero-company-logo{width:100%;max-width:420px;margin-bottom:34px}.brand-statement{font-size:42px;letter-spacing:-1.4px;line-height:1.12}.brand-description{font-size:12px}.brand-banner-content .actions{gap:10px;flex-wrap:wrap}.brand-banner-content .actions a{font-size:11px;padding:14px 20px}.brand-window{width:140px;height:230px;top:170px;opacity:.35}.window-left{left:-105px}.window-right{right:-105px}.brand-window span{height:35px}.brand-window b{height:55px}.brand-bottom{font-size:5px;letter-spacing:1px;bottom:18px}.brand-bottom:before{left:35%;right:35%}.brand-discover{font-size:6px;letter-spacing:1.4px;margin-top:36px}.brand-grid{background-size:45px 45px}.brand-spotlight,.brand-ring,.brand-window{transform:none}}
@media(prefers-reduced-motion:reduce){.logo-banner *{animation:none!important;transition:none!important}.brand-spotlight,.brand-grid,.brand-ring,.brand-window{transform:none!important}}
/* Clear device backgrounds; native stages omit their baked-in halo layer. */
.depth-hero .hero-atmosphere,.depth-hero .device-glow{display:none!important}.depth-hero{background:#0b1c35}.device-motion,.device-side iframe{border:0;background:transparent;filter:none!important}.device-side iframe{width:100%;height:100%;pointer-events:none}.depth-hero .device-cycle .device-motion{width:100%;height:100%;display:block}.device-side{opacity:.65}.depth-hero .carousel-sides{transform:none!important}
/* Keep copy and carousel beside each other, including phone widths. */
@media(max-width:767px){.depth-hero{display:grid!important;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:8px;align-items:center;padding:42px 4% 45px}.depth-hero .hero-copy{min-width:0;max-width:none}.depth-hero h1{font-size:clamp(21px,5.7vw,38px);line-height:1.12;letter-spacing:-.8px;margin-bottom:15px;overflow-wrap:normal}.depth-hero .eyebrow{font-size:5px;letter-spacing:.9px;line-height:1.7;gap:5px;margin-bottom:15px}.depth-hero .eyebrow .line{width:12px;min-width:12px}.depth-hero .intro{font-size:10px;line-height:1.7;margin-bottom:0}.depth-hero .actions{gap:8px;margin-top:18px;display:flex;flex-direction:column;align-items:flex-start}.depth-hero .actions a{font-size:9px;padding:11px 13px;min-height:40px;width:100%;max-width:155px}.depth-hero .hero-signature{font-size:10px;line-height:1.5;margin-top:18px}.depth-hero .device-showcase,.depth-hero .device-showcase:has([data-device]){height:300px;min-height:0;width:100%;padding:0;display:flex;justify-content:center;align-self:center;gap:0}.depth-hero .device-cycle{width:88%;height:175px;aspect-ratio:auto;flex-shrink:0;max-width:none}.depth-hero .device-cycle .video-visual{height:175px;aspect-ratio:auto}.depth-hero .carousel-sides{inset:0 0 23%}.device-side{width:44%;height:145px;top:32px}.device-side-prev{left:-5%}.device-side-next{right:-5%}.device-side span{display:none}.carousel-arrow{top:103px;width:27px;height:27px;padding:7px}.carousel-prev{left:-4px}.carousel-next{right:-4px}.depth-hero .device-controls{margin-top:0;padding:3px;gap:0;width:100%;justify-content:center}.depth-hero .device-option{font-size:7px;padding:7px 8px;min-height:31px}.depth-hero .device-playback{font-size:7px;min-height:31px;padding:7px 12px;margin-top:9px}.depth-hero .device-instruction{font-size:6px;line-height:1.7;margin-top:8px;max-width:150px}.depth-hero .device-showcase:before{font-size:4px;letter-spacing:1px;top:10px;left:0;right:0;text-align:center}}
/* Inline device artwork has no nested browsing context or fullscreen surface. */
dexider-device{display:block;width:100%;height:100%;pointer-events:none;user-select:none;-webkit-user-select:none}.device-side dexider-device{width:100%;height:100%}.device-cycle{ -webkit-tap-highlight-color:transparent }.depth-hero .device-playback{display:none!important}
@media(max-width:767px){
 .depth-hero{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);grid-template-rows:auto auto auto auto auto;column-gap:12px;row-gap:0;padding:38px 5% 35px;min-height:0;align-items:center}
 .depth-hero .hero-copy{display:contents}
 .depth-hero .eyebrow{grid-column:1/-1;font-size:8px;letter-spacing:1.2px;line-height:1.6;margin:0 0 18px;gap:8px}
 .depth-hero h1{grid-column:1/-1;font-size:clamp(30px,8vw,49px);line-height:1.08;letter-spacing:-1px;margin:0 0 24px;max-width:640px}
 .depth-hero .intro{grid-column:1;grid-row:3;font-size:13px;line-height:1.65;margin:0;align-self:end;max-width:none}
 .depth-hero .actions{grid-column:1;grid-row:4;gap:10px;margin:18px 0 0;align-self:start;align-items:stretch}
 .depth-hero .actions a{font-size:10px;line-height:1.3;min-height:42px;padding:11px 9px;max-width:none;width:100%;text-align:center;justify-content:center}
 .depth-hero .hero-signature{grid-column:1/-1;grid-row:5;font-size:12px;line-height:1.5;margin:23px 0 0;max-width:none}
 .depth-hero .device-showcase,.depth-hero .device-showcase:has([data-device]){grid-column:2;grid-row:3/5;height:auto;min-height:260px;align-self:center;display:flex;flex-direction:column;justify-content:center;gap:0;padding:0;margin:0;overflow:visible}
 .depth-hero .device-showcase:before{display:none}
 .depth-hero .device-cycle{width:100%;height:195px;max-width:none;aspect-ratio:auto;flex-shrink:0}
 .depth-hero .device-cycle .video-visual{height:195px;width:100%;aspect-ratio:auto;display:block}
 .depth-hero .carousel-sides{display:none}
 .depth-hero .carousel-arrow{top:87px;width:32px;height:38px;padding:9px;z-index:3;background:#102944a8}
 .depth-hero .carousel-prev{left:-7px}.depth-hero .carousel-next{right:-7px}
 .depth-hero .device-controls{display:flex;justify-content:center;gap:1px;width:auto;max-width:100%;margin:5px 0 0;padding:3px;border-radius:999px;flex-wrap:nowrap}
 .depth-hero .device-option{font-size:9px;line-height:1.2;min-height:29px;padding:7px 9px;white-space:nowrap;border-radius:999px}
 .depth-hero .device-instruction{font-size:9px;letter-spacing:0;line-height:1.5;margin:10px 0 0;max-width:100%;text-align:center;min-height:27px}
 .depth-hero>.scroll{display:none}
 .logo-banner.hero{min-height:0;padding:48px 6% 52px}.brand-statement{font-size:clamp(34px,9.5vw,46px)}.brand-kicker{font-size:8px;letter-spacing:1.2px}.brand-description{font-size:13px}.brand-bottom{display:none}.brand-discover{font-size:8px;margin-top:28px}.hero-company-logo{margin-bottom:28px}.brand-banner-content .actions{flex-direction:row}.brand-banner-content .actions a{font-size:11px;padding:13px 17px}
}
@media(min-width:540px) and (max-width:767px){.depth-hero{column-gap:28px}.depth-hero .intro{font-size:15px}.depth-hero .device-cycle,.depth-hero .device-cycle .video-visual{height:265px}.depth-hero .device-showcase{min-height:330px}.depth-hero .carousel-arrow{top:120px}.depth-hero .actions a{font-size:12px}.depth-hero .device-option{font-size:11px;padding:7px 13px}}
@media(min-width:768px) and (max-width:1100px){.depth-hero{grid-template-columns:1fr 1fr;gap:24px;min-height:650px;padding:60px 5%}.depth-hero h1{font-size:clamp(36px,4.8vw,53px)}.depth-hero .device-showcase{height:440px;min-height:0}.depth-hero .device-cycle{width:90%;height:320px;aspect-ratio:auto}.depth-hero .video-visual{height:320px;aspect-ratio:auto}.depth-hero .device-controls{margin-top:4px}.device-side{height:220px;top:75px}.carousel-arrow{top:190px}}
@media(min-width:768px){.depth-hero .device-controls{padding:3px;gap:2px}.depth-hero .device-option{font-size:10px;padding:7px 12px;min-height:30px;border-radius:999px}.depth-hero .device-instruction{margin-top:12px}}
/* Approved transparent DX mark: left on desktop, true viewport center on phones. */
header .brand .header-monogram{display:block;width:128px;height:94px;object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none}
@media(max-width:767px){header{height:90px;padding:0 5%;position:relative}header .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}header .brand .header-monogram{width:124px;height:86px}header .menu{display:block;position:absolute;right:5%;top:50%;transform:translateY(-50%);background:#ffffff08;border:1px solid #d7b46b50;border-radius:999px;color:var(--ivory);font-size:11px;padding:8px 13px;min-height:38px}header nav{display:none;position:absolute;top:89px;left:0;right:0;background:var(--navy);padding:22px 6%;border-bottom:1px solid #ffffff20;flex-direction:column;align-items:stretch;gap:20px}header nav.open{display:flex}}
header{z-index:20;overflow:visible}@media(max-width:767px){header nav{z-index:21}header nav.open{display:flex;opacity:1;visibility:visible}}
/* Quiet hero motion: the approved logo reveals once; fine gold lines drift behind it. */
.logo-banner .brand-banner-content{animation:none}
.logo-banner .hero-company-logo{animation:brandLogoReveal 3.2s ease-out;opacity:1;filter:none!important;transform:none;will-change:auto}
.brand-wave{position:absolute;left:-20%;top:26%;width:140%;height:75%;pointer-events:none;opacity:.4;fill:none;stroke:url(#brandWaveGold);stroke-width:1.2;animation:brandWaveDrift 22s ease-in-out infinite alternate;transform-origin:center}
.brand-wave path:nth-of-type(2){opacity:.5}.brand-wave path:nth-of-type(3){opacity:.24}
@keyframes brandLogoReveal{from{opacity:0}to{opacity:1}}
@keyframes brandWaveDrift{from{transform:translate3d(-1.5%,12px,0) rotate(-2deg)}to{transform:translate3d(1.5%,-14px,0) rotate(2deg)}}
@media(max-width:767px){.brand-wave{left:-45%;width:190%;top:35%;height:55%;opacity:.3}}
@media(prefers-reduced-motion:reduce){.logo-banner .hero-company-logo{animation:none;opacity:1;transform:none;will-change:auto}.brand-wave{animation:none;transform:none}}
/* Crisp, one-time hero typography entrances and a restrained gold highlight. */
.logo-banner .hero-headline-first{display:inline-block;animation:heroTextFromLeft 1.5s .2s cubic-bezier(.16,1,.3,1) backwards}
.logo-banner .brand-statement em{display:inline-block;color:#e4c88a;animation:heroTextFromRight 1.6s .4s cubic-bezier(.16,1,.3,1) backwards,heroGoldSheen 3.4s 1.6s ease-in-out 1;background:linear-gradient(110deg,#e4c88a 0%,#e4c88a 38%,#fff2c6 48%,#e4c88a 58%,#e4c88a 100%);background-size:250% 100%;background-position:100% 50%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.logo-banner .brand-kicker{animation:heroTextFade 1.2s .1s ease-out backwards}
.logo-banner .brand-description{animation:heroTextRise 1.1s 1s ease-out backwards}
.logo-banner .actions{animation:heroTextRise 1.1s 1.2s ease-out backwards}
.logo-banner .brand-discover{animation:heroTextFade 1.2s 1.6s ease-out backwards}
@keyframes heroTextRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes heroTextFromLeft{from{opacity:0;transform:translateX(clamp(-160px,-12vw,-65px))}to{opacity:1;transform:translateX(0)}}
@keyframes heroTextFromRight{from{opacity:0;transform:translateX(clamp(65px,12vw,160px))}to{opacity:1;transform:translateX(0)}}
@keyframes heroTextFade{from{opacity:0}to{opacity:1}}
@keyframes heroGoldSheen{from{background-position:100% 50%}to{background-position:-100% 50%}}
@media(prefers-reduced-motion:reduce){.logo-banner .hero-headline-first,.logo-banner .brand-statement em,.logo-banner .brand-kicker,.logo-banner .brand-description,.logo-banner .actions,.logo-banner .brand-discover{animation:none!important;opacity:1;transform:none}.logo-banner .brand-statement em{background:none;-webkit-text-fill-color:currentColor;color:#e4c88a}}
/* Supplied gold ribbon, blended into navy without a white rectangular backdrop. */
.logo-banner .brand-wave{display:none}
.brand-photo-wave{position:absolute;left:-15%;top:12%;width:130%;height:88%;object-fit:fill;pointer-events:none;filter:invert(1) grayscale(1) sepia(1) saturate(3) brightness(2);mix-blend-mode:screen;opacity:.42;animation:brandWaveFlow 16s ease-in-out infinite;transform-origin:center}
@media(max-width:767px){.brand-photo-wave{left:-50%;top:29%;width:200%;height:65%;opacity:.4}}
@media(prefers-reduced-motion:reduce){.brand-photo-wave{animation:none;transform:none}}
/* Smaller approved ringed header mark, with the same responsive alignment. */
header .brand .header-monogram{width:100px;height:76px}
@media(max-width:767px){header .brand .header-monogram{width:94px;height:72px}}

/* Seamless gold ribbon undulation, using compositor transforms for mobile. */
@keyframes brandWaveFlow{0%,100%{transform:translate3d(-3%,8px,0) scale(1.04,1) skewY(-1.5deg)}25%{transform:translate3d(1%,-18px,0) scale(1.08,1.14) skewY(2deg)}50%{transform:translate3d(3%,4px,0) scale(1.03,.92) skewY(-.5deg)}75%{transform:translate3d(-1%,18px,0) scale(1.07,1.1) skewY(-2deg)}}