:root{--bg:#08080b;--panel:#111116;--panel2:#17171d;--text:#f2eee9;--muted:#aaa4ad;--red:#c31336;--magenta:#d425ac;--cyan:#3ddddd;--line:#342e38;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6;min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(rgba(5,4,8,.70),rgba(5,4,8,.84)),radial-gradient(ellipse at top,rgba(195,19,54,.10),transparent 44%),url('../images/gothic-background.png') center top/cover no-repeat;opacity:.96}body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.16),transparent 20%,transparent 80%,rgba(0,0,0,.16)),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.010) 1px,transparent 1px),radial-gradient(circle at 50% 14%,rgba(219,34,179,.04),transparent 28%);background-size:auto,42px 42px,42px 42px,auto;opacity:.48}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(calc(100% - 32px),var(--max));margin:auto}.eyebrow{font:700 .76rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;color:var(--cyan);text-transform:uppercase}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,8,11,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:900 1.42rem/1 Arial Black,Impact,sans-serif;letter-spacing:.075em;text-transform:uppercase}.brand span{color:var(--red)}.brand-with-mark{display:inline-flex;align-items:center;gap:12px}.brand-text{display:block;line-height:.95}.brand-mark{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.35))}.footer-brand .brand-mark{width:64px;height:64px}.footer-brand{margin-bottom:8px}.nav-links{display:flex;gap:18px;align-items:center;font-size:.88rem}.nav-links>a:not(.btn){position:relative;padding:25px 0}.nav-links>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:1px;background:var(--cyan);transition:.2s}.nav-links>a:not(.btn):hover:after,.nav-links>a[aria-current="page"]:after{right:0}.nav-links>a[aria-current="page"]{color:var(--cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid var(--red);background:var(--red);color:#fff;text-transform:uppercase;letter-spacing:.075em;font-weight:800;clip-path:polygon(0 0,92% 0,100% 28%,100% 100%,8% 100%,0 72%);cursor:pointer;transition:.2s filter,.2s transform}.btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn.secondary{background:rgba(8,8,11,.6);border-color:#554b59}.btn.secondary:hover{border-color:var(--cyan);color:var(--cyan)}.hero{min-height:74vh;display:grid;align-items:center;padding:88px 0 68px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.hero h1,.page-hero h1{font:900 clamp(3.25rem,8vw,7.6rem)/.84 Arial Black,Impact,sans-serif;letter-spacing:-.055em;margin:.14em 0 .2em;text-transform:uppercase}.hero h1 .cut,.page-hero h1 .cut{display:block;color:transparent;-webkit-text-stroke:1px var(--magenta);text-shadow:6px 0 0 rgba(54,229,229,.10)}.hero-lead,.hero p,.page-hero p{font-size:1.12rem;color:#c3bdc5;max-width:690px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.actions.centered{justify-content:center}.hero-note{margin-top:36px;display:grid;grid-template-columns:42px 1fr;gap:14px;max-width:620px;padding-top:18px;border-top:1px solid var(--line)}.hero-note span,.panel-number{font:800 .72rem ui-monospace,monospace;letter-spacing:.12em;color:var(--magenta)}.hero-note p{font-size:.88rem;margin:0;color:var(--muted)}.hero-media{position:relative;min-height:500px}.hero-media img{position:absolute;width:72%;height:72%;object-fit:cover;border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.48)}.hero-media img:nth-child(1){top:0;right:0}.hero-media img:nth-child(2){bottom:0;left:0;width:60%;height:55%}.hero-media:before{content:'CUSTOM // CRAFTED';position:absolute;right:-24px;bottom:42px;z-index:3;padding:8px 12px;background:var(--cyan);color:#071010;font:800 .72rem ui-monospace,monospace;letter-spacing:.14em;transform:rotate(-90deg);transform-origin:right bottom}.page-hero{padding:92px 0 54px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(10,10,14,.60),rgba(10,10,14,.28))}.page-hero h1{font-size:clamp(2.9rem,7vw,6.2rem);max-width:900px}.page-hero p{max-width:760px}.section{padding:86px 0;border-top:1px solid rgba(52,46,56,.8);background:linear-gradient(180deg,rgba(8,8,11,.14),rgba(8,8,11,.34))}.section:first-child{border-top:0}.compact-section{padding:42px 0}.section-head,.portfolio-toolbar{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px}.section h2{font:900 clamp(2rem,5vw,4.15rem)/.95 Arial Black,Impact,sans-serif;text-transform:uppercase;margin:.18em 0}.section-lead{max-width:690px;color:var(--muted)}.mini-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini-showcase a{position:relative;min-height:310px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}.mini-showcase img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.35s transform,.35s filter}.mini-showcase a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,11,.98),rgba(8,8,11,.05) 70%)}.mini-showcase a:hover img{transform:scale(1.035);filter:contrast(1.05)}.mini-showcase a>div{position:absolute;left:20px;right:20px;bottom:18px;z-index:2}.mini-showcase span{display:block;font:700 .68rem ui-monospace,monospace;color:var(--cyan);letter-spacing:.12em;text-transform:uppercase}.mini-showcase strong{display:block;text-transform:uppercase;font:900 1.25rem Arial Black,Impact,sans-serif;margin-top:4px}.mini-showcase small{display:block;color:#bbb5bd;margin-top:4px}.split-feature,.process-grid,.about-story{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.content-panel{background:rgba(17,17,22,.88);border:1px solid var(--line);padding:32px;backdrop-filter:blur(4px)}.content-panel h3{font:900 1.45rem Arial Black,Impact,sans-serif;text-transform:uppercase;margin:.35rem 0 .65rem}.content-panel p{color:var(--muted)}.signal-panel{border-left:3px solid var(--magenta)}.text-link,.social{color:var(--text)}.text-link:hover,.social:hover{color:var(--cyan)}.service-detail{scroll-margin-top:86px}.service-split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.service-split.reverse .service-image{order:2}.service-image{min-height:460px;border:1px solid var(--line);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.28)}.service-image img{width:100%;height:100%;min-height:460px;object-fit:cover}.service-copy h2{margin-top:.18em}.service-copy>p{color:#c0bac2}.detail-list{padding:0;margin:24px 0 28px;list-style:none}.detail-list li{position:relative;padding:9px 0 9px 23px;border-bottom:1px solid rgba(52,46,56,.65);color:#c8c1c9}.detail-list li:before{content:'+';position:absolute;left:0;color:var(--magenta);font-weight:900}.cta-band{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:38px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(20,16,24,.94),rgba(9,9,13,.94))}.cta-band h2{font-size:clamp(2rem,4vw,3.6rem);margin:.18em 0}.cta-band p{color:var(--muted);margin-bottom:0}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.work-item{aspect-ratio:1/1;overflow:hidden;border:1px solid var(--line);background:var(--panel);position:relative;margin:0}.work-item.hidden{display:none}.work-item img,.work-item video{width:100%;height:100%;object-fit:cover;transition:.3s transform}.work-item:hover img,.work-item:hover video{transform:scale(1.035)}.work-item .tag{position:absolute;left:8px;bottom:8px;background:rgba(8,8,11,.9);border:1px solid var(--line);padding:5px 8px;font:700 .65rem ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.filter-group{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:rgba(9,9,13,.72);color:var(--muted);border:1px solid var(--line);padding:9px 12px;font:700 .72rem ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.filter-btn:hover,.filter-btn.active{border-color:var(--cyan);color:var(--cyan)}.portfolio-note{display:grid;grid-template-columns:auto 1fr;gap:14px;margin-top:20px;padding:18px 20px;border:1px solid var(--line);background:rgba(9,9,13,.7)}.portfolio-note span{font:800 .7rem ui-monospace,monospace;text-transform:uppercase;color:var(--magenta);letter-spacing:.12em}.portfolio-note p{margin:0;color:var(--muted);font-size:.88rem}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.flow-step{background:rgba(17,17,22,.94);padding:28px}.flow-step b{display:block;color:var(--magenta);font:800 .75rem ui-monospace,monospace;letter-spacing:.14em;margin-bottom:10px}.flow-step h3{margin:0 0 8px;text-transform:uppercase}.flow-step p{color:var(--muted);margin:0;font-size:.92rem}.checklist-panel{border-top:3px solid var(--cyan)}.about-media{border:1px solid var(--line);min-height:500px;overflow:hidden}.about-media img{width:100%;height:100%;min-height:500px;object-fit:cover}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.value-grid .content-panel{min-height:220px}.quote-panel{display:grid;grid-template-columns:.78fr 1.22fr;gap:44px;padding:40px;background:linear-gradient(135deg,rgba(21,18,25,.96),rgba(11,11,15,.96));border:1px solid var(--line)}.request-intro{position:sticky;top:112px;align-self:start}.request-guide{margin-top:28px;border-top:1px solid var(--line);padding-top:18px}.request-guide>span{font:800 .68rem ui-monospace,monospace;color:var(--cyan);text-transform:uppercase;letter-spacing:.12em}.request-guide ul{margin:12px 0 0;padding-left:18px;color:var(--muted);font-size:.9rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font:700 .72rem ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.field input,.field select,.field textarea{width:100%;background:#09090d;border:1px solid #403746;color:var(--text);padding:13px 14px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(61,221,221,.15)}.field textarea{min-height:150px;resize:vertical}.form-note{font-size:.78rem;color:var(--muted)}.submit-row{margin-top:4px}.request-foot{display:flex;justify-content:space-between;gap:30px;align-items:center}.request-foot h3{margin:.25rem 0 0;text-transform:uppercase}.request-foot p{max-width:620px;color:var(--muted);margin:0}.footer{border-top:1px solid var(--line);padding:42px 0 60px;color:var(--muted);background:rgba(8,8,11,.88)}.footer-row{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}.footer p{margin:.5rem 0 0;font-size:.82rem;max-width:480px}.footer-right{text-align:right}.mobile-toggle{display:none;background:none;border:0;color:var(--text);font-size:1.4rem;cursor:pointer}
@media(max-width:900px){.nav-links{gap:12px;font-size:.82rem}.hero-grid,.service-split,.split-feature,.process-grid,.about-story,.quote-panel{grid-template-columns:1fr}.service-split.reverse .service-image{order:0}.hero{padding-top:58px}.hero-media{min-height:420px}.mini-showcase{grid-template-columns:1fr}.mini-showcase a{min-height:360px}.work-grid{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:1fr 1fr}.value-grid{grid-template-columns:1fr}.request-intro{position:static}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#0b0b0f;border-bottom:1px solid var(--line);padding:18px 16px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.nav-links>a:not(.btn){padding:7px 0}.nav-links>a:not(.btn):after{bottom:2px}.mobile-toggle{display:block}.nav-cta{margin-top:6px}.portfolio-toolbar,.section-head{align-items:flex-start;flex-direction:column}.cta-band{align-items:flex-start;flex-direction:column}.footer-right{text-align:left}}
@media(max-width:560px){.hero h1{font-size:3.25rem}.hero-media{min-height:320px}.hero-media:before{display:none}.flow{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.section{padding:64px 0}.work-grid{gap:6px}.page-hero{padding-top:62px}.quote-panel{padding:24px}.service-image,.service-image img,.about-media,.about-media img{min-height:340px}.request-foot{align-items:flex-start;flex-direction:column}.cta-band{padding:28px}.footer{padding-bottom:44px}}


/* Background visibility tuning */
@media (prefers-contrast: more){
  body:before{background:linear-gradient(rgba(5,4,8,.38),rgba(5,4,8,.56)),radial-gradient(ellipse at top,rgba(195,19,54,.12),transparent 44%),url('../images/gothic-background.png') center top/cover no-repeat}
}
@media (max-width: 760px){
  body:before{background-position:center top;background-size:auto 115vh}
  body:after{opacity:.42}
}
@media (min-width: 1600px){
  body:before{background-size:cover;background-position:center 8%}
}

/* Pricing and payment additions */
.offer-card{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:34px 38px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(25,18,29,.96),rgba(10,10,14,.96));box-shadow:0 18px 50px rgba(0,0,0,.2)}.offer-kicker{font:800 .7rem ui-monospace,monospace;letter-spacing:.14em;color:var(--cyan)}.offer-card h3{font:900 clamp(2rem,4vw,3.4rem)/1 Arial Black,Impact,sans-serif;text-transform:uppercase;margin:.3rem 0}.offer-card p{color:var(--muted)}.offer-price{font:900 2.5rem/1 Arial Black,Impact,sans-serif;color:var(--magenta)}.offer-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.price-note{margin:22px 0;padding:15px 18px;border-left:3px solid var(--magenta);background:rgba(12,10,15,.74)}.price-note strong,.price-note span{display:block}.price-note span{color:var(--muted);font-size:.88rem;margin-top:3px}.payment-band{display:flex;justify-content:space-between;align-items:center;gap:36px;padding:34px;border:1px solid var(--line);background:rgba(13,12,17,.9)}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;min-width:min(100%,430px)}.payment-methods>div{border:1px solid var(--line);padding:16px;background:rgba(8,8,11,.72)}.payment-methods span{display:block;font:700 .68rem ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.payment-methods strong{display:block;margin-top:4px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pricing-grid .content-panel{height:100%}@media(max-width:800px){.offer-card,.payment-band{align-items:flex-start;flex-direction:column}.offer-actions{justify-content:flex-start}.payment-methods,.pricing-grid{grid-template-columns:1fr;width:100%}}

/* V1.8 commerce + form polish */
.commerce-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:clamp(36px,6vw,86px);align-items:start}.pricing-ledger>h2{max-width:700px}.rate-row{display:grid;grid-template-columns:58px 1fr;gap:22px;padding:30px 0;border-top:1px solid rgba(82,73,88,.72)}.rate-row:last-child{border-bottom:1px solid rgba(82,73,88,.72)}.rate-number{font:900 1.7rem/1 Arial Black,Impact,sans-serif;color:transparent;-webkit-text-stroke:1px var(--magenta);padding-top:4px}.rate-label{font:800 .7rem ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan)}.rate-row h3{font:900 clamp(1.45rem,3vw,2.3rem)/1 Arial Black,Impact,sans-serif;text-transform:uppercase;margin:.35rem 0 .55rem}.rate-row p{max-width:690px;color:#beb7c0;margin:0}.rate-accent{display:inline-block;margin-top:13px;color:var(--text);font-size:.92rem}.payment-slab{position:relative;padding:38px 36px 34px;border-left:3px solid var(--red);background:linear-gradient(150deg,rgba(25,14,22,.94),rgba(9,9,13,.86));box-shadow:0 28px 70px rgba(0,0,0,.24);overflow:hidden}.payment-slab:after{content:'//';position:absolute;right:-8px;bottom:-24px;font:900 8rem/1 Arial Black,Impact,sans-serif;color:rgba(219,34,179,.055);pointer-events:none}.payment-slab h2{font-size:clamp(2.5rem,5vw,4.4rem);margin:.25rem 0 .55rem}.payment-slab h2 span{color:transparent;-webkit-text-stroke:1px var(--magenta)}.payment-slab>p{color:#beb7c0}.payment-lines{margin:28px 0 0}.payment-lines>div{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:15px 0;border-top:1px solid var(--line)}.payment-lines>div:last-child{border-bottom:1px solid var(--line)}.payment-lines dt{font:800 .68rem ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.payment-lines dd{margin:0;font-weight:900;color:var(--text)}.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-note.success{color:#91ead7}.form-note.error-text{color:#ff9bad}@media(max-width:900px){.commerce-layout{grid-template-columns:1fr}.payment-slab{max-width:620px}.rate-row{grid-template-columns:44px 1fr}}@media(max-width:560px){.payment-slab{padding:30px 24px}.rate-row{grid-template-columns:1fr;gap:10px}.rate-number{font-size:1.25rem}}

.admin-brand .brand-mark{width:42px;height:42px}.admin-brand .brand-text small{display:block;font-size:.62rem;letter-spacing:.12em;color:var(--muted);margin-top:4px}.login-brand{display:flex;align-items:center;gap:16px;margin-bottom:14px}.login-brand-mark{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.35))}
@media(max-width:560px){.brand-mark{width:46px;height:46px}.brand-text{font-size:1rem;line-height:1}.footer-brand .brand-mark{width:56px;height:56px}.login-brand{gap:12px}.login-brand-mark{width:58px;height:58px}}
