/* Extracted shared base styles from generated pages. */



/* ═══════════════════════════════════════
   ROOT & RESET
═══════════════════════════════════════ */
:root{
  --black:#080808;--near-black:#0d0d0d;--white:#f8f6f2;--cream:#ede9e0;
  --red:#c8382a;--red-dark:#9e2a1e;--red-glow:rgba(200,56,42,0.15);
  --gold:#b8922e;--gray-light:#e8e4dc;--gray-mid:#9a9490;--text:#1a1816;
  --serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif;
  --ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--white);color:var(--text);line-height:1.6;overflow-x:hidden}

/* Cursor: default browser cursor */

/* ═══════════════════════════════════════
   NOISE TEXTURE OVERLAY
═══════════════════════════════════════ */
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9997;opacity:0.4}

/* ═══════════════════════════════════════
   PAGE TRANSITIONS
═══════════════════════════════════════ */
#page-transition{position:fixed;inset:0;z-index:9996;background:var(--black);transform:scaleY(0);transform-origin:bottom;pointer-events:none}
#page-transition.entering{animation:curtainIn 0.5s var(--ease-out) forwards}
#page-transition.leaving{transform-origin:top;animation:curtainOut 0.45s var(--ease-out) forwards}
@keyframes curtainIn{to{transform:scaleY(1)}}
@keyframes curtainOut{from{transform:scaleY(1)}to{transform:scaleY(0)}}

/* ═══════════════════════════════════════
   NAV
═══════════════════════════════════════ */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(8,8,8,0.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,0.06);padding:0 56px;height:68px;display:flex;align-items:center;justify-content:space-between;transition:background 0.3s}
.nav-logo{font-family:var(--serif);font-size:1.25rem;font-weight:600;color:var(--white);text-decoration:none;letter-spacing:0.04em;cursor:pointer}
.nav-logo span{color:var(--red)}
.nav-links{display:flex;align-items:center;gap:28px;list-style:none}
.nav-links a,.nav-links button{font-size:0.75rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(248,246,242,0.6);text-decoration:none;transition:color 0.2s;font-weight:500;background:none;border:none;cursor:pointer;font-family:var(--sans)}
.nav-links a:hover,.nav-links button:hover{color:var(--white)}
.nav-dropdown{position:relative}
.dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(-8px);background:rgba(10,10,10,0.98);border:1px solid rgba(255,255,255,0.1);min-width:240px;padding:10px 0;opacity:0;pointer-events:none;transition:opacity 0.25s,transform 0.25s var(--ease-out)}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.dropdown-menu button{display:block;width:100%;text-align:left;padding:11px 24px;font-size:0.75rem;letter-spacing:0.1em;color:rgba(248,246,242,0.6);text-transform:uppercase;background:none;border:none;cursor:pointer;font-family:var(--sans);transition:color 0.2s,background 0.2s}
.dropdown-menu button:hover{color:var(--white);background:rgba(200,56,42,0.1)}
.nav-cta{background:var(--red)!important;color:var(--white)!important;padding:10px 22px!important;border-radius:2px!important;font-weight:600!important}
.nav-cta:hover{background:var(--red-dark)!important}

/* ═══════════════════════════════════════
   PAGE CONTAINER
═══════════════════════════════════════ */
#app{min-height:100vh}
.page{display:none}
.page.active{display:block}

/* ═══════════════════════════════════════
   SHARED COMPONENTS
═══════════════════════════════════════ */
.container{max-width:1280px;margin:0 auto;padding:0 56px}
section{padding:120px 0}
.section-label{font-size:0.68rem;letter-spacing:0.24em;text-transform:uppercase;color:var(--red);font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:20px}
.section-label::before{content:'';display:block;width:24px;height:1px;background:var(--red)}
h2.section-title{font-family:var(--serif);font-size:clamp(2.4rem,4vw,3.8rem);font-weight:300;color:var(--text);line-height:1.15;letter-spacing:-0.01em;margin-bottom:20px}
h2.section-title em{font-style:italic;color:var(--red)}
.section-body{font-size:0.95rem;color:var(--gray-mid);line-height:1.85;max-width:520px}
.btn-primary{display:inline-block;background:var(--red);color:var(--white);padding:16px 42px;font-size:0.78rem;letter-spacing:0.16em;text-transform:uppercase;font-weight:600;text-decoration:none;border-radius:2px;border:none;cursor:pointer;font-family:var(--sans);transition:background 0.25s,transform 0.25s;position:relative;overflow:hidden}
.btn-primary::after{content:'';position:absolute;inset:0;background:var(--white);opacity:0;transition:opacity 0.25s}
.btn-primary:hover{background:var(--red-dark);transform:translateY(-2px)}
.btn-ghost-light{display:inline-block;color:rgba(248,246,242,0.65);padding:16px 0;font-size:0.76rem;letter-spacing:0.14em;text-transform:uppercase;font-weight:500;text-decoration:none;border-bottom:1px solid rgba(248,246,242,0.2);transition:color 0.2s,border-color 0.2s;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;font-family:var(--sans)}
.btn-ghost-light:hover{color:var(--white);border-color:rgba(248,246,242,0.6)}
.btn-ghost-dark{display:inline-block;color:var(--text);padding:14px 0;font-size:0.76rem;letter-spacing:0.14em;text-transform:uppercase;font-weight:500;text-decoration:none;border-bottom:1px solid rgba(26,24,22,0.3);transition:color 0.2s,border-color 0.2s;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;font-family:var(--sans)}
.btn-ghost-dark:hover{color:var(--red);border-color:var(--red)}
.btn-white{display:inline-block;background:var(--white);color:var(--red);padding:18px 56px;font-size:0.78rem;letter-spacing:0.16em;text-transform:uppercase;font-weight:700;text-decoration:none;border-radius:2px;transition:background 0.2s;border:none;cursor:pointer;font-family:var(--sans)}
.btn-white:hover{background:var(--cream)}

/* ═══════════════════════════════════════
   ANIMATIONS & REVEALS
═══════════════════════════════════════ */
.reveal{opacity:0;transform:translateY(32px);transition:opacity 0.8s var(--ease-out),transform 0.8s var(--ease-out)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity 0.8s var(--ease-out),transform 0.8s var(--ease-out)}
.reveal-left.visible{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(40px);transition:opacity 0.8s var(--ease-out),transform 0.8s var(--ease-out)}
.reveal-right.visible{opacity:1;transform:translateX(0)}
.reveal-scale{opacity:0;transform:scale(0.92);transition:opacity 0.7s var(--ease-out),transform 0.7s var(--ease-out)}
.reveal-scale.visible{opacity:1;transform:scale(1)}
.delay-1{transition-delay:0.1s!important}
.delay-2{transition-delay:0.2s!important}
.delay-3{transition-delay:0.3s!important}
.delay-4{transition-delay:0.4s!important}
.delay-5{transition-delay:0.5s!important}

/* Split text animation */
.split-text .word{display:inline-block;overflow:hidden;vertical-align:bottom}
.split-text .char{display:inline-block;animation:charReveal 0.7s var(--ease-out) both}
@keyframes charReveal{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}

/* Float animation for decorative elements */
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes pulse-ring{0%{transform:scale(1);opacity:0.4}100%{transform:scale(1.5);opacity:0}}
@keyframes spin-slow{to{transform:rotate(360deg)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}

/* ═══════════════════════════════════════
   MARQUEE
═══════════════════════════════════════ */
.marquee-strip{background:var(--red);overflow:hidden;padding:14px 0}
.marquee-track{display:flex;animation:marquee 28s linear infinite;white-space:nowrap}
.marquee-track span{font-size:0.68rem;letter-spacing:0.24em;text-transform:uppercase;color:rgba(255,255,255,0.8);padding:0 36px;font-weight:500}
.marquee-track span::after{content:'◆';margin-left:36px;opacity:0.35;font-size:0.5rem}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ═══════════════════════════════════════
   HERO — MAIN
═══════════════════════════════════════ */
.hero-home{min-height:100vh;background:var(--black);display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}
.hero-home::before{content:'';position:absolute;top:-200px;right:200px;width:600px;height:600px;background:radial-gradient(circle,rgba(200,56,42,0.08) 0%,transparent 70%);pointer-events:none;animation:float 8s ease-in-out infinite}
.hero-left{display:flex;flex-direction:column;justify-content:center;padding:140px 72px 80px;position:relative;z-index:2}
.hero-eyebrow{font-size:0.68rem;letter-spacing:0.24em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:32px;display:flex;align-items:center;gap:14px;opacity:0;animation:fadeSlideIn 0.8s 0.3s var(--ease-out) forwards}
.hero-eyebrow::before{content:'';display:block;width:0;height:1px;background:var(--red);animation:lineGrow 0.6s 0.5s var(--ease-out) forwards}
@keyframes fadeSlideIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes lineGrow{to{width:32px}}
.hero-h1{font-family:var(--serif);font-size:clamp(3.2rem,5vw,5.2rem);font-weight:300;color:var(--white);line-height:1.08;margin-bottom:32px;letter-spacing:-0.02em}
.hero-h1 em{font-style:italic;color:var(--red)}
.hero-sub{font-size:0.95rem;color:rgba(248,246,242,0.55);max-width:420px;line-height:1.8;margin-bottom:52px;opacity:0;animation:fadeSlideIn 0.8s 0.9s var(--ease-out) forwards}
.hero-ctas{display:flex;gap:20px;align-items:center;opacity:0;animation:fadeSlideIn 0.8s 1.1s var(--ease-out) forwards}
.hero-right{position:relative;overflow:hidden}
.hero-right::before{content:'';position:absolute;inset:0;background:linear-gradient(to right,var(--black) 0%,transparent 40%);z-index:1}
.hero-bg-art{width:100%;height:100%;background:linear-gradient(135deg,#161210 0%,#1f1a17 50%,#0d0d0d 100%);display:flex;align-items:center;justify-content:center;position:relative}
.hero-bg-art svg{position:absolute;opacity:0.04;animation:spin-slow 120s linear infinite}
.hero-right-lines{position:absolute;inset:0;z-index:0}
.hero-right-lines::before,.hero-right-lines::after{content:'';position:absolute;border:1px solid rgba(200,56,42,0.08);border-radius:50%}
.hero-right-lines::before{width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse-ring 4s ease-out infinite}
.hero-right-lines::after{width:350px;height:350px;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse-ring 4s 1.5s ease-out infinite}
.hero-portrait{width:380px;height:520px;background:linear-gradient(160deg,#2a2520 0%,#1a1510 100%);border:1px solid rgba(200,56,42,0.15);position:relative;z-index:2;overflow:hidden}
.hero-portrait::after{content:'NICHOLAS\ADITSAS';white-space:pre;position:absolute;bottom:32px;left:32px;font-family:var(--serif);font-size:1.4rem;font-weight:300;color:rgba(248,246,242,0.15);line-height:1.2}
.portrait-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.portrait-placeholder svg{opacity:0.08;width:160px}
.hero-stats{position:absolute;bottom:56px;left:72px;display:flex;gap:52px;z-index:2}
.stat-num{font-family:var(--serif);font-size:2.6rem;font-weight:300;color:var(--white);line-height:1}
.stat-label{font-size:0.66rem;letter-spacing:0.16em;text-transform:uppercase;color:rgba(248,246,242,0.35);margin-top:5px}

/* ═══════════════════════════════════════
   SERVICES SECTION (HOME)
═══════════════════════════════════════ */
.services-section{background:var(--cream)}
.services-header{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:72px}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.service-card{background:var(--white);padding:52px 44px;cursor:pointer;display:block;transition:background 0.35s;position:relative;overflow:hidden;border:none;width:100%;text-align:left;font-family:var(--sans)}
.service-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform 0.4s var(--ease-out)}
.service-card::after{content:'';position:absolute;inset:0;background:var(--red-glow);opacity:0;transition:opacity 0.35s}
.service-card:hover{background:var(--black)}
.service-card:hover::before{transform:scaleX(1)}
.service-card:hover::after{opacity:1}
.service-card:hover .svc-num{color:rgba(200,56,42,0.4)}
.service-card:hover .svc-title{color:var(--white)}
.service-card:hover .svc-desc{color:rgba(248,246,242,0.45)}
.service-card:hover .svc-arrow{color:var(--red);transform:translateX(6px)}
.svc-num{font-family:var(--serif);font-size:1rem;color:var(--red);margin-bottom:24px;font-weight:300;transition:color 0.35s}
.svc-title{font-family:var(--serif);font-size:1.65rem;font-weight:400;color:var(--text);margin-bottom:14px;line-height:1.2;transition:color 0.35s}
.svc-desc{font-size:0.85rem;color:var(--gray-mid);line-height:1.75;margin-bottom:32px;transition:color 0.35s}
.svc-arrow{font-size:1.5rem;color:var(--text);transition:color 0.35s,transform 0.35s;display:inline-block}

/* ═══════════════════════════════════════
   WHY US SECTION
═══════════════════════════════════════ */
.why-section{background:var(--black);overflow:hidden}
.why-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:120px;align-items:center}
.why-title{font-family:var(--serif);font-size:clamp(2.2rem,3.5vw,3.4rem);font-weight:300;color:var(--white);line-height:1.15;margin-bottom:28px}
.why-title em{font-style:italic;color:var(--red)}
.why-text{font-size:0.9rem;color:rgba(248,246,242,0.45);line-height:1.85;margin-bottom:48px}
.points-list{display:flex;flex-direction:column}
.point-item{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,0.05);position:relative}
.point-item::before{content:'';position:absolute;left:-56px;top:0;bottom:0;width:1px;background:var(--red);transform:scaleY(0);transform-origin:top;transition:transform 0.5s var(--ease-out)}
.point-item:hover::before{transform:scaleY(1)}
.point-n{font-family:var(--serif);font-size:2rem;font-weight:300;color:rgba(200,56,42,0.25);flex-shrink:0;line-height:1;padding-top:4px;min-width:36px}
.point-title{font-size:0.92rem;font-weight:600;color:var(--white);margin-bottom:7px;letter-spacing:0.02em}
.point-text{font-size:0.83rem;color:rgba(248,246,242,0.4);line-height:1.75}

/* ═══════════════════════════════════════
   PROCESS
═══════════════════════════════════════ */
.process-section{background:var(--white)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:80px;border:1px solid var(--gray-light)}
.process-step{padding:52px 40px;border-right:1px solid var(--gray-light);transition:background 0.3s}
.process-step:last-child{border-right:none}
.process-step:hover{background:var(--cream)}
.step-n{font-family:var(--serif);font-size:4rem;font-weight:300;color:var(--gray-light);line-height:1;margin-bottom:24px;transition:color 0.3s}
.process-step:hover .step-n{color:rgba(200,56,42,0.2)}
.step-title{font-family:var(--serif);font-size:1.3rem;font-weight:400;color:var(--text);margin-bottom:12px}
.step-text{font-size:0.83rem;color:var(--gray-mid);line-height:1.75}

/* ═══════════════════════════════════════
   TESTIMONIALS
═══════════════════════════════════════ */
.testimonials-section{background:var(--cream)}
.testimonials-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}
.reviews-badge{display:flex;align-items:center;gap:10px;font-size:0.8rem;color:var(--gray-mid)}
.stars{color:var(--gold);font-size:0.95rem;letter-spacing:2px}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.testi-card{background:var(--white);padding:32px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px 26px;align-items:start}
.testi-photo{display:block;width:180px;height:180px;object-fit:cover;object-position:center;border-radius:50%;background:var(--cream)}
.testi-quote{font-family:var(--serif);font-size:1rem;font-weight:300;color:var(--text);line-height:1.6;margin-bottom:14px;font-style:italic;position:relative;padding-top:24px}
.testi-quote::before{content:'"';position:absolute;top:-8px;left:0;font-size:3rem;color:var(--red);line-height:1;font-style:normal}
.testi-credit{grid-column:2}
.testi-name{font-size:0.85rem;font-weight:600;color:var(--text)}
.testi-role{font-size:0.78rem;color:var(--gray-mid);margin-top:3px}

/* ═══════════════════════════════════════
   ARTICLES (HOME PREVIEW)
═══════════════════════════════════════ */
.articles-preview{background:var(--black)}
.articles-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.article-card{background:rgba(255,255,255,0.025);padding:48px 40px;cursor:pointer;border:1px solid rgba(255,255,255,0.05);transition:background 0.3s,border-color 0.3s}
.article-card:hover{background:rgba(255,255,255,0.06);border-color:rgba(200,56,42,0.3)}
.art-tag{font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:16px}
.art-title{font-family:var(--serif);font-size:1.45rem;font-weight:300;color:var(--white);line-height:1.4;margin-bottom:14px}
.art-excerpt{font-size:0.83rem;color:rgba(248,246,242,0.38);line-height:1.75;margin-bottom:32px}
.art-link{font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--red);font-weight:600}

/* ═══════════════════════════════════════
   LOCATIONS (HOME)
═══════════════════════════════════════ */
.locations-section{background:var(--white)}
.locations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:60px}
.loc-card{background:var(--cream);padding:44px 36px;cursor:pointer;transition:background 0.3s;border:none;width:100%;text-align:left;font-family:var(--sans)}
.loc-card:hover{background:var(--black)}
.loc-card:hover .loc-name{color:var(--white)}
.loc-card:hover .loc-desc{color:rgba(248,246,242,0.38)}
.loc-icon{font-size:1.8rem;margin-bottom:18px;display:block}
.loc-name{font-family:var(--serif);font-size:1.4rem;font-weight:400;color:var(--text);margin-bottom:10px;transition:color 0.3s}
.loc-desc{font-size:0.82rem;color:var(--gray-mid);line-height:1.7;transition:color 0.3s}

/* ═══════════════════════════════════════
   CLIENTS
═══════════════════════════════════════ */
.clients-section{background:var(--white);padding:72px 0}
.clients-label{text-align:center;font-size:0.68rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--gray-mid);margin-bottom:48px}
.clients-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:40px 64px}
.client-logo{font-family:var(--serif);font-size:1.08rem;font-weight:600;color:#5f5853;letter-spacing:0.08em;text-transform:uppercase;transition:color 0.3s;cursor:default}
.client-logo:hover{color:var(--red-dark)}

/* ═══════════════════════════════════════
   FAQ
═══════════════════════════════════════ */
.faq-section{background:var(--cream)}
.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:120px;align-items:start}
.faq-sticky{position:sticky;top:100px}
.faq-list{margin-top:8px}
.faq-item{border-bottom:1px solid var(--gray-light)}
.faq-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 0;font-size:0.92rem;font-weight:500;color:var(--text);background:none;border:none;cursor:pointer;text-align:left;gap:16px;font-family:var(--sans);transition:color 0.2s}
.faq-btn:hover{color:var(--red)}
.faq-icon{width:26px;height:26px;border:1px solid var(--gray-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--red);flex-shrink:0;transition:all 0.25s;line-height:1}
.faq-btn:hover .faq-icon{background:var(--red);color:var(--white);border-color:var(--red)}
.faq-answer{font-size:0.86rem;color:var(--gray-mid);line-height:1.85;max-height:0;overflow:hidden;transition:max-height 0.4s var(--ease-out),padding 0.3s}
.faq-answer.open{max-height:300px;padding-bottom:24px}
.faq-answer a{color:var(--red);text-decoration:none}
.faq-answer a:hover{text-decoration:underline}

/* ═══════════════════════════════════════
   CTA BAND
═══════════════════════════════════════ */
.cta-band{background:var(--red);padding:100px 0;text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(255,255,255,0.06) 0%,transparent 60%);pointer-events:none}
.cta-title{font-family:var(--serif);font-size:clamp(2.4rem,4vw,4rem);font-weight:300;color:var(--white);margin-bottom:20px;position:relative}
.cta-sub{font-size:0.95rem;color:rgba(255,255,255,0.65);margin-bottom:48px;position:relative}
.cta-contact{margin-top:24px;font-size:0.8rem;color:rgba(255,255,255,0.45)}

/* ═══════════════════════════════════════
   FOOTER
═══════════════════════════════════════ */
footer{background:#050505;padding:80px 0 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:64px;margin-bottom:60px}
.footer-brand{font-family:var(--serif);font-size:1.4rem;font-weight:600;color:var(--white);margin-bottom:16px}
.footer-tagline{font-size:0.83rem;color:rgba(255,255,255,0.3);line-height:1.8;margin-bottom:28px}
.footer-contact{font-size:0.83rem;color:rgba(255,255,255,0.4);line-height:2.1}
.footer-contact a{color:rgba(255,255,255,0.4);text-decoration:none;transition:color 0.2s;cursor:pointer}
.footer-contact a:hover,.footer-contact button:hover{color:var(--red)}
.footer-contact button{background:none;border:none;color:rgba(255,255,255,0.4);font-size:0.83rem;cursor:pointer;font-family:var(--sans);transition:color 0.2s}
.footer-col-title{font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.2);margin-bottom:20px;font-weight:600}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:11px}
.footer-links button{font-size:0.83rem;color:rgba(255,255,255,0.4);background:none;border:none;cursor:pointer;font-family:var(--sans);text-align:left;transition:color 0.2s;padding:0}
.footer-links button:hover{color:var(--white)}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.05);padding-top:28px;display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-size:0.75rem;color:rgba(255,255,255,0.18)}
.footer-legal{display:flex;gap:24px}
.footer-legal button{font-size:0.75rem;color:rgba(255,255,255,0.18);background:none;border:none;cursor:pointer;font-family:var(--sans);transition:color 0.2s}
.footer-legal button:hover{color:var(--white)}

/* ═══════════════════════════════════════
   SERVICE PAGE HERO (SHARED)
═══════════════════════════════════════ */
.service-hero{min-height:70vh;background:var(--black);display:flex;align-items:center;padding-top:68px;position:relative;overflow:hidden}
.service-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--red),transparent)}
.service-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(200,56,42,0.07) 0%,transparent 60%)}
.service-hero-content{position:relative;z-index:2;padding:80px 0}
.service-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.service-hero h1{font-family:var(--serif);font-size:clamp(2.8rem,4.5vw,4.4rem);font-weight:300;color:var(--white);line-height:1.1;margin-bottom:28px;letter-spacing:-0.01em}
.service-hero h1 em{font-style:italic;color:var(--red)}
.service-hero-sub{font-size:0.95rem;color:rgba(248,246,242,0.5);line-height:1.85;margin-bottom:40px}
.service-hero-stats{display:flex;gap:40px;margin-top:40px;padding-top:40px;border-top:1px solid rgba(255,255,255,0.07)}
.hero-stat-item .n{font-family:var(--serif);font-size:2rem;font-weight:300;color:var(--white)}
.hero-stat-item .l{font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(248,246,242,0.3);margin-top:4px}
.service-hero-right{position:relative}
.service-hero-art{width:100%;aspect-ratio:4/5;background:linear-gradient(135deg,rgba(200,56,42,0.06),rgba(255,255,255,0.02));border:1px solid rgba(200,56,42,0.12);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.service-hero-art::before{content:'';position:absolute;inset:24px;border:1px solid rgba(200,56,42,0.06)}

/* ═══════════════════════════════════════
   CONTENT SECTIONS (REUSED)
═══════════════════════════════════════ */
.content-split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.content-split.reverse{direction:rtl}.content-split.reverse>*{direction:ltr}
.content-block h3{font-family:var(--serif);font-size:2rem;font-weight:300;color:var(--text);line-height:1.25;margin-bottom:20px}
.content-block h3 em{font-style:italic;color:var(--red)}
.content-block p{font-size:0.9rem;color:var(--gray-mid);line-height:1.85;margin-bottom:16px}
.art-block{background:var(--cream);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.art-block-dark{background:linear-gradient(135deg,#161210,#1a1510);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid rgba(200,56,42,0.1)}

/* Features list */
.features-list{display:flex;flex-direction:column;gap:0}
.feature-item{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--gray-light)}
.feature-icon{color:var(--red);font-size:1.2rem;flex-shrink:0;margin-top:2px;width:24px}
.feature-title{font-size:0.9rem;font-weight:600;color:var(--text);margin-bottom:5px}
.feature-text{font-size:0.83rem;color:var(--gray-mid);line-height:1.7}

/* Industry cards */
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:60px}
.industry-card{background:var(--cream);padding:40px 36px;transition:background 0.3s;cursor:pointer}
.industry-card:hover{background:var(--text)}
.industry-card:hover .ind-name{color:var(--white)}
.industry-card:hover .ind-text{color:rgba(248,246,242,0.4)}
.ind-icon{font-size:2rem;margin-bottom:16px}
.ind-name{font-family:var(--serif);font-size:1.3rem;font-weight:400;color:var(--text);margin-bottom:10px;transition:color 0.3s}
.ind-text{font-size:0.82rem;color:var(--gray-mid);line-height:1.7;transition:color 0.3s}

/* Pricing cards */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:64px}
.pricing-card{background:var(--cream);padding:52px 44px;position:relative;transition:transform 0.3s}
.pricing-card.featured{background:var(--black);border:1px solid rgba(200,56,42,0.3)}
.pricing-card:hover{transform:translateY(-4px)}
.pricing-badge{position:absolute;top:28px;right:28px;background:var(--red);color:var(--white);font-size:0.65rem;letter-spacing:0.14em;text-transform:uppercase;padding:5px 12px;font-weight:600;border-radius:1px}
.pricing-name{font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gray-mid);margin-bottom:20px;font-weight:600}
.pricing-card.featured .pricing-name{color:rgba(248,246,242,0.4)}
.pricing-price{font-family:var(--serif);font-size:3rem;font-weight:300;color:var(--text);line-height:1;margin-bottom:8px}
.pricing-card.featured .pricing-price{color:var(--white)}
.pricing-sub{font-size:0.8rem;color:var(--gray-mid);margin-bottom:36px}
.pricing-card.featured .pricing-sub{color:rgba(248,246,242,0.35)}
.pricing-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:40px}
.pricing-features li{font-size:0.83rem;color:var(--gray-mid);display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.pricing-card.featured .pricing-features li{color:rgba(248,246,242,0.5)}
.pricing-features li::before{content:'✓';color:var(--red);flex-shrink:0;font-weight:700}
.pricing-divider{height:1px;background:var(--gray-light);margin:20px 0}
.pricing-card.featured .pricing-divider{background:rgba(255,255,255,0.08)}

/* Portfolio grid */
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:60px}
.portfolio-item{aspect-ratio:3/4;background:var(--cream);position:relative;overflow:hidden;cursor:pointer}
.portfolio-item:nth-child(4n+1){grid-row:span 2;aspect-ratio:auto}
.portfolio-item-bg{width:100%;height:100%;background:linear-gradient(135deg,#2a2520,#1a1510);display:flex;align-items:center;justify-content:center;transition:transform 0.5s var(--ease-out)}
.portfolio-item:hover .portfolio-item-bg{transform:scale(1.04)}
.portfolio-item-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.7) 0%,transparent 50%);opacity:0;transition:opacity 0.3s}
.portfolio-item:hover .portfolio-item-overlay{opacity:1}
.portfolio-item-label{position:absolute;bottom:20px;left:20px;right:20px;opacity:0;transition:opacity 0.3s,transform 0.3s;transform:translateY(8px)}
.portfolio-item:hover .portfolio-item-label{opacity:1;transform:translateY(0)}
.portfolio-label-text{font-size:0.75rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(248,246,242,0.7);font-weight:500}

/* About page */
.about-hero{min-height:80vh;background:var(--black);display:flex;align-items:center;padding-top:68px;position:relative;overflow:hidden}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding:100px 0}
.about-portrait{width:100%;aspect-ratio:3/4;background:linear-gradient(160deg,#2a2520 0%,#181310 100%);border:1px solid rgba(200,56,42,0.1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.about-text-hero{font-family:var(--serif);font-size:clamp(2.4rem,3.8vw,3.8rem);font-weight:300;color:var(--white);line-height:1.15;margin-bottom:32px}
.about-text-hero em{font-style:italic;color:var(--red)}
.about-body{font-size:0.9rem;color:rgba(248,246,242,0.45);line-height:1.9;margin-bottom:16px}
.credentials{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.credential-item{padding:28px 32px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);transition:border-color 0.3s}
.credential-item:hover{border-color:rgba(200,56,42,0.3)}
.cred-title{font-size:0.7rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--red);margin-bottom:8px;font-weight:600}
.cred-text{font-size:0.83rem;color:rgba(248,246,242,0.4);line-height:1.6}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.contact-info{padding-top:20px}
.contact-field{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--gray-light)}
.contact-field-label{font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:8px}
.contact-field-value{font-family:var(--serif);font-size:1.3rem;font-weight:300;color:var(--text)}
.contact-form{display:flex;flex-direction:column;gap:20px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{display:flex;flex-direction:column;gap:8px}
.form-label{font-size:0.7rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--gray-mid);font-weight:500}
.form-input,.form-textarea{padding:16px 20px;background:var(--cream);border:1px solid var(--gray-light);font-size:0.9rem;font-family:var(--sans);color:var(--text);transition:border-color 0.2s;outline:none;border-radius:2px;resize:none}
.form-input:focus,.form-textarea:focus{border-color:var(--red)}
#quote-panel-group .form-input,#quote-panel-group .form-textarea{background:var(--white);border-color:#ccc8bf}
#quote-panel-group .form-input:focus,#quote-panel-group .form-textarea:focus{border-color:var(--red)}
#quote-panel-activation .form-input,#quote-panel-activation .form-textarea{background:var(--white);border-color:#ccc8bf}
#quote-panel-activation .form-input:focus,#quote-panel-activation .form-textarea:focus{border-color:var(--red)}
.form-textarea{min-height:140px}

/* Articles page */
.articles-listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:60px}
.article-listing-card{background:var(--cream);padding:48px 40px;cursor:pointer;transition:background 0.3s;position:relative;overflow:hidden}
.article-listing-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform 0.4s var(--ease-out)}
.article-listing-card:hover{background:var(--white)}
.article-listing-card:hover::after{transform:scaleX(1)}
.article-cat{font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:16px}
.article-h{font-family:var(--serif);font-size:1.5rem;font-weight:300;color:var(--text);line-height:1.35;margin-bottom:14px}
.article-excerpt-short{font-size:0.83rem;color:var(--gray-mid);line-height:1.75;margin-bottom:28px}
.article-meta{font-size:0.72rem;color:var(--gray-mid);letter-spacing:0.06em}

/* Article content */
.article-content{max-width:760px;margin:0 auto;padding:80px 0}
.article-content h2{font-family:var(--serif);font-size:2rem;font-weight:300;color:var(--text);margin:52px 0 20px;line-height:1.25}
.article-content h3{font-family:var(--serif);font-size:1.5rem;font-weight:400;color:var(--text);margin:36px 0 16px}
.article-content p{font-size:0.95rem;color:#4a4845;line-height:1.9;margin-bottom:20px}
.article-content ul{margin:20px 0 20px 20px;display:flex;flex-direction:column;gap:10px}
.article-content li{font-size:0.93rem;color:#4a4845;line-height:1.7}
.article-content strong{color:var(--text);font-weight:600}
.article-content .callout{background:var(--cream);border-left:3px solid var(--red);padding:24px 28px;margin:32px 0;border-radius:0 2px 2px 0}
.article-content .callout p{margin-bottom:0;font-style:italic}
.article-hero{background:var(--black);padding:120px 0 80px;text-align:center}
.article-hero-eyebrow{font-size:0.68rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--red);margin-bottom:24px;font-weight:600}
.article-hero h1{font-family:var(--serif);font-size:clamp(2.4rem,4vw,3.8rem);font-weight:300;color:var(--white);line-height:1.2;max-width:820px;margin:0 auto 24px}
.article-hero-meta{font-size:0.8rem;color:rgba(248,246,242,0.35);letter-spacing:0.06em}

/* Number counter */
.counter-num{font-family:var(--serif);font-size:3.5rem;font-weight:300;color:var(--white);line-height:1}
.counter-label{font-size:0.7rem;letter-spacing:0.16em;text-transform:uppercase;color:rgba(248,246,242,0.3);margin-top:6px}
.counters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:72px}
.counter-item{background:rgba(255,255,255,0.03);padding:48px 40px;border:1px solid rgba(255,255,255,0.05);text-align:center;transition:border-color 0.3s}
.counter-item:hover{border-color:rgba(200,56,42,0.2)}

/* Floating label on art blocks */
.art-label{position:absolute;bottom:28px;left:28px;font-family:var(--serif);font-size:1rem;font-weight:300;color:rgba(248,246,242,0.15);font-style:italic}

/* ═══════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════ */
@media(max-width:1024px){
  nav{padding:0 24px}
  .container{padding:0 24px}
  .hero-home{grid-template-columns:1fr}
  .hero-right,.hero-left.hero-left{padding:140px 32px 80px}
  .services-grid{grid-template-columns:1fr 1fr}
  .services-header{grid-template-columns:1fr;gap:28px}
  .why-grid{grid-template-columns:1fr;gap:60px}
  .process-grid{grid-template-columns:1fr 1fr}
  .testi-grid{grid-template-columns:1fr}
  .articles-grid{grid-template-columns:1fr 1fr}
  .locations-grid{grid-template-columns:1fr 1fr}
  .faq-grid{grid-template-columns:1fr;gap:48px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:40px}
  .service-hero-grid{grid-template-columns:1fr;gap:40px}
  .content-split{grid-template-columns:1fr;gap:48px}
  .content-split.reverse{direction:ltr}
  .about-grid{grid-template-columns:1fr;gap:48px}
  .contact-grid{grid-template-columns:1fr;gap:60px}
  .hero-stats{left:32px;gap:32px}
  .pricing-grid{grid-template-columns:1fr}
  .counters-grid{grid-template-columns:1fr 1fr}
  .industry-grid{grid-template-columns:1fr 1fr}
  .articles-listing-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .nav-links{display:none}
  section{padding:80px 0}
  .services-grid{grid-template-columns:1fr}
  .process-grid{grid-template-columns:1fr}
  .locations-grid{grid-template-columns:1fr}
  .articles-grid{grid-template-columns:1fr}
  .industry-grid{grid-template-columns:1fr}
  .articles-listing-grid{grid-template-columns:1fr}
  .portfolio-grid{grid-template-columns:1fr 1fr}
  .portfolio-item:nth-child(4n+1){grid-row:span 1;aspect-ratio:3/4}
  .footer-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .testi-card{padding:28px;grid-template-columns:144px minmax(0,1fr);gap:14px 18px}
  .testi-photo{width:144px;height:144px}
  .testi-quote{font-size:0.98rem;line-height:1.58}
}

@media(max-width:640px){
  .content-split{grid-template-columns:1fr !important;gap:48px !important;align-items:start}
  .content-split.reverse{direction:ltr}
  .content-split > *{min-width:0}
  .content-split .art-block,.content-split .art-block-dark{width:100%}
}

/* SS portfolio desktop gallery crop fix */
@media (min-width: 1025px){
  #page-portfolio .ss-gallery-grid{
    max-width: 1120px;
    margin-left:auto;
    margin-right:auto;
  }
  #page-portfolio .ss-gallery-grid > div{
    min-height:240px !important;
  }
}




/* SiteStudio safety: ensure hero overlay layer remains absolute if import stripped it */
.hero-home{position:relative}
.hero-home > .hero-right{position:absolute;inset:0;z-index:0}
.hero-home > .hero-left{position:relative;z-index:2}




/* ss-site-responsive-fixes */
[data-ss-site-fix="mobile-nav-toggle"],
[data-ss-site-fix="mobile-nav-backdrop"],
[data-ss-site-fix="mobile-nav-panel"]{
  display:none;
}
[data-ss-responsive-cols]{
  min-width:0 !important;
}
[data-ss-responsive-cols] > *{
  min-width:0 !important;
}
@media (max-width: 1024px){
  [data-ss-responsive-cols="3"],
  [data-ss-responsive-cols="4"]{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px){
  [data-ss-responsive-cols="2"],
  [data-ss-responsive-cols="3"],
  [data-ss-responsive-cols="4"]{
    grid-template-columns:minmax(0, 1fr) !important;
  }
  [data-ss-mobile-stacked-grid] [data-ss-mobile-reset-sticky]{
    position:static !important;
    top:auto !important;
    bottom:auto !important;
  }
  [data-ss-mobile-stacked-grid] [data-ss-mobile-reset-margin]{
    margin-top:0 !important;
  }
  #main-nav{
    padding:0 18px !important;
  }
  #main-nav .nav-links{
    display:none !important;
  }
  #main-nav [data-ss-site-fix="mobile-nav-toggle"]{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:46px;
    height:46px;
    margin-left:auto;
    border:1px solid rgba(248,246,242,0.14);
    border-radius:999px;
    background:rgba(8,8,8,0.78);
    color:var(--white, #fff);
    cursor:pointer;
    -webkit-appearance:none;
    appearance:none;
    transition:border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
  }
  #main-nav [data-ss-site-fix="mobile-nav-toggle"]:hover{
    border-color:rgba(248,246,242,0.32);
    background:rgba(8,8,8,0.92);
  }
  #main-nav [data-ss-site-fix="mobile-nav-toggle"]:active{
    transform:scale(0.98);
  }
  .ss-mobile-nav-toggle__lines{
    display:flex;
    flex-direction:column;
    gap:4px;
  }
  .ss-mobile-nav-toggle__lines span{
    display:block;
    width:18px;
    height:1.5px;
    border-radius:999px;
    background:currentColor;
    transition:transform 0.22s ease, opacity 0.22s ease;
  }
  body.ss-mobile-nav-open .ss-mobile-nav-toggle__lines span:nth-child(1){
    transform:translateY(5.5px) rotate(45deg);
  }
  body.ss-mobile-nav-open .ss-mobile-nav-toggle__lines span:nth-child(2){
    opacity:0;
  }
  body.ss-mobile-nav-open .ss-mobile-nav-toggle__lines span:nth-child(3){
    transform:translateY(-5.5px) rotate(-45deg);
  }
  [data-ss-site-fix="mobile-nav-backdrop"]{
    display:block !important;
    position:fixed;
    inset:68px 0 0 0;
    background:rgba(8,8,8,0.42);
    backdrop-filter:blur(8px);
    opacity:0;
    pointer-events:none;
    transition:opacity 0.22s ease;
    z-index:2147482000;
  }
  [data-ss-site-fix="mobile-nav-panel"]{
    display:block !important;
    position:fixed;
    top:68px;
    left:0;
    right:0;
    bottom:0;
    overflow-y:auto;
    padding:24px 20px 36px;
    background:rgba(8,8,8,0.98);
    border-top:1px solid rgba(248,246,242,0.08);
    opacity:0;
    pointer-events:none;
    transform:translateY(-14px);
    transition:opacity 0.24s ease, transform 0.24s ease;
    z-index:2147482001;
  }
  body.ss-mobile-nav-open{
    overflow:hidden !important;
  }
  body.ss-mobile-nav-open [data-ss-site-fix="mobile-nav-backdrop"],
  body.ss-mobile-nav-open [data-ss-site-fix="mobile-nav-panel"]{
    opacity:1;
    pointer-events:auto;
    transform:none;
  }
  .ss-mobile-nav-panel__brand{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding-bottom:18px;
    margin-bottom:18px;
    border-bottom:1px solid rgba(248,246,242,0.08);
  }
  .ss-mobile-nav-panel__brand .nav-logo,
  .ss-mobile-nav-panel__brand a,
  .ss-mobile-nav-panel__brand button{
    font-size:1.1rem !important;
  }
  .ss-mobile-nav-list,
  .ss-mobile-nav-sublist{
    display:flex;
    flex-direction:column;
    gap:10px;
  }
  .ss-mobile-nav-item + .ss-mobile-nav-item{
    margin-top:6px;
  }
  .ss-mobile-nav-link{
    display:flex !important;
    align-items:center;
    width:100%;
    min-height:52px;
    padding:14px 0;
    border:none;
    border-bottom:1px solid rgba(248,246,242,0.08);
    background:none;
    color:var(--white, #fff) !important;
    text-align:left;
    text-decoration:none;
    font-family:var(--sans, inherit);
    font-size:0.86rem !important;
    letter-spacing:0.12em !important;
    text-transform:uppercase;
    cursor:pointer;
  }
  .ss-mobile-nav-link.nav-cta{
    justify-content:center;
    margin-top:10px;
    padding:16px 20px !important;
    border:none;
    border-radius:999px !important;
    background:var(--red, #c8382a) !important;
    color:var(--white, #fff) !important;
  }
  .ss-mobile-nav-section{
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid rgba(248,246,242,0.08);
  }
  .ss-mobile-nav-section-title{
    margin-bottom:10px;
    color:rgba(248,246,242,0.45);
    font-size:0.7rem;
    font-weight:600;
    letter-spacing:0.18em;
    text-transform:uppercase;
  }
  .ss-mobile-nav-sublist .ss-mobile-nav-link{
    min-height:46px;
    padding:12px 0;
    color:rgba(248,246,242,0.82) !important;
    font-size:0.8rem !important;
  }
  .ss-mobile-nav-visually-hidden{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important;
  }
}