/* DoGood V4 Architecture-First Editorial Preview — 2026-10-12
   EN master only. All page content is accessible HTML; media containers are replaceable.
   Reference geometry and final human/lifestyle artwork NOT approved. */
:root{--v4-paper:#faf7ef;--v4-white:#fffefa;--v4-ink:#252820;--v4-green:#243d32;--v4-accent:#ab8860;--v4-line:#d9d1c3;--v4-muted:#5d655f}
body.editorial-page{background:var(--v4-paper);color:var(--v4-ink)}
.editorial-page .masthead{position:relative;z-index:30}
.v4-main{overflow:hidden}
.v4-shell{width:min(1180px,calc(100% - 7vw));margin:auto}
.v4-eyebrow{font:600 11px/1.5 var(--sans);letter-spacing:.20em;text-transform:uppercase;color:var(--v4-accent)}
.v4-hero{position:relative;isolation:isolate;min-height:min(760px,85svh);display:flex;align-items:center;padding:85px 0;background:linear-gradient(120deg,#fbf8f1 15%,#eee8dd 100%)}
.v4-hero-copy{width:min(740px,61%);position:relative;z-index:2}
.v4-hero h1{font:400 clamp(72px,9vw,143px)/.83 var(--serif);letter-spacing:-.06em;margin:27px 0 22px;color:var(--v4-green)}
.v4-hero h1 span{display:block}
.v4-hero .v4-standfirst{font:400 clamp(24px,3vw,37px)/1.13 var(--serif);max-width:610px;margin:24px 0;color:#584a3c}
.v4-hero .v4-description{font:400 clamp(17px,1.6vw,21px)/1.55 var(--sans);max-width:525px;margin:0 0 32px;color:#414941}
.v4-art{position:absolute;inset:0 0 0 56%;background:linear-gradient(125deg,#eae6db,#d9dfd5 55%,#e9e4d7);opacity:.77;z-index:-1}
.v4-art[data-slot] img,.v4-media[data-slot] img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--fx,50%) var(--fy,50%)}
.v4-action{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border:1px solid var(--v4-accent);padding:15px 21px;min-height:50px;font:600 13px var(--sans);letter-spacing:.02em;color:var(--v4-green);transition:background .2s ease}
.v4-action:hover,.v4-action:focus-visible{background:#eadfcb}
.v4-action-dark{background:var(--v4-green);color:white;border-color:var(--v4-green)}
.v4-action-dark:hover,.v4-action-dark:focus-visible{background:#385648}
.v4-section{padding:clamp(70px,7vw,118px) 0;background:var(--v4-white)}
.v4-section.soft{background:#f3efe6}.v4-section.dark{background:var(--v4-green);color:#f4f2eb}
.v4-section.dark .v4-eyebrow{color:#d1b489}.v4-section.dark .v4-heading{color:#f8f4ea}
.v4-heading{font:400 clamp(37px,4.1vw,66px)/1 var(--serif);letter-spacing:-.025em;color:var(--v4-green);margin:19px 0 20px;max-width:970px}
.v4-lead{font:400 clamp(18px,1.65vw,23px)/1.54 var(--sans);color:var(--v4-muted);max-width:790px;margin:0}
.v4-section.dark .v4-lead{color:#e9e8e2}
.v4-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:45px}
.v4-card{display:flex;flex-direction:column;align-items:flex-start;padding:35px 30px;min-height:235px;background:#fffefa;border:1px solid var(--v4-line);transition:transform .2s ease,border-color .2s ease}
.v4-card:hover{transform:translateY(-3px);border-color:var(--v4-accent)}
.v4-card strong{font:400 clamp(34px,3.2vw,52px)/1 var(--serif);color:var(--v4-green)}
.v4-card .v4-label{font:600 10px/1.5 var(--sans);letter-spacing:.12em;color:#856a48;margin:12px 0 20px}
.v4-card p{font:400 17px/1.45 var(--sans);color:#465147;margin:0 0 auto}
.v4-card .v4-more{margin-top:30px;font:600 13px var(--sans);color:var(--v4-green);border-bottom:1px solid var(--v4-accent)}
.v4-split{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(30px,6vw,105px)}
.v4-media{min-height:380px;background:linear-gradient(140deg,#e8e6dc,#d6e0d6);border:1px solid #ece6da}
.v4-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:37px 0 0}
.v4-proof div{padding:17px 0;border-top:1px solid #b4aa98}
.v4-proof strong{display:block;font:400 42px var(--serif);color:var(--v4-green)}
.v4-proof span{font:500 12px/1.4 var(--sans);color:#556159}
.v4-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:29px}
.v4-textlink{font:600 13px var(--sans);color:var(--v4-green);padding:7px 0;border-bottom:1px solid var(--v4-accent)}
.v4-textlink:hover{color:#8c682f}
.v4-story-quote{font:400 clamp(30px,3vw,46px)/1.24 var(--serif);max-width:780px;color:var(--v4-green)}
.v4-insights-empty{padding:27px 0;font:400 15px/1.7 var(--sans);color:#657068;border-top:1px solid var(--v4-line);margin-top:24px;max-width:680px}
.v4-end{padding:95px 0;text-align:center;background:var(--v4-green);color:#f9f4e9}
.v4-end h2{font:400 clamp(38px,4.8vw,65px)/1.05 var(--serif);margin:0 auto 18px;max-width:850px}
.v4-end p{font:400 18px/1.6 var(--sans);max-width:700px;margin:0 auto 22px}
.v4-end .v4-action{color:#fff;border-color:#d4baa0}
.v4-end .v4-links{justify-content:center}
.v4-footer{padding:33px 5vw;background:#eee9de;color:#455448;display:flex;justify-content:space-between;gap:24px;font:500 12px var(--sans)}
.v4-footer a{text-decoration:underline;text-underline-offset:4px}
.v4-diagram{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;align-items:center;margin:55px auto 20px;max-width:1000px}
.v4-diagram .v4-node{display:flex;justify-content:center;align-items:center;min-height:110px;padding:16px;text-align:center;border:1px solid #c1b19c;background:#fffefa;color:var(--v4-green);font:500 24px var(--serif)}
.v4-diagram .v4-node:hover{background:#efe9dc}
.v4-diagram .v4-hub{grid-row:1 / span 2;grid-column:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:244px;aspect-ratio:1;border-radius:50%;border:1px solid #b99e76;background:#e5e3d6;color:var(--v4-green);font:400 44px var(--serif);text-align:center}
.v4-hub small{font:600 10px/1.5 var(--sans);letter-spacing:.20em}
.v4-diagram .v4-node:nth-child(1){grid-column:1;grid-row:1}
.v4-diagram .v4-node:nth-child(2){grid-column:3;grid-row:1}
.v4-diagram .v4-node:nth-child(4){grid-column:1;grid-row:2}
.v4-diagram .v4-node:nth-child(5){grid-column:3;grid-row:2}
.v4-diagram-caption{font:400 20px/1.5 var(--serif);text-align:center;max-width:670px;margin:0 auto}
.v4-pillars .v4-card{min-height:290px}
.v4-pillar{min-height:500px;position:relative;display:flex;align-items:center;background:#f2ece2}
.v4-pillar:nth-child(2n){background:#e7e8dc}
.v4-pillar .v4-shell{position:relative;z-index:2}
.v4-pillar-copy{width:min(56%,700px);padding:95px 0}
.v4-pillar .v4-art{inset:0 0 0 55%}
.v4-pillar h1{font:400 clamp(68px,8vw,110px)/.88 var(--serif);margin:26px 0;color:var(--v4-green);letter-spacing:-.055em}
.v4-pillar h1 span{display:block}
.v4-pillar .v4-description{font:400 24px/1.3 var(--serif);max-width:510px;color:#544f46}
.v4-features{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:46px}
.v4-feature{border-top:1px solid var(--v4-line);padding-top:20px}
.v4-feature h3{font:400 26px/1.1 var(--serif);color:var(--v4-green);margin:8px 0}
.v4-feature p{font:400 15px/1.5 var(--sans);color:#566057;margin:0}
.v4-pillar.theme-mind{background:#1d2d3c;color:white}
.v4-pillar.theme-mind h1,.v4-pillar.theme-mind .v4-description{color:white}
.v4-pillar.theme-mind .v4-eyebrow{color:#dec4a1}
.v4-pillar.theme-mind .v4-art{background:linear-gradient(135deg,#2b3c4c,#263f4e)}
.v4-pillar.theme-space .v4-art{background:linear-gradient(125deg,#dbd2bd,#d7d9ce)}
@media(max-width:900px){
.v4-hero-copy,.v4-pillar-copy{width:70%}
.v4-hero{min-height:650px}
.v4-hero h1{font-size:clamp(65px,10vw,108px)}
.v4-cols{gap:12px}
.v4-card{padding:24px 19px}
.v4-proof{grid-template-columns:repeat(2,1fr)}
.v4-split{grid-template-columns:1fr}
.v4-features{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
.v4-shell{width:calc(100% - 36px)}
.v4-hero{min-height:720px;align-items:flex-start;padding:66px 0 260px}
.v4-hero-copy,.v4-pillar-copy{width:100%}
.v4-hero h1{font-size:clamp(59px,16vw,89px)}
.v4-hero .v4-standfirst{font-size:25px}
.v4-hero .v4-description{font-size:16px;max-width:95%}
.v4-hero .v4-art{inset:60% 0 0 0}
.v4-cols{grid-template-columns:1fr;margin-top:28px;gap:12px}
.v4-card{min-height:0}
.v4-section{padding:66px 0}
.v4-heading{font-size:40px}
.v4-lead{font-size:17px}
.v4-media{min-height:260px}
.v4-proof{gap:10px}
.v4-footer{flex-direction:column}
.v4-diagram{grid-template-columns:1fr 1fr;gap:10px}
.v4-diagram .v4-hub{grid-column:1 / span 2;grid-row:2;min-height:150px;max-height:170px;aspect-ratio:auto;border-radius:100px}
.v4-diagram .v4-node:nth-child(1){grid-column:1;grid-row:1}
.v4-diagram .v4-node:nth-child(2){grid-column:2;grid-row:1}
.v4-diagram .v4-node:nth-child(4){grid-column:1;grid-row:3}
.v4-diagram .v4-node:nth-child(5){grid-column:2;grid-row:3}
.v4-diagram .v4-node{min-height:88px;font-size:20px}
.v4-pillar{min-height:710px;align-items:flex-start}
.v4-pillar-copy{padding:75px 0 250px}
.v4-pillar h1{font-size:clamp(56px,14vw,81px)}
.v4-pillar .v4-art{inset:57% 0 0}
.v4-features{gap:18px}
.v4-feature h3{font-size:22px}
.v4-feature p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.v4-card{transition:none}}


/* === FOUNDER REFERENCE PIXEL-MATCH PASS · 2026-10-12 ===
   Visual target: warm ivory / black high-contrast serif / fine antique gold /
   Asian landscape + botanical geometry. Mind remains the deliberate cosmic exception.
   Real approved artwork remains replaceable via Admin and is never flattened with HTML copy. */
:root{
  --v4-paper:#f8f3e9;
  --v4-white:#fcf8f0;
  --v4-ink:#171512;
  --v4-green:#171512;
  --v4-accent:#a47a46;
  --v4-line:#cdbb9c;
  --v4-muted:#5d574f;
}
body.editorial-page{background:var(--v4-paper);color:var(--v4-ink)}
.editorial-page .masthead{
  height:72px;
  background:rgba(250,247,240,.96);
  border-bottom:1px solid rgba(164,122,70,.16);
  padding-inline:clamp(20px,3.4vw,58px);
  backdrop-filter:blur(10px);
}
.editorial-page .masthead .brand{width:clamp(96px,8.5vw,126px);min-width:96px}
.editorial-page .nav{gap:clamp(8px,.82vw,16px)}
.editorial-page .nav>a,.editorial-page .services-group>a,.editorial-page .services-group summary{
  font-family:var(--serif);
  font-size:clamp(9px,.66vw,11px);
  font-weight:500;
  letter-spacing:.01em;
  color:#26211b;
}
.editorial-page .shop{
  border-radius:999px;
  padding:8px 15px;
  font-family:var(--serif);
  font-size:11px;
  border-color:#b69260;
}
.editorial-page .lang-links{font-family:var(--serif);font-size:10px;color:#514a42}
.v4-shell{width:min(1260px,calc(100% - 11vw))}
.v4-eyebrow{
  font:500 10px/1.55 var(--serif);
  letter-spacing:.28em;
  color:#8b673f;
}
.v4-hero{
  min-height:700px;
  height:min(790px,calc(100svh - 72px));
  padding:0;
  background:
    radial-gradient(circle at 30% 35%,rgba(255,255,255,.85),transparent 28%),
    linear-gradient(100deg,#faf6ee 0%,#f7f2e8 47%,#eee6d7 100%);
}
.v4-hero:before{
  content:"";
  position:absolute;
  width:min(46vw,650px);
  aspect-ratio:1;
  left:-19vw;
  bottom:-24vw;
  border:1px solid rgba(164,122,70,.26);
  border-radius:50%;
  box-shadow:inset 0 0 0 52px transparent,0 0 0 58px rgba(164,122,70,.07);
  pointer-events:none;
}
.v4-hero-copy{width:min(500px,42%);margin-left:0}
.v4-hero h1{
  font-size:clamp(66px,6.5vw,100px);
  line-height:.88;
  letter-spacing:-.045em;
  margin:26px 0 20px;
  color:#171512;
}
.v4-hero .v4-standfirst{
  font:400 clamp(27px,2.25vw,34px)/1.12 var(--serif);
  color:#8a6135;
  margin:18px 0 24px;
}
.v4-hero .v4-description{
  font:400 clamp(17px,1.25vw,19px)/1.48 var(--serif);
  color:#5a534b;
  max-width:430px;
  margin-bottom:30px;
}
.v4-art{
  inset:0 0 0 34%;
  opacity:1;
  background:
    radial-gradient(circle at 61% 38%,rgba(192,199,172,.42),transparent 23%),
    radial-gradient(circle at 82% 70%,rgba(214,192,213,.30),transparent 27%),
    linear-gradient(120deg,#f2ecdf,#dfe4d8 57%,#eadfcf);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 12%,#000 35%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 12%,#000 35%);
}
.v4-art:after{
  content:"";
  position:absolute;
  width:44%;
  aspect-ratio:1;
  right:18%;
  top:17%;
  border:1px solid rgba(164,122,70,.46);
  border-radius:50%;
  box-shadow:
    0 0 0 42px rgba(164,122,70,.08),
    0 0 0 88px rgba(164,122,70,.045);
  pointer-events:none;
}
.v4-art:has(img):after{opacity:.46}
.v4-action{
  min-width:190px;
  min-height:46px;
  padding:12px 18px;
  font:500 12px/1.2 var(--serif);
  color:#825e34;
  border-color:#b89260;
  background:rgba(255,251,243,.36);
}
.v4-action:hover,.v4-action:focus-visible{background:#f1e6d4}
.v4-section{padding:clamp(64px,5.8vw,92px) 0;background:#fcf8f0}
.v4-section.soft{background:#f7f2e8}
.v4-heading{
  font-size:clamp(39px,3.7vw,58px);
  line-height:1.02;
  color:#171512;
  letter-spacing:-.025em;
}
.v4-lead{
  font:400 clamp(17px,1.35vw,20px)/1.58 var(--serif);
  color:#5f574e;
}
.v4-textlink{
  font:500 12px var(--serif);
  color:#7b5c35;
  border-color:#a47a46;
}
/* Home gateway = three editorial columns, not modern UI cards. */
[data-section="home-02"]{text-align:center}
[data-section="home-02"]>.v4-shell>.v4-eyebrow{display:none}
[data-section="home-02"]>.v4-shell>.v4-heading{
  position:absolute;
  width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)
}
[data-section="home-02"] .v4-cols{
  margin-top:0;
  gap:0;
  border-top:1px solid rgba(164,122,70,.24);
  border-bottom:1px solid rgba(164,122,70,.18);
}
[data-section="home-02"] .v4-card{
  min-height:245px;
  padding:34px 38px 30px;
  background:transparent;
  border:0;
  border-right:1px solid rgba(164,122,70,.25);
  align-items:center;
  text-align:center;
  transform:none;
}
[data-section="home-02"] .v4-card:last-child{border-right:0}
[data-section="home-02"] .v4-card:before{
  content:"";
  width:7px;height:7px;border:1px solid #a47a46;border-radius:50%;
  margin-bottom:14px;
}
[data-section="home-02"] .v4-card strong{
  font:400 clamp(38px,3vw,50px)/1 var(--serif);
  color:#171512;
}
[data-section="home-02"] .v4-card .v4-label{
  font:500 9px/1.5 var(--serif);
  letter-spacing:.22em;
  color:#6c5b48;
  margin:10px 0 20px;
}
[data-section="home-02"] .v4-card p{
  font:400 15px/1.45 var(--serif);
  max-width:210px;
  color:#625b53;
}
[data-section="home-02"] .v4-more{
  font:500 11px var(--serif);
  color:#8a673e;
  margin-top:24px;
  border-bottom:0;
}
/* Supporting modules should read like editorial spreads, not app cards. */
.v4-card{
  border:0;
  border-top:1px solid rgba(164,122,70,.28);
  background:transparent;
  border-radius:0;
  box-shadow:none;
}
.v4-card strong{color:#1d1a16}
.v4-card p{font-family:var(--serif);color:#5c554d}
.v4-card .v4-more{font-family:var(--serif);color:#806038}
.v4-proof{gap:0;border-top:1px solid rgba(164,122,70,.28);border-bottom:1px solid rgba(164,122,70,.2)}
.v4-proof div{padding:22px 24px;border-top:0;border-right:1px solid rgba(164,122,70,.22)}
.v4-proof div:last-child{border-right:0}
.v4-proof strong{font:400 43px var(--serif);color:#171512}
.v4-proof span{font:500 10px/1.5 var(--serif);letter-spacing:.08em;color:#62584e}
.v4-media{border:0;background:linear-gradient(140deg,#eee8dc,#dfe2d6)}
/* B-M-S diagram = connected circular ecosystem, matching founder collage hierarchy. */
.v4-diagram{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  max-width:1050px;
  margin:54px auto 32px;
}
.v4-diagram .v4-node,.v4-diagram .v4-hub{
  grid-row:1!important;
  grid-column:auto!important;
  width:100%;
  aspect-ratio:1;
  min-height:0;
  border-radius:50%;
  border:1px solid rgba(164,122,70,.55);
  background:rgba(252,248,240,.82);
  color:#1b1814;
  font:400 clamp(20px,1.9vw,30px)/1.05 var(--serif);
}
.v4-diagram .v4-node{transform:scale(1.04);margin-inline:-3%}
.v4-diagram .v4-hub{
  position:relative;
  z-index:2;
  transform:scale(1.15);
  background:rgba(247,241,229,.94);
  font-size:clamp(29px,2.6vw,43px);
}
.v4-hub small{font:500 8px/1.4 var(--serif);letter-spacing:.24em}
.v4-diagram-caption{font:400 17px/1.55 var(--serif);color:#615950}
/* Pillar pages: screenshot-like hero scale, same live HTML over replaceable art. */
.v4-pillar{
  min-height:690px;
  background:#faf6ee;
  overflow:hidden;
}
.v4-pillar-copy{width:min(470px,43%);padding:125px 0 95px}
.v4-pillar .v4-art{inset:0 0 0 34%}
.v4-pillar h1{
  font-size:clamp(63px,6.3vw,98px);
  line-height:.89;
  color:#171512;
  margin:26px 0 26px;
}
.v4-pillar .v4-description{font:400 20px/1.35 var(--serif);color:#5c554d;max-width:400px}
.v4-features{gap:0;border-top:1px solid rgba(164,122,70,.24)}
.v4-feature{border-top:0;border-right:1px solid rgba(164,122,70,.22);padding:24px 26px 0}
.v4-feature:last-child{border-right:0}
.v4-feature h3{font:400 21px/1.15 var(--serif);color:#1b1814}
.v4-feature p{font:400 14px/1.45 var(--serif);color:#61584e}
.v4-pillar.theme-mind{
  background:#091321;
  color:#fff;
}
.v4-pillar.theme-mind h1,.v4-pillar.theme-mind .v4-description{color:#fff}
.v4-pillar.theme-mind .v4-eyebrow{color:#d4b583}
.v4-pillar.theme-mind .v4-art{
  background:
    radial-gradient(circle at 61% 42%,#c79272 0 2%,#42324d 3%,#10233a 19%,#07101d 48%,#030916 76%),
    radial-gradient(circle at 76% 62%,rgba(210,178,120,.2),transparent 20%);
}
.v4-pillar.theme-space{background:#faf6ee}
.v4-pillar.theme-space .v4-art{
  background:
    radial-gradient(circle at 75% 22%,rgba(227,188,193,.48),transparent 18%),
    linear-gradient(150deg,#f5eee1,#dfe3d7 54%,#e9d5c6);
}
.v4-end{background:#efe7da;color:#211d18;border-top:1px solid rgba(164,122,70,.2)}
.v4-end h2{color:#171512}
.v4-end p{font-family:var(--serif);color:#5d554c}
.v4-end .v4-action{color:#7d5d37;border-color:#ad895b;background:transparent}
.v4-footer{background:#f4eee4;color:#4d463e;border-top:1px solid rgba(164,122,70,.18);font-family:var(--serif)}
@media(max-width:900px){
  .editorial-page .masthead{height:68px}
  .v4-shell{width:min(100% - 48px,760px)}
  .v4-hero{height:auto;min-height:690px}
  .v4-hero-copy,.v4-pillar-copy{width:56%}
  .v4-art,.v4-pillar .v4-art{inset:0 0 0 38%}
  .v4-diagram{max-width:760px}
}
@media(max-width:600px){
  .v4-shell{width:calc(100% - 34px)}
  .v4-hero{min-height:790px;padding:55px 0 300px;align-items:flex-start}
  .v4-hero-copy,.v4-pillar-copy{width:100%}
  .v4-hero h1{font-size:clamp(57px,15vw,78px);max-width:340px}
  .v4-hero .v4-description{font-size:16px;max-width:310px}
  .v4-art{
    inset:49% 0 0 0;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 18%);
  }
  .v4-art:after{width:54%;right:16%;top:16%}
  [data-section="home-02"] .v4-cols{grid-template-columns:1fr;display:grid}
  [data-section="home-02"] .v4-card{
    min-height:195px;
    border-right:0;
    border-bottom:1px solid rgba(164,122,70,.23);
  }
  [data-section="home-02"] .v4-card:last-child{border-bottom:0}
  .v4-diagram{grid-template-columns:repeat(3,1fr);gap:0;max-width:355px}
  .v4-diagram .v4-node,.v4-diagram .v4-hub{width:112%;margin-inline:-6%}
  .v4-diagram .v4-hub{grid-column:2!important;grid-row:1!important;transform:scale(1.1)}
  .v4-diagram .v4-node:nth-child(1){grid-column:1!important;grid-row:1!important}
  .v4-diagram .v4-node:nth-child(2){grid-column:3!important;grid-row:1!important}
  .v4-diagram .v4-node:nth-child(4){grid-column:1!important;grid-row:2!important}
  .v4-diagram .v4-node:nth-child(5){grid-column:3!important;grid-row:2!important}
  .v4-pillar{min-height:800px;align-items:flex-start}
  .v4-pillar-copy{padding:70px 0 310px}
  .v4-pillar h1{font-size:clamp(55px,14.5vw,76px)}
  .v4-pillar .v4-art{inset:52% 0 0 0}
  .v4-features{grid-template-columns:repeat(2,1fr)}
  .v4-feature{border-bottom:1px solid rgba(164,122,70,.18);padding:20px 15px}
  .v4-feature:nth-child(2n){border-right:0}
  .v4-proof{grid-template-columns:repeat(2,1fr)}
  .v4-proof div:nth-child(2n){border-right:0}
}


/* Founder reference hero side rail */
.v4-hero-rail{
  position:absolute;
  right:5.5vw;
  top:27%;
  z-index:3;
  display:grid;
  gap:9px;
  color:#5f5549;
  font:500 9px/1 var(--serif);
  letter-spacing:.22em;
}
.v4-hero-rail i{display:block;width:1px;height:54px;background:rgba(164,122,70,.48);margin:6px 0 5px 2px}
.v4-hero-rail small{font:500 8px/1.75 var(--serif);letter-spacing:.18em;color:#6f6254}

/* B-M-S first screen mirrors the centred Founder reference composition. */
.v4-bms-hero{
  position:relative;
  overflow:hidden;
  min-height:720px;
  padding:76px 0 285px;
  background:
    radial-gradient(circle at 50% 20%,rgba(255,255,255,.88),transparent 35%),
    #f8f3e9;
  text-align:center;
}
.v4-bms-hero .v4-shell{position:relative;z-index:2}
.v4-bms-hero .v4-eyebrow{display:none}
.v4-bms-hero .v4-heading{margin:0 auto 18px;color:#171512}
.v4-bms-hero .v4-lead{margin:0 auto;max-width:520px}
.v4-bms-hero .v4-diagram{position:relative;z-index:3}
.v4-bms-landscape{
  position:absolute;
  inset:auto 0 0;
  height:43%;
  z-index:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 35%,rgba(109,121,96,.22),transparent 18%),
    linear-gradient(180deg,rgba(248,243,233,0),rgba(221,224,212,.78) 42%,#d7ded3 100%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.45) 18%,#000 48%);
  mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.45) 18%,#000 48%);
}
.v4-bms-landscape img{width:100%;height:100%;object-fit:cover;object-position:var(--fx,50%) var(--fy,50%)}
.v4-bms-landscape:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:48%;
  background:linear-gradient(180deg,transparent,rgba(248,243,233,.24));
  pointer-events:none;
}
@media(max-width:900px){
  .v4-hero-rail{right:3.5vw;top:25%}
  .v4-bms-hero{min-height:680px;padding-bottom:245px}
}
@media(max-width:600px){
  .v4-hero-rail{display:none}
  .v4-bms-hero{min-height:700px;padding:62px 0 250px}
  .v4-bms-landscape{height:38%}
}


/* V4 Founder Sakura Hero 2026-10-12 */
/* Scope solely to English V4 Home Preview; preserve all other page layouts. */
.editorial-page[data-cms-page="home-v4"] [data-section="home-01"] .v4-art {
  inset:0;
  opacity:1;
  -webkit-mask-image:none;
  mask-image:none;
  background:#f7f1e7;
}
.editorial-page[data-cms-page="home-v4"] [data-section="home-01"] .v4-art:after {
  inset:0;
  width:auto;
  height:auto;
  aspect-ratio:auto;
  top:0;
  right:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  opacity:1;
  background:linear-gradient(90deg,rgba(251,248,242,.9) 0%,rgba(251,248,242,.65) 26%,rgba(251,248,242,.12) 49%,transparent 68%);
}
.editorial-page[data-cms-page="home-v4"] [data-section="home-01"] .v4-art img {
  object-position:var(--fx,70%) var(--fy,50%);
}
@media(max-width:600px){
  .editorial-page[data-cms-page="home-v4"] [data-section="home-01"] .v4-art {
    inset:46% 0 0;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 24%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 24%);
  }
  .editorial-page[data-cms-page="home-v4"] [data-section="home-01"] .v4-art img {
    object-position:64% 50%;
  }
  .editorial-page[data-cms-page="home-v4"] [data-section="home-01"] .v4-art:after {
    background:none;
  }
}


/* V4 header legibility pass 2026-10-13 — increase navigation text without changing nav order */
@media (min-width:1201px) {
  .editorial-page .masthead { gap:clamp(10px,1.45vw,23px); padding-inline:clamp(19px,2.6vw,45px); }
  .editorial-page .masthead .brand { width:clamp(110px,8.5vw,135px); min-width:110px; }
  .editorial-page .nav { gap:clamp(8px,.85vw,16px); }
  .editorial-page .nav>a,
  .editorial-page .services-group>a,
  .editorial-page .services-group summary {
    font-family:var(--serif);
    font-size:14px;
    font-weight:500;
    line-height:1.35;
    padding-block:13px;
  }
  .editorial-page .lang-links { font-size:12px; }
  .editorial-page .shop { font-size:13px; padding:9px 16px; }
}
@media (min-width:901px) and (max-width:1200px) {
  .editorial-page .masthead { padding-inline:18px; gap:8px; }
  .editorial-page .masthead .brand { width:106px; min-width:106px; }
  .editorial-page .nav { gap:clamp(6px,.62vw,9px); }
  .editorial-page .nav>a,
  .editorial-page .services-group>a,
  .editorial-page .services-group summary {
    font-size:12.5px;
    line-height:1.35;
    padding-block:13px;
  }
  .editorial-page .lang-links { font-size:11px; }
  .editorial-page .header-actions { gap:8px; }
  .editorial-page .shop { font-size:12px; padding:8px 10px; }
}
@media (max-width:900px) {
  .editorial-page .nav>a,
  .editorial-page .services-group>a,
  .editorial-page .services-group summary {
    font-size:15.5px;
    line-height:1.4;
    padding-block:12px;
  }
}


/* V4 minor-label legibility pass: supporting text stays editorial but no longer microscopic */
@media (min-width:901px){
  .editorial-page .v4-eyebrow { font-size:11.5px; letter-spacing:.22em; }
  .editorial-page .v4-rc-actions a { font-size:13px; line-height:1.4; }
}
@media (max-width:900px){
  .editorial-page .v4-eyebrow { font-size:11px; letter-spacing:.19em; }
  .editorial-page .v4-rc-actions a { font-size:13px; }
}