:root {
  --paper: #f2f0eb;
  --paper-2: #ebe9e2;
  --ink: #0f0f10;
  --black: #060606;
  --muted: #625f5d;
  --line: rgba(15,15,16,.14);
  --line-light: rgba(255,255,255,.14);
  --accent: #e5ff17;
  --accent-dark: #d0ee00;
  --max: 1600px;
  --headerH: 86px;
  --radius: 0;
  --shadow: 0 18px 38px rgba(0,0,0,.08);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: #d8d8d2;
  color: var(--ink);
  font-family: 'Inter', Arial, sans-serif;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.site-shell {
  width: min(calc(100% - 8px), var(--max));
  margin: 4px auto;
  background: var(--paper);
  border: 1px solid rgba(0,0,0,.18);
  min-height: calc(100vh - 8px);
}
main { overflow: hidden; }
.site-header {
  display: grid;
  grid-template-columns: 230px 1fr 132px 286px;
  align-items: stretch;
  min-height: var(--headerH);
  border-bottom: 1px solid var(--line);
}
.brand {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding: 0 28px;
  background: var(--accent);
  clip-path: polygon(0 0, 91% 0, 100% 100%, 0 100%);
  position: relative;
  transition: background .2s ease;
}
.brand:hover { background: var(--accent-dark); }
.brand img {
  width: 96px;
  filter: brightness(0) saturate(100%);
}

.main-nav { display:flex; align-items:center; justify-content:center; gap: 34px; }
.main-nav a, .header-cta, .f3-login, .tiny-link, .button-ink, .button-outline, .button-accent, .pill, .mini-kicker, .site-footer, .label-card strong, .work-card a, .stat-eyebrow, .service-mini, .faq-item summary {
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .76rem;
  font-weight: 700;
}
.main-nav a { position:relative; }
.main-nav a.active, .main-nav a:hover { color: #707300; }
.main-nav a.active::after, .main-nav a:hover::after {
  content:''; position:absolute; left:0; right:0; bottom:-7px; height:2px; background: var(--accent);
}
.f3-login {
  display:flex; align-items:center; justify-content:center; gap:8px;
  border-left:1px solid var(--line); background:var(--paper);
}
.f3-login:hover { background:#111; color:var(--accent); }
.header-cta {
  display:flex; align-items:center; justify-content:center; gap: 10px;
  background: var(--accent);
  color: #0e0e0e;
  clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
}
.header-cta:hover { background: var(--accent-dark); }
.menu-toggle { display:none; position:absolute; right:14px; top:18px; width:46px; height:46px; border:1px solid var(--line); background:#fff; align-items:center; justify-content:center; flex-direction:column; gap:4px; z-index:20; }
.menu-toggle span { width:18px; height:2px; background:#111; display:block; }
.hero {
  display:grid;
  grid-template-columns: 49.5% 50.5%;
  min-height: 690px;
  border-bottom: 1px solid var(--line);
}
.hero-left, .hero-right, .page-hero, .page-block {
  position:relative;
  background-image: linear-gradient(to right, rgba(0,0,0,.075) 1px, transparent 1px), linear-gradient(to bottom, rgba(0,0,0,.075) 1px, transparent 1px);
  background-size: 180px 100%, 100% 180px;
}
.hero-left {
  padding: 96px 50px 56px 138px;
}
.hero-left::after {
  content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(242,240,235,.2) 100%); pointer-events:none;
}
.side-count {
  position:absolute; left: 36px; top: 240px; display:grid; gap:18px; z-index:2; font-size:.78rem;
}
.kicker, .mini-kicker {
  margin:0 0 10px; color: var(--muted);
}
.hero h1, .page-hero h1, .section-title h2, .selected-work h2, .cta-copy h2, .page-grid h2, .service-grid h2, .card-title, .results-intro h2, .friction-price h2, .insight-hero h1 {
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: uppercase;
  letter-spacing: -1px;
  line-height: .92;
  margin: 0;
}
.hero h1 { font-size: clamp(3.4rem, 6vw, 6.5rem); max-width: 520px; position:relative; z-index:2; }
.hero-left p { max-width: 330px; line-height:1.6; font-size: 1.1rem; margin: 26px 0 26px; position:relative; z-index:2; }
.tiny-link, .button-ink, .button-accent, .button-outline {
  display:inline-flex; align-items:center; gap:10px;
}
.button-ink, .button-accent, .button-outline {
  padding: 15px 20px; border: 1px solid var(--ink); background: #111; color:#fff;
}
.button-accent { background: var(--accent); color:#111; border-color: #cadf1f; }
.button-accent:hover { background: var(--accent-dark); }
.button-outline { background: transparent; color:#111; }
.button-ink:hover { background:#222; }
.grid-plus { position:absolute; width: 18px; height: 18px; }
.grid-plus::before, .grid-plus::after { content:''; position:absolute; background: rgba(0,0,0,.28); }
.grid-plus::before { width:18px; height:1px; top:8px; left:0; }
.grid-plus::after { width:1px; height:18px; left:8px; top:0; }
.plus-a { left:34px; bottom: 28px; }
.plus-b { right: 0; top: 130px; }
.plus-c { left: 55%; bottom: 56px; }
.plus-d { right: 44px; bottom: 150px; }
.hero-right {
  background: linear-gradient(100deg, #fff 0 15%, #0b0b0c 15% 100%);
  overflow:hidden;
  color: #fff;
}
.hero-right::before {
  content:''; position:absolute; left: 11%; top:-2%; width: 32%; height: 104%;
  background: radial-gradient(circle at 20% 18%, rgba(0,0,0,.35) 0 1px, transparent 1px), radial-gradient(circle at 58% 42%, rgba(0,0,0,.32) 0 1px, transparent 1px), radial-gradient(circle at 34% 66%, rgba(0,0,0,.22) 0 1px, transparent 1px);
  background-size: 10px 10px, 13px 13px, 15px 15px;
  opacity: .45; filter: blur(.5px);
}
.hero-mark { position:absolute; width: 790px; right: -120px; top: 78px; filter: brightness(200%); }
.hero-angle { position:absolute; left: 11%; top: 0; bottom: 0; width: 28%; background: linear-gradient(100deg, rgba(255,255,255,.96), rgba(255,255,255,.1)); clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%); mix-blend-mode: screen; opacity: .85; }
.hero-labels {
  position:absolute; right: 68px; bottom: 62px; background: rgba(242,240,235,.92); color:#111; padding: 16px 18px; display:grid; gap:4px; text-transform: uppercase; font-size: .84rem; letter-spacing: .08em; box-shadow: var(--shadow);
}
.section-reveal { opacity: 0; transform: translateY(18px); transition: .7s ease; }
.section-reveal.visible { opacity:1; transform:none; }
.black-band {
  display:grid; grid-template-columns: 34% 22% 22% 22%; background:#020202; color:#fff; border-bottom: 1px solid var(--line);
}
.black-band > * { border-right: 1px solid var(--line-light); }
.black-band > *:last-child { border-right:0; }
.band-lead { padding: 34px 26px 30px 34px; position:relative; min-height: 220px; }
.band-lead h2 { font-family:'Barlow Condensed', sans-serif; text-transform:uppercase; font-size: 3rem; line-height:.9; margin:0 0 12px; }
.band-lead .arrow-accent { position:absolute; right: 32px; top: 42px; font-size: 2rem; color: var(--accent); }
.face-card { padding: 26px 24px 22px; }
.face-card h3 { margin:0 0 14px; color:var(--accent); font-family:'Barlow Condensed', sans-serif; text-transform:uppercase; font-size: 1.9rem; }
.face-card img { width: 116px; height: 116px; border-radius:50%; margin-bottom: 16px; object-fit:cover; }
.face-card p { max-width: 180px; line-height:1.55; color: rgba(255,255,255,.85); }
.split-feature { display:grid; grid-template-columns: 52% 48%; border-bottom:1px solid var(--line); }
.feature-copy { padding: 66px 40px 56px 46px; }
.feature-copy .micro { color:var(--muted); text-transform:uppercase; letter-spacing:.08em; font-size:.74rem; font-weight:700; }
.feature-copy h2 { font-size: clamp(2.9rem, 4.4vw, 4.7rem); margin: 14px 0; }
.feature-copy p { max-width: 520px; line-height:1.65; }
.friction-price { margin: 24px 0 20px; }
.friction-price h2 { font-size: 1.55rem; }
.feature-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top: 22px; }
.feature-visual { position:relative; background:#070707; overflow:hidden; min-height: 540px; }
.feature-visual img { width:100%; height:100%; object-fit:cover; object-position:center; }
.price-sticker {
  position:absolute; top: 32px; right: 32px; background: var(--accent); color:#111; padding: 15px 18px; font-family:'Barlow Condensed', sans-serif; font-size: 2rem; font-weight:800; transform: rotate(-2deg); box-shadow: var(--shadow);
}
.map-section { display:grid; grid-template-columns: 36% 64%; border-bottom:1px solid var(--line); }
.map-copy { padding: 70px 44px 54px 44px; }
.map-copy h2 { font-size: clamp(2.7rem, 4vw, 4rem); margin: 16px 0; }
.map-copy p { max-width: 340px; line-height:1.65; }
.map-stage { position:relative; padding: 40px; min-height: 440px; }
.map-wrap { position:relative; width: 100%; height: 360px; }
.map-ring { position:absolute; border:1px solid rgba(0,0,0,.22); border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); }
.ring-1 { width: 86px; height: 86px; }
.ring-2 { width: 170px; height: 170px; }
.ring-3 { width: 252px; height: 252px; }
.ring-4 { width: 334px; height: 334px; }
.map-node, .map-center {
  position:absolute; border:0; background:transparent; color:#111; text-transform:uppercase; letter-spacing:.06em; font-size:.72rem; font-weight:700; max-width:120px; text-align:center;
}
.map-node::before {
  content:''; width: 8px; height: 8px; border-radius:50%; background: var(--accent); display:block; margin:0 auto 10px;
}
.map-center {
  left:50%; top:50%; transform:translate(-50%,-50%); width:76px; height:76px; border-radius:50%; background:#050505; color:#fff; display:grid; place-items:center; font-size:.84rem; box-shadow: var(--shadow);
}
.map-node.active { color:#000; }
.pos-top { left:50%; top: 5px; transform:translateX(-50%); }
.pos-right-top { right: 8px; top: 82px; }
.pos-right-bottom { right: 30px; bottom: 84px; }
.pos-bottom { left:50%; bottom: 5px; transform:translateX(-50%); }
.pos-left-bottom { left: 36px; bottom: 84px; }
.pos-left-top { left: 28px; top: 110px; }
.map-readout { position:absolute; left: 40px; bottom: 28px; max-width: 320px; background:#fff; padding:18px 20px; border:1px solid var(--line); box-shadow: var(--shadow); }
.map-readout h3 { margin:0 0 8px; font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; font-size: 1.8rem; }
.belief-row { display:grid; grid-template-columns: 22% 78%; background:#020202; color:#fff; border-bottom:1px solid var(--line-light); }
.belief-label { padding: 30px 22px; border-right:1px solid var(--line-light); }
.belief-label h2 { font-size: 2.6rem; }
.belief-items { display:grid; grid-template-columns: repeat(5, 1fr); }
.belief-items article { padding: 24px 18px 22px; border-right:1px solid var(--line-light); min-height: 150px; }
.belief-items article:last-child { border-right:0; }
.belief-items span { color: var(--accent); font-family:'Barlow Condensed',sans-serif; font-size: 1.2rem; }
.belief-items p { margin: 18px 0 0; line-height:1.55; max-width: 150px; }
.selected-work { display:grid; grid-template-columns: 22% 78%; border-bottom:1px solid var(--line); }
.work-label { padding: 34px 24px 34px 34px; }
.work-label h2 { font-size: 4rem; margin-bottom: 12px; }
.work-label p { line-height:1.65; }
.work-cards { display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding: 22px 22px 22px 0; }
.work-card { position:relative; overflow:hidden; min-height: 340px; background:#080808; color:#fff; }
.work-card img { width:100%; height:100%; object-fit:cover; transition: transform .5s ease; }
.work-card::after { content:''; position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.05) 20%, rgba(0,0,0,.8) 100%); }
.work-card:hover img { transform: scale(1.04); }
.work-copy { position:absolute; left: 20px; right: 20px; bottom: 20px; z-index:2; }
.work-copy h3 { margin:0 0 8px; font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; font-size: 2rem; }
.work-copy p { margin:0 0 12px; max-width: 280px; }
.bottom-cta { display:grid; grid-template-columns: 64% 36%; background:#040404; color:#fff; }
.cta-copy { padding: 42px 34px 52px; }
.cta-copy h2 { font-size: clamp(3.3rem, 5vw, 5.8rem); }
.cta-copy p { margin: 10px 0 0; font-size: 2rem; text-transform: uppercase; letter-spacing: .03em; }
.cta-actions { padding: 44px 34px; display:flex; flex-direction:column; justify-content:center; gap:18px; position:relative; }
.cta-contact { display:grid; gap:8px; }
.site-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; padding: 16px 28px; background:#040404; color:#d8d8d2; border-top: 1px solid var(--line-light); }
.site-footer nav { display:flex; gap: 22px; flex-wrap:wrap; }
.site-footer a:hover { color: var(--accent); }
.page-hero { padding: 84px 38px 56px; border-bottom:1px solid var(--line); }
.page-hero h1 { font-size: clamp(3.2rem, 6vw, 6rem); max-width: 980px; }
.page-hero p { max-width: 700px; line-height: 1.65; font-size: 1.06rem; }
.page-grid { display:grid; grid-template-columns: repeat(2,1fr); gap:0; border-bottom:1px solid var(--line); }
.page-grid article { padding: 34px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.page-grid article:nth-child(2n) { border-right:0; }
.page-grid article h2 { font-size: 2.4rem; margin-bottom: 12px; }
.page-grid article p, .page-grid article li { line-height:1.7; color:#262626; }
.page-grid ul { margin: 8px 0 0 18px; padding:0; }
.service-grid { display:grid; grid-template-columns: repeat(3,1fr); border-bottom:1px solid var(--line); }
.service-card { padding: 30px 28px 36px; border-right:1px solid var(--line); }
.service-card:last-child { border-right:0; }
.service-card h2 { font-size: 2.6rem; margin:12px 0; }
.service-mini { color: var(--muted); }
.service-card ul { margin: 0; padding-left: 18px; line-height:1.8; }
.case-stack { display:grid; }
.case-row { display:grid; grid-template-columns: 45% 55%; gap: 0; border-bottom:1px solid var(--line); align-items:stretch; }
.case-row img { width:100%; height:100%; object-fit:cover; min-height: 420px; }
.case-row > div { padding: 34px; }
.case-row h2 { font-size: 3.2rem; margin-bottom: 10px; }
.case-row p { line-height: 1.65; }
.metrics { display:grid; grid-template-columns: repeat(3,1fr); gap:12px; margin-top: 24px; }
.metrics > div { padding: 16px 14px; border:1px solid var(--line); background:#fff; }
.metrics strong { display:block; font-family:'Barlow Condensed',sans-serif; font-size: 2.6rem; }
.metrics span { font-size: .9rem; color: var(--muted); }
.insights-list { display:grid; grid-template-columns: repeat(3,1fr); border-bottom:1px solid var(--line); }
.insight-card { padding: 30px; border-right:1px solid var(--line); min-height: 280px; display:flex; flex-direction:column; justify-content:space-between; }
.insight-card:last-child { border-right:0; }
.insight-card h2 { font-size: 2.5rem; margin: 12px 0; }
.insight-card p { line-height:1.7; }
.contact-layout { display:grid; grid-template-columns: 56% 44%; border-bottom:1px solid var(--line); }
.contact-panel { padding: 34px; border-right:1px solid var(--line); }
.contact-side { padding: 34px; }
.form-grid { display:grid; grid-template-columns: repeat(2,1fr); gap:16px; }
.form-grid .full { grid-column: 1 / -1; }
label { display:grid; gap:8px; font-size:.92rem; font-weight:600; }
input, textarea, select { width:100%; padding: 14px 14px; border:1px solid var(--line); background:#fff; color:#111; }
textarea { resize: vertical; min-height: 140px; }
.form-actions { display:flex; gap:14px; align-items:center; margin-top: 18px; flex-wrap:wrap; }
.form-note { color: var(--muted); font-size:.92rem; line-height:1.6; }
.notice {
  position: fixed; inset: 0; display:none; align-items:center; justify-content:center; z-index:200; background: rgba(0,0,0,.35); padding: 20px;
}
.notice.open { display:flex; }
.notice-panel { width:min(560px, 100%); background: var(--paper); color:#111; border:1px solid rgba(0,0,0,.2); box-shadow:0 30px 70px rgba(0,0,0,.25); overflow:hidden; }
.notice-top { display:flex; align-items:center; justify-content:space-between; padding: 18px 20px; background:#020202; color:#fff; }
.notice-body { padding: 24px 20px 24px; }
.notice-top strong { text-transform:uppercase; letter-spacing:.08em; font-size:.82rem; }
.notice-close { background:var(--accent); color:#111; border:0; padding:11px 14px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.notice-body h3 { margin:0 0 10px; font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; font-size:2.2rem; line-height:.95; }
.notice-body p { margin:0; line-height:1.65; }
.friction-layout { display:grid; grid-template-columns: 52% 48%; border-bottom:1px solid var(--line); }
.friction-intro { padding: 34px; }
.friction-intro h2 { font-size: 3rem; margin: 10px 0 12px; }
.friction-intro p, .friction-intro li { line-height:1.7; }
.friction-intro ul { margin: 10px 0 0 18px; }
.friction-visual { min-height: 100%; background:#0b0b0c; }
.friction-visual img { width:100%; height:100%; object-fit:cover; }
.pricing-strip { display:grid; grid-template-columns: 1fr 280px; border-bottom:1px solid var(--line); }
.pricing-strip > div { padding: 30px 34px; }
.pricing-strip .price-box { background:#020202; color:#fff; display:grid; align-content:center; justify-items:start; }
.pricing-strip .price-box h2 { font-family:'Barlow Condensed',sans-serif; font-size: 4rem; margin:0; }
.faq-list { border-bottom:1px solid var(--line); }
.faq-item { border-bottom:1px solid var(--line); }
.faq-item summary { list-style:none; padding: 18px 34px; display:flex; justify-content:space-between; align-items:center; }
.faq-item p { padding: 0 34px 22px; margin:0; max-width: 860px; line-height:1.7; }
.results-intro { display:grid; grid-template-columns: 1.1fr .9fr; border-bottom:1px solid var(--line); }
.results-intro .copy, .results-intro .list { padding: 34px; }
.results-intro h2 { font-size: 3.6rem; }
.results-intro ul { margin: 0; padding-left: 18px; line-height: 1.8; }
.page-hero.dark, .insight-hero { background:#040404; color:#fff; background-image:none; }
.insight-hero { padding: 78px 36px 56px; border-bottom:1px solid var(--line-light); }
.insight-hero h1 { font-size: clamp(3rem, 6vw, 6rem); max-width: 980px; }
.insight-hero p { max-width: 780px; line-height:1.7; color:#d4d4d4; }
.policy-wrap { padding: 34px; max-width: 980px; line-height:1.75; }
.policy-wrap h2 { font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; font-size:2.6rem; margin: 36px 0 12px; }
@media (max-width: 1180px) {
  .site-header { grid-template-columns: 190px 1fr 116px 220px; }
  .main-nav { gap: 22px; }
  .hero { grid-template-columns: 1fr; }
  .split-feature, .map-section, .selected-work, .belief-row, .bottom-cta, .friction-layout, .results-intro, .contact-layout, .page-grid, .service-grid, .black-band, .pricing-strip { grid-template-columns: 1fr !important; }
  .selected-work .work-cards, .belief-items, .insights-list { grid-template-columns: repeat(2,1fr); }
  .work-label, .belief-label { border-right:0; }
  .case-row { grid-template-columns: 1fr; }

}
@media (max-width: 900px) {
  .site-header { display:flex; align-items:center; padding-right: 70px; }
  .brand { padding: 0 20px; }
  .main-nav { display:none; position:absolute; left:0; right:0; top: 100%; background:var(--paper); border-bottom:1px solid var(--line); flex-direction:column; padding: 18px 20px 26px; z-index:20; }
  .main-nav.open { display:flex; }
  .menu-toggle { display:flex; }
  .header-cta, .f3-login { display:none; }
  .hero-left { padding: 86px 26px 36px 82px; }
  .hero-mark { width: 520px; right: -110px; top: 120px; }
  .black-band > * { border-right:0; border-bottom:1px solid var(--line-light); }
  .work-cards, .selected-work .work-cards, .belief-items, .insights-list { grid-template-columns: 1fr !important; padding: 18px; }
  .site-footer { flex-direction:column; align-items:flex-start; }
  .form-grid, .metrics { grid-template-columns: 1fr; }
  .map-wrap { height: 400px; }
  .hero-labels { right: 20px; bottom: 20px; }
}
@media (max-width: 640px) {
  .site-shell { width: 100%; margin: 0; border:0; }
  .hero-left { padding: 82px 18px 28px 58px; }
  .side-count { left: 16px; top: 205px; gap: 14px; }
  .page-hero, .feature-copy, .map-copy, .work-label, .contact-panel, .contact-side, .friction-intro, .pricing-strip > div, .results-intro .copy, .results-intro .list, .page-grid article, .service-card, .cta-copy, .cta-actions { padding: 24px 18px; }
  .hero h1 { font-size: 3.6rem; }
  .hero-left p { font-size: 1rem; }
  .belief-label h2, .selected-work h2, .map-copy h2, .feature-copy h2, .page-hero h1, .insight-hero h1, .cta-copy h2 { font-size: 3rem; }
  .hero-mark { width: 420px; top: 180px; right: -70px; }
  .hero-angle { width: 42%; }
  .map-stage { padding: 22px 12px 160px; }
  .map-readout { left: 16px; right: 16px; max-width:none; }
  .case-row > div { padding: 22px 18px; }
  .work-card { min-height: 280px; }
}


/* Digital Footprint public product */
.df-hero{display:grid;grid-template-columns:52% 48%;min-height:650px;border-bottom:1px solid var(--line);background:var(--paper)}
.df-hero-copy{padding:84px 48px 64px 64px;background-image:linear-gradient(to right,rgba(0,0,0,.065) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.065) 1px,transparent 1px);background-size:180px 100%,100% 180px}
.df-hero-copy h1,.df-definition h2,.df-lenses h2,.df-pricing h2,.df-process h2,.df-sample h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-1px;line-height:.92;margin:0}
.df-hero-copy h1{font-size:clamp(4rem,7vw,7rem);max-width:700px}
.df-deck{font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.55;max-width:700px;margin:24px 0}
.df-proofline{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}.df-proofline span{border:1px solid var(--ink);padding:8px 10px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:#fff}
.df-hero-art{position:relative;overflow:hidden;background:#050505;min-height:650px}.df-art-noise{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(229,255,23,.09),transparent 23%),radial-gradient(circle at 70% 72%,rgba(255,255,255,.08),transparent 18%)}
.df-report-stack{position:absolute;inset:0}.df-sheet{position:absolute;width:46%;min-height:62%;background:#f8f7f2;color:#111;border:1px solid #aaa;padding:24px;box-shadow:0 28px 60px rgba(0,0,0,.45)}
.df-sheet p,.df-sheet small{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.df-sheet strong{font-family:'Barlow Condensed',sans-serif;font-size:2rem;text-transform:uppercase}.df-sheet span{display:block;height:8px;background:#d9d7d1;margin:14px 0}.df-sheet-back{left:9%;top:19%;transform:rotate(-8deg)}.df-sheet-mid{right:7%;top:14%;transform:rotate(7deg)}.df-sheet-front{left:27%;top:15%;width:48%;height:70%;background:#111;color:#fff;transform:rotate(-2deg);padding:30px}.df-sheet-front img{filter:brightness(0) invert(1);width:70px}.df-sheet-front h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2.8rem,4vw,4.8rem);line-height:.86;margin:35px 0 24px;text-transform:uppercase}.df-acid-rule{height:6px;width:65px;background:var(--accent);margin-bottom:24px}.df-sheet-front p{color:#e1e1dd;line-height:1.6}.df-mini-score{display:flex;align-items:center;gap:12px;margin:25px 0}.df-mini-score b{font-family:'Barlow Condensed';font-size:3rem}.df-mini-score i{width:50px;height:50px;border-radius:50%;border:7px solid var(--accent);border-right-color:#ddd}
.df-definition{display:grid;grid-template-columns:34% 66%;background:#050505;color:#fff;border-bottom:1px solid var(--line-light)}.df-definition-copy{padding:48px 34px}.df-definition-copy h2{font-size:3.4rem}.df-definition-copy p{line-height:1.7;color:#d5d5d1}.df-signal-grid{display:grid;grid-template-columns:repeat(3,1fr)}.df-signal-grid article{padding:34px 26px;border-left:1px solid var(--line-light);border-bottom:1px solid var(--line-light);min-height:220px}.df-signal-grid b{color:var(--accent);font-family:'Barlow Condensed';font-size:1.8rem}.df-signal-grid h3{font-family:'Barlow Condensed';font-size:2rem;text-transform:uppercase;margin:18px 0 8px}.df-signal-grid p{color:#cfcfcb;line-height:1.55}
.df-lenses{border-bottom:1px solid var(--line);padding:56px 34px 0}.df-lenses-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:36px}.df-lenses-head h2{font-size:4.3rem}.df-lenses-head p{line-height:1.7;max-width:560px}.df-lens-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-bottom:0;background:#fff}.df-lens-row article{padding:28px 24px;border-right:1px solid var(--line);min-height:230px}.df-lens-row article:last-child{border-right:0}.df-lens-row span{font-size:.68rem;color:#70706a;font-weight:800;letter-spacing:.1em}.df-lens-row h3{font-family:'Barlow Condensed';font-size:2.1rem;text-transform:uppercase;margin:18px 0 10px}.df-lens-row p{line-height:1.6}
.df-pricing{padding:62px 34px 70px;border-bottom:1px solid var(--line)}.df-pricing-head{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;margin-bottom:34px}.df-pricing-head h2{font-size:4.8rem}.df-pricing-head p{line-height:1.65}.df-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.df-price-card{position:relative;border:1px solid var(--line);background:#fff;padding:30px;min-height:610px;display:flex;flex-direction:column}.df-price-card.dark{background:#050505;color:#fff}.df-price-card.featured{border:3px solid #111}.df-price-card h3{font-family:'Barlow Condensed';font-size:3rem;text-transform:uppercase;line-height:.92;margin:10px 0}.df-price{font-family:'Barlow Condensed';font-size:3rem;font-weight:800;margin:18px 0}.df-price-card p{line-height:1.6}.df-price-card ul{padding-left:18px;line-height:1.85;margin:15px 0 26px;flex:1}.df-price-flag{position:absolute;top:18px;right:18px;background:#111;color:#fff;padding:7px 9px;font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.df-price-flag.acid{background:var(--accent);color:#111}.df-upgrade-note{text-align:center;margin:24px 0 0;font-size:.85rem;color:var(--muted)}
.df-process{display:grid;grid-template-columns:28% 72%;background:#050505;color:#fff;border-bottom:1px solid var(--line-light)}.df-process>div{padding:42px 34px}.df-process h2{font-size:3.5rem}.df-process ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}.df-process li{padding:34px 22px;border-left:1px solid var(--line-light);display:flex;flex-direction:column;gap:12px}.df-process li b{font-family:'Barlow Condensed';font-size:2rem;color:var(--accent)}.df-process li strong{text-transform:uppercase;font-size:.9rem}.df-process li span{color:#c9c9c5;line-height:1.55}
.df-sample{display:grid;grid-template-columns:58% 42%;border-bottom:1px solid var(--line)}.df-sample-copy{padding:60px 42px}.df-sample-copy h2{font-size:4.3rem}.df-sample-copy p{line-height:1.7;max-width:760px}.df-sample-card{margin:44px;background:#fff;border:1px solid var(--line);border-left:8px solid var(--accent);padding:30px;box-shadow:var(--shadow)}.df-sample-card>span{font-size:.68rem;font-weight:800;letter-spacing:.1em}.df-sample-card h3{font-family:'Barlow Condensed';text-transform:uppercase;font-size:2.8rem;line-height:.95;margin:14px 0}.df-sample-card p{line-height:1.6}.df-sample-card>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.df-white-outline{color:#fff;border-color:#fff}
.home-menu-feature{position:relative;display:grid;grid-template-columns:56% 44%;border-bottom:1px solid var(--line);background:#050505;color:#fff;min-height:650px;overflow:hidden}
.home-menu-image{position:relative;min-height:650px;background-image:linear-gradient(90deg,rgba(5,5,5,0) 0%,rgba(5,5,5,.1) 58%,rgba(5,5,5,.86) 100%),url('/assets/f3-menu-analyzer-hero.jpg');background-size:cover;background-position:center left}
.home-menu-image::after{content:'F3 MENU READ';position:absolute;left:34px;bottom:28px;color:rgba(255,255,255,.14);font:900 clamp(4rem,10vw,10rem)/.75 'Barlow Condensed';letter-spacing:-.075em;text-transform:uppercase;mix-blend-mode:screen}
.home-menu-copy{position:relative;z-index:2;padding:82px 62px 70px 18px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(5,5,5,.1),#050505 18%)}
.home-menu-copy h2{font-family:'Barlow Condensed';font-size:clamp(3.8rem,6.3vw,6.7rem);line-height:.84;text-transform:uppercase;margin:12px 0 22px;max-width:760px;letter-spacing:-.04em}
.home-menu-copy p{max-width:700px;line-height:1.68;color:#deded9;font-size:1.08rem}
.home-menu-points{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 4px}.home-menu-points span{display:inline-block;background:#fff;color:#111;padding:9px 11px;font-size:.67rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.home-menu-feature .button-accent{font-size:.82rem;padding:18px 22px}
@media(max-width:1180px){.home-menu-feature{grid-template-columns:1fr}.home-menu-image{min-height:520px;background-position:center}.home-menu-copy{padding:48px 34px 54px;background:#050505}}
@media(max-width:760px){.home-menu-image{min-height:390px}.home-menu-image::after{left:18px;bottom:16px}.home-menu-copy{padding:34px 18px}.home-menu-copy h2{font-size:clamp(3.2rem,14vw,4.8rem)}}
.home-df-feature{display:grid;grid-template-columns:55% 45%;border-bottom:1px solid var(--line);background:#efede7}.home-df-copy{padding:58px 42px}.home-df-copy h2{font-family:'Barlow Condensed';font-size:clamp(3rem,5vw,5rem);line-height:.92;text-transform:uppercase;margin:12px 0}.home-df-copy p{line-height:1.65;max-width:700px}.home-df-levels{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.home-df-levels span{background:#111;color:#fff;padding:8px 10px;font-size:.66rem;font-weight:800;letter-spacing:.08em}.home-df-visual{background:#050505;color:#fff;min-height:390px;position:relative;overflow:hidden}.home-df-score{position:absolute;left:36px;top:36px;bottom:36px;width:44%;border:1px solid #5c5c5c;padding:25px;display:flex;flex-direction:column}.home-df-score small{letter-spacing:.1em;font-weight:800}.home-df-score strong{font-family:'Barlow Condensed';font-size:9rem;color:var(--accent);line-height:1;margin:auto 0}.home-df-score span{font-size:.7rem;letter-spacing:.1em;font-weight:800}.home-df-rings{position:absolute;right:-30px;top:25px;width:300px;height:300px}.home-df-rings i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #777;border-radius:50%}.home-df-rings i:nth-child(1){width:100px;height:100px}.home-df-rings i:nth-child(2){width:190px;height:190px}.home-df-rings i:nth-child(3){width:280px;height:280px}.home-df-rings b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--accent);color:#111;border-radius:50%;width:80px;height:80px;display:grid;place-items:center;font-size:.72rem;letter-spacing:.1em}
@media(max-width:1180px){.df-hero,.df-definition,.df-lenses-head,.df-pricing-head,.df-process,.df-sample,.home-df-feature{grid-template-columns:1fr}.df-signal-grid,.df-price-grid{grid-template-columns:repeat(2,1fr)}.df-lens-row{grid-template-columns:repeat(2,1fr)}.df-process ol{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.df-hero-copy,.df-definition-copy,.df-lenses,.df-pricing,.df-sample-copy,.home-df-copy{padding:32px 18px}.df-hero-art{min-height:500px}.df-sheet{width:58%}.df-sheet-front{left:20%;width:62%}.df-signal-grid,.df-price-grid,.df-lens-row,.df-process ol{grid-template-columns:1fr}.df-lens-row article,.df-signal-grid article{border-right:0}.df-sample-card{margin:20px 18px 34px}.home-df-visual{min-height:360px}.home-df-score{left:18px;top:18px;bottom:18px;width:48%}.home-df-score strong{font-size:7rem}}


/* About F3 experience */
.about-hero{display:grid;grid-template-columns:57% 43%;min-height:650px;border-bottom:1px solid var(--line);background:var(--paper)}
.about-hero-copy{padding:82px 54px 64px 64px;background-image:linear-gradient(to right,rgba(0,0,0,.065) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.065) 1px,transparent 1px);background-size:180px 100%,100% 180px}
.about-hero h1,.experience-proof h2,.experience-cap-head h2,.been-label h2,.about-bottom h2,.home-experience h2,.services-experience h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-1px;line-height:.92;margin:0}
.about-hero h1{font-size:clamp(4rem,7vw,7.2rem);max-width:820px}
.about-deck{font-size:1.08rem;line-height:1.7;max-width:760px;margin:24px 0}
.about-hero-art{position:relative;background:#050505;overflow:hidden;color:#fff;min-height:650px}
.about-hero-art::before{content:'';position:absolute;inset:-10%;background:repeating-linear-gradient(105deg,transparent 0 28px,rgba(255,255,255,.04) 29px 30px),radial-gradient(circle at 70% 30%,rgba(229,255,23,.15),transparent 25%);transform:rotate(-4deg)}
.about-big-type{position:absolute;left:34px;top:42px;font-family:'Barlow Condensed';font-size:clamp(6rem,10vw,11rem);font-weight:800;line-height:.72;letter-spacing:-5px;color:#f4f2ed;transform:rotate(-2deg)}
.about-stamp{position:absolute;right:32px;bottom:42px;border:4px solid var(--accent);color:var(--accent);padding:16px 18px;font-family:'Barlow Condensed';font-size:1.8rem;font-weight:800;line-height:.92;transform:rotate(5deg)}
.about-tape{position:absolute;background:var(--accent);color:#111;padding:10px 16px;font-size:.72rem;font-weight:900;letter-spacing:.09em;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.tape-1{left:18px;bottom:112px;transform:rotate(-5deg)}.tape-2{right:-26px;top:270px;transform:rotate(7deg)}
.experience-proof{display:grid;grid-template-columns:36% 64%;background:#050505;color:#fff;border-bottom:1px solid var(--line-light)}
.experience-proof-intro{padding:46px 34px}.experience-proof-intro h2{font-size:3.8rem}.experience-proof-intro p{color:#d4d4d0;line-height:1.7}
.experience-proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.experience-proof-grid article{padding:38px 28px;border-left:1px solid var(--line-light);min-height:360px}
.experience-proof-grid span{color:var(--accent);font-family:'Barlow Condensed';font-size:2rem;font-weight:700}.experience-proof-grid h3{font-family:'Barlow Condensed';font-size:2.4rem;text-transform:uppercase;line-height:.95;margin:28px 0 14px}.experience-proof-grid p{color:#d2d2ce;line-height:1.7}
.experience-capabilities{border-bottom:1px solid var(--line)}.experience-cap-head{padding:56px 38px 38px;display:grid;grid-template-columns:30% 70%;align-items:end;gap:40px}.experience-cap-head h2{font-size:4.8rem;max-width:900px}
.experience-cap-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
.exp-card{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:38px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:420px;background:#fff}
.exp-card:nth-child(2n){border-right:0}.exp-num{font-family:'Barlow Condensed';font-size:4.2rem;font-weight:800;color:var(--accent);-webkit-text-stroke:1px #111;line-height:1}
.exp-card h3{font-family:'Barlow Condensed';font-size:3rem;text-transform:uppercase;line-height:.95;margin:12px 0 16px}.exp-card p{line-height:1.7}.exp-callout{margin-top:22px;padding:18px;border-left:5px solid var(--accent);background:var(--paper);font-weight:650}
.been-there-strip{display:grid;grid-template-columns:25% 50% 25%;background:#070707;color:#fff;border-bottom:1px solid var(--line-light)}
.been-label,.been-question{padding:34px}.been-label h2{font-size:3.5rem}.been-items{display:flex;flex-wrap:wrap;align-content:center;gap:8px;padding:28px;border-left:1px solid var(--line-light);border-right:1px solid var(--line-light)}
.been-items span{border:1px solid #555;padding:9px 11px;color:#ddd;font-size:.68rem;font-weight:800;letter-spacing:.08em}.been-question{display:flex;align-items:center;color:var(--accent);font-family:'Barlow Condensed';font-size:1.8rem;text-transform:uppercase;line-height:1.05}
.about-bottom{display:grid;grid-template-columns:52% 48%;padding:58px 38px;background:var(--paper);border-bottom:1px solid var(--line);gap:50px}.about-bottom h2{font-size:4.7rem}.about-bottom p{font-size:1.05rem;line-height:1.75}.about-bottom .button-accent{margin-top:14px}
.home-experience{display:grid;grid-template-columns:29% 51% 20%;border-bottom:1px solid var(--line);background:#fff}.home-exp-kicker,.home-exp-copy,.home-exp-tag{padding:34px}.home-exp-kicker h2{font-size:3.8rem}.home-exp-copy{border-left:1px solid var(--line);border-right:1px solid var(--line)}.home-exp-copy p{line-height:1.7;margin:0 0 20px}.home-exp-tag{background:#050505;color:var(--accent);font-family:'Barlow Condensed';font-size:2.5rem;font-weight:800;line-height:.83;display:flex;align-items:center}
.services-experience{display:grid;grid-template-columns:38% 62%;background:#050505;color:#fff;border-bottom:1px solid var(--line-light)}.services-experience>div{padding:38px}.services-experience>div+div{border-left:1px solid var(--line-light)}.services-experience h2{font-size:3.7rem}.services-experience p{line-height:1.75;color:#d5d5d0}.services-experience .tiny-link{color:var(--accent)}
@media(max-width:1180px){.about-hero,.experience-proof,.experience-cap-head,.been-there-strip,.about-bottom,.home-experience,.services-experience{grid-template-columns:1fr}.experience-proof-grid{grid-template-columns:repeat(3,1fr)}.experience-cap-grid{grid-template-columns:1fr}.exp-card{border-right:0}.been-items,.services-experience>div+div,.home-exp-copy{border-left:0;border-right:0;border-top:1px solid var(--line-light)}.home-exp-tag{min-height:180px}}
@media(max-width:760px){.about-hero-copy,.experience-proof-intro,.experience-cap-head,.exp-card,.been-label,.been-question,.about-bottom>div,.home-exp-kicker,.home-exp-copy,.home-exp-tag,.services-experience>div{padding:28px 18px}.about-hero-art{min-height:500px}.about-big-type{left:18px;top:38px;font-size:7rem}.experience-proof-grid{grid-template-columns:1fr}.experience-proof-grid article{border-left:0;border-top:1px solid var(--line-light);min-height:auto}.experience-cap-head h2,.about-bottom h2{font-size:3.4rem}.exp-card{grid-template-columns:64px 1fr;padding:28px 18px}.exp-card h3{font-size:2.4rem}.exp-num{font-size:3.2rem}}

/* Selected work provenance */
.work-provenance { margin-top:14px; font-size:.78rem; line-height:1.5; color:var(--muted); max-width:200px; }
.work-role-tag { margin:0 0 7px !important; color:var(--accent); text-transform:uppercase; letter-spacing:.08em; font-size:.65rem; font-weight:800; }
.case-disclosure { margin-top:20px; padding-top:14px; border-top:1px solid var(--line); color:var(--muted); font-size:.82rem; line-height:1.55; }

/* --- F3 Friction Scan analyzer --- */
.friction-result-shell{background:var(--paper);min-height:70vh;border-bottom:1px solid var(--line)}
.friction-processing{padding:70px 6vw 80px;min-height:660px;background:#090909;color:#fff;position:relative;overflow:hidden}.friction-processing:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(232,255,56,.025) 0 1px,transparent 1px 5px);pointer-events:none}.friction-processing h1{font:800 clamp(3.4rem,7vw,7rem)/.88 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:12px 0 20px;max-width:900px}.friction-processing h2{font:700 clamp(1.8rem,3vw,3rem)/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:var(--accent);margin:0 0 14px}.friction-processing>p{max-width:660px;line-height:1.6;color:#ccc}
.friction-led-clock{margin:55px 0 34px;width:min(620px,100%);background:#020302;border:1px solid #384000;padding:24px 28px;box-shadow:0 0 40px rgba(232,255,23,.08),inset 0 0 40px rgba(232,255,23,.03);position:relative}.friction-led-clock small{display:block;color:#a8b653;letter-spacing:.18em;font-size:.7rem;font-weight:800}.friction-led-clock strong{display:block;font:700 clamp(4.4rem,9vw,7.5rem)/.95 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);letter-spacing:.08em;text-shadow:0 0 10px rgba(232,255,23,.5),0 0 28px rgba(232,255,23,.22)}.friction-led-clock>span{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:800;letter-spacing:.12em;color:#dce6a0}.friction-led-clock>span i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:f3pulse 1s infinite}.friction-led-clock em{display:block;margin-top:14px;font-style:normal;color:#777;font-size:.82rem}.friction-led-clock.final-pass strong{animation:f3flicker 1.2s infinite}.friction-scan-rail{display:grid;grid-template-columns:repeat(6,1fr);width:min(900px,100%);border-top:1px solid #303030;border-bottom:1px solid #303030}.friction-scan-rail span{padding:13px 8px;font-size:.62rem;letter-spacing:.1em;color:#777;border-right:1px solid #303030}.friction-scan-rail span:last-child{border-right:0}@keyframes f3pulse{50%{opacity:.25}}@keyframes f3flicker{0%,94%,100%{opacity:1}95%{opacity:.35}97%{opacity:.8}}
.friction-report-public{max-width:1500px;margin:0 auto}.friction-report-head{display:grid;grid-template-columns:1fr 260px;border-bottom:1px solid var(--line)}.friction-report-head>div:first-child{padding:58px 4vw}.friction-report-head h1,.friction-report-section h2,.friction-twin h2,.friction-monday h2{font:800 clamp(2.7rem,5vw,5.5rem)/.9 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:8px 0 18px}.friction-report-head>div:first-child>p:not(.mini-kicker){max-width:720px;font-size:1.15rem;line-height:1.6}.choice-score{background:#0a0a0a;color:#fff;padding:44px 32px;display:grid;align-content:center;text-align:center}.choice-score small{letter-spacing:.13em;color:#999;font-weight:800}.choice-score strong{font:800 7rem/.85 'Barlow Condensed',sans-serif;color:var(--accent)}.choice-score span{color:#777}
.friction-report-section{padding:56px 4vw;border-bottom:1px solid var(--line)}.friction-big-copy{max-width:1050px;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.5}.friction-force-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.friction-force-grid article{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:250px}.friction-force-grid article:nth-child(3n){border-right:0}.friction-force-grid article>div{display:flex;justify-content:space-between;gap:15px}.friction-force-grid article>div strong{font-family:'Barlow Condensed';font-size:1.5rem;text-transform:uppercase}.friction-force-grid article b{font:800 2.3rem/1 'Barlow Condensed';color:#777}.friction-force-grid i{display:block;height:5px;background:#ddd;margin:16px 0}.friction-force-grid i span{display:block;height:100%;background:var(--accent)}.friction-force-grid p{line-height:1.5}.friction-force-grid small{color:var(--muted);line-height:1.5}.friction-read-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.friction-read-grid article{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.friction-read-grid small{display:block;color:var(--muted);font-weight:800;letter-spacing:.08em;margin-bottom:10px}.friction-read-grid strong{line-height:1.5}.acid-section{background:var(--accent)}.acid-section h2{max-width:1100px;font-size:clamp(2.3rem,4vw,4.5rem)}.friction-path{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.friction-path article{padding:24px;border-right:1px solid var(--line)}.friction-path article:last-child{border-right:0}.friction-path h3{font-family:'Barlow Condensed';text-transform:uppercase;font-size:1.6rem}.friction-path strong{font-size:.76rem;color:#626700}.black-section{background:#080808;color:#fff}.black-section p{max-width:950px;line-height:1.6}.friction-category-cols{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#333;margin-top:30px}.friction-category-cols article{background:#101010;padding:24px}.friction-category-cols strong{color:var(--accent);font-size:.72rem;letter-spacing:.1em}.friction-category-cols ul{line-height:1.8}.friction-protect,.friction-priorities{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.friction-protect article,.friction-priorities article{background:#fff;border:1px solid var(--line);padding:22px}.friction-protect strong,.friction-priorities strong{display:block;font-family:'Barlow Condensed';text-transform:uppercase;font-size:1.5rem}.friction-priorities small{color:#747900;font-weight:800}.friction-twin{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.friction-twin article{padding:52px 4vw;background:#0a0a0a;color:#fff}.friction-twin article.acid{background:var(--accent);color:#111}.friction-twin h2{font-size:3.5rem}.friction-twin strong{display:block;margin-top:20px}.friction-monday{padding:60px 4vw 75px;background:#050505;color:#fff}.friction-monday h2{max-width:900px}.friction-monday article{display:grid;grid-template-columns:90px 1fr;border-top:1px solid #333;padding:22px 0}.friction-monday article b{font:800 2.4rem 'Barlow Condensed';color:var(--accent)}.friction-monday article p{font-size:1.25rem;margin:0;max-width:900px}.friction-error{padding:80px 5vw;min-height:500px}.friction-error h1{font:800 4rem 'Barlow Condensed';text-transform:uppercase}
@media(max-width:900px){.friction-report-head{grid-template-columns:1fr}.choice-score{text-align:left}.choice-score strong{font-size:5rem}.friction-force-grid,.friction-read-grid,.friction-path,.friction-protect,.friction-priorities,.friction-twin,.friction-category-cols{grid-template-columns:1fr}.friction-force-grid article,.friction-read-grid article,.friction-path article{border-right:0}.friction-scan-rail{grid-template-columns:repeat(3,1fr)}}

/* Fresh homepage hero replacement */
.f3-clean-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(360px,43%) minmax(0,57%);
  min-height:760px;
  border-left:1px solid var(--line);
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:
    linear-gradient(var(--line) 1px,transparent 1px),
    linear-gradient(90deg,var(--line) 1px,transparent 1px),
    #f2f0eb;
  background-size:100% 96px,144px 100%;
  overflow:hidden;
}
.f3-clean-copy{
  position:relative;
  z-index:2;
  padding:132px 36px 92px 78px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.f3-clean-copy h1{
  max-width:680px;
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(5rem,8.1vw,9.1rem);
  line-height:.84;
  letter-spacing:-.065em;
  text-transform:none;
}
.f3-clean-copy h1::after{
  content:"";
  display:block;
  width:min(84%,520px);
  height:8px;
  margin-top:26px;
  background:var(--accent);
  transform:rotate(-1deg);
}
.f3-clean-copy p{
  max-width:470px;
  margin:58px 0 22px;
  font-size:1.08rem;
  line-height:1.55;
}
.f3-clean-index{
  position:absolute;
  left:28px;
  top:238px;
  display:grid;
  gap:12px;
  font-size:.74rem;
  color:#111;
}
.f3-clean-art{
  position:relative;
  min-height:760px;
  overflow:hidden;
  background:#efece4;
}
.f3-clean-art-image{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(242,240,235,.55),rgba(242,240,235,.12) 26%,rgba(242,240,235,0) 48%),
    url('/assets/f3-home-hero-clean-v2.jpg?v=fresh-665c6bc') center right / cover no-repeat;
}
.f3-clean-art::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  border-left:1px solid rgba(12,12,13,.08);
  box-shadow:inset 30px 0 90px rgba(242,240,235,.38);
}
.f3-clean-method{
  position:absolute;
  right:30px;
  bottom:28px;
  z-index:2;
  display:flex;
  gap:6px;
  align-items:center;
  transform:rotate(-1deg);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.f3-clean-method span{
  background:#0c0c0d;
  color:#fff;
  padding:9px 11px;
  box-shadow:0 10px 28px rgba(0,0,0,.14);
}
.f3-clean-method span:last-child{
  background:var(--accent);
  color:#111;
}
@media(max-width:980px){
  .f3-clean-hero{grid-template-columns:1fr;min-height:0}
  .f3-clean-copy{padding:82px 24px 72px 68px;min-height:560px}
  .f3-clean-copy h1{font-size:clamp(4.4rem,13vw,7rem)}
  .f3-clean-index{left:24px;top:160px}
  .f3-clean-art{min-height:520px}
  .f3-clean-art-image{background-position:center center}
}
@media(max-width:620px){
  .f3-clean-copy{padding:66px 18px 58px 50px;min-height:520px}
  .f3-clean-copy h1{font-size:3.75rem}
  .f3-clean-copy p{margin-top:38px}
  .f3-clean-art{min-height:420px}
  .f3-clean-method{display:none}
}


/* Generated Digital Footprint homepage artwork */
.home-df-generated{
  min-height:500px;
  background:
    linear-gradient(90deg,rgba(5,5,5,.9) 0%,rgba(5,5,5,.42) 32%,rgba(5,5,5,0) 60%),
    url('/assets/f3-digital-footprint-feature.jpg?v=df-art-2c31daf') center center / cover no-repeat;
}
.home-df-generated::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 64% 48%,rgba(221,255,0,.16),transparent 20%),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.24));
  mix-blend-mode:screen;
  opacity:.75;
}
.home-df-generated::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-left:1px solid rgba(255,255,255,.12);
  box-shadow:inset 32px 0 90px rgba(5,5,5,.38);
}
.home-df-signal-tag{
  position:absolute;
  left:34px;
  bottom:32px;
  z-index:2;
  display:grid;
  gap:8px;
  max-width:310px;
  color:#fff;
  transform:rotate(-1deg);
}
.home-df-signal-tag span{
  width:max-content;
  background:#0c0c0d;
  color:#fff;
  padding:8px 10px;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  border:1px solid rgba(255,255,255,.18);
}
.home-df-signal-tag strong{
  display:block;
  width:max-content;
  max-width:100%;
  background:var(--accent);
  color:#111;
  padding:10px 12px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:1.45rem;
  line-height:.95;
  letter-spacing:-.02em;
  text-transform:uppercase;
}
.home-df-generated .home-df-score,
.home-df-generated .home-df-rings{display:none!important}
@media(max-width:1180px){
  .home-df-generated{min-height:520px;background-position:center}
}
@media(max-width:760px){
  .home-df-generated{min-height:380px}
  .home-df-signal-tag{left:18px;bottom:18px}
  .home-df-signal-tag strong{font-size:1.2rem}
}

/* Homepage design pass: generated Friction Scan, method band, work wall, final CTA */
.friction-generated-visual{
  min-height:520px;
  background:
    linear-gradient(90deg,rgba(5,5,5,.78) 0%,rgba(5,5,5,.2) 34%,rgba(5,5,5,0) 62%),
    url('/assets/f3-friction-scan-feature.jpg?v=home-pass-c813f86') center center / cover no-repeat;
  overflow:hidden;
}
.friction-generated-visual::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18))}
.friction-visual-tag{position:absolute;left:28px;bottom:28px;z-index:2;background:var(--accent);color:#111;padding:10px 13px;font-family:'Barlow Condensed',sans-serif;font-size:1.38rem;font-weight:900;line-height:.95;letter-spacing:-.01em;text-transform:uppercase;transform:rotate(-2deg);box-shadow:0 14px 32px rgba(0,0,0,.18)}
.friction-generated-visual .price-sticker{z-index:3}

.f3-method-band{grid-template-columns:1.2fr repeat(3,1fr);align-items:stretch;background:#050505}
.f3-method-band .band-lead{min-height:360px;padding:48px 32px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #2a2a2a}
.f3-method-band .band-lead h2{max-width:460px;font-size:clamp(4.2rem,6vw,7rem);line-height:.82}
.method-card{position:relative;min-height:360px;padding:34px 28px 30px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,rgba(221,255,0,.1),rgba(221,255,0,0) 30%),radial-gradient(circle at 70% 12%,rgba(255,255,255,.12),transparent 16%),#0b0b0b;overflow:hidden}
.method-card::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.11);transform:rotate(var(--tilt,-1deg))}
.method-card:nth-of-type(2){--tilt:1deg}.method-card:nth-of-type(3){--tilt:-.5deg}
.method-card span{position:absolute;left:28px;top:28px;color:var(--accent);font-size:.76rem;font-weight:900;letter-spacing:.12em}
.method-card h3{font-size:clamp(3.2rem,4.5vw,5rem);line-height:.82;margin:0 0 18px}
.method-card p{max-width:260px;color:#deded9;line-height:1.45}.method-card img{display:none!important}

.selected-work-wall{background:#efede7;grid-template-columns:32% 68%}
.selected-work-wall .work-label{position:sticky;top:90px;align-self:start}
.selected-work-wall .work-label h2{font-size:clamp(3.5rem,5.2vw,6.4rem);line-height:.84}
.selected-work-wall .work-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:22px}
.selected-work-wall .work-card{grid-column:span 2;min-height:520px;background:#050505;color:#fff;border:0;position:relative;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.13)}
.selected-work-wall .work-card:first-child{grid-column:span 3;transform:rotate(-1deg)}
.selected-work-wall .work-card:nth-child(2){grid-column:span 3;transform:rotate(1deg);margin-top:34px}
.selected-work-wall .work-card:nth-child(3){grid-column:2 / span 4;min-height:420px;transform:rotate(-.5deg)}
.selected-work-wall .work-card img{height:68%;width:100%;object-fit:cover;filter:saturate(.92) contrast(1.04)}
.selected-work-wall .work-copy{position:absolute;left:0;right:0;bottom:0;padding:22px;background:linear-gradient(180deg,rgba(5,5,5,0),rgba(5,5,5,.92) 18%,#050505)}
.selected-work-wall .work-copy h3{font-size:clamp(2rem,3vw,3.5rem);line-height:.9}.selected-work-wall .work-copy a{color:var(--accent)}.selected-work-wall .work-provenance{border-left:6px solid var(--accent);padding-left:12px}

.final-choice-cta{position:relative;overflow:hidden;background:#050505;color:#fff;border-top:1px solid #222}
.final-choice-cta::before{content:"MAKE CHOICE EASY";position:absolute;left:24px;bottom:-.18em;color:rgba(255,255,255,.055);font-family:'Barlow Condensed',sans-serif;font-size:clamp(6rem,13vw,15rem);font-weight:900;line-height:.8;letter-spacing:-.04em;white-space:nowrap}
.final-choice-cta .cta-copy,.final-choice-cta .cta-actions{position:relative;z-index:1}.final-choice-cta .cta-copy h2{max-width:880px;font-size:clamp(4rem,7vw,8.2rem);line-height:.82}.final-choice-cta .cta-copy p{max-width:620px;color:#deded9}
@media(max-width:1180px){.f3-method-band,.selected-work-wall{grid-template-columns:1fr}.selected-work-wall .work-label{position:relative;top:auto}}
@media(max-width:760px){.friction-generated-visual{min-height:380px}.f3-method-band{display:block}.f3-method-band .band-lead,.method-card{min-height:280px}.selected-work-wall .work-cards{grid-template-columns:1fr;padding:14px}.selected-work-wall .work-card,.selected-work-wall .work-card:first-child,.selected-work-wall .work-card:nth-child(2),.selected-work-wall .work-card:nth-child(3){grid-column:auto;min-height:430px;margin-top:0;transform:none}}

/* Selected work four-card Atlas adjustment */
.selected-work-wall .work-card:nth-child(4){
  grid-column:span 3;
  min-height:460px;
  transform:rotate(.7deg);
  margin-top:10px;
}
@media(max-width:760px){
  .selected-work-wall .work-card:nth-child(4){
    grid-column:auto;
    min-height:430px;
    margin-top:0;
    transform:none;
  }
}

/* Selected work cleanup: proof images only, cleaner four-card grid */
.selected-work-wall .work-cards{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start;
}
.selected-work-wall .work-card,
.selected-work-wall .work-card:first-child,
.selected-work-wall .work-card:nth-child(2),
.selected-work-wall .work-card:nth-child(3),
.selected-work-wall .work-card:nth-child(4){
  grid-column:auto!important;
  min-height:0!important;
  transform:none!important;
  margin-top:0!important;
  display:flex!important;
  flex-direction:column!important;
  background:#050505!important;
}
.selected-work-wall .work-card img{
  height:310px!important;
  object-fit:cover!important;
  object-position:center!important;
  flex:0 0 auto!important;
}
.selected-work-wall .work-copy{
  position:relative!important;
  padding:22px!important;
  background:#050505!important;
  min-height:220px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.selected-work-wall .work-copy h3{
  margin:8px 0 10px!important;
  font-size:clamp(2rem,2.8vw,3.2rem)!important;
}
.selected-work-wall .work-copy p{
  margin:0 0 14px!important;
  color:#fff!important;
  line-height:1.35!important;
}
.selected-work-wall .work-role-tag{
  color:var(--accent)!important;
  font-size:.66rem!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
}
@media(max-width:900px){
  .selected-work-wall .work-cards{grid-template-columns:1fr!important}
  .selected-work-wall .work-card img{height:280px!important}
}

/* Header brand visibility refresh */
.site-header{
  grid-template-columns:250px minmax(0,1fr) 128px 292px;
  min-height:64px;
  border-top:4px solid var(--accent);
}
.brand{
  padding:0 32px;
  min-height:64px;
  isolation:isolate;
}
.brand img{
  opacity:0;
  width:112px;
}
.brand::after{
  content:"";
  display:block;
  width:112px;
  height:42px;
  background:#050505;
  -webkit-mask:url('/assets/f3-logo.svg') center / contain no-repeat;
  mask:url('/assets/f3-logo.svg') center / contain no-repeat;
  position:absolute;
  left:32px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
}
.main-nav{
  gap:24px;
}
.main-nav a,
.header-cta,
.f3-login{
  font-size:.7rem;
}
.header-cta{
  font-weight:900;
}
@media(max-width:1180px){
  .site-header{
    grid-template-columns:210px 1fr 120px 250px;
  }
  .main-nav{gap:16px}
  .brand::after{width:100px;height:38px}
}
@media(max-width:900px){
  .site-header{display:flex;min-height:68px}
  .brand{width:170px;min-height:68px}
  .brand::after{left:24px;width:96px;height:36px}
}

/* Header logo hard fix: real black SVG, no mask/filter */
.brand img{
  opacity:1!important;
  width:112px!important;
  height:auto!important;
  filter:none!important;
  position:relative;
  z-index:2;
}
.brand::after{
  content:none!important;
  display:none!important;
}
.brand{
  background:var(--accent)!important;
}

/* F3 method origin copy */
.f3-method-band .face-origin{
  margin:18px 0 0;
  max-width:360px;
  color:rgba(245,245,240,.78);
  font-size:18px;
  line-height:1.45;
  font-weight:700;
}
.f3-method-band .face-doctrine{
  grid-column:2 / -1;
  align-self:end;
  margin:0;
  padding:18px 22px;
  background:var(--acid);
  color:#050505;
  font-family:'Barlow Condensed',Impact,sans-serif;
  font-size:clamp(28px,3.2vw,54px);
  line-height:.92;
  font-weight:900;
  letter-spacing:-.03em;
  text-transform:uppercase;
  transform:rotate(-1deg);
  box-shadow:10px 14px 0 rgba(0,0,0,.24);
}
.f3-method-band .method-card:nth-of-type(3) p{
  max-width:360px;
}
@media(max-width:900px){
  .f3-method-band .face-doctrine{grid-column:1 / -1;transform:none;font-size:32px}
  .f3-method-band .face-origin{max-width:100%}
}

/* F3 attention system graphic rewrite */
.f3-attention-system{
  position:relative;
  grid-template-columns:minmax(330px,.92fr) repeat(3,minmax(0,1fr))!important;
  background:
    linear-gradient(90deg,#050505 0%,#050505 30%,rgba(5,5,5,.94) 30%,#050505 100%),
    radial-gradient(circle at 18% 18%,rgba(221,255,0,.18),transparent 24%);
  border-top:1px solid rgba(221,255,0,.65);
  border-bottom:1px solid rgba(221,255,0,.65);
  overflow:hidden;
}
.f3-attention-system::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:88px 88px;
  opacity:.38;
  pointer-events:none;
}
.f3-attention-system::after{
  content:"F3 = ATTENTION BEFORE ARGUMENT";
  position:absolute;
  right:24px;
  top:18px;
  color:rgba(221,255,0,.16);
  font-family:'Barlow Condensed',Impact,sans-serif;
  font-size:clamp(3.5rem,7vw,9rem);
  font-weight:900;
  line-height:.8;
  letter-spacing:-.04em;
  pointer-events:none;
}
.f3-attention-system .band-lead,
.f3-attention-system .method-card,
.f3-attention-system .face-doctrine{
  position:relative;
  z-index:1;
}
.f3-attention-system .band-lead{
  min-height:520px!important;
  padding:54px 34px 42px!important;
  border-right:1px solid rgba(255,255,255,.15)!important;
  justify-content:flex-start!important;
}
.f3-attention-system .band-lead h2{
  max-width:420px!important;
  margin:24px 0 0!important;
  font-size:clamp(4.6rem,6.3vw,8rem)!important;
}
.f3-attention-system .face-origin{
  margin:24px 0 0!important;
  max-width:390px!important;
  color:#f3f1eb!important;
  font-size:20px!important;
  line-height:1.35!important;
  font-weight:800!important;
}
.f3-attention-system .food-note{
  margin:22px 0 0;
  max-width:390px;
  padding:16px 18px;
  background:rgba(221,255,0,.1);
  border-left:6px solid var(--accent);
  color:rgba(245,245,240,.82);
  font-size:15px;
  line-height:1.45;
  font-weight:700;
}
.f3-attention-system .method-card{
  min-height:520px!important;
  padding:42px 30px 34px!important;
  justify-content:flex-end!important;
  background:
    linear-gradient(180deg,rgba(221,255,0,.09),rgba(221,255,0,0) 34%),
    radial-gradient(circle at 62% 18%,rgba(255,255,255,.16),transparent 17%),
    #080808!important;
  border-left:1px solid rgba(255,255,255,.1);
}
.f3-attention-system .method-card::before{
  inset:22px!important;
  border-color:rgba(221,255,0,.22)!important;
}
.f3-attention-system .method-card::after{
  content:"";
  position:absolute;
  left:30px;
  right:30px;
  top:96px;
  height:3px;
  background:linear-gradient(90deg,var(--accent),transparent);
  transform:rotate(-1deg);
  opacity:.9;
}
.f3-attention-system .method-card span{
  top:32px!important;
  left:30px!important;
  color:#050505!important;
  background:var(--accent);
  padding:8px 10px;
  font-size:1rem!important;
  line-height:1!important;
}
.f3-attention-system .method-card h3{
  color:var(--accent);
  font-size:clamp(4rem,5.4vw,7rem)!important;
  margin-bottom:22px!important;
}
.f3-attention-system .method-card p{
  max-width:360px!important;
  color:#f0eee8!important;
  font-size:18px;
  line-height:1.36!important;
}
.f3-attention-system .method-card p strong{
  display:block;
  margin-bottom:8px;
  color:#fff;
  font-family:'Barlow Condensed',Impact,sans-serif;
  font-size:1.35em;
  line-height:.95;
  text-transform:uppercase;
}
.f3-attention-system .face-doctrine{
  grid-column:2 / -1!important;
  margin:-96px 34px 34px 34px!important;
  padding:18px 24px!important;
  max-width:900px;
  justify-self:end;
  background:var(--accent)!important;
  color:#050505!important;
  font-family:'Barlow Condensed',Impact,sans-serif;
  font-size:clamp(2.3rem,3.5vw,5rem)!important;
  line-height:.88!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  text-transform:uppercase;
  transform:rotate(-1deg)!important;
  box-shadow:12px 16px 0 rgba(0,0,0,.38)!important;
}
@media(max-width:1180px){
  .f3-attention-system{grid-template-columns:1fr!important}
  .f3-attention-system .band-lead,.f3-attention-system .method-card{min-height:auto!important}
  .f3-attention-system .face-doctrine{grid-column:1!important;margin:18px 24px 34px!important;justify-self:start!important}
}
@media(max-width:760px){
  .f3-attention-system .band-lead{padding:38px 24px!important}
  .f3-attention-system .method-card{padding:34px 24px!important;min-height:320px!important}
  .f3-attention-system .face-doctrine{transform:none!important;font-size:2.4rem!important}
}

/* F3 attention editorial cleanup */
.f3-attention-editorial{
  display:grid!important;
  grid-template-columns:34% 66%!important;
  grid-template-rows:auto auto!important;
  min-height:auto!important;
  background:#050505!important;
  border-top:1px solid var(--accent)!important;
  border-bottom:1px solid #232323!important;
  overflow:hidden!important;
}
.f3-attention-editorial::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;
  background-size:96px 96px!important;
  opacity:.22!important;
}
.f3-attention-editorial::after{
  content:"ATTENTION BEFORE ARGUMENT"!important;
  left:28px!important;
  right:auto!important;
  top:auto!important;
  bottom:-.13em!important;
  color:rgba(221,255,0,.11)!important;
  font-size:clamp(5rem,11vw,14rem)!important;
  line-height:.75!important;
  z-index:0!important;
}
.f3-attention-editorial .band-lead{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  min-height:0!important;
  padding:56px 42px 46px!important;
  border-right:1px solid rgba(255,255,255,.16)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  background:linear-gradient(180deg,rgba(221,255,0,.06),rgba(221,255,0,0) 42%)!important;
}
.f3-attention-editorial .band-lead h2{
  margin:26px 0 0!important;
  max-width:430px!important;
  font-size:clamp(4.6rem,6vw,7.8rem)!important;
  line-height:.82!important;
}
.f3-attention-editorial .face-origin{
  margin:26px 0 0!important;
  max-width:420px!important;
  color:#f5f3ed!important;
  font-size:21px!important;
  line-height:1.34!important;
  font-weight:800!important;
}
.f3-attention-editorial .food-note{
  margin:22px 0 0!important;
  max-width:420px!important;
  padding:16px 18px!important;
  background:#121504!important;
  border:1px solid rgba(221,255,0,.28)!important;
  border-left:7px solid var(--accent)!important;
  color:rgba(245,245,240,.82)!important;
  font-size:16px!important;
  line-height:1.45!important;
  font-weight:700!important;
}
.f3-attention-editorial .attention-cards{
  grid-column:2!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  position:relative!important;
  z-index:1!important;
}
.f3-attention-editorial .method-card{
  min-height:440px!important;
  padding:38px 30px 34px!important;
  justify-content:flex-end!important;
  background:#080808!important;
  border-left:1px solid rgba(255,255,255,.12)!important;
  overflow:hidden!important;
}
.f3-attention-editorial .method-card::before{
  inset:24px!important;
  border:1px solid rgba(221,255,0,.22)!important;
  transform:none!important;
}
.f3-attention-editorial .method-card::after{
  content:""!important;
  position:absolute!important;
  left:30px!important;
  right:30px!important;
  top:92px!important;
  height:2px!important;
  background:var(--accent)!important;
  transform:none!important;
  opacity:.9!important;
}
.f3-attention-editorial .method-card span{
  top:38px!important;
  left:30px!important;
  color:#050505!important;
  background:var(--accent)!important;
  padding:8px 11px!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:900!important;
}
.f3-attention-editorial .method-card h3{
  margin:0 0 22px!important;
  color:var(--accent)!important;
  font-size:clamp(3.5rem,4.5vw,6rem)!important;
  line-height:.84!important;
}
.f3-attention-editorial .method-card p{
  max-width:320px!important;
  color:#f1efe9!important;
  font-size:17px!important;
  line-height:1.38!important;
}
.f3-attention-editorial .method-card p strong{
  display:block!important;
  margin:0 0 8px!important;
  color:#fff!important;
  font-family:'Barlow Condensed',Impact,sans-serif!important;
  font-size:1.35em!important;
  line-height:.95!important;
  text-transform:uppercase!important;
}
.f3-attention-editorial .face-doctrine{
  grid-column:2!important;
  grid-row:2!important;
  justify-self:stretch!important;
  margin:0!important;
  padding:24px 34px!important;
  max-width:none!important;
  background:var(--accent)!important;
  color:#050505!important;
  box-shadow:none!important;
  transform:none!important;
  font-family:'Barlow Condensed',Impact,sans-serif!important;
  font-size:clamp(2.4rem,4vw,5.2rem)!important;
  line-height:.86!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  text-transform:uppercase!important;
  position:relative!important;
  z-index:2!important;
}
@media(max-width:1180px){
  .f3-attention-editorial{grid-template-columns:1fr!important}
  .f3-attention-editorial .band-lead{grid-column:1!important;grid-row:auto!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important}
  .f3-attention-editorial .attention-cards{grid-column:1!important;grid-row:auto!important}
  .f3-attention-editorial .face-doctrine{grid-column:1!important;grid-row:auto!important}
}
@media(max-width:760px){
  .f3-attention-editorial .band-lead{padding:38px 24px!important}
  .f3-attention-editorial .attention-cards{grid-template-columns:1fr!important}
  .f3-attention-editorial .method-card{min-height:300px!important;padding:34px 24px!important}
  .f3-attention-editorial .face-doctrine{font-size:2.7rem!important;padding:22px 24px!important}
}

/* F3 board image-backed replacement */
.f3-board-section{
  background:#050505;
  border-top:1px solid #050505;
  border-bottom:1px solid #050505;
  overflow:hidden;
}
.f3-board-art{
  margin:0;
  background:#ebe8df;
  padding:0;
}
.f3-board-art picture,
.f3-board-art img{
  display:block;
}
.f3-board-art picture{
  width:100%;
  margin:0;
}
.f3-board-art img{
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  object-fit:cover;
  background:#eeeae1;
  border:0;
  box-shadow:none;
}
.f3-board-copy{
  display:grid;
  grid-template-columns:minmax(180px,280px) minmax(0,760px);
  gap:28px;
  align-items:start;
  padding:28px clamp(24px,5vw,72px) 34px;
  color:#fff;
  background:#050505;
  border-top:1px solid rgba(255,255,255,.12);
}
.f3-board-copy .micro{
  margin:0;
  color:var(--accent);
}
.f3-board-copy p{
  margin:0;
  color:#efede7;
  font-size:clamp(17px,1.35vw,21px);
  line-height:1.34;
  font-weight:760;
}
.f3-board-copy p strong{
  color:var(--accent);
  font-family:'Barlow Condensed',Impact,sans-serif;
  font-size:1.2em;
  line-height:.9;
  text-transform:uppercase;
}
@media(max-width:980px){
  .f3-board-copy{grid-template-columns:1fr;padding:24px}
}
@media(max-width:560px){
  .f3-board-art picture{width:100%}
}
.df-price[data-df-price]{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.df-price[data-df-price] .df-regular-price{text-decoration:line-through;opacity:.55;font-size:.48em}.df-price[data-df-price] strong{font:inherit}.df-price[data-df-price] em{flex-basis:100%;font:800 .68rem/1.2 Inter,sans-serif;letter-spacing:.08em;color:#e80138}