:root{--ink:#070d12;--panel:#0c151d;--panel2:#101b24;--cyan:#78d8e2;--white:#f1f2f0;--muted:#94a0a8;--line:#29404d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:"DM Sans",sans-serif;font-size:16px}a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input,select,textarea{font:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(24px,6vw,110px);background:rgba(7,13,18,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center}.brand img{width:230px;height:46px;object-fit:contain;object-position:left center}.site-header nav{display:flex;align-items:center;gap:38px;font-family:"Archivo Black";font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.site-header nav a{padding:10px 0}.site-header nav a:hover{color:var(--cyan)}.nav-cta{border-left:1px solid var(--line);padding-left:38px!important}.menu-button{display:none;color:var(--white);border:1px solid var(--line);background:transparent;padding:9px 12px;font-weight:800;text-transform:uppercase}.hero{min-height:760px;display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center;padding:90px clamp(28px,7vw,130px) 120px;border-bottom:1px solid var(--line);overflow:hidden;background:radial-gradient(circle at 75% 40%,#16232c 0,transparent 31%)}.hero-copy{max-width:780px}.eyebrow{margin:0 0 28px;color:var(--muted);font-family:"Archivo Black";font-size:.72rem;text-transform:uppercase;letter-spacing:.24em}.hero h1,.section-heading h2,.shop h2,.request h2{margin:0;font-family:"Archivo Black";font-weight:400;text-transform:uppercase;letter-spacing:-.055em;line-height:.9}.hero h1{font-size:clamp(4rem,7.5vw,8.1rem)}.hero h1 span{color:var(--cyan)}.lede{max-width:610px;margin:30px 0 34px;color:#ccd2d5;font-size:clamp(1.08rem,1.6vw,1.35rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 22px;border:1px solid var(--white);font-family:"Archivo Black";font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;transition:.18s ease}.button:hover{background:var(--white);color:var(--ink)}.button-primary{border-color:var(--cyan);background:var(--cyan);color:var(--ink)}.button-primary:hover{background:transparent;color:var(--cyan)}.button-secondary{background:transparent}.button-dark{border-color:var(--ink);background:var(--ink);color:var(--white)}.hero-mark{position:relative;display:flex;align-items:center;justify-content:center;min-height:430px;color:#0a1118;font-family:"Archivo Black";font-size:clamp(15rem,27vw,31rem);letter-spacing:-.35em;line-height:.72;text-shadow:-2px 0 var(--cyan),0 30px 50px #000}.hero-mark:before{content:"";position:absolute;inset:7% 12%;z-index:-1;background:linear-gradient(145deg,#263641,#10181e);box-shadow:0 35px 70px #000;border:1px solid #314b59;transform:skewY(-7deg)}.mark-left{transform:scaleX(-1);opacity:.82}.mark-right{transform:translateX(-.1em)}.work,.services{padding:120px clamp(28px,7vw,130px)}.section-heading{display:grid;grid-template-columns:.55fr 1.6fr .75fr;gap:38px;align-items:end;margin-bottom:72px}.section-heading h2,.shop h2,.request h2{font-size:clamp(2.8rem,5.5vw,6.4rem)}.section-heading>p:last-child{margin:0;color:var(--muted);line-height:1.55}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}.project-card{border:1px solid var(--line);background:var(--panel)}.portfolio-placeholder{aspect-ratio:16/10;display:flex;flex-direction:column;justify-content:space-between;padding:22px!important;border-bottom:1px solid var(--line);background:linear-gradient(140deg,#15222b 0 48%,#0a1015 48%)}.project-two .portfolio-placeholder{background:repeating-linear-gradient(90deg,#0b1218 0 18px,#172631 18px 23px)}.project-three .portfolio-placeholder{background:linear-gradient(140deg,#0b1218 0 58%,#223743 58%)}.portfolio-placeholder strong{font-family:"Archivo Black";font-size:clamp(3rem,5vw,6rem);line-height:1;color:#6e7d86}.portfolio-placeholder span{color:var(--muted);font-family:"Archivo Black";font-size:.72rem!important;letter-spacing:.16em!important;line-height:1.2}.project-card>div:last-child{padding:18px 20px}.project-card span,.product-card span{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.project-card h3{margin:6px 0 0;font-size:1rem}.services{background:var(--panel)}.light{grid-template-columns:.55fr 2.45fr}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:70px 1fr 1.1fr;gap:28px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.service-list article>span{color:var(--cyan);font-family:"Archivo Black"}.service-list h3{margin:0;font-family:"Archivo Black";font-size:clamp(1.4rem,2.5vw,2.8rem);text-transform:uppercase}.service-list p{max-width:520px;margin:0;color:var(--muted);line-height:1.65}.shop{display:grid;grid-template-columns:.72fr 1.28fr;border-bottom:1px solid var(--line)}.shop-intro{padding:130px clamp(28px,7vw,130px);background:var(--cyan);color:var(--ink)}.shop-intro .eyebrow{color:#39525a}.shop-intro>p:not(.eyebrow){max-width:420px;margin:30px 0;color:#263940;font-size:1.08rem;line-height:1.6}.shop-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-content:center;padding:5vw}.product-card{border:1px solid var(--line);background:var(--panel)}.product-art{aspect-ratio:4/5;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid var(--line);font-family:"Archivo Black";font-size:clamp(1.6rem,2.7vw,3.2rem);line-height:.9;text-align:center}.product-art.acid{background:#17242c}.product-art.blue{background:var(--cyan);color:var(--ink)}.product-art.coral{background:#0b1116;color:var(--cyan)}.product-art i{font-family:"DM Sans";font-size:1rem}.product-card p{display:flex;flex-direction:column;gap:5px;margin:0;padding:16px}.request{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--ink)}.request-intro{padding:130px clamp(28px,7vw,130px)}.request-intro>p:not(.eyebrow){max-width:500px;color:var(--muted);font-size:1.08rem;line-height:1.7}.steps{display:flex;flex-direction:column;margin-top:48px;border-top:1px solid var(--line)}.steps span{padding:16px 0;border-bottom:1px solid var(--line);font-weight:700}.request form{padding:130px clamp(28px,6vw,100px);background:var(--panel)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:flex;flex-direction:column;gap:9px;margin-bottom:22px;font-weight:700}input,select,textarea{width:100%;padding:15px;border:1px solid #40515c;border-radius:0;outline:none;background:#091016;color:var(--white)}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}textarea{resize:vertical}.submit-button{color:var(--ink)}.form-note{color:var(--muted);font-size:.85rem}.form-status{margin-top:12px;color:var(--cyan);font-weight:700}footer{display:grid;grid-template-columns:1fr 1.2fr auto;gap:30px;align-items:center;padding:48px clamp(28px,6vw,110px);border-top:1px solid var(--line);background:#05090d}footer p{margin:0;color:var(--muted)}.reveal{animation:rise .65s ease both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:82px;left:0;right:0;padding:28px;background:var(--ink);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.nav-cta{border:0;padding-left:0!important}.menu-button{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:100px}.hero-copy{position:relative;z-index:2}.hero-mark{min-height:300px;font-size:21rem;opacity:.78}.section-heading{grid-template-columns:1fr}.project-grid{gap:18px}.shop{grid-template-columns:1fr}.shop-intro{padding-top:90px;padding-bottom:90px}.request{grid-template-columns:1fr}.request-intro,.request form{padding-top:90px;padding-bottom:90px}footer{grid-template-columns:1fr}}
@media(max-width:620px){.site-header{padding:14px 20px}.brand img{width:170px;height:38px}.hero{padding:76px 24px 80px;gap:45px}.hero h1{font-size:3.65rem}.hero-actions .button{width:100%}.hero-mark{min-height:230px;font-size:15rem}.work,.services{padding:80px 24px}.section-heading{margin-bottom:42px}.project-grid,.shop-cards,.field-row{grid-template-columns:1fr}.portfolio-placeholder{aspect-ratio:16/8}.service-list article{grid-template-columns:42px 1fr}.service-list p{grid-column:2}.shop-cards{padding:50px 24px}.product-art{aspect-ratio:16/9}.request-intro,.request form{padding:80px 24px}.section-heading h2,.shop h2,.request h2{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Approved BB Studio direction */
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{background:rgba(5,11,16,.92)}.nav-cta{padding:13px 18px!important;border:1px solid var(--cyan)!important;background:var(--cyan);color:var(--ink)!important;box-shadow:0 0 24px rgba(120,216,226,.15)}.nav-cta:hover,.nav-cta:focus-visible{color:var(--ink)!important;animation:cta-pop .62s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 0 0 4px rgba(120,216,226,.16),0 12px 34px rgba(120,216,226,.28)}@keyframes cta-pop{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-7px) scale(1.055) rotate(-1deg)}65%{transform:translateY(-3px) scale(1.02) rotate(.5deg)}100%{transform:translateY(-5px) scale(1.035)}}.hero{display:block;position:relative;min-height:780px;padding-top:160px;background:#060c11 url('assets/bb-grunge-hero.png') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,14,.98) 0%,rgba(5,10,14,.82) 34%,rgba(5,10,14,.15) 65%,rgba(5,10,14,0) 100%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:760px}.services-intro{padding:130px clamp(28px,7vw,130px) 100px;background:var(--panel)}.services-intro .section-heading{margin:0}.services-intro h2 small{display:inline-block;color:#63717a;font-size:.42em;letter-spacing:.01em;vertical-align:.18em}.service-ribbon{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;align-items:center;padding:100px clamp(28px,7vw,130px);overflow:hidden;background:var(--cyan);color:var(--ink);border-top:12px solid var(--ink)}.service-ribbon:after{content:"";position:absolute;inset:0;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.service-ribbon>*{position:relative;z-index:1}.ribbon-reverse .ribbon-copy{order:2}.ribbon-reverse .ribbon-cards{order:1}.ribbon-copy .eyebrow{color:#314a52}.ribbon-copy h2,.store h2{margin:0;font-family:"Archivo Black";font-size:clamp(2.6rem,4.8vw,5.4rem);font-weight:400;text-transform:uppercase;letter-spacing:-.055em;line-height:.92}.ribbon-copy>p:last-child{max-width:620px;margin:28px 0 0;color:#183039;font-size:1.08rem;line-height:1.7}.ribbon-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ribbon-cards>div{aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid #294551;background:var(--ink);color:var(--white);box-shadow:8px 9px 0 rgba(5,13,18,.14)}.ribbon-cards>div:nth-child(2){transform:translateY(22px)}.ribbon-cards b{color:var(--cyan);font-size:.66rem;letter-spacing:.18em}.ribbon-cards strong{font-family:"Archivo Black";font-size:clamp(1rem,1.55vw,1.6rem);line-height:.95}.store{display:grid;grid-template-columns:.72fr 1.28fr;border-top:12px solid var(--ink);border-bottom:1px solid var(--line);background:var(--panel)}.store-intro{padding:130px clamp(28px,7vw,130px)}.store-intro>p:not(.eyebrow){max-width:430px;margin:30px 0;color:var(--muted);font-size:1.08rem;line-height:1.6}.store .shop-cards{background:#091016}.submit-button{position:relative;overflow:hidden}.submit-button:hover,.submit-button:focus-visible{animation:cta-pop .62s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 0 0 4px rgba(120,216,226,.14),0 14px 36px rgba(120,216,226,.25)}.submit-button:after,.nav-cta:after{content:"";position:absolute;top:-70%;left:-45%;width:28%;height:240%;background:rgba(255,255,255,.48);transform:rotate(22deg) translateX(-220%)}.submit-button:hover:after,.nav-cta:hover:after{animation:cta-shine .7s ease forwards}@keyframes cta-shine{to{transform:rotate(22deg) translateX(650%)}}
@media(max-width:900px){.nav-cta{padding-left:18px!important}.hero{min-height:720px;padding-top:125px;background-position:58% center}.service-ribbon{grid-template-columns:1fr;gap:55px}.ribbon-reverse .ribbon-copy,.ribbon-reverse .ribbon-cards{order:initial}.store{grid-template-columns:1fr}.store-intro{padding-top:90px;padding-bottom:90px}}
@media(max-width:620px){.hero{min-height:690px;background-position:66% center}.hero:after{background:linear-gradient(90deg,rgba(5,10,14,.97),rgba(5,10,14,.72))}.services-intro{padding:90px 24px 70px}.service-ribbon{padding:72px 24px}.ribbon-cards{gap:8px}.ribbon-cards>div{padding:12px}.ribbon-cards>div:nth-child(2){transform:translateY(12px)}.store-intro{padding:80px 24px}}
@media(prefers-reduced-motion:reduce){.nav-cta:hover,.nav-cta:focus-visible,.submit-button:hover,.submit-button:focus-visible{animation:none;transform:translateY(-3px)}.submit-button:hover:after,.nav-cta:hover:after{animation:none}}
body:before,.service-ribbon:after{display:none}.nav-cta{position:relative;overflow:hidden}
.script-accent{display:inline-block;color:var(--cyan)!important;font-family:"Kalam",cursive!important;font-size:1.1em!important;font-weight:700!important;line-height:.72!important;letter-spacing:-.055em!important;text-transform:lowercase!important;transform:rotate(-1deg);-webkit-text-stroke:.2px currentColor;text-shadow:.025em .025em 0 currentColor}.service-ribbon:not(.ribbon-dark) .script-accent{color:#173540!important}.store .script-accent{color:var(--cyan)!important}.services-intro .script-accent{color:var(--cyan)!important}
.services-intro .section-heading{display:flex;flex-direction:column;align-items:center;text-align:center}.services-intro .section-heading .eyebrow{margin-bottom:20px}.services-intro h2{max-width:1050px}.ribbon-dark{background:#101a22;color:var(--white)}.ribbon-dark .ribbon-copy .eyebrow{color:var(--cyan)}.ribbon-dark .ribbon-copy>p:last-child{color:#aeb9bf}.ribbon-dark .ribbon-cards>div{border-color:#507080;background:var(--cyan);color:var(--ink);box-shadow:8px 9px 0 rgba(0,0,0,.3)}.ribbon-dark .ribbon-cards b{color:#28434d}.cta-burst{position:relative;overflow:hidden;isolation:isolate;transition:transform .18s ease,box-shadow .18s ease!important}.cta-burst:hover,.cta-burst:focus-visible{animation:cta-burst-pop .78s cubic-bezier(.18,.9,.2,1) both!important;box-shadow:0 0 0 5px rgba(120,216,226,.25),0 0 32px rgba(120,216,226,.6),0 18px 44px rgba(0,0,0,.45)!important}.cta-burst:before{content:"";position:absolute;z-index:-1;top:-90%;left:-65%;width:48%;height:300%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);transform:rotate(18deg) translateX(-260%);opacity:0}.cta-burst:hover:before,.cta-burst:focus-visible:before{animation:cta-wipe 1s cubic-bezier(.2,.7,.2,1) forwards}.cta-burst span{display:inline-block;transition:transform .2s ease}.cta-burst:hover span,.cta-burst:focus-visible span{animation:arrow-punch .78s ease both}@keyframes cta-burst-pop{0%{transform:translateY(0) scale(1)}25%{transform:translateY(-9px) scale(1.08) rotate(-1.4deg)}50%{transform:translateY(-4px) scale(1.035) rotate(1deg)}72%{transform:translateY(-7px) scale(1.065) rotate(-.4deg)}100%{transform:translateY(-6px) scale(1.055)}}@keyframes cta-wipe{0%{transform:rotate(18deg) translateX(-260%);opacity:0}15%{opacity:1}100%{transform:rotate(18deg) translateX(650%);opacity:0}}@keyframes arrow-punch{0%,100%{transform:translateX(0)}35%{transform:translateX(10px) scale(1.2)}60%{transform:translateX(4px)}}@media(prefers-reduced-motion:reduce){.cta-burst:hover,.cta-burst:focus-visible{animation:none!important;transform:translateY(-3px)}.cta-burst:hover:before,.cta-burst:focus-visible:before,.cta-burst:hover span,.cta-burst:focus-visible span{animation:none}}
.project-featured{overflow:hidden}.project-showcase{aspect-ratio:16/10;display:grid;grid-template-columns:.9fr 1.1fr;gap:12px;padding:16px;border-bottom:1px solid var(--line);background:#f7edd5}.project-showcase img{width:100%;height:100%;object-fit:contain}.project-badge{min-width:0}.project-system{display:grid;grid-template-rows:.72fr 1.28fr;gap:10px;min-width:0}.project-system img{min-height:0;background:#fff}.project-featured>div:last-child p{margin:11px 0 2px;color:var(--muted);font-size:.88rem;line-height:1.5}.project-featured{transition:transform .24s ease,box-shadow .24s ease}.project-featured:hover{transform:translateY(-7px);box-shadow:0 18px 45px rgba(0,0,0,.35)}@media(max-width:620px){.project-showcase{aspect-ratio:16/10;padding:10px;gap:8px}.project-system{gap:7px}}
.skariginals-showcase{background:#65c4ca}.skariginals-showcase .project-system img{background:#fff8dd}.skariginals-showcase .project-system{grid-template-rows:1.1fr .9fr}