@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080c10;--panel:#10161c;--panel2:#151d24;--line:rgba(255,255,255,.13);--text:#f6f7f8;--muted:#aab3bc;--orange:#ff641b;--orange2:#ff8b31;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{height:78px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);background:rgba(7,11,15,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);gap:28px}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand-mark{font:700 43px/.9 'Space Grotesk',sans-serif;letter-spacing:-5px;color:var(--orange);background:linear-gradient(135deg,#ffb14b,#ff4b17 55%,#d22a91);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font:700 21px 'Space Grotesk',sans-serif;letter-spacing:.02em}.brand-copy small{font-size:8px;letter-spacing:.28em;margin-top:5px;color:#c5cbd0}.main-nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,32px);height:100%}.nav-link,.dropdown-trigger{height:100%;display:flex;align-items:center;position:relative;color:#d8dde1;font-size:13px;background:none;border:0;cursor:pointer;white-space:nowrap}.nav-link:after,.dropdown-trigger:after{content:'';position:absolute;height:2px;bottom:15px;left:0;right:100%;background:var(--orange);transition:.25s}.nav-link:hover,.nav-link.active,.dropdown-trigger:hover{color:#fff}.nav-link:hover:after,.nav-link.active:after,.dropdown-trigger[aria-expanded=true]:after{right:0}.nav-dropdown{height:100%;position:relative}.dropdown-trigger{gap:8px}.dropdown-trigger span{color:var(--orange);font-size:17px}.dropdown-menu{position:absolute;top:calc(100% - 5px);left:-18px;min-width:230px;padding:9px;background:#111920;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px #0009;display:none}.nav-dropdown.open .dropdown-menu{display:grid;animation:drop .18s ease}.dropdown-menu a{padding:11px 13px;border-radius:8px;font-size:13px;color:#dbe0e5}.dropdown-menu a:hover{background:#242d35;color:var(--orange2)}@keyframes drop{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:999px;font-size:13px;font-weight:700;padding:13px 21px;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}.header-cta{background:var(--orange);color:#111;padding:12px 19px}.header-cta:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 9px 30px #ff641b45}.header-cta span,.btn span{font-size:18px}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:12px;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:2px;background:white;margin:5px 0}.hero{min-height:580px;position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 75% 50%,#361923 0,transparent 48%),linear-gradient(110deg,#090d11 20%,#111319 55%,#070b0e)}.hero-visual{position:absolute;inset:0 0 0 35%;background-image:url('assets/hero-art.jpg');background-size:cover;background-position:center 45%;opacity:.86;mask-image:linear-gradient(90deg,transparent 0%,black 18%,black 82%,transparent 100%)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080c10 0%,rgba(8,12,16,.96) 25%,rgba(8,12,16,.55) 48%,rgba(8,12,16,.03) 100%),linear-gradient(0deg,#080c10 0%,transparent 18%,transparent 85%,#080c1040)}.hero-content{position:relative;z-index:2;width:min(650px,60%);padding:78px 0 72px clamp(22px,7vw,100px)}.eyebrow,.kicker{font-size:10px;letter-spacing:.24em;font-weight:700;color:#cbd1d6}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 16px var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk','DM Sans',sans-serif}h1{font-size:clamp(46px,5.7vw,78px);line-height:.99;letter-spacing:-.055em;margin:0 0 23px;font-weight:700}h1 em{font-style:normal;color:var(--orange)}h1 span{color:#fff}.hero-sub{max-width:480px;color:#c2c9cf;font-size:16px;line-height:1.7;margin-bottom:28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-primary{background:var(--orange);color:#101010}.btn-ghost{border:1px solid #737a80;color:#f5f5f5}.btn-ghost:hover{background:#ffffff12;border-color:white}.hero-note{display:flex;align-items:center;gap:10px;color:#858f98;font-size:9px;letter-spacing:.17em;margin-top:45px}.pulse{width:7px;height:7px;background:#ff641b;border-radius:50%;box-shadow:0 0 0 5px #ff641b20}.hero-badge{position:absolute;z-index:2;right:6%;bottom:48px;padding:17px 20px;border:1px solid #ffffff40;background:#0a0e12a8;backdrop-filter:blur(10px);display:flex;align-items:center;gap:14px;transform:rotate(-4deg)}.hero-badge>span{font:700 42px 'Space Grotesk';color:var(--orange)}.hero-badge small{font-size:10px;line-height:1.35;letter-spacing:.13em}.hero-badge b{color:var(--orange)}.ticker{overflow:hidden;border-bottom:1px solid var(--line);background:#0c1116}.ticker-track{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 24px;white-space:nowrap;font-size:12px;font-weight:600}.ticker-track i{font-style:normal;color:var(--orange);font-size:20px}.section{max-width:var(--max);margin:auto;padding:90px 30px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.kicker{color:var(--orange);margin-bottom:10px}h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.04em;line-height:1.08;margin-bottom:0}h2 span{color:var(--orange)}.section-intro{max-width:390px;color:var(--muted);font-size:13px;margin:0 0 3px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.service-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:hidden;position:relative;transition:transform .25s,border-color .25s}.service-card:hover{transform:translateY(-6px);border-color:#ff641b90}.service-card>img{width:100%;height:165px;object-fit:cover;display:block;filter:saturate(.9);transition:transform .45s}.service-card:hover>img{transform:scale(1.04)}.card-content{padding:18px 18px 20px;position:relative}.card-index{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:.17em}.card-content h3{font-size:18px;line-height:1.2;margin:9px 0}.card-content p{font-size:12px;color:var(--muted);margin:0;max-width:90%}.circle-arrow{position:absolute;right:15px;bottom:16px;border:1px solid #606a72;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:var(--orange);transition:.2s}.service-card:hover .circle-arrow{background:var(--orange);color:#111;border-color:var(--orange)}.statement{position:relative;overflow:hidden;background:linear-gradient(100deg,#141b22,#0c1116);border-block:1px solid var(--line);padding:85px max(30px,calc((100% - 1220px)/2));display:flex;align-items:center;min-height:380px}.statement-art{position:absolute;right:0;top:0;bottom:0;width:55%;background:url('assets/hero-art.jpg') center 45%/cover;opacity:.3;mask-image:linear-gradient(90deg,transparent,black 60%)}.statement-inner{position:relative;max-width:650px}.statement-inner h2{font-size:clamp(35px,4.3vw,56px);margin-bottom:20px}.statement-inner>p:not(.kicker){max-width:560px;color:#b9c2c9;font-size:14px;line-height:1.8}.text-link{display:inline-flex;gap:18px;align-items:center;margin-top:12px;color:var(--orange);font-size:13px;font-weight:700}.text-link span{font-size:20px}.statement-number{position:absolute;right:9%;bottom:-70px;font:700 clamp(150px,23vw,300px)/1 'Space Grotesk';letter-spacing:-.1em;color:#ffffff06}.statement-number span{color:#ff641b18}.portfolio{padding-top:92px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 20px}.filter{border:1px solid var(--line);background:#0d1217;color:#b9c1c8;border-radius:999px;padding:9px 16px;font-size:11px;cursor:pointer;transition:.2s}.filter:hover,.filter.active{background:var(--orange);border-color:var(--orange);color:#101010;font-weight:700}.portfolio-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.portfolio-item{position:relative;padding:0;min-height:160px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#111;cursor:pointer;text-align:left;color:white}.portfolio-item.tall{grid-column:span 2}.portfolio-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s,opacity .3s;opacity:.85}.portfolio-item:hover img{transform:scale(1.07);opacity:1}.portfolio-item:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#050709d9)}.portfolio-item>span{position:absolute;z-index:1;left:13px;right:13px;bottom:12px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600}.portfolio-item b{color:var(--orange);font-size:18px}.portfolio-item[hidden]{display:none}.sample-note{color:#727e87;font-size:10px;margin:15px 0 0}.contact-band{padding:42px max(30px,calc((100% - 1220px)/2));display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(105deg,#b92e19,#ff641b 48%,#a32a4e);position:relative;overflow:hidden}.contact-band:after{content:'✳';position:absolute;right:32%;top:-95px;font-size:270px;color:#fff1;pointer-events:none}.contact-band>div,.contact-band>.btn{position:relative;z-index:1}.contact-band .kicker{color:#ffe1d2}.contact-band h2{font-size:clamp(28px,3vw,39px);margin-bottom:8px}.contact-band p:not(.kicker){font-size:13px;margin:0;color:#fff;max-width:600px}.btn-light{background:#fff;color:#161616}.btn-light:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0002}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-copy h2{font-size:clamp(38px,4vw,54px);margin-bottom:18px}.contact-copy>p:not(.kicker){color:var(--muted);max-width:410px;font-size:14px;line-height:1.8}.contact-mini{display:flex;gap:14px;align-items:start;margin-top:24px}.contact-mini>span{color:var(--orange);font:600 20px 'Space Grotesk'}.contact-mini div{display:flex;flex-direction:column;gap:4px}.contact-mini b{font-size:13px}.contact-mini small{font-size:11px;color:var(--muted)}.contact-form{display:grid;gap:9px}.contact-form label{font-size:11px;color:#cbd2d8;margin-top:7px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #303a43;background:#0e141a;color:#fff;padding:13px 14px;border-radius:8px;outline:none;font-size:13px}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff641b20}.contact-form textarea{resize:vertical}.contact-form .btn{justify-self:start;border:0;cursor:pointer;margin-top:8px}.form-note,.form-status{font-size:10px;color:#89949d;margin:0}.form-status{color:#ffb07e}.footer{padding:30px clamp(20px,5vw,76px);border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;flex-wrap:wrap;background:#06090c}.footer .brand-mark{font-size:34px}.footer .brand-copy strong{font-size:17px}.footer .brand-copy small{font-size:7px}.footer>p{font-size:11px;color:#aeb7be;margin:0 auto 0 0}.footer>p b{color:white}.footer>div{display:flex;gap:18px}.footer>div a{font-size:10px;color:#aeb7be}.footer>div a:hover{color:var(--orange)}.footer-copy{width:100%;color:#66717a;font-size:9px}.lightbox{position:fixed;z-index:100;inset:0;background:#020406ed;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px}.lightbox[hidden]{display:none}.lightbox img{max-width:min(100%,900px);max-height:75vh;object-fit:contain;border-radius:12px}.lightbox p{margin:15px 0 0;font-weight:700}.lightbox-close{position:absolute;right:30px;top:20px;color:#fff;background:none;border:0;font-size:42px;cursor:pointer}
@media(max-width:1050px){.site-header{gap:15px}.main-nav{gap:15px}.header-cta{padding:11px 14px;font-size:11px}.brand-copy strong{font-size:18px}.brand-mark{font-size:37px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card>img{height:200px}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-item.tall{grid-column:span 1}.contact{gap:40px}}
@media(max-width:760px){.site-header{height:70px;padding:0 18px}.brand-mark{font-size:36px}.brand-copy strong{font-size:17px}.header-cta{display:none}.menu-toggle{display:block;margin-left:auto;cursor:pointer}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;height:auto;padding:15px 18px 22px;background:#080d12;border-bottom:1px solid var(--line);align-items:stretch;gap:0;flex-direction:column}.main-nav.open{display:flex}.nav-link,.dropdown-trigger{height:auto;padding:13px 5px;font-size:14px}.nav-link:after,.dropdown-trigger:after{bottom:5px}.nav-dropdown{height:auto}.dropdown-menu{position:static;box-shadow:none;margin:0 0 8px;min-width:0}.hero{min-height:650px;align-items:flex-end}.hero-visual{inset:0;background-position:60% center;opacity:.7;mask-image:linear-gradient(0deg,black 0%,black 55%,transparent 100%)}.hero-shade{background:linear-gradient(0deg,#080c10 0%,rgba(8,12,16,.92) 25%,rgba(8,12,16,.1) 100%)}.hero-content{width:100%;padding:190px 22px 45px}.eyebrow{font-size:8px;letter-spacing:.16em}h1{font-size:clamp(43px,12vw,65px)}.hero-sub{font-size:14px;max-width:420px}.hero-note{margin-top:27px;font-size:8px}.hero-badge{right:20px;top:100px;bottom:auto;transform:scale(.85) rotate(-4deg);transform-origin:top right}.ticker-track{justify-content:flex-start;overflow:hidden;padding:16px 20px;gap:17px}.ticker-track span{font-size:11px}.section{padding:65px 20px}.section-heading{display:block}.section-intro{margin-top:17px}.service-grid{gap:12px}.service-card>img{height:130px}.card-content{padding:13px}.card-content h3{font-size:15px}.card-content p{font-size:11px}.circle-arrow{position:static;margin-top:12px}.statement{padding:65px 22px;min-height:350px}.statement-art{width:100%;opacity:.16}.statement-inner h2{font-size:38px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.portfolio-item{min-height:145px}.portfolio-item>span{font-size:10px}.contact-band{padding:35px 22px;display:block}.contact-band .btn{margin-top:20px}.contact{grid-template-columns:1fr;gap:35px;padding-top:60px}.footer{gap:18px}.footer>p{width:100%;order:2}.footer>div{width:100%;order:3;flex-wrap:wrap}.footer-copy{order:4}}
@media(max-width:420px){.brand-copy strong{font-size:15px}.brand-copy small{font-size:6px}.service-grid{grid-template-columns:1fr}.service-card{display:grid;grid-template-columns:40% 60%}.service-card>img{height:100%;min-height:190px}.card-content p{max-width:100%}.circle-arrow{margin-top:12px}.portfolio-item{min-height:125px}.hero-actions .btn{font-size:11px;padding:12px 15px}.filter{padding:8px 12px}}

/* Customer-supplied AI artwork section */
.customer-motif{background:radial-gradient(ellipse at 85% 35%,#ff20a81a,transparent 38%),linear-gradient(135deg,#0c1016,#050608 70%);border-block:1px solid #ffffff20;overflow:hidden}
.motif-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,72px);align-items:center}
.motif-visual{position:relative;min-height:560px;border-radius:18px;overflow:hidden;border:1px solid #ffffff2c;box-shadow:0 24px 80px #0009}
.motif-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0304058c,transparent 60%),linear-gradient(90deg,#05060820,transparent)}
.motif-visual img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center}
.motif-stamp{position:absolute;z-index:1;left:25px;bottom:25px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;text-shadow:0 4px 20px #000}
.motif-stamp b,.motif-stamp span{font:900 clamp(38px,5vw,68px)/.9 'Barlow Condensed';text-transform:uppercase}
.motif-stamp b{color:#fff}.motif-stamp span{color:var(--orange)}.motif-stamp i{width:100%;font:700 12px 'Barlow Condensed';letter-spacing:.24em;color:var(--cyan);font-style:normal}
.motif-copy h2{font:900 clamp(42px,5vw,70px)/.94 'Barlow Condensed';text-transform:uppercase;margin:13px 0 22px}.motif-copy h2 span{color:var(--orange)}.motif-copy>p:not(.kicker){font-size:14px;line-height:1.9;color:#d0d2d9}.motif-checks{list-style:none;padding:0;margin:24px 0;display:grid;gap:13px}.motif-checks li{position:relative;padding-left:30px;color:#e4e5ea;font-size:13px;line-height:1.7}.motif-checks li:before{content:"✓";position:absolute;left:0;top:0;color:var(--cyan);font-weight:900;font-size:18px}.motif-warning{border-left:3px solid var(--pink);background:#ffffff09;padding:15px 18px;margin:22px 0 26px;color:#c9cbd2;font-size:12px;line-height:1.8}.motif-warning b{color:#fff}
@media(max-width:850px){.motif-grid{grid-template-columns:1fr}.motif-visual{min-height:420px}.motif-copy{max-width:720px}}
@media(max-width:560px){.motif-visual{min-height:340px}.motif-stamp{left:16px;bottom:18px}.motif-stamp b,.motif-stamp span{font-size:42px}}

/* Customer-supplied AI artwork section */
.customer-motif{background:radial-gradient(ellipse at 85% 35%,#ff20a81a,transparent 38%),linear-gradient(135deg,#0c1016,#050608 70%);border-block:1px solid #ffffff20;overflow:hidden}
.motif-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,72px);align-items:center}
.motif-visual{position:relative;min-height:560px;border-radius:18px;overflow:hidden;border:1px solid #ffffff2c;box-shadow:0 24px 80px #0009}
.motif-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0304058c,transparent 60%),linear-gradient(90deg,#05060820,transparent)}
.motif-visual img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center}
.motif-stamp{position:absolute;z-index:1;left:25px;bottom:25px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;text-shadow:0 4px 20px #000}
.motif-stamp b,.motif-stamp span{font:900 clamp(38px,5vw,68px)/.9 'Barlow Condensed';text-transform:uppercase}
.motif-stamp b{color:#fff}.motif-stamp span{color:var(--orange)}.motif-stamp i{width:100%;font:700 12px 'Barlow Condensed';letter-spacing:.24em;color:var(--cyan);font-style:normal}
.motif-copy h2{font:900 clamp(42px,5vw,70px)/.94 'Barlow Condensed';text-transform:uppercase;margin:13px 0 22px}.motif-copy h2 span{color:var(--orange)}.motif-copy>p:not(.kicker){font-size:14px;line-height:1.9;color:#d0d2d9}.motif-checks{list-style:none;padding:0;margin:24px 0;display:grid;gap:13px}.motif-checks li{position:relative;padding-left:30px;color:#e4e5ea;font-size:13px;line-height:1.7}.motif-checks li:before{content:"✓";position:absolute;left:0;top:0;color:var(--cyan);font-weight:900;font-size:18px}.motif-warning{border-left:3px solid var(--pink);background:#ffffff09;padding:15px 18px;margin:22px 0 26px;color:#c9cbd2;font-size:12px;line-height:1.8}.motif-warning b{color:#fff}
@media(max-width:850px){.motif-grid{grid-template-columns:1fr}.motif-visual{min-height:420px}.motif-copy{max-width:720px}}
@media(max-width:560px){.motif-visual{min-height:340px}.motif-stamp{left:16px;bottom:18px}.motif-stamp b,.motif-stamp span{font-size:42px}}
