﻿@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#000000;--s:#000000;--s2:#000000;--t:#ffffff;--m:#ffffff;--l:#ffffff1c;--a:#FFD400;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--t);font-family:Manrope,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.skip{position:fixed;top:-60px;left:10px;background:var(--a);color:#000;padding:10px;z-index:99}.skip:focus{top:10px}header{position:sticky;top:0;z-index:50;background:#000000d9;backdrop-filter:blur(18px);border-bottom:1px solid var(--l)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-logo{width:115px!important;height:auto!important;max-width:115px!important;max-height:none!important}.brand>b{display:grid;place-items:center;background:var(--a);color:#000000;width:35px;height:35px;border-radius:9px;font-size:12px}.brand i{font-style:normal;color:var(--m);font-weight:600}.nav nav{display:flex;gap:30px;align-items:center;font-size:13px}.nav nav a:hover{color:var(--a)}.pill{border:1px solid var(--l);padding:9px 15px;border-radius:100px}.hamb{display:none;background:none;color:#fff;border:0;font-size:25px}.hero{padding:105px 0 90px;overflow:hidden;position:relative;isolation:isolate;background:
radial-gradient(700px 500px at 82% 18%,rgba(255,212,0,.22),transparent 62%),
radial-gradient(560px 420px at 12% 8%,rgba(255,255,255,.10),transparent 60%),
linear-gradient(135deg,#000 0%,#050505 42%,#171300 68%,#000 100%);}
.hero::before{content:"";position:absolute;inset:-20%;z-index:-1;background:
radial-gradient(420px 260px at 74% 22%,rgba(255,212,0,.18),transparent 65%),
radial-gradient(360px 220px at 18% 72%,rgba(255,255,255,.06),transparent 68%);filter:blur(12px);animation:heroGlow 12s ease-in-out infinite alternate;}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 78%);}
@keyframes heroGlow{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.05)}}.hero-grid,.two{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.eyebrow{font:11px 'DM Mono';letter-spacing:.13em;text-transform:uppercase;color:var(--m);margin:0 0 22px}.hero h1{font-size:clamp(50px,7vw,92px);line-height:.95;letter-spacing:-.07em;margin:0 0 28px}.hero h1 span,h2 span{color:var(--a)}.lead{font-size:17px;color:var(--m);max-width:620px}.actions{display:flex;gap:12px;margin:34px 0 50px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;gap:14px;border:1px solid var(--l);padding:14px 20px;border-radius:100px;font-weight:800;font-size:13px;background:transparent;color:#fff}.btn:hover{transform:translateY(-2px)}.primary{background:var(--a);color:#000000;border-color:var(--a)}.proof{display:flex;gap:30px;flex-wrap:wrap}.proof span{font-size:11px;color:var(--m);max-width:125px;line-height:1.35}.proof b{font-family:'DM Mono';color:var(--a);display:block;margin-bottom:4px}.hero-art{height:600px;position:relative;display:grid;place-items:center}.glow{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,#FFD40055 0%,#FFD40018 34%,transparent 70%);filter:blur(2px);animation:floatGlow 7s ease-in-out infinite alternate}@keyframes floatGlow{to{transform:translate(12px,-10px) scale(1.05)}}.poster{position:absolute;width:340px;height:470px;padding:20px;border:1px solid #ffffff22;box-shadow:0 35px 80px #0009}.back{transform:rotate(-8deg) translate(-55px,18px);background:#000000}.back small{font:10px 'DM Mono'}.back b{display:block;margin-top:215px;font-size:44px;line-height:.84;letter-spacing:-.06em}.front{transform:rotate(4deg);background:linear-gradient(145deg,#FFD400,#FFD400);color:#000000}.pt,.pb{display:flex;justify-content:space-between;font:9px 'DM Mono';letter-spacing:.08em}.front>strong{display:block;font-size:58px;line-height:.82;letter-spacing:-.07em;margin-top:105px}.front em{font-style:normal;color:transparent;-webkit-text-stroke:1px #000000}.pb{position:absolute;bottom:20px;left:20px;right:20px}.float{position:absolute;right:0;bottom:70px;background:#000000;border:1px solid var(--l);padding:13px 16px;border-radius:14px;display:flex;gap:10px;align-items:center;box-shadow:0 18px 40px #0008}.float:first-letter{background:var(--a);color:#000}.float span{font-size:10px;color:var(--m)}.float b{color:#fff}.ticker{border-block:1px solid var(--l);overflow:hidden;white-space:nowrap}.ticker div{min-width:max-content;padding:16px 0;font:11px 'DM Mono';letter-spacing:.1em;animation:scroll 30s linear infinite}@keyframes scroll{to{transform:translateX(-35%)}}.section{padding:120px 0}.head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:50px}.head h2,h2{font-size:clamp(38px,5vw,64px);line-height:.98;letter-spacing:-.06em;margin:0}.head>p{max-width:420px;color:var(--m);font-size:14px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.services article{background:var(--s);border:1px solid var(--l);padding:30px;min-height:320px;display:flex;flex-direction:column;transition:.2s}.services article:hover{transform:translateY(-4px);border-color:#FFD40066}.services .featured{background:var(--a);color:#000000}.services small{font:10px 'DM Mono';opacity:.6}.services strong{font-size:30px;margin:35px 0 12px}.services h3{font-size:21px;margin:0 0 8px}.services p{color:var(--m);font-size:13px}.services .featured p{color:#000000}.services a{margin-top:auto;font:10px 'DM Mono';text-transform:uppercase}.dark{background:#000000}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filters button{background:none;color:var(--m);border:1px solid var(--l);padding:9px 14px;border-radius:100px;font-size:11px}.filters button.active,.filters button:hover{background:var(--a);color:#000;border-color:var(--a)}.portfolio{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.portfolio article.wide{grid-column:span 2}.visual{min-height:430px;position:relative;overflow:hidden;border:1px solid var(--l);padding:20px}.visual>small{position:absolute;right:20px;top:20px;font:9px 'DM Mono';border:1px solid #fff3;padding:7px 9px;border-radius:100px}.v1{background:linear-gradient(120deg,#000000,#000000);display:flex;align-items:end}.v1>b{font-size:clamp(55px,9vw,120px);line-height:.78;letter-spacing:-.08em}.v1 i{font-style:normal;color:var(--a)}.v2{background:#ffffff;color:#000000;display:grid;place-items:center}.v2>b{font-size:75px;line-height:.78;letter-spacing:-.07em;transform:rotate(-7deg)}.v2 em{font-style:normal;color:#FFD400}.v3{background:#000000;display:grid;place-items:center}.browser{width:72%;height:75%;background:#ffffff;color:#000000;border-radius:12px;overflow:hidden;box-shadow:0 30px 70px #0008}.browser i{display:block;height:25px;background:#ffffff}.browser b{display:block;padding:38px;font-size:38px;line-height:.9;letter-spacing:-.06em}.browser button{margin:0 38px;background:#000000;color:#fff;border:0;padding:10px;font-size:9px}.v4{background:linear-gradient(145deg,#000000,#000000);display:grid;place-items:center}.stack{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:78%;transform:rotate(-5deg)}.stack b{aspect-ratio:1;background:var(--a);color:#000000;padding:14px;font-size:15px;line-height:.9}.stack b:nth-child(2){margin-top:35px;background:#ffffff}.stack b:nth-child(3){margin-top:70px;background:#000000;color:#fff}.v5{background:#ffffff;color:#000000;display:flex;align-items:end;gap:25px}.v5>b{font-size:75px;line-height:.8;letter-spacing:-.08em}.v5>span{font-size:15px}.v5>em{font-size:44px;line-height:.8;color:#FFD400;font-style:normal;font-weight:800}.portfolio h3{font-size:16px;margin:16px 2px 2px}.portfolio h3 span{float:right}.portfolio p{font-size:11px;color:var(--m);margin:0 2px}.about{background:var(--a);color:#000000}.about h2 span{color:#000000}.about-art{height:560px;position:relative}.about-art>div{position:absolute;inset:0;background:#000000;color:#fff;padding:35px;display:flex;flex-direction:column;justify-content:end;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.about-art .bg-mark{position:absolute;top:28px;left:28px;font-size:150px;font-weight:900;line-height:.8;letter-spacing:-.12em;color:#ffffff08;z-index:0}.about-art .art-label{position:absolute;top:32px;right:30px;font:8px 'DM Mono';letter-spacing:.12em;color:#FFD400;z-index:2}.about-art .art-line{position:absolute;top:58px;left:30px;right:30px;border-top:1px solid #ffffff22;z-index:1}.about-art small{font:10px 'DM Mono';color:#ffffff;position:relative;z-index:2}.about-art b{font-size:80px;line-height:.78;letter-spacing:-.08em;position:relative;z-index:2}.about-art em{font:9px 'DM Mono';letter-spacing:.12em;margin-top:25px;position:relative;z-index:2}.about-art>span{position:absolute;right:-35px;top:45px;width:130px;height:130px;border:1px solid #000000;border-radius:50%;display:grid;place-items:center;text-align:center;font:9px 'DM Mono';line-height:1.2;transform:rotate(12deg)}.about p:not(.eyebrow){max-width:650px;color:#000000}.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.checks div{border-top:1px solid #000000;padding-top:14px}.checks b{display:block;font-size:12px;margin:8px 0 3px}.checks small{font-size:11px;color:#000000}.process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--l)}.process article{padding:28px 22px;min-height:260px;border-right:1px solid var(--l)}.process article:first-child{padding-left:0}.process article:last-child{border:0}.process article>b{font:10px 'DM Mono';color:var(--a)}.process h3{font-size:25px;margin-top:55px;margin-bottom:8px}.process p{font-size:13px;color:var(--m)}.proofbox{background:var(--s);border:1px solid var(--l);padding:55px}.reasons{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;border:1px solid var(--l)}.reasons span{padding:18px;border:1px solid var(--l);font-size:12px}.reasons b{font:10px 'DM Mono';color:var(--a);margin-right:12px}.contact p:not(.eyebrow){color:var(--m);max-width:480px}.links{border-top:1px solid var(--l);margin-top:35px}.links a{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--l);font-size:12px}.links a>b{font-weight:700}.links a:hover b{color:var(--a)}form{background:var(--s);border:1px solid var(--l);padding:30px}label{display:block;color:var(--m);font-size:11px;margin-bottom:17px}input,select,textarea{display:block;width:100%;margin-top:7px;background:#000000;color:#fff;border:1px solid var(--l);border-radius:8px;padding:13px 14px;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--a)}textarea{resize:vertical}form .btn{width:100%;border-radius:8px}form>small{display:block;color:#ffffff;font-size:10px;margin-top:12px}footer{border-top:1px solid var(--l);padding:35px 0 25px}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px}.foot p,.foot>a:last-child{font-size:11px;color:var(--m)}.copy{border-top:1px solid var(--l);margin-top:30px;padding-top:18px;font:9px 'DM Mono';color:#ffffff;display:flex;justify-content:space-between}.hide{display:none!important}.pricing-teaser{padding-top:80px;padding-bottom:80px;background:linear-gradient(180deg,#000 0%,#0a0a08 100%);}
.pricing-teaser-inner{border:1px solid var(--l);padding:42px 46px;display:flex;justify-content:space-between;align-items:center;gap:35px;background:linear-gradient(115deg,rgba(255,212,0,.12),rgba(255,255,255,.025) 48%,rgba(0,0,0,.2));position:relative;overflow:hidden;}
.pricing-teaser-inner::after{content:"";position:absolute;width:240px;height:240px;right:-80px;top:-110px;border-radius:50%;border:1px solid rgba(255,212,0,.35);box-shadow:0 0 0 28px rgba(255,212,0,.05),0 0 0 58px rgba(255,212,0,.025);}
.pricing-teaser-inner h2{max-width:650px}.pricing-teaser-inner>div>p:not(.eyebrow){max-width:650px;color:var(--m);font-size:14px}.pricing-teaser-inner .btn{position:relative;z-index:2;white-space:nowrap;}
@media(max-width:900px){.hero-grid,.two{grid-template-columns:1fr}.hero-art{height:520px}.services{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.process article:nth-child(2){border-right:0}.process article:nth-child(n+3){border-top:1px solid var(--l)}.nav nav{display:none}.hamb{display:block}.nav.open nav{display:flex;position:absolute;left:20px;right:20px;top:68px;flex-direction:column;align-items:stretch;background:#000000;border:1px solid var(--l);padding:15px;border-radius:14px}.head{align-items:start;flex-direction:column}.pricing-teaser-inner{padding:32px 26px;align-items:flex-start;flex-direction:column}.proofbox{padding:35px}}@media(max-width:620px){.wrap{width:calc(100% - 28px)}.section{padding:80px 0}.hero{padding-top:70px}.hero-art{height:450px}.poster{width:260px;height:360px}.back{transform:rotate(-8deg) translate(-35px,15px)}.back b{margin-top:160px;font-size:34px}.front>strong{font-size:45px;margin-top:70px}.float{right:-4px;bottom:10px}.services,.portfolio{grid-template-columns:1fr}.portfolio article.wide{grid-column:span 1}.visual{min-height:350px}.v5>b{font-size:46px}.about-art{height:400px}.about-art b{font-size:58px}.about-art>span{right:-5px}.checks{grid-template-columns:1fr}.process{grid-template-columns:1fr}.process article{border-right:0!important;border-bottom:1px solid var(--l);min-height:auto}.process h3{margin-top:30px}.reasons{grid-template-columns:1fr}.foot,.copy{flex-direction:column;align-items:flex-start}.contact .two{gap:45px}.hero h1{font-size:clamp(48px,15vw,72px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}}

/* Real portfolio imagery */
.real-portfolio{align-items:start}
.real-portfolio article{overflow:hidden}
.portfolio-image{width:100%;aspect-ratio:4/5;border:1px solid rgba(255,255,255,.1);background:#000000;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.portfolio-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.logo-showcase{background:#fff;aspect-ratio:4/5}
.logo-showcase img{object-fit:contain;padding:0}
.real-portfolio h3{margin-top:16px}
.real-portfolio p{margin-top:6px}
@media(max-width:760px){.portfolio-image{aspect-ratio:4/5}.real-portfolio article.wide{grid-column:auto}}


/* Clickable service cards */
.service-card { cursor: pointer; }
.service-card:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.service-card:hover { transform: translateY(-3px); }


/* Contact social icons */
.contact-icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;max-width:520px}
.contact-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:104px;padding:16px 12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03);color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.contact-icon:hover,.contact-icon:focus-visible{transform:translateY(-4px);border-color:currentColor;background:rgba(255,255,255,.06)}
.contact-icon:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.contact-icon .icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid currentColor}
.contact-icon .icon svg{width:23px;height:23px;display:block}
.contact-icon>span:last-child{font-size:.82rem;font-weight:700;letter-spacing:.02em}
@media (max-width:640px){.contact-icons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact-icon{min-height:96px}}

/* Bigdan Graphics brand palette: yellow, black and white */
:root{
  --bg:#000000;
  --s:#000000111;
  --s2:#000000;
  --t:#ffffff;
  --m:rgba(255,255,255,.72);
  --l:rgba(255,255,255,.18);
  --a:#FFD400;
}
body{background:#000;color:#fff}
header{background:rgba(0,0,0,.92);border-bottom-color:rgba(255,255,255,.18)}
.nav nav a:hover,.links a:hover b{color:var(--a)}
.btn.primary,.pill:hover{background:var(--a);color:#000;border-color:var(--a)}
.hero h1 span,h2 span,.eyebrow,.process article>b,.reasons b{color:var(--a)}
.service-card:hover{border-color:var(--a)}
input,select,textarea{background:#000;color:#fff;border-color:rgba(255,255,255,.18)}
input:focus,select:focus,textarea:focus{border-color:var(--a)}
.project-note{display:flex;flex-direction:column;gap:7px;margin-top:34px;padding:20px 0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);max-width:520px}
.project-note b{color:var(--a);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.project-note span{color:rgba(255,255,255,.72);font-size:13px}
.contact{background:#fff;color:#000}
.contact .eyebrow{color:#000}
.contact h2 span{color:#000}
.contact p:not(.eyebrow){color:rgba(0,0,0,.68)}
.contact-wrap{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:70px;align-items:end}
.contact-icons{max-width:none;margin-top:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.contact-icon{border-color:rgba(0,0,0,.18);background:#fff;color:#000}
.contact-icon:hover,.contact-icon:focus-visible{border-color:#000;background:#FFD400;color:#000}
.contact-icon .icon{border-color:#000}
.contact-icon:focus-visible{outline-color:#000}
@media(max-width:900px){.contact-wrap{grid-template-columns:1fr;gap:35px;align-items:start}.contact-icons{margin-top:0}}
@media(max-width:640px){.contact-icons{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Portfolio page */
.portfolio-page-hero{padding-bottom:3rem}.portfolio-page-hero .lead{max-width:700px}.portfolio-gallery{padding-top:1rem}.portfolio-cta{padding-top:5rem}.portfolio-cta .proofbox{align-items:center}.portfolio-cta .btn{white-space:nowrap}@media(max-width:700px){.portfolio-cta .proofbox{display:flex;flex-direction:column;align-items:flex-start}.portfolio-cta .btn{width:100%;text-align:center}}


/* Pricing page */
.pricing-hero{padding-bottom:45px}.pricing-hero h1{max-width:900px}.pricing-hero .lead{max-width:760px}.market-switcher{display:flex;align-items:center;gap:14px;margin-top:30px;max-width:420px}.market-switcher label{margin:0;font:11px 'DM Mono';color:var(--a);text-transform:uppercase;letter-spacing:.08em}.market-switcher select{margin:0;background:#000;color:#fff;border:1px solid rgba(255,255,255,.25);min-width:230px}.pricing-note{font-size:11px;color:rgba(255,255,255,.58);max-width:720px;margin-top:12px}.pricing-section{padding-top:35px}.pricing-service{padding:65px 0;border-top:1px solid var(--l)}.pricing-service:first-child{border-top:0}.pricing-service-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.pricing-service-head h2{margin:4px 0 8px}.pricing-service-head p:not(.eyebrow){max-width:680px;color:var(--m);font-size:13px}.text-link{font-size:12px;font-weight:700;white-space:nowrap}.text-link:hover{color:var(--a)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{border:1px solid var(--l);background:#050505;border-radius:16px;padding:28px;display:flex;flex-direction:column;min-height:100%;transition:transform .2s,border-color .2s}.price-card:hover{transform:translateY(-4px);border-color:var(--a)}.price-card.featured{border-color:var(--a);box-shadow:0 0 0 1px rgba(255,212,0,.08)}.tier{font:10px 'DM Mono';text-transform:uppercase;letter-spacing:.12em;color:var(--a)}.price-card .price{font-size:31px;letter-spacing:-.05em;margin:16px 0 2px;color:#fff}.price-card .price.custom{font-size:25px}.price-card h3{font-size:18px;margin:0 0 12px}.price-card ul{list-style:none;padding:0;margin:0 0 18px;border-top:1px solid var(--l)}.price-card li{font-size:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.78)}.price-card li::before{content:'';display:inline-block;width:7px;height:4px;border-left:2px solid var(--a);border-bottom:2px solid var(--a);transform:rotate(-45deg);margin:0 8px 3px 1px}.price-card p{font-size:11px;color:rgba(255,255,255,.58);margin-top:auto;padding-top:8px}.price-card .btn{margin-top:22px;width:100%;text-align:center}.pricing-bottom{margin-top:25px;border:1px solid var(--l);padding:42px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--a);color:#000}.pricing-bottom .eyebrow{color:#000}.pricing-bottom h2{margin:5px 0}.pricing-bottom p:not(.eyebrow){max-width:650px;color:rgba(0,0,0,.7);font-size:13px}.pricing-bottom .btn.primary{background:#000;color:#fff;border-color:#000}.pricing-bottom .btn.primary:hover{background:#fff;color:#000}.pricing-bottom .btn{white-space:nowrap}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}.pricing-service-head{align-items:start;flex-direction:column}.pricing-bottom{align-items:flex-start;flex-direction:column}.pricing-bottom .btn{width:100%;text-align:center}}
@media(max-width:620px){.market-switcher{align-items:flex-start;flex-direction:column}.market-switcher select{width:100%}.pricing-service{padding:50px 0}.price-card{padding:24px}.pricing-bottom{padding:30px 24px}}
.project-chooser{background:#f6f6f2}.project-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.project-choice{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid #ddd;background:#fff;color:#111;text-decoration:none;transition:.2s}.project-choice:hover{transform:translateY(-4px);border-color:#f4d000;box-shadow:0 12px 30px rgba(0,0,0,.08)}.project-choice span{font-size:1.1rem;font-weight:800}.project-choice small{color:#666;line-height:1.5}.project-choice b{margin-top:auto;color:#111}.payment-hero{background:radial-gradient(circle at 85% 15%,rgba(255,220,0,.35),transparent 35%),linear-gradient(135deg,#0b0b0b,#242424 60%,#f0d000);color:#fff}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:24px;align-items:start}.checkout-card,.checkout-summary{background:#fff;border:1px solid #ddd;padding:28px;box-shadow:0 14px 35px rgba(0,0,0,.06)}.checkout-card label{display:block;font-weight:700;margin:0 0 18px}.checkout-card input,.checkout-card select,.checkout-card textarea{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid #ccc;background:#fff;font:inherit}.checkout-card input:focus,.checkout-card select:focus,.checkout-card textarea:focus{outline:2px solid #f4d000;border-color:#111}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkout-step{display:flex;gap:14px;align-items:flex-start;margin:4px 0 24px}.checkout-step>span{background:#111;color:#fff;padding:8px 10px;font-weight:800}.checkout-step h2{margin:.15rem 0 0}.addons{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:20px 0;margin:6px 0 26px}.label{font-weight:800;margin:0 0 10px}.check{font-weight:500!important;margin:8px 0!important}.check input{display:inline-block;width:auto;margin:0 8px 0 0}.full{width:100%}.fine-print{font-size:.82rem;color:#666;line-height:1.5}.summary-line{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.summary-box{margin:20px 0;padding:18px;background:#f6f6f2}.summary-box ul{padding-left:18px;line-height:1.7}.success-card{max-width:760px;text-align:center;margin:10vh auto}.pricing-service{scroll-margin-top:100px}@media(max-width:800px){.project-choice-grid{grid-template-columns:1fr 1fr}.checkout-layout{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}}@media(max-width:520px){.project-choice-grid{grid-template-columns:1fr}.checkout-card,.checkout-summary{padding:20px}}

.brand-logo-mobile-size{width:115px!important;height:auto!important;max-width:115px!important}
@media(max-width:760px){.brand-logo{width:115px!important;max-width:115px!important}}



/* Portfolio lightbox */
.portfolio-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(0,0,0,.94);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:30px;
}

.lightbox-content{
  max-width:min(900px,90vw);
  max-height:90vh;
  text-align:center;
  overflow:auto;
}

.lightbox-content img{
  display:block;
  max-width:100%;
  max-height:75vh;
  width:auto;
  height:auto;
  margin:0 auto;
  border-radius:12px;
  object-fit:contain;
}

.lightbox-content h3{
  margin:18px 0 6px;
  color:#fff;
}

.lightbox-content p{
  margin:0;
  color:rgba(255,255,255,.7);
}

.lightbox-close,
.lightbox-prev,
.lightbox-next{
  position:absolute;
  border:0;
  background:rgba(255,255,255,.1);
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
}

.lightbox-close{
  top:20px;
  right:25px;
  width:46px;
  height:46px;
  font-size:30px;
}

.lightbox-prev,
.lightbox-next{
  top:50%;
  transform:translateY(-50%);
  width:52px;
  height:52px;
  font-size:38px;
}

.lightbox-prev{left:22px}
.lightbox-next{right:22px}

.lightbox-close:hover,
.lightbox-prev:hover,
.lightbox-next:hover{
  background:var(--a);
  color:#000;
}

@media(max-width:760px){
  .portfolio-lightbox{
    padding:20px 12px;
  }

  .lightbox-content{
    max-width:94vw;
  }

  .lightbox-content img{
    max-height:70vh;
  }

  .lightbox-prev,
  .lightbox-next{
    width:42px;
    height:42px;
    font-size:30px;
  }

  .lightbox-prev{left:8px}
  .lightbox-next{right:8px}

  .lightbox-close{
    top:10px;
    right:10px;
  }
}

/* Portfolio grid refinement */
.real-portfolio{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.real-portfolio article.wide{
  grid-column:auto;
}

.real-portfolio .portfolio-image{
  aspect-ratio:4/5;
}

.real-portfolio h3{
  font-size:16px;
  line-height:1.3;
  margin-top:12px;
}

.real-portfolio p{
  font-size:12px;
  line-height:1.5;
  margin-top:5px;
}

@media(max-width:900px){
  .real-portfolio{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }
}

@media(max-width:520px){
  .real-portfolio{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }

  .real-portfolio .portfolio-image{
    aspect-ratio:4/5;
    border-radius:10px;
  }

  .real-portfolio h3{
    font-size:13px;
    line-height:1.3;
    margin-top:8px;
  }

  .real-portfolio p{
    font-size:10px;
    line-height:1.4;
  }
}

.portfolio-category-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.portfolio-category-link{background:none;color:var(--m);border:1px solid var(--l);padding:9px 14px;border-radius:100px;font-size:11px}.portfolio-category-link:hover,.portfolio-category-link.active{background:var(--a);color:#000;border-color:var(--a)}

.portfolio-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-category-card{display:block;text-decoration:none;background:var(--d);border:1px solid var(--l);padding:28px;border-radius:18px;transition:.2s}.portfolio-category-card:hover{transform:translateY(-3px);border-color:var(--a)}.portfolio-category-card h2{color:var(--m);margin:0 0 12px}.portfolio-category-card p{color:var(--m);opacity:.75;line-height:1.6}.portfolio-category-card span{color:var(--a);font-size:12px;font-weight:700}@media(max-width:800px){.portfolio-category-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.portfolio-category-grid{grid-template-columns:1fr}}

.creative-visual{position:relative;width:440px;height:520px;transform:rotate(3deg);display:flex;align-items:center;justify-content:center}.creative-card{position:absolute;border:1px solid #ffffff22;box-shadow:0 30px 70px #0009;overflow:hidden}.card-back{width:270px;height:360px;left:5px;top:80px;background:#111;color:#fff;padding:24px;transform:rotate(-9deg)}.card-back small,.card-mid small,.card-main>small{font:9px 'DM Mono';letter-spacing:.12em;color:#FFD400}.card-back b{display:block;margin-top:210px;font-size:36px;line-height:.82;letter-spacing:-.06em}.card-mid{width:260px;height:330px;right:0;top:20px;background:#FFD400;color:#000;padding:22px;transform:rotate(7deg)}.card-mid b{display:block;margin-top:155px;font-size:40px;line-height:.82;letter-spacing:-.07em}.card-mid b span{color:#fff;-webkit-text-stroke:1px #000}.card-main{width:300px;height:410px;z-index:3;background:#050505;color:#fff;padding:25px;transform:rotate(-2deg)}.creative-logo{width:48px;height:48px;background:#FFD400;color:#000;display:grid;place-items:center;font-weight:900;font-size:20px;margin-bottom:24px}.card-main strong{display:block;font-size:48px;line-height:.84;letter-spacing:-.07em;margin-top:80px}.card-main em{font-style:normal;color:#FFD400}.creative-tags{position:absolute;bottom:24px;left:25px;right:25px;display:flex;justify-content:space-between;font:8px 'DM Mono';letter-spacing:.08em}.creative-badge{position:absolute;right:-5px;bottom:35px;z-index:4;width:100px;height:100px;border:1px solid #FFD400;border-radius:50%;background:#000;color:#fff;display:grid;place-items:center;text-align:center;font:8px 'DM Mono';line-height:1.1;transform:rotate(10deg)}.creative-badge b{color:#FFD400;font-size:18px}@media(max-width:620px){.creative-visual{width:330px;height:410px}.card-back{width:210px;height:285px;left:0}.card-back b{margin-top:165px;font-size:29px}.card-mid{width:205px;height:260px;right:0}.card-mid b{margin-top:120px;font-size:31px}.card-main{width:230px;height:320px}.card-main strong{font-size:37px;margin-top:55px}.creative-badge{width:78px;height:78px;right:-5px;bottom:20px}}





