:root{
  --marketing-bg:#ffffff;
  --marketing-panel:#ffffff;
  --marketing-panel-soft:#f7f4ec;
  --marketing-border:rgba(17,17,17,.1);
  --marketing-text:#111111;
  --marketing-muted:rgba(17,17,17,.68);
  --marketing-cream:#efe3d0;
  --marketing-cream-deep:#8b6b3d;
  --marketing-accent:#e35b4f;
}

.marketing-site{
  background:
    radial-gradient(circle at top, rgba(227,91,79,.06), transparent 24%),
    linear-gradient(180deg, #ffffff 0%, #fbf8f2 100%);
  color:var(--marketing-text);
  font-family:"Cormorant Garamond",serif;
}

.consult-page{
  background:#ffffff;
}

.about-page{
  background:#ffffff;
}

.marketing-site,
.marketing-site h1,
.marketing-site h2,
.marketing-site h3,
.marketing-site p,
.marketing-site a,
.marketing-site button,
.marketing-site input,
.marketing-site textarea,
.marketing-site span,
.marketing-site strong,
.marketing-site li{
  font-family:"Cormorant Garamond",serif;
}

.marketing-site *{
  font-family:"Cormorant Garamond",serif;
}

.marketing-site .container{
  width:min(92%, 1320px);
}

.marketing-site .topbar{
  position:sticky;
  top:0;
  z-index:50;
  padding:14px 0;
  background:#ffffff;
  border-bottom:1px solid rgba(17,17,17,.09);
  backdrop-filter:none;
}

.marketing-site .topbar .container{
  gap:20px;
}

.marketing-site .brand{
  color:#111;
}

.marketing-site .brand-lockup{
  display:block;
}

.marketing-site .brand-logo{
  height:68px;
  border-radius:14px;
}

.marketing-site .brand-sub{
  color:rgba(17,17,17,.58);
}

.brand-logo-main{
  display:block;
  width:auto;
  height:82px;
}

.marketing-nav-list{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
}

.marketing-nav-list > li{
  position:relative;
  display:flex;
  align-items:center;
}

.marketing-site .nav-link{
  color:rgba(17,17,17,.82);
  font-family:"Work Sans",system-ui,sans-serif !important;
  font-size:.72rem;
  font-weight:500;
  letter-spacing:.26em;
  text-transform:uppercase;
}

.marketing-site .nav-link[aria-current="page"],
.marketing-site .nav-link:hover{
  color:#111;
}

.marketing-site .nav-link::after{
  background:var(--marketing-accent);
}

.nav-submenu{
  position:absolute;
  top:calc(100% + 14px);
  left:50%;
  z-index:30;
  display:grid;
  gap:0;
  min-width:220px;
  padding:10px 0;
  margin:0;
  background:#ffffff;
  border:1px solid rgba(17,17,17,.08);
  box-shadow:0 16px 40px rgba(17,17,17,.08);
  list-style:none;
  opacity:0;
  visibility:hidden;
  transform:translate(-50%, 8px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.nav-dropdown:hover .nav-submenu,
.nav-dropdown:focus-within .nav-submenu{
  opacity:1;
  visibility:visible;
  transform:translate(-50%, 0);
}

.nav-sublink{
  display:block;
  padding:11px 18px;
  color:rgba(17,17,17,.78);
  font-family:"Work Sans",system-ui,sans-serif !important;
  font-size:.68rem;
  font-weight:500;
  letter-spacing:.2em;
  text-decoration:none;
  text-transform:uppercase;
  white-space:nowrap;
}

.nav-sublink:hover,
.nav-sublink:focus-visible{
  color:#111;
  background:rgba(17,17,17,.03);
  outline:none;
}

.page-anchor{
  position:relative;
  top:-110px;
  height:0;
  visibility:hidden;
}

.marketing-actions{
  margin-left:auto;
}

.header-connect-btn,
.marketing-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-size:.72rem;
  font-weight:600;
  transition:transform .24s ease, border-color .24s ease, background .24s ease, color .24s ease, box-shadow .24s ease;
}

.header-connect-btn{
  min-height:38px;
  padding:0 18px;
  border:1px solid #171717;
  background:linear-gradient(180deg, #171717 0%, #0d0d0d 100%);
  color:#fff;
  box-shadow:none;
}

.header-connect-btn:hover,
.marketing-btn:hover{
  transform:translateY(-1px);
}

.marketing-btn:focus-visible,
.header-connect-btn:focus-visible{
  outline:3px solid rgba(227,91,79,.24);
  outline-offset:4px;
}

.marketing-btn{
  min-height:52px;
  padding:0 24px;
}

.marketing-btn-solid{
  border:1px solid #171717;
  background:#171717;
  color:#fff;
  box-shadow:none;
}

.marketing-btn-solid:hover{
  background:#2a2a2a;
  border-color:#2a2a2a;
  box-shadow:0 16px 28px rgba(17,17,17,.12);
}

.marketing-btn-ghost{
  border:1px solid rgba(17,17,17,.18);
  background:transparent;
  color:#111;
}

.marketing-btn-ghost:hover{
  border-color:rgba(139,107,61,.3);
  background:rgba(247,244,236,.92);
  box-shadow:0 14px 24px rgba(17,17,17,.06);
}

.hero-panel{
  padding:62px 0 48px;
}

.hero-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(320px, .8fr);
  gap:34px;
  align-items:start;
}

.hero-stage{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(360px, .8fr);
  gap:30px;
  align-items:stretch;
}

.marketing-home .hero-copy{
  max-width:760px;
}

.hero-overline{
  max-width:44rem;
  margin-bottom:14px;
  color:rgba(17,17,17,.58);
  font-size:1rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.section-kicker{
  margin-bottom:14px;
  font-size:.98rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--marketing-accent);
}

.hero-copy h1,
.marketing-title-xl,
.marketing-title-lg{
  font-family:"Space Grotesk",system-ui,sans-serif;
  text-transform:uppercase;
  line-height:.98;
  letter-spacing:-.04em;
}

.hero-copy h1,
.marketing-title-xl{
  font-size:clamp(2.8rem, 6vw, 5rem);
  max-width:11.6ch;
}

.marketing-home .hero-copy h1{
  font-size:clamp(2.9rem, 5.5vw, 4.9rem);
  max-width:12ch;
  line-height:1.02;
}

.marketing-home .home-section-intro .marketing-title-xl{
  font-size:clamp(2.35rem, 4.5vw, 3.85rem);
  max-width:12.5ch;
}

.hero-lead,
.page-hero-copy,
.section-description,
.hero-side-card p,
.offer-card p,
.case-card p,
.feature-case-card p,
.about-story-card p,
.process-list p,
.contact-info-block p{
  color:var(--marketing-muted);
  font-size:1.03rem;
  line-height:1.8;
}

.marketing-home .hero-lead{
  max-width:42rem;
  font-size:1rem;
  line-height:1.86;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
}

.hero-signals{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.hero-signal-link{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border:1px solid rgba(17,17,17,.1);
  border-radius:999px;
  background:rgba(247,244,236,.9);
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#111;
  text-decoration:none;
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease, color .22s ease;
}

.hero-signal-link:hover,
.hero-signal-link:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(139,107,61,.22);
  background:#fff;
  color:#8b6b3d;
  box-shadow:0 12px 20px rgba(17,17,17,.06);
}

.hero-signal-link:focus-visible{
  outline:3px solid rgba(227,91,79,.2);
  outline-offset:3px;
}

.hero-metrics{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-top:44px;
}

.hero-metrics article,
.hero-side-card,
.offer-card,
.case-card,
.feature-case-card,
.about-story-card,
.contact-sidebar,
.contact-form,
.result-grid article{
  border:1px solid var(--marketing-border);
  background:rgba(255,255,255,.88);
  box-shadow:none;
}

.hero-metrics article{
  padding:20px;
}

.metric-label{
  display:block;
  margin-bottom:12px;
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--marketing-cream-deep);
}

.hero-metrics strong{
  font-size:1rem;
  line-height:1.6;
  font-weight:500;
}

.hero-side-card{
  position:relative;
  padding:30px;
  border-radius:30px;
  overflow:hidden;
}

.hero-editorial-card{
  display:grid;
  gap:22px;
  align-content:start;
  min-height:100%;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(247,244,236,.94) 100%);
}

.hero-side-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(227,91,79,.16), transparent 42%),
    radial-gradient(circle at top right, rgba(239,227,208,.14), transparent 30%);
  pointer-events:none;
}

.hero-side-card h2{
  position:relative;
  margin-bottom:18px;
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:clamp(2rem, 3vw, 3rem);
  text-transform:uppercase;
  line-height:1.02;
}

.editorial-stat-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

.editorial-stat-grid article{
  padding:16px;
  border:1px solid rgba(17,17,17,.08);
  border-radius:18px;
  background:rgba(255,255,255,.82);
}

.editorial-stat-grid span{
  display:block;
  margin-bottom:10px;
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#8b6b3d;
}

.editorial-stat-grid strong{
  font-size:.98rem;
  line-height:1.5;
}

.hero-proof-strip{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-top:24px;
}

.hero-proof-strip article{
  padding:24px 24px 22px;
  border:1px solid rgba(17,17,17,.08);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,244,236,.94) 100%);
  box-shadow:0 14px 26px rgba(15,18,22,.04);
}

.hero-proof-strip .metric-label{
  margin-bottom:14px;
}

.hero-proof-strip strong{
  display:block;
  max-width:24ch;
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:1.05rem;
  font-weight:500;
  line-height:1.65;
  letter-spacing:-.01em;
  color:#121212;
}

.detail-list{
  position:relative;
  display:grid;
  gap:10px;
  margin-top:26px;
  padding:0;
  list-style:none;
}

.detail-list li{
  position:relative;
  padding-left:18px;
  color:#111;
  line-height:1.6;
}

.detail-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--marketing-accent);
}

.section{
  padding:84px 0;
}

.marketing-dark-section{
  background:#fff;
}

.marketing-light-section{
  background:linear-gradient(180deg, #efe3d0 0%, #e7d7bd 100%);
  color:#131313;
}

.marketing-light-section .section-kicker{
  color:#ab433a;
}

.marketing-light-section .marketing-title-lg,
.marketing-light-section .case-card h3,
.marketing-light-section .offer-card h3,
.marketing-light-section .feature-case-card h2,
.marketing-light-section .about-story-card h2{
  color:#101010;
}

.marketing-light-section .case-card p,
.marketing-light-section .offer-card p,
.marketing-light-section .feature-case-card p,
.marketing-light-section .about-story-card p{
  color:rgba(16,16,16,.72);
}

.marketing-light-section .case-card,
.marketing-light-section .offer-card,
.marketing-light-section .feature-case-card,
.marketing-light-section .about-story-card{
  border-color:rgba(16,16,16,.1);
  background:rgba(255,255,255,.45);
  box-shadow:none;
}

.marketing-light-section .detail-list li{
  color:#111;
}

.marketing-light-section .result-grid article{
  border-color:rgba(16,16,16,.1);
  background:rgba(255,255,255,.62);
  box-shadow:none;
}

.section-heading{
  max-width:820px;
  margin:0 auto 38px;
  text-align:center;
}

.section-heading-left{
  margin-left:0;
  text-align:left;
}

.home-section-intro{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(280px, .42fr);
  gap:24px;
  align-items:end;
  margin-bottom:24px;
}

.home-section-note{
  padding:24px;
  border:1px solid rgba(17,17,17,.08);
  border-radius:26px;
  background:linear-gradient(180deg, rgba(247,244,236,.92) 0%, rgba(255,255,255,.96) 100%);
}

.home-section-note span{
  display:block;
  margin-bottom:12px;
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#8b6b3d;
}

.home-section-note p{
  color:rgba(17,17,17,.72);
  line-height:1.8;
}

.marketing-title-lg{
  font-size:clamp(2.4rem, 5vw, 4.2rem);
}

.service-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:20px;
}

.service-card{
  position:relative;
  display:block;
  min-height:236px;
  padding:26px 24px 22px;
  border:1px solid rgba(17,17,17,.1);
  border-radius:28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(247,244,236,.96) 100%);
  overflow:hidden;
  text-decoration:none;
}

.service-card::before,
.service-card::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  height:1px;
  background:linear-gradient(90deg, rgba(227,91,79,.34), rgba(139,107,61,.16));
}

.service-card::before{
  top:0;
}

.service-card::after{
  bottom:0;
}

.service-card-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  min-height:42px;
  margin-bottom:18px;
  border-radius:999px;
  border:1px solid rgba(227,91,79,.22);
  background:rgba(227,91,79,.06);
  color:#8b6b3d;
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:12px;
  letter-spacing:.16em;
}

.service-card h3{
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:1.22rem;
  text-transform:uppercase;
  line-height:1.18;
  color:#111;
}

.service-card p{
  margin-top:14px;
  color:rgba(17,17,17,.68);
  line-height:1.78;
}

.service-card-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:20px;
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#171717;
  opacity:.7;
  transition:transform .22s ease, opacity .22s ease;
}

.service-card-cta::after{
  content:"→";
  font-size:14px;
  line-height:1;
}

.service-card-interactive{
  cursor:pointer;
  transition:transform .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease;
}

.service-card-interactive:hover,
.service-card-interactive:focus-visible{
  transform:translateY(-6px);
  border-color:rgba(139,107,61,.24);
  background:linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(239,227,208,.98) 100%);
  box-shadow:0 24px 44px rgba(15,18,22,.08);
}

.service-card-interactive:hover .service-card-cta,
.service-card-interactive:focus-visible .service-card-cta{
  opacity:1;
  transform:translateX(4px);
}

.service-card-interactive:focus-visible{
  outline:3px solid rgba(227,91,79,.28);
  outline-offset:4px;
}

.marketing-home .showcase-card,
.marketing-home .home-section-note,
.marketing-home .hero-editorial-card{
  box-shadow:0 18px 36px rgba(15,18,22,.05);
}

.service-card-link{
  position:relative;
  z-index:1;
  display:inline-flex;
  margin-top:18px;
  color:#fff;
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-decoration:underline;
  text-underline-offset:6px;
}

.service-detail-section{
  display:grid;
  gap:22px;
  margin-bottom:34px;
}

.website-needs-section{
  display:grid;
  gap:26px;
  margin-bottom:38px;
}

.website-needs-heading{
  max-width:860px;
}

.website-needs-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px 26px;
}

.website-need-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  align-items:start;
  padding:24px;
  border:1px solid rgba(16,16,16,.1);
  border-radius:28px;
  background:rgba(255,255,255,.56);
}

.website-need-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  border-radius:18px;
  border:1px solid rgba(67,124,62,.24);
  background:linear-gradient(180deg, rgba(111,164,89,.12) 0%, rgba(255,255,255,.9) 100%);
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#47743c;
}

.website-need-card h3{
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:1.55rem;
  line-height:1.08;
  margin-bottom:10px;
}

.website-need-card p{
  color:rgba(16,16,16,.74);
  font-size:1.04rem;
  line-height:1.75;
}

.service-detail-intro{
  display:grid;
  grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
  gap:24px;
  align-items:end;
}

.capability-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.capability-grid span,
.service-detail-card{
  border:1px solid rgba(16,16,16,.1);
  background:rgba(255,255,255,.45);
}

.capability-grid span{
  display:flex;
  align-items:center;
  min-height:68px;
  padding:0 18px;
  border-radius:20px;
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#111;
}

.service-detail-card{
  display:grid;
  gap:22px;
  padding:28px;
  border-radius:28px;
}

.copy-stack{
  display:grid;
  gap:16px;
}

.copy-stack p{
  color:rgba(16,16,16,.78);
  font-size:1.02rem;
  line-height:1.9;
}

.case-study-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
}

.featured-showcase{
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(320px, .92fr);
  gap:22px;
}

.showcase-stack{
  display:grid;
  gap:22px;
}

.showcase-card{
  padding:30px;
  border:1px solid rgba(16,16,16,.1);
  border-radius:32px;
  background:rgba(255,255,255,.55);
}

.showcase-card-large{
  display:grid;
  align-content:space-between;
  min-height:100%;
}

.showcase-copy{
  margin-top:16px;
  color:rgba(16,16,16,.72);
  line-height:1.9;
}

.home-website-signals{
  display:grid;
  grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);
  gap:26px;
  margin-top:34px;
  padding:22px 0 6px;
  border:none;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}

.home-website-signals-copy{
  max-width:680px;
  padding-right:20px;
}

.home-website-title{
  max-width:12ch;
  font-size:clamp(2rem, 4vw, 3.15rem);
  line-height:1.04;
  letter-spacing:-.035em;
}

.home-website-description{
  max-width:42rem;
  margin-top:18px;
  font-size:1.02rem;
  line-height:1.9;
  color:rgba(17,17,17,.72);
}

.home-website-signals-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px 18px;
}

.home-website-signals-grid article{
  padding:14px 0 16px;
  border:none;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}

.home-website-signals-grid h3{
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:1.02rem;
  line-height:1.22;
  text-transform:uppercase;
  letter-spacing:-.01em;
}

.home-website-signals-grid p{
  margin-top:8px;
  max-width:30ch;
  color:rgba(17,17,17,.68);
  line-height:1.72;
}

.case-card,
.offer-card{
  padding:28px;
  border-radius:28px;
}

.case-card-label{
  margin-bottom:14px;
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:11px;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--marketing-accent);
}

.case-card h3,
.offer-card h3,
.process-list h3,
.contact-info-block h3{
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:1.36rem;
  text-transform:uppercase;
  line-height:1.18;
}

.process-layout{
  display:grid;
  grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);
  gap:36px;
  align-items:start;
}

.process-list{
  display:grid;
  gap:18px;
}

.process-list article{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  padding:24px 0;
  border-top:1px solid rgba(17,17,17,.12);
}

.process-list article:first-child{
  border-top:0;
  padding-top:0;
}

.process-list span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid rgba(17,17,17,.12);
  color:var(--marketing-cream-deep);
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:12px;
  letter-spacing:.18em;
}

.cta-section{
  padding-top:50px;
}

.cta-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  padding:30px 32px;
  border:1px solid rgba(17,17,17,.1);
  border-radius:30px;
  background:linear-gradient(135deg, rgba(239,227,208,.88), rgba(255,255,255,.94));
}

.premium-standard-section{
  padding-top:48px;
}

.premium-standard-grid{
  display:grid;
  grid-template-columns:minmax(0, .94fr) minmax(0, 1.06fr);
  gap:30px;
  align-items:start;
}

.premium-standard-list{
  display:grid;
  gap:16px;
}

.premium-standard-list article{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  padding:24px 0;
  border-top:1px solid rgba(17,17,17,.12);
}

.premium-standard-list article:first-child{
  padding-top:0;
  border-top:0;
}

.premium-standard-list span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid rgba(17,17,17,.12);
  color:#8b6b3d;
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:12px;
  letter-spacing:.18em;
}

.premium-standard-list h3{
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:1.28rem;
  text-transform:uppercase;
  line-height:1.18;
}

.premium-standard-list p{
  margin-top:10px;
  color:rgba(17,17,17,.72);
  line-height:1.8;
}

.page-hero{
  padding:74px 0 34px;
}

.page-hero-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(280px, .92fr);
  gap:30px;
  align-items:end;
}

.split-panel{
  display:grid;
  grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);
  gap:28px;
  align-items:start;
}

.offer-stack,
.about-principles{
  display:grid;
  gap:18px;
}

.home-luxury-hero{
  padding:92px 0 112px;
}

.home-luxury-layout{
  display:grid;
  grid-template-columns:minmax(360px, .8fr) minmax(500px, 1.04fr);
  gap:90px;
  align-items:center;
  min-height:72vh;
}

.home-luxury-copy{
  max-width:620px;
  justify-self:start;
}

.home-luxury-copy h1{
  margin:0;
  max-width:620px;
  text-align:left;
  color:rgba(17,17,17,.78);
  font-family:"Work Sans",system-ui,sans-serif !important;
  font-size:1.16rem;
  font-weight:400;
  line-height:1.78;
  letter-spacing:0;
  text-wrap:pretty;
}

.home-luxury-copy h1 em{
  font-style:normal;
  font-weight:400;
}

.home-luxury-copy p{
  max-width:580px;
  margin:30px 0 0;
  color:rgba(17,17,17,.54);
  font-family:"Work Sans",system-ui,sans-serif !important;
  font-size:.94rem;
  font-weight:300;
  line-height:1.74;
  text-align:left;
}

.home-luxury-links{
  display:flex;
  flex-wrap:wrap;
  gap:18px 60px;
  margin-top:34px;
  justify-content:flex-start;
}

.home-luxury-links a{
  color:#111;
  font-size:1.3rem;
  font-style:italic;
  font-weight:500;
  text-decoration:none;
  border-bottom:1px solid rgba(17,17,17,.7);
  padding-bottom:3px;
  letter-spacing:-.015em;
}

.home-luxury-links a::after{
  content:"  →";
}

.home-luxury-collage{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:0;
  width:min(100%, 598px);
  justify-self:end;
  background:#ddd;
}

.luxury-tile{
  position:relative;
  aspect-ratio:1 / .84;
  overflow:hidden;
}

.luxury-tile-monitor{
  background:linear-gradient(135deg, #4fa0ea 0%, #2f75d7 100%);
}

.luxury-tile-laptop{
  background:linear-gradient(135deg, #8f2f8e 0%, #341636 100%);
}

.luxury-tile-tablet{
  background:linear-gradient(135deg, #3b3f44 0%, #121518 100%);
}

.luxury-tile-boat{
  background:
    linear-gradient(180deg, #7ec2ef 0%, #a9ddfa 48%, #6aa7d3 49%, #4f87b0 100%);
}

.luxury-tile-boat::before{
  content:"";
  position:absolute;
  inset:auto 14% 18% 12%;
  height:24%;
  background:linear-gradient(90deg, #f8f5ef 0%, #ded7cc 100%);
  border-radius:999px 999px 28px 28px;
  transform:skewX(-18deg);
}

.luxury-tile-boat::after{
  content:"";
  position:absolute;
  right:18%;
  bottom:22%;
  width:18%;
  height:18%;
  border-radius:999px;
  background:#d76a56;
}

.luxury-tile-car{
  background:linear-gradient(180deg, #bfd4ea 0%, #c6d8eb 50%, #ad9776 50%, #b59a77 100%);
}

.luxury-tile-car::before{
  content:"";
  position:absolute;
  inset:auto 12% 16% 12%;
  height:28%;
  background:linear-gradient(180deg, #30353d 0%, #111317 100%);
  border-radius:46% 46% 18% 18% / 68% 68% 22% 22%;
}

.luxury-tile-car::after{
  content:"";
  position:absolute;
  left:22%;
  bottom:10%;
  width:56%;
  height:10%;
  background:
    radial-gradient(circle at 8% 50%, #202226 0 16%, transparent 17%),
    radial-gradient(circle at 92% 50%, #202226 0 16%, transparent 17%),
    linear-gradient(90deg, transparent 0%, #111317 16%, #111317 84%, transparent 100%);
}

.luxury-tile-desktop{
  background:linear-gradient(180deg, #252628 0%, #17181b 100%);
}

.device-frame{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%, -50%);
}

.monitor-frame{
  width:58%;
  height:54%;
  background:#1a1b1d;
  border-radius:6px;
  box-shadow:0 10px 20px rgba(0,0,0,.18);
}

.monitor-frame::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:-14%;
  width:18%;
  height:16%;
  background:#d4d0c6;
  transform:translateX(-50%);
}

.monitor-frame::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-20%;
  width:34%;
  height:6%;
  border-radius:999px;
  background:#e9e4da;
  transform:translateX(-50%);
}

.monitor-screen,
.laptop-screen,
.tablet-screen,
.desktop-screen{
  position:absolute;
  inset:8%;
  background:#efe8de;
}

.monitor-screen{
  background:
    radial-gradient(circle at 54% 46%, rgba(219,177,102,.75) 0 10%, transparent 11%),
    linear-gradient(180deg, #f2ede3 0%, #f7f1e7 100%);
}

.laptop-frame{
  width:64%;
  height:60%;
  background:#1a1b1d;
  border-radius:10px;
  transform:translate(-50%, -50%) rotate(-35deg);
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}

.laptop-frame::after{
  content:"";
  position:absolute;
  left:-12%;
  right:-12%;
  bottom:-10%;
  height:14%;
  border-radius:0 0 18px 18px;
  background:#c8c4bc;
}

.laptop-screen{
  background:
    linear-gradient(180deg, rgba(28,34,48,.3), rgba(17,20,25,.58)),
    linear-gradient(135deg, #95b6d7 0%, #f8f8f6 100%);
}

.tablet-frame{
  width:62%;
  height:50%;
  background:#efefef;
  border-radius:18px;
  transform:translate(-50%, -50%) rotate(16deg);
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

.tablet-screen{
  border-radius:10px;
  background:
    linear-gradient(180deg, rgba(16,20,26,.08), rgba(17,20,25,.46)),
    linear-gradient(135deg, #c6d0dc 0%, #7a8ea3 100%);
}

.desktop-frame{
  width:64%;
  height:52%;
  background:#1a1b1d;
  border-radius:8px;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
}

.desktop-frame::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:-12%;
  width:14%;
  height:14%;
  background:#b8b3a8;
  transform:translateX(-50%);
}

.desktop-frame::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-18%;
  width:38%;
  height:6%;
  border-radius:999px;
  background:#d8d2c7;
  transform:translateX(-50%);
}

.desktop-screen{
  background:
    linear-gradient(180deg, rgba(18,22,28,.18), rgba(18,22,28,.32)),
    linear-gradient(135deg, #e7e0d3 0%, #b39e82 100%);
}

.pricing-page{
  background:#ffffff;
}

.pricing-section{
  padding:84px 0 96px;
}

.pricing-shell{
  width:min(94%, 1420px);
}

.pricing-header{
  max-width:980px;
  margin:0 auto 58px;
  text-align:center;
}

.pricing-header h1{
  margin:0;
  font-size:clamp(2.35rem, 4vw, 3.5rem);
  font-weight:500;
  line-height:1.08;
  color:#151515;
}

.pricing-header p{
  max-width:900px;
  margin:26px auto 0;
  color:rgba(17,17,17,.62);
  font-family:"Work Sans",system-ui,sans-serif;
  font-size:1.05rem;
  line-height:1.9;
}

.services-page{
  background:#ffffff;
}

.services-editorial-hero{
  min-height:calc(100vh - 210px);
  display:flex;
  align-items:center;
  padding:110px 0 150px;
}


.services-editorial-shell{
  display:flex;
  justify-content:center;
}

.services-editorial-copy{
  max-width:860px;
  text-align:center;
}

.services-editorial-copy h1{
  margin:0;
  color:#1c1c1c;
  font-size:clamp(1.52rem, 2.15vw, 2.28rem);
  font-weight:400;
  line-height:1.12;
  letter-spacing:-.015em;
}

.services-editorial-copy h1 em{
  font-style:italic;
  font-weight:500;
}

.services-editorial-copy p{
  max-width:790px;
  margin:28px auto 0;
  color:rgba(17,17,17,.54);
  font-family:"Work Sans",system-ui,sans-serif !important;
  font-size:.9rem;
  font-weight:300;
  line-height:1.68;
}

.services-editorial-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin-top:38px;
  padding:0 28px;
  border-radius:999px;
  background:#2a2a2a;
  color:#ffffff;
  font-family:"Work Sans",system-ui,sans-serif !important;
  font-size:.72rem;
  font-weight:500;
  letter-spacing:.26em;
  text-decoration:none;
  text-transform:uppercase;
  transition:transform .2s ease, background .2s ease;
}

.services-editorial-btn:hover{
  background:#171717;
  transform:translateY(-1px);
}

.faqs-page{
  background:#ffffff;
}

.faqs-hero{
  padding:72px 0 110px;
}

.faqs-shell{
  width:min(86%, 1220px);
}

.faqs-intro{
  max-width:1180px;
  margin:0 auto 104px;
  text-align:center;
  color:#191919;
  font-size:clamp(1.32rem, 1.7vw, 1.72rem);
  font-weight:500;
  line-height:1.22;
  letter-spacing:-.015em;
}

.faqs-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:92px;
  align-items:start;
}

.faqs-column{
  display:grid;
  gap:0;
}

.faq-item{
  border-top:1px solid rgba(17,17,17,.36);
}

.faq-item:last-child{
  border-bottom:1px solid rgba(17,17,17,.2);
}

.faq-item summary{
  position:relative;
  display:block;
  padding:18px 34px 18px 0;
  list-style:none;
  cursor:pointer;
  color:#222;
  font-size:1.02rem;
  font-weight:500;
  line-height:1.34;
  letter-spacing:-.01em;
}

.faq-item summary::-webkit-details-marker{
  display:none;
}

.faq-item summary::after{
  content:"+";
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  color:rgba(17,17,17,.68);
  font-family:"Work Sans",system-ui,sans-serif !important;
  font-size:1.28rem;
  font-weight:300;
  line-height:1;
}

.faq-item[open] summary::after{
  content:"-";
}

.faq-answer{
  padding:0 18px 16px 0;
}

.faq-answer p{
  margin:0 0 10px;
  color:rgba(17,17,17,.5);
  font-family:"Work Sans",system-ui,sans-serif !important;
  font-size:.86rem;
  font-weight:300;
  line-height:1.82;
}

.faq-answer p:last-child{
  margin-bottom:0;
}

.faq-answer a,
.faqs-outro a{
  color:#111;
  font-weight:600;
  text-decoration:none;
}

.faqs-outro{
  margin:28px 0 0;
  text-align:center;
  color:rgba(17,17,17,.52);
  font-family:"Work Sans",system-ui,sans-serif !important;
  font-size:.82rem;
  font-weight:300;
  line-height:1.75;
}

.work-page{
  background:#ffffff;
}

.work-approach-section{
  min-height:calc(100vh - 220px);
  display:flex;
  align-items:center;
  padding:96px 0 130px;
}

.work-approach-shell{
  display:flex;
  justify-content:center;
}

.work-approach-copy{
  max-width:880px;
  text-align:center;
}

.work-approach-kicker{
  margin:0 0 18px;
  color:#111;
  font-family:"Work Sans",system-ui,sans-serif !important;
  font-size:.76rem;
  font-weight:600;
  letter-spacing:.3em;
  text-transform:uppercase;
}

.work-approach-copy h1{
  max-width:36.5ch;
  margin:0 auto;
  color:#1a1a1a;
  font-size:clamp(1.46rem, 1.95vw, 2.02rem);
  font-weight:500;
  line-height:1.16;
  letter-spacing:-.018em;
  text-wrap:balance;
}

.work-approach-copy p{
  max-width:760px;
  margin:24px auto 0;
  color:rgba(17,17,17,.56);
  font-family:"Work Sans",system-ui,sans-serif !important;
  font-size:.98rem;
  font-weight:300;
  line-height:1.82;
  text-wrap:pretty;
}

.pricing-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  align-items:start;
}

.pricing-plan{
  text-align:center;
}

.pricing-plan-visual{
  margin:0;
}

.pricing-surface{
  position:relative;
  overflow:hidden;
  aspect-ratio:1 / .68;
  background:#f0ece6;
}

.pricing-surface::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.42), transparent 32%),
    radial-gradient(circle at 80% 18%, rgba(255,255,255,.8), transparent 22%);
}

.pricing-surface-tablet{
  background:
    radial-gradient(circle at 16% 14%, rgba(255,255,255,.78), transparent 18%),
    linear-gradient(135deg, #ebe5dc 0%, #f8f5ef 44%, #ddd7cf 100%);
}

.pricing-surface-monitor{
  background:
    radial-gradient(circle at 50% 16%, rgba(255,255,255,.72), transparent 18%),
    linear-gradient(180deg, #f6f3ee 0%, #ece6db 100%);
}

.pricing-surface-laptop{
  background:
    radial-gradient(circle at 76% 12%, rgba(255,255,255,.86), transparent 16%),
    linear-gradient(135deg, #d9d1c8 0%, #f7f3ee 56%, #d5cec6 100%);
}

.pricing-plan .device-frame{
  z-index:1;
}

.pricing-plan-small .tablet-frame{
  width:72%;
  height:57%;
  transform:translate(-50%, -50%) rotate(-17deg);
}

.pricing-plan-small .tablet-screen{
  background:
    linear-gradient(180deg, rgba(16,20,26,.08), rgba(17,20,25,.34)),
    linear-gradient(135deg, #7db0d8 0%, #f5f5f3 100%);
}

.pricing-plan-medium .monitor-frame{
  width:64%;
  height:60%;
}

.pricing-plan-medium .monitor-screen{
  background:
    linear-gradient(180deg, rgba(17,21,27,.18), rgba(17,20,25,.38)),
    linear-gradient(135deg, #4e5741 0%, #8e8357 48%, #d1c6ae 100%);
}

.pricing-plan-large .laptop-frame{
  width:68%;
  height:58%;
  transform:translate(-50%, -50%) rotate(-9deg);
}

.pricing-plan-large .laptop-screen{
  background:
    linear-gradient(180deg, rgba(28,34,48,.22), rgba(17,20,25,.42)),
    linear-gradient(135deg, #f4f1ea 0%, #e1ddd5 38%, #beb3a8 100%);
}

.pricing-plan-visual figcaption{
  margin-top:12px;
  color:rgba(17,17,17,.48);
  font-family:"Work Sans",system-ui,sans-serif;
  font-size:.88rem;
  line-height:1.55;
}

.pricing-plan h2{
  margin:52px 0 18px;
  font-size:clamp(2rem, 2.5vw, 2.7rem);
  font-weight:500;
  line-height:1.08;
  color:#171717;
}

.pricing-plan p{
  margin:0 auto;
  max-width:420px;
  color:rgba(17,17,17,.66);
  font-family:"Work Sans",system-ui,sans-serif;
  font-size:1rem;
  line-height:1.86;
}

.work-showcase{
  display:grid;
  gap:22px;
}

.work-editorial-section{
  padding-top:24px;
}

.work-editorial-stack{
  display:grid;
  gap:26px;
}

.work-editorial-panel{
  padding:24px;
  border:1px solid rgba(139,107,61,.58);
  background:#fff;
}

.work-editorial-panel-compact{
  background:linear-gradient(180deg, #ffffff 0%, #fbf8f2 100%);
}

.work-editorial-grid{
  display:grid;
  grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);
  gap:46px;
  padding:78px 88px 86px;
  background:#fff;
}

.work-editorial-lead{
  text-align:center;
}

.work-editorial-lead h2{
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(2.6rem, 4vw, 4.25rem);
  font-weight:500;
  line-height:1.03;
  letter-spacing:-.03em;
  color:#161616;
}

.work-editorial-support{
  max-width:34rem;
  margin:30px auto 0;
  color:rgba(17,17,17,.7);
  font-size:1.02rem;
  line-height:1.9;
}

.work-editorial-copy{
  display:grid;
  gap:22px;
  align-content:start;
  color:rgba(17,17,17,.72);
  font-size:1.03rem;
  line-height:1.95;
  text-align:center;
}

.work-editorial-copy p{
  max-width:38rem;
  margin:0 auto;
}

.work-editorial-emphasis{
  font-family:"Cormorant Garamond",serif;
  font-size:1.22rem;
  line-height:1.45;
  color:#181818;
}

.work-editorial-list p{
  font-size:1.06rem;
}

.work-editorial-list strong{
  color:#181818;
  font-weight:600;
}

.feature-case-card{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(260px, .9fr);
  gap:24px;
  padding:32px;
  border-radius:32px;
}

.result-grid{
  display:grid;
  gap:14px;
}

.result-grid article{
  padding:22px;
  border-radius:22px;
  background:rgba(16,16,16,.04);
}

.result-grid span{
  display:block;
  margin-bottom:10px;
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#8e4a3f;
}

.result-grid strong{
  color:#111;
  font-size:1rem;
  line-height:1.5;
}

.about-grid{
  display:grid;
  grid-template-columns:minmax(0, .96fr) minmax(0, 1.04fr);
  gap:24px;
}

.about-story-card{
  padding:34px;
  border-radius:32px;
}

.about-focus-section{
  padding-top:46px;
}

.about-intro-copy{
  max-width:980px;
  margin:0 auto 54px;
  text-align:left;
}

.about-page .about-intro-copy p{
  max-width:860px;
  margin:0 auto;
  color:rgba(17,17,17,.62);
  font-family:"Work Sans",system-ui,sans-serif !important;
  font-size:1rem;
  font-weight:300;
  line-height:1.82;
  letter-spacing:0;
  text-wrap:pretty;
}

.about-page .about-focus-panel{
  max-width:880px;
  margin:0 auto;
  padding:120px 108px 104px;
  background:#262422;
  text-align:center;
}

.about-page .about-focus-title{
  max-width:440px;
  margin:0 auto 24px;
  color:#f4efe6;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(2.45rem, 3.35vw, 3.15rem);
  font-weight:500;
  line-height:1.06;
  letter-spacing:-.02em;
  text-wrap:balance;
}

.about-page .about-focus-copy{
  max-width:500px;
  margin:0 auto 16px;
  color:rgba(255,255,255,.8);
  font-family:"Work Sans",system-ui,sans-serif;
  font-size:1rem;
  line-height:1.92;
  font-weight:400;
}

.about-page .about-focus-copy strong{
  font-family:"Work Sans",system-ui,sans-serif;
  font-weight:600;
  color:#f3efe6;
}

.about-page .about-focus-actions{
  display:flex;
  justify-content:center;
  margin-top:38px;
}

.about-page .about-focus-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:154px;
  min-height:42px;
  padding:0 24px;
  border-radius:999px;
  background:#ffffff;
  color:#111111;
  font-family:"Work Sans",system-ui,sans-serif;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.26em;
  font-size:.7rem;
  transition:transform .2s ease, background .2s ease, color .2s ease;
}

.about-page .about-focus-btn:hover,
.about-page .about-focus-btn:focus-visible{
  transform:translateY(-1px);
  background:#f1ece3;
  color:#111111;
}

.about-page .about-focus-btn:focus-visible{
  outline:3px solid rgba(255,255,255,.28);
  outline-offset:4px;
}

.consult-page-shell{
  padding-top:52px;
  padding-bottom:86px;
}

.consult-narrow{
  width:min(92%, 820px);
}

.consult-intro{
  max-width:760px;
  margin:0 auto 78px;
  text-align:center;
}

.consult-intro h1{
  margin:0;
  color:#111;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(3.7rem, 5vw, 5.1rem);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.038em;
}

.consult-intro h2{
  margin:20px 0 0;
  color:#181818;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(2.35rem, 3.25vw, 3.15rem);
  font-weight:400;
  line-height:1.08;
  letter-spacing:-.02em;
}

.consult-intro p{
  max-width:720px;
  margin:30px auto 0;
  color:rgba(17,17,17,.46);
  font-family:"Work Sans",system-ui,sans-serif;
  font-size:.92rem;
  line-height:1.95;
  font-weight:300;
}

.consult-intro a{
  color:rgba(17,17,17,.58);
  text-decoration:underline;
  text-underline-offset:3px;
}

.consult-editorial-form{
  max-width:700px;
  margin:0 auto;
}

.consult-field{
  display:grid;
  gap:10px;
  margin-bottom:20px;
}

.consult-field > span{
  color:rgba(17,17,17,.72);
  font-family:"Work Sans",system-ui,sans-serif;
  font-size:.92rem;
  line-height:1.5;
}

.consult-field > span small{
  margin-left:4px;
  color:rgba(17,17,17,.42);
  font-size:.68rem;
}

.consult-help{
  margin-top:-2px;
  color:rgba(17,17,17,.34);
  font-family:"Work Sans",system-ui,sans-serif;
  font-size:.67rem;
  line-height:1.76;
  font-weight:300;
}

.consult-editorial-form input,
.consult-editorial-form textarea{
  width:100%;
  border:1px solid rgba(17,17,17,.28);
  background:#fff;
  color:#111;
  padding:10px 12px;
  font-family:"Work Sans",system-ui,sans-serif;
  font-size:.92rem;
}

.consult-editorial-form textarea{
  min-height:106px;
  resize:vertical;
}

.consult-submit-row{
  display:flex;
  justify-content:center;
  margin-top:18px;
}

.consult-submit-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:118px;
  min-height:42px;
  padding:0 24px;
  border:none;
  border-radius:999px;
  background:#111;
  color:#f6f2ea;
  font-family:"Work Sans",system-ui,sans-serif;
  font-size:.72rem;
  letter-spacing:.26em;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .2s ease, background .2s ease;
}

.consult-submit-btn:hover,
.consult-submit-btn:focus-visible{
  transform:translateY(-1px);
  background:#1c1c1c;
}

.consult-submit-btn:focus-visible{
  outline:3px solid rgba(17,17,17,.12);
  outline-offset:4px;
}

.marketing-site .footer-home{
  margin-top:0;
  padding:72px 0 44px;
  background:#fff;
  border-top:1px solid rgba(17,17,17,.07);
}

.marketing-site .footer-home .footer-layout::before{
  display:none;
}

.footer-minimal{
  display:grid;
  justify-items:center;
  gap:26px;
  text-align:center;
}

.footer-brand-block{
  display:grid;
  justify-items:center;
  gap:10px;
}

.footer-logo-main{
  display:block;
  width:auto;
  height:132px;
}

.footer-legal,
.footer-address{
  margin:0;
  color:rgba(17,17,17,.54);
  font-family:"Work Sans",system-ui,sans-serif !important;
  font-size:.84rem;
  font-weight:300;
  line-height:1.5;
}

.footer-minimal-title{
  margin:0;
  color:#111;
  font-family:"Work Sans",system-ui,sans-serif !important;
  font-size:.74rem;
  font-weight:600;
  letter-spacing:.32em;
  text-transform:uppercase;
}

.footer-social-strip{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  margin-top:0;
  padding-top:0;
}

.footer-social-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border:1.2px solid rgba(17,17,17,.72);
  border-radius:999px;
  color:#171717;
  background:#fff;
  transition:transform .2s ease, border-color .2s ease, color .2s ease;
}

.footer-social-tab:hover{
  transform:translateY(-2px);
  border-color:#8b6b3d;
  color:#8b6b3d;
}

.footer-social-tab svg{
  width:16px;
  height:16px;
  fill:currentColor;
}

.footer-tab-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:0;
  max-width:980px;
}

.footer-tab-link,
.footer-tab-divider{
  color:rgba(17,17,17,.62);
  font-family:"Work Sans",system-ui,sans-serif !important;
  font-size:.7rem;
  font-weight:400;
  line-height:1.65;
  letter-spacing:.03em;
}

.footer-tab-link{
  text-decoration:none;
  transition:color .2s ease;
}

.footer-tab-link:hover{
  color:#111;
}

.footer-tab-divider{
  color:rgba(17,17,17,.38);
  padding:0 6px;
}

.footer-tab-divider{
  padding:0 8px;
}

.marketing-site [class],
.marketing-site [class] *{
  font-family:"Cormorant Garamond",serif;
}

@media (max-width: 1100px){
  .hero-grid,
  .hero-stage,
  .page-hero-layout,
  .process-layout,
  .split-panel,
  .about-grid,
  .contact-layout,
  .home-luxury-layout,
  .work-editorial-grid,
  .feature-case-card,
  .service-detail-intro,
  .featured-showcase,
  .premium-standard-grid,
  .home-section-intro,
  .home-website-signals,
  .faqs-grid{
    grid-template-columns:1fr;
  }

  .hero-metrics,
  .service-grid,
  .case-study-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .hero-proof-strip,
  .editorial-stat-grid{
    grid-template-columns:1fr;
  }

  .website-needs-grid,
  .home-website-signals-grid,
  .pricing-grid{
    grid-template-columns:1fr;
  }

  .cta-panel{
    flex-direction:column;
    align-items:flex-start;
  }

  .home-luxury-collage{
    justify-self:start;
  }

  .home-luxury-copy{
    justify-self:start;
    max-width:600px;
  }

  .home-luxury-copy h1{
    text-align:left;
    max-width:560px;
  }

  .home-luxury-copy p{
    margin-left:0;
    margin-right:0;
  }
}

@media (max-width: 820px){
  .marketing-site .topbar .container{
    flex-direction:column;
  }

  .marketing-actions{
    margin-left:0;
    width:100%;
  }

  .header-connect-btn{
    width:100%;
  }

  .contact-grid{
    grid-template-columns:1fr;
  }

  .footer-social-strip{
    justify-content:center;
  }

  .pricing-shell{
    width:min(92%, 760px);
  }
}

@media (max-width: 640px){
  .marketing-site .brand-logo{
    height:60px;
  }

  .brand-lockup{
    gap:0;
  }

  .brand-logo-main{
    height:62px;
  }

  .faqs-hero{
    padding:64px 0 92px;
  }

  .faqs-intro{
    margin-bottom:54px;
    font-size:1.34rem;
  }

  .faq-item summary{
    padding:16px 30px 16px 0;
    font-size:.95rem;
  }

  .faq-answer p{
    font-size:.82rem;
    line-height:1.72;
  }

  .hero-copy h1,
  .marketing-title-xl{
    max-width:none;
  }

  .hero-metrics,
  .service-grid,
  .case-study-grid,
  .capability-grid{
    grid-template-columns:1fr;
  }

  .hero-panel,
  .page-hero,
  .section{
    padding-top:58px;
    padding-bottom:58px;
  }

  .hero-side-card,
  .case-card,
  .offer-card,
  .feature-case-card,
  .about-story-card,
  .contact-form,
  .contact-sidebar,
  .cta-panel,
  .home-website-signals{
    padding:22px;
    border-radius:24px;
  }

  .about-page .about-focus-panel{
    max-width:none;
    padding:54px 24px;
  }

  .about-intro-copy{
    margin-bottom:28px;
  }

  .about-page .about-intro-copy p{
    font-size:.98rem;
    line-height:1.85;
  }

  .about-page .about-focus-title{
    max-width:420px;
    font-size:clamp(2.15rem, 8vw, 2.85rem);
  }

  .about-page .about-focus-copy{
    max-width:440px;
    font-size:.94rem;
    line-height:1.82;
  }

  .consult-page-shell{
    padding-top:34px;
    padding-bottom:58px;
  }

  .consult-intro{
    margin-bottom:48px;
  }

  .consult-intro h1{
    font-size:clamp(2.75rem, 10vw, 3.55rem);
  }

  .consult-intro h2{
    font-size:clamp(1.75rem, 7vw, 2.2rem);
  }

  .consult-intro p{
    font-size:.86rem;
    line-height:1.82;
  }

  .consult-field > span{
    font-size:.89rem;
  }

  .consult-help{
    font-size:.65rem;
    line-height:1.72;
  }

  .work-editorial-panel{
    padding:12px;
  }

  .work-editorial-grid{
    gap:28px;
    padding:34px 22px 38px;
  }

  .work-editorial-lead h2{
    font-size:clamp(2.2rem, 9vw, 3rem);
  }

  .service-card{
    min-height:0;
    padding:24px 20px;
  }

  .home-luxury-hero{
    padding-top:54px;
    padding-bottom:62px;
  }

  .home-luxury-layout{
    gap:36px;
    min-height:0;
  }

  .home-luxury-copy{
    max-width:none;
  }

  .home-luxury-copy h1{
    max-width:none;
    font-size:clamp(1.45rem, 6.9vw, 1.95rem);
    text-align:left;
  }

  .home-luxury-copy p{
    max-width:none;
    font-size:.95rem;
    line-height:1.82;
  }

  .home-luxury-links{
    gap:16px 28px;
    margin-top:28px;
  }

  .home-luxury-links a{
    font-size:1.08rem;
  }

  .home-luxury-collage{
    width:100%;
  }

  .pricing-section{
    padding-top:58px;
    padding-bottom:64px;
  }

  .pricing-header{
    margin-bottom:42px;
  }

  .pricing-header h1{
    font-size:clamp(2rem, 9vw, 2.8rem);
  }

  .pricing-header p{
    font-size:.96rem;
    line-height:1.82;
  }

  .pricing-plan h2{
    margin-top:32px;
    font-size:clamp(1.8rem, 8vw, 2.35rem);
  }

  .pricing-plan p{
    font-size:.96rem;
    line-height:1.8;
  }

  .form-footer{
    flex-direction:column;
    align-items:flex-start;
  }

  .footer-social-strip{
    gap:9px;
  }

  .footer-social-tab{
    width:50px;
    height:50px;
  }

  .footer-social-tab svg{
    width:20px;
    height:20px;
  }

  .footer-tab-link,
  .footer-tab-divider{
    font-size:.62rem;
  }
}