/* Concretta Brand Page v119 — same design system as index, distinct editorial composition */
:root{
  --cb119-ink:#211d19;
  --cb119-ink-soft:#2d2823;
  --cb119-paper:#f6f2eb;
  --cb119-paper-alt:#ede7de;
  --cb119-charcoal:#28231f;
  --cb119-charcoal-deep:#1d1916;
  --cb119-muted:#756d64;
  --cb119-muted-soft:#918377;
  --cb119-champagne:#d7c4b0;
  --cb119-line:rgba(70,58,48,.16);
  --cb119-gutter:clamp(26px,5vw,72px);
  --cb119-section:clamp(76px,8vw,112px);
  --cb119-ease:cubic-bezier(.2,.65,.3,1);
}
body.ct-concretta-page{background:var(--cb119-paper);color:var(--cb119-ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
body.ct-concretta-page *{box-sizing:border-box}
.cb119-wrap{width:min(1380px,calc(100% - (var(--cb119-gutter) * 2)));margin-inline:auto}
.cb119-kicker{display:block;margin:0 0 18px;color:var(--cb119-muted);font-size:10px;font-weight:600;line-height:1.2;letter-spacing:.25em;text-transform:uppercase}
.cb119-title{margin:0;color:var(--cb119-ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4vw,48px);font-weight:400;line-height:1.08;letter-spacing:-.035em}
.cb119-body{margin:0;color:var(--cb119-muted);font-size:16px;line-height:1.78}
.cb119-link{display:inline-flex;align-items:center;gap:12px;color:inherit!important;text-decoration:none!important;font-size:14px;font-weight:500;line-height:1.2}
.cb119-link::after{content:"↗";font-size:16px;font-weight:300;transition:transform .25s var(--cb119-ease)}
.cb119-link:hover::after,.cb119-link:focus-visible::after{transform:translate(3px,-3px)}

/* Hero — image-led, quieter than the corporate homepage */
.cb119-hero{position:relative;min-height:clamp(720px,91vh,980px);display:flex;align-items:flex-end;overflow:hidden;background:var(--cb119-charcoal-deep);padding:154px 0 72px}
.cb119-hero-media{position:absolute;inset:0;z-index:0}
.cb119-hero-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 50%}
.cb119-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,14,12,.84) 0%,rgba(17,14,12,.60) 29%,rgba(17,14,12,.16) 62%,rgba(17,14,12,.08) 100%),linear-gradient(180deg,rgba(10,9,8,.12) 0%,rgba(10,9,8,.01) 48%,rgba(10,9,8,.62) 100%)}
.cb119-hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,700px) 1fr;gap:54px;align-items:end;color:#f6f1e9}
.cb119-hero .cb119-kicker{color:rgba(246,241,233,.70);margin-bottom:22px}
.cb119-hero h1{margin:0;color:#f7f2ea;font-family:Georgia,"Times New Roman",serif;font-size:clamp(50px,6.4vw,72px);font-weight:400;line-height:.98;letter-spacing:-.045em}
.cb119-hero-sub{margin:19px 0 0;color:var(--cb119-champagne);font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase}
.cb119-hero-copy{max-width:590px;margin:25px 0 0;color:rgba(247,242,234,.84);font-size:17px;line-height:1.72}
.cb119-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:34px}
.cb119-primary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:1px solid rgba(247,242,234,.72);border-radius:3px;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:500;transition:background .25s ease,color .25s ease,border-color .25s ease}
.cb119-primary:hover,.cb119-primary:focus-visible{background:#f4efe7;color:#211d19!important;border-color:#f4efe7}
.cb119-hero .cb119-link{color:#f5f0e8!important}
.cb119-hero-rail{justify-self:end;display:flex;align-items:center;gap:16px;margin-bottom:7px;color:rgba(245,240,232,.62);font-size:9px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}
.cb119-hero-rail::before{content:"";width:1px;height:62px;background:rgba(215,196,176,.54)}

/* Brand statement */
.cb119-intro{padding:var(--cb119-section) 0;background:var(--cb119-paper)}
.cb119-intro-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:clamp(48px,8vw,120px);align-items:start}
.cb119-intro-copy{padding-top:5px}
.cb119-intro-copy .cb119-body{max-width:540px}
.cb119-intro-copy .cb119-body + .cb119-body{margin-top:20px}
.cb119-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;border-top:1px solid var(--cb119-line);border-bottom:1px solid var(--cb119-line)}
.cb119-principle{padding:24px 22px 23px;border-right:1px solid var(--cb119-line)}
.cb119-principle:first-child{padding-left:0}
.cb119-principle:last-child{border-right:0}
.cb119-principle span{display:block;color:var(--cb119-muted-soft);font-size:9px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.cb119-principle strong{display:block;margin-top:8px;color:var(--cb119-ink);font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:400;line-height:1.2}

/* Brand systems — asymmetric bento */
.cb119-systems{padding:var(--cb119-section) 0;background:var(--cb119-charcoal);color:#f5f0e8}
.cb119-systems-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:48px;align-items:end;margin-bottom:46px}
.cb119-systems .cb119-kicker{color:rgba(215,196,176,.84)}
.cb119-systems .cb119-title{color:#f7f2ea}
.cb119-systems .cb119-body{color:rgba(247,242,234,.64)}
.cb119-system-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.cb119-system-card{position:relative;isolation:isolate;overflow:hidden;min-height:360px;border:1px solid rgba(247,242,234,.10);border-radius:18px;background:#403a35;color:#fff!important;text-decoration:none!important;box-shadow:0 14px 36px rgba(0,0,0,.08);transition:transform .35s var(--cb119-ease),box-shadow .35s ease,border-color .35s ease}
.cb119-system-card:nth-child(1){grid-column:1 / span 8;grid-row:1;min-height:540px}
.cb119-system-card:nth-child(2){grid-column:1 / span 4;grid-row:2;min-height:340px}
.cb119-system-card:nth-child(3){grid-column:9 / span 4;grid-row:1;min-height:540px}
.cb119-system-card:nth-child(4){grid-column:5 / span 4;grid-row:2;min-height:340px}
.cb119-system-card:nth-child(5){grid-column:9 / span 4;grid-row:2;min-height:340px}
.cb119-system-card:nth-child(6){grid-column:1 / span 12;grid-row:3;min-height:300px}
.cb119-system-card:nth-child(6) img{object-position:center 56%}
.cb119-system-card:nth-child(6)::after{background:linear-gradient(90deg,rgba(15,13,12,.72) 0%,rgba(15,13,12,.28) 48%,rgba(15,13,12,.08) 100%),linear-gradient(180deg,rgba(15,13,12,.06),rgba(15,13,12,.44))}
.cb119-system-card:nth-child(6) .cb119-system-content{max-width:520px}
.cb119-system-card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;display:block;object-fit:cover;transition:transform .75s var(--cb119-ease),filter .75s ease}
.cb119-system-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,13,12,.05) 16%,rgba(15,13,12,.14) 48%,rgba(15,13,12,.82) 100%)}
.cb119-system-content{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:26px}
.cb119-system-index{margin-bottom:auto;color:rgba(255,255,255,.68);font-size:9px;font-weight:600;letter-spacing:.18em}
.cb119-system-card h3{margin:0;color:#fff;font-size:clamp(22px,2vw,30px);font-weight:500;line-height:1.08;letter-spacing:.01em}
.cb119-system-card p{margin:8px 0 0;color:rgba(255,255,255,.74);font-size:13px;line-height:1.45;letter-spacing:.03em}
.cb119-system-arrow{position:absolute;right:24px;bottom:25px;color:rgba(255,255,255,.76);font-size:19px;font-weight:300;transition:transform .25s var(--cb119-ease)}
.cb119-system-card:hover,.cb119-system-card:focus-visible{transform:translateY(-3px);border-color:rgba(215,196,176,.38);box-shadow:0 24px 58px rgba(0,0,0,.18)}
.cb119-system-card:hover img,.cb119-system-card:focus-visible img{transform:scale(1.025);filter:saturate(.92) contrast(1.02)}
.cb119-system-card:hover .cb119-system-arrow,.cb119-system-card:focus-visible .cb119-system-arrow{transform:translate(3px,-3px)}

/* Editorial story */
.cb119-story{padding:var(--cb119-section) 0;background:var(--cb119-paper-alt)}
.cb119-story-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(46px,7vw,100px);align-items:start}
.cb119-story-media{position:relative;min-height:760px}
.cb119-story-main{position:absolute;left:0;top:0;width:82%;height:72%;overflow:hidden;border-radius:18px;background:#bcb3aa}
.cb119-story-main img,.cb119-story-detail img{width:100%;height:100%;display:block;object-fit:cover}
.cb119-story-detail{position:absolute;right:0;bottom:0;width:50%;height:43%;overflow:hidden;border:10px solid var(--cb119-paper-alt);border-radius:18px;background:#c6beb5;box-shadow:0 22px 50px rgba(60,49,39,.12)}
.cb119-story-note{position:absolute;left:0;bottom:4%;max-width:43%;color:var(--cb119-muted);font-size:10px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase}
.cb119-story-copy{position:sticky;top:126px;padding-top:4px}
.cb119-story-copy .cb119-title{max-width:520px}
.cb119-story-copy .cb119-body{max-width:540px;margin-top:24px}
.cb119-story-copy p{margin:0 0 22px;color:#625a52;font-size:15.5px;line-height:1.84}
.cb119-story-copy .cb119-body + p{margin-top:30px}
.cb119-pullquote{margin:36px 0 0;padding:26px 0 0;border-top:1px solid rgba(79,65,53,.20);font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,2.4vw,34px);font-weight:400;line-height:1.25;letter-spacing:-.025em;color:var(--cb119-ink)}

/* Architecture + identity */
.cb119-architecture{padding:0;background:var(--cb119-paper)}
.cb119-architecture-grid{display:grid;grid-template-columns:1.25fr .75fr;min-height:clamp(620px,70vw,820px)}
.cb119-architecture-media{position:relative;overflow:hidden;background:#b7afa6}
.cb119-architecture-media img{width:100%;height:100%;display:block;object-fit:cover}
.cb119-architecture-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(50px,6vw,92px);background:var(--cb119-paper)}
.cb119-architecture-copy .cb119-body{max-width:500px;margin-top:24px}
.cb119-architecture-copy .cb119-link{margin-top:30px;align-self:flex-start;padding-bottom:7px;border-bottom:1px solid rgba(70,58,48,.28)}
.cb119-architecture-caption{position:absolute;left:30px;bottom:26px;padding:12px 15px;background:rgba(31,27,24,.70);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:rgba(255,255,255,.86);font-size:9px;line-height:1.4;letter-spacing:.18em;text-transform:uppercase}

/* Closing CTA */
.cb119-invite{padding:clamp(72px,7vw,98px) 0;background:var(--cb119-charcoal-deep);color:#f5f0e8}
.cb119-invite-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end}
.cb119-invite .cb119-kicker{color:rgba(215,196,176,.82)}
.cb119-invite h2{max-width:780px;margin:0;color:#f7f2ea;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4vw,48px);font-weight:400;line-height:1.08;letter-spacing:-.035em}
.cb119-invite p{max-width:680px;margin:18px 0 0;color:rgba(247,242,234,.66);font-size:15px;line-height:1.75}
.cb119-invite .cb119-link{color:#f5f0e8!important;padding-bottom:8px;border-bottom:1px solid rgba(215,196,176,.46)}


/* V121 — art direction refinements */
.cb121-hero-signature{display:flex;gap:22px;align-items:center;margin-top:34px;padding-top:18px;border-top:1px solid rgba(215,196,176,.30);max-width:590px;color:rgba(247,242,234,.57);font-size:8.5px;font-weight:600;line-height:1.3;letter-spacing:.17em}
.cb121-hero-signature span+span{position:relative;padding-left:22px}
.cb121-hero-signature span+span::before{content:"";position:absolute;left:0;top:50%;width:1px;height:12px;transform:translateY(-50%);background:rgba(215,196,176,.42)}


.cb119-system-card:nth-child(1) h3,.cb119-system-card:nth-child(3) h3{font-size:clamp(28px,2.6vw,38px)}
.cb119-system-card:nth-child(6) h3{font-size:clamp(25px,2.2vw,34px)}
.cb119-system-card:nth-child(1) .cb119-system-index,.cb119-system-card:nth-child(3) .cb119-system-index{color:rgba(255,255,255,.82)}

@media(max-width:1120px){
  .cb119-systems-head{grid-template-columns:1fr;gap:22px}
  .cb119-system-card:nth-child(n){grid-column:span 6;grid-row:auto;min-height:350px}
  .cb119-system-card:nth-child(1),.cb119-system-card:nth-child(3){min-height:440px}
  .cb119-system-card:nth-child(6){grid-column:span 12;min-height:300px}
  .cb119-story-grid{grid-template-columns:1fr;gap:52px}
  .cb119-story-media{min-height:660px}
  .cb119-story-copy{position:static}
  .cb119-architecture-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .cb119-intro-grid{grid-template-columns:1fr;gap:30px}
  .cb119-principles{grid-template-columns:repeat(2,1fr)}
  .cb119-principle:nth-child(2){border-right:0}
  .cb119-principle:nth-child(-n+2){border-bottom:1px solid var(--cb119-line)}
  .cb119-principle:nth-child(3){padding-left:0}
  .cb119-architecture-grid{grid-template-columns:1fr}
  .cb119-architecture-media{min-height:560px}
}
@media(max-width:767px){
  .cb119-wrap{width:calc(100% - 52px)}
  .cb119-hero{min-height:720px;padding:132px 0 54px}
  .cb119-hero-media img{object-position:58% center}
  .cb119-hero-layout{grid-template-columns:1fr}
  .cb119-hero-rail{display:none}
  .cb119-hero-copy{font-size:16px;line-height:1.65}
  .cb119-hero-actions{gap:20px;margin-top:28px}
  .cb121-hero-signature{flex-direction:column;align-items:flex-start;gap:8px;margin-top:26px}
  .cb121-hero-signature span+span{padding-left:0}
  .cb121-hero-signature span+span::before{display:none}
  .cb119-primary{width:100%}
  .cb119-principles{grid-template-columns:1fr}
  .cb119-principle,.cb119-principle:nth-child(3){padding:20px 0;border-right:0;border-bottom:1px solid var(--cb119-line)}
  .cb119-principle:last-child{border-bottom:0}
  .cb119-system-grid{grid-template-columns:1fr}
  .cb119-system-card:nth-child(n){grid-column:auto;min-height:390px}
  .cb119-story-media{min-height:560px}
  .cb119-story-main{width:88%;height:70%}
  .cb119-story-detail{width:58%;height:40%;border-width:7px}
  .cb119-story-note{display:none}
  .cb119-story-copy p{font-size:15px;line-height:1.78}
  .cb119-architecture-media{min-height:500px}
  .cb119-architecture-copy{padding:58px 26px 64px}
  .cb119-invite-inner{grid-template-columns:1fr;gap:30px;align-items:start}
}
@media(prefers-reduced-motion:reduce){
  .cb119-system-card,.cb119-system-card img,.cb119-system-arrow,.cb119-link::after{transition:none!important}
}

/* Keep the V118 logo optical placement exactly aligned with index.html. */
@media (min-width:1101px){
  .ct-concretta-page #menu1-2uh .menu-logo{margin-left:calc(clamp(54px,7.6vw,132px) - clamp(22px,4.6vw,76px) - 6px)!important}
}
@media (min-width:992px) and (max-width:1100px){
  .ct-concretta-page #menu1-2uh .menu-logo{margin-left:calc(clamp(34px,5vw,58px) - clamp(22px,4.6vw,76px) - 6px)!important}
}
@media (min-width:701px) and (max-width:991px){
  .ct-concretta-page #menu1-2uh .menu-logo{margin-left:calc(clamp(34px,5vw,58px) - 15px - 5px)!important}
}
@media (max-width:700px){
  .ct-concretta-page #menu1-2uh .menu-logo{margin-left:-2px!important}
}


/* V120 — hero text x-axis aligned to the visible champagne rule in the header logo. */
@media (min-width:1101px){
  .ct-concretta-page .cb119-hero .cb119-wrap{width:auto;max-width:none;margin-left:clamp(54px,7.6vw,132px);margin-right:var(--cb119-gutter)}
}
@media (min-width:992px) and (max-width:1100px){
  .ct-concretta-page .cb119-hero .cb119-wrap{width:auto;max-width:none;margin-left:clamp(34px,5vw,58px);margin-right:var(--cb119-gutter)}
}
@media (min-width:701px) and (max-width:991px){
  .ct-concretta-page .cb119-hero .cb119-wrap{width:auto;max-width:none;margin-left:clamp(34px,5vw,58px);margin-right:26px}
}
@media (max-width:700px){
  .ct-concretta-page .cb119-hero .cb119-wrap{width:auto;max-width:none;margin-left:26px;margin-right:26px}
}


/* V123 — remove material-detail section and turn systems into tonal color cards */
.cb123-system-card{position:relative;isolation:isolate;overflow:hidden;min-height:320px;padding-top:0;background:#f2ece4!important;color:var(--cb119-ink)!important;border:1px solid rgba(62,52,43,.12);box-shadow:none}
.cb123-system-card::after{display:none}
.cb123-system-card .cb123-system-swatch{height:86px;width:100%;border-bottom:1px solid rgba(62,52,43,.10);background:linear-gradient(135deg,#d7c4b0 0%,#c7b29f 100%)}
.cb123-system-card:nth-child(1){background:#efe6db!important}
.cb123-system-card:nth-child(1) .cb123-system-swatch{background:linear-gradient(135deg,#d8c8b8 0%,#c8b39d 100%)}
.cb123-system-card:nth-child(2){background:#ebe5de!important}
.cb123-system-card:nth-child(2) .cb123-system-swatch{background:linear-gradient(135deg,#b8b0a8 0%,#9f968c 100%)}
.cb123-system-card:nth-child(3){background:#efe7de!important}
.cb123-system-card:nth-child(3) .cb123-system-swatch{background:linear-gradient(135deg,#b69482 0%,#8c6a58 100%)}
.cb123-system-card:nth-child(4){background:#eee3d9!important}
.cb123-system-card:nth-child(4) .cb123-system-swatch{background:linear-gradient(135deg,#b5795e 0%,#8f4f35 100%)}
.cb123-system-card:nth-child(5){background:#e8e0d8!important}
.cb123-system-card:nth-child(5) .cb123-system-swatch{background:linear-gradient(135deg,#6b645c 0%,#3c3631 100%)}
.cb123-system-card:nth-child(6){background:#ece4da!important}
.cb123-system-card:nth-child(6) .cb123-system-swatch{background:linear-gradient(135deg,#a99d8e 0%,#86796c 100%)}
.cb123-system-card .cb119-system-content{height:auto;display:block;padding:24px 24px 28px}
.cb123-system-card .cb119-system-index{display:block;margin:0 0 20px;color:rgba(33,29,25,.42)}
.cb123-system-card h3{color:var(--cb119-ink);font-size:clamp(22px,2vw,28px);line-height:1.08}
.cb123-system-card p{color:#6e655d;font-size:13px;line-height:1.5;letter-spacing:.02em}
.cb123-system-card .cb123-system-desc{margin-top:14px;color:#4d463f;font-size:14px;line-height:1.7;max-width:44ch}
.cb123-system-card .cb119-system-arrow{right:22px;top:108px;bottom:auto;color:rgba(33,29,25,.36)}
.cb123-system-card:hover,.cb123-system-card:focus-visible{transform:translateY(-3px);border-color:rgba(62,52,43,.22);box-shadow:0 18px 38px rgba(46,37,31,.10)}
.cb123-system-card:hover .cb119-system-arrow,.cb123-system-card:focus-visible .cb119-system-arrow{transform:translate(3px,-3px)}
.cb123-system-card:hover img,.cb123-system-card:focus-visible img{transform:none;filter:none}
@media(max-width:1120px){
  .cb123-system-card:nth-child(n){grid-column:span 6;grid-row:auto;min-height:300px}
  .cb123-system-card:nth-child(6){grid-column:span 12;min-height:280px}
}
@media(max-width:767px){
  .cb123-system-card:nth-child(n){grid-column:auto;min-height:auto}
  .cb123-system-card .cb123-system-swatch{height:72px}
  .cb123-system-card .cb119-system-arrow{top:94px}
}


/* V124 — equal 3×2 Concretta material-system library */
.ct-concretta-page .cb119-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ct-concretta-page .cb123-system-card:nth-child(n){grid-column:auto;grid-row:auto;min-height:330px}
.ct-concretta-page .cb123-system-card{display:flex;flex-direction:column;border-radius:16px;background:#eee7de!important;border:1px solid rgba(58,48,40,.12);box-shadow:0 12px 28px rgba(42,34,28,.045);transition:transform .28s var(--cb119-ease),box-shadow .28s ease,border-color .28s ease}
.ct-concretta-page .cb123-system-card .cb123-system-swatch{height:104px;flex:0 0 104px;border-bottom:1px solid rgba(58,48,40,.10)}
.ct-concretta-page .cb123-system-card:nth-child(1){background:#f0e9e0!important}
.ct-concretta-page .cb123-system-card:nth-child(1) .cb123-system-swatch{background:linear-gradient(135deg,#d9cbbd 0%,#c6b09a 100%)}
.ct-concretta-page .cb123-system-card:nth-child(2){background:#ebe7e2!important}
.ct-concretta-page .cb123-system-card:nth-child(2) .cb123-system-swatch{background:linear-gradient(135deg,#bbb5ae 0%,#948b82 100%)}
.ct-concretta-page .cb123-system-card:nth-child(3){background:#efe6dc!important}
.ct-concretta-page .cb123-system-card:nth-child(3) .cb123-system-swatch{background:linear-gradient(135deg,#bd9b87 0%,#8f6d59 100%)}
.ct-concretta-page .cb123-system-card:nth-child(4){background:#efe3d8!important}
.ct-concretta-page .cb123-system-card:nth-child(4) .cb123-system-swatch{background:linear-gradient(135deg,#bd8062 0%,#8e4f36 100%)}
.ct-concretta-page .cb123-system-card:nth-child(5){background:#e8e2dc!important}
.ct-concretta-page .cb123-system-card:nth-child(5) .cb123-system-swatch{background:linear-gradient(135deg,#706961 0%,#3d3833 100%)}
.ct-concretta-page .cb123-system-card:nth-child(6){background:#ece6de!important}
.ct-concretta-page .cb123-system-card:nth-child(6) .cb123-system-swatch{background:linear-gradient(135deg,#ada193 0%,#817568 100%)}
.ct-concretta-page .cb123-system-card .cb119-system-content{display:flex;flex:1;flex-direction:column;justify-content:flex-start;padding:25px 26px 28px}
.ct-concretta-page .cb123-system-card .cb119-system-index{margin:0 0 17px;color:rgba(33,29,25,.40)}
.ct-concretta-page .cb123-system-card h3{margin:0;color:var(--cb119-ink);font-size:26px;line-height:1.08}
.ct-concretta-page .cb123-system-card .cb119-system-content>p:not(.cb123-system-desc){margin:7px 0 0;color:#746a61;font-size:12px;letter-spacing:.05em}
.ct-concretta-page .cb123-system-card .cb123-system-desc{margin:18px 40px 0 0;color:#4f473f;font-size:14px;line-height:1.66;letter-spacing:0;max-width:34ch}
.ct-concretta-page .cb123-system-card .cb119-system-arrow{right:24px;top:129px;color:rgba(33,29,25,.34)}
.ct-concretta-page .cb123-system-card:hover,.ct-concretta-page .cb123-system-card:focus-visible{transform:translateY(-2px);border-color:rgba(88,72,59,.23);box-shadow:0 20px 40px rgba(42,34,28,.09)}
@media(max-width:1050px){.ct-concretta-page .cb119-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ct-concretta-page .cb119-system-grid{grid-template-columns:1fr;gap:14px}.ct-concretta-page .cb123-system-card:nth-child(n){min-height:auto}.ct-concretta-page .cb123-system-card .cb123-system-swatch{height:82px;flex-basis:82px}.ct-concretta-page .cb123-system-card .cb119-system-arrow{top:107px}.ct-concretta-page .cb123-system-card .cb119-system-content{padding:22px 22px 25px}.ct-concretta-page .cb123-system-card .cb123-system-desc{margin-right:28px}}


/* V126 — focused refinement on V124: full-tone material cards + story readability */
.ct-concretta-page .cb119-system-grid{gap:18px}
.ct-concretta-page .cb123-system-card:nth-child(n){
  min-height:344px;
  display:block;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 14px 32px rgba(22,18,15,.08);
  transition:transform .28s var(--cb119-ease),box-shadow .28s ease,border-color .28s ease;
}
.ct-concretta-page .cb123-system-card:nth-child(1){background:#d1c1b1!important;border-color:rgba(45,37,31,.12);color:#211d19!important}
.ct-concretta-page .cb123-system-card:nth-child(2){background:#aaa29a!important;border-color:rgba(45,37,31,.13);color:#211d19!important}
.ct-concretta-page .cb123-system-card:nth-child(3){background:#876550!important;border-color:rgba(255,255,255,.10);color:#f7f2ea!important}
.ct-concretta-page .cb123-system-card:nth-child(4){background:#884d35!important;border-color:rgba(255,255,255,.10);color:#f7f2ea!important}
.ct-concretta-page .cb123-system-card:nth-child(5){background:#403b36!important;border-color:rgba(255,255,255,.10);color:#f7f2ea!important}
.ct-concretta-page .cb123-system-card:nth-child(6){background:#75695e!important;border-color:rgba(255,255,255,.10);color:#f7f2ea!important}
.ct-concretta-page .cb123-system-card .cb123-system-swatch{display:none!important}
.ct-concretta-page .cb123-system-card .cb119-system-content{
  min-height:344px;
  height:100%;
  display:flex;
  flex-direction:column;
  padding:28px 28px 30px;
}
.ct-concretta-page .cb123-system-card .cb119-system-index{margin:0 0 auto;font-size:9px;letter-spacing:.18em}
.ct-concretta-page .cb123-system-card:nth-child(-n+2) .cb119-system-index{color:rgba(33,29,25,.46)}
.ct-concretta-page .cb123-system-card:nth-child(n+3) .cb119-system-index{color:rgba(247,242,234,.58)}
.ct-concretta-page .cb123-system-card h3{margin:0;font-size:27px;line-height:1.08;letter-spacing:-.015em}
.ct-concretta-page .cb123-system-card:nth-child(-n+2) h3{color:#211d19}
.ct-concretta-page .cb123-system-card:nth-child(n+3) h3{color:#f7f2ea}
.ct-concretta-page .cb123-system-card .cb119-system-content>p:not(.cb123-system-desc){margin:8px 0 0;font-size:12px;letter-spacing:.055em}
.ct-concretta-page .cb123-system-card:nth-child(-n+2) .cb119-system-content>p:not(.cb123-system-desc){color:rgba(33,29,25,.66)}
.ct-concretta-page .cb123-system-card:nth-child(n+3) .cb119-system-content>p:not(.cb123-system-desc){color:rgba(247,242,234,.72)}
.ct-concretta-page .cb123-system-card .cb123-system-desc{margin:18px 38px 0 0;max-width:34ch;font-size:14px;line-height:1.66;letter-spacing:0}
.ct-concretta-page .cb123-system-card:nth-child(-n+2) .cb123-system-desc{color:rgba(33,29,25,.82)}
.ct-concretta-page .cb123-system-card:nth-child(n+3) .cb123-system-desc{color:rgba(247,242,234,.88)}
.ct-concretta-page .cb123-system-card .cb119-system-arrow{right:26px;top:25px;bottom:auto;font-size:18px}
.ct-concretta-page .cb123-system-card:nth-child(-n+2) .cb119-system-arrow{color:rgba(33,29,25,.46)}
.ct-concretta-page .cb123-system-card:nth-child(n+3) .cb119-system-arrow{color:rgba(247,242,234,.64)}
.ct-concretta-page .cb123-system-card:hover,.ct-concretta-page .cb123-system-card:focus-visible{transform:translateY(-3px);box-shadow:0 22px 44px rgba(22,18,15,.16)}

/* Story: same content and images, calmer typographic rhythm. */
.ct-concretta-page .cb119-story-copy{padding-top:8px}
.ct-concretta-page .cb119-story-copy .cb119-title{max-width:500px}
.ct-concretta-page .cb119-story-copy .cb119-body{max-width:505px;margin-top:23px;font-size:16px;line-height:1.74}
.ct-concretta-page .cb119-story-copy p{max-width:520px;margin:0 0 18px;font-size:15.5px;line-height:1.76}
.ct-concretta-page .cb119-story-copy .cb119-body + p{margin-top:27px}
.ct-concretta-page .cb119-story-copy .cb119-pullquote{max-width:520px;margin-top:30px;padding-top:24px}
@media(max-width:640px){
  .ct-concretta-page .cb123-system-card:nth-child(n){min-height:300px}
  .ct-concretta-page .cb123-system-card .cb119-system-content{min-height:300px;padding:24px 23px 26px}
  .ct-concretta-page .cb123-system-card .cb119-system-arrow{right:22px;top:21px}
  .ct-concretta-page .cb119-story-copy .cb119-body{font-size:15.5px;line-height:1.72}
  .ct-concretta-page .cb119-story-copy p{font-size:15px;line-height:1.72}
}

/* V129 — final polish on V126: hero balance, tonal library, alignment and mobile rhythm */
.ct-concretta-page .cb119-hero{
  min-height:clamp(700px,88vh,920px);
  padding-top:150px;
  padding-bottom:80px;
}
.ct-concretta-page .cb119-hero-media img{
  object-position:52% 50%;
}
.ct-concretta-page .cb119-hero-media::after{
  background:
    linear-gradient(90deg,rgba(18,15,13,.82) 0%,rgba(18,15,13,.66) 28%,rgba(18,15,13,.30) 52%,rgba(18,15,13,.10) 74%,rgba(18,15,13,.07) 100%),
    linear-gradient(180deg,rgba(10,9,8,.10) 0%,rgba(10,9,8,.01) 46%,rgba(10,9,8,.52) 100%);
}
.ct-concretta-page .cb119-hero-layout{grid-template-columns:minmax(0,660px) 1fr;gap:64px}
.ct-concretta-page .cb119-hero-copy{max-width:560px;margin-top:27px;line-height:1.76}
.ct-concretta-page .cb119-hero-actions{margin-top:32px;gap:24px}
.ct-concretta-page .cb121-hero-signature{margin-top:38px}

/* Six systems as one coherent mineral palette. */
.ct-concretta-page .cb119-system-grid{grid-auto-rows:1fr;gap:18px}
.ct-concretta-page .cb123-system-card:nth-child(n){min-height:352px}
.ct-concretta-page .cb123-system-card:nth-child(1){background:#cbbbab!important;border-color:rgba(45,37,31,.13);color:#211d19!important}
.ct-concretta-page .cb123-system-card:nth-child(2){background:#aba39a!important;border-color:rgba(45,37,31,.13);color:#211d19!important}
.ct-concretta-page .cb123-system-card:nth-child(3){background:#a28772!important;border-color:rgba(45,37,31,.13);color:#211d19!important}
.ct-concretta-page .cb123-system-card:nth-child(4){background:#895b45!important;border-color:rgba(255,255,255,.11);color:#f7f2ea!important}
.ct-concretta-page .cb123-system-card:nth-child(5){background:#49443f!important;border-color:rgba(255,255,255,.11);color:#f7f2ea!important}
.ct-concretta-page .cb123-system-card:nth-child(6){background:#75695e!important;border-color:rgba(255,255,255,.11);color:#f7f2ea!important}
.ct-concretta-page .cb123-system-card .cb119-system-content{
  min-height:352px;
  padding:28px 28px 30px;
}
.ct-concretta-page .cb123-system-card .cb119-system-index{margin-bottom:auto}
.ct-concretta-page .cb123-system-card h3{min-height:30px}
.ct-concretta-page .cb123-system-card .cb119-system-content>p:not(.cb123-system-desc){min-height:18px}
.ct-concretta-page .cb123-system-card .cb123-system-desc{
  max-width:32ch;
  min-height:4.85em;
  margin-top:17px;
  margin-right:34px;
  line-height:1.62;
}
.ct-concretta-page .cb123-system-card:nth-child(-n+3) .cb119-system-index{color:rgba(33,29,25,.46)}
.ct-concretta-page .cb123-system-card:nth-child(n+4) .cb119-system-index{color:rgba(247,242,234,.62)}
.ct-concretta-page .cb123-system-card:nth-child(-n+3) h3{color:#211d19}
.ct-concretta-page .cb123-system-card:nth-child(n+4) h3{color:#f7f2ea}
.ct-concretta-page .cb123-system-card:nth-child(-n+3) .cb119-system-content>p:not(.cb123-system-desc){color:rgba(33,29,25,.68)}
.ct-concretta-page .cb123-system-card:nth-child(n+4) .cb119-system-content>p:not(.cb123-system-desc){color:rgba(247,242,234,.75)}
.ct-concretta-page .cb123-system-card:nth-child(-n+3) .cb123-system-desc{color:rgba(33,29,25,.84)}
.ct-concretta-page .cb123-system-card:nth-child(n+4) .cb123-system-desc{color:rgba(247,242,234,.90)}
.ct-concretta-page .cb123-system-card:nth-child(-n+3) .cb119-system-arrow{color:rgba(33,29,25,.48)}
.ct-concretta-page .cb123-system-card:nth-child(n+4) .cb119-system-arrow{color:rgba(247,242,234,.68)}

/* Story keeps all copy and imagery; only reading measure and vertical rhythm are refined. */
.ct-concretta-page .cb119-story-copy{padding-top:10px}
.ct-concretta-page .cb119-story-copy .cb119-title{max-width:480px}
.ct-concretta-page .cb119-story-copy .cb119-body{max-width:490px;margin-top:24px;font-size:16px;line-height:1.78}
.ct-concretta-page .cb119-story-copy p{max-width:500px;margin-bottom:20px;font-size:15.5px;line-height:1.80}
.ct-concretta-page .cb119-story-copy .cb119-body + p{margin-top:28px}
.ct-concretta-page .cb119-story-copy .cb119-pullquote{max-width:500px;margin-top:32px;padding-top:25px}

@media(max-width:1050px){
  .ct-concretta-page .cb123-system-card:nth-child(n),
  .ct-concretta-page .cb123-system-card .cb119-system-content{min-height:330px}
  .ct-concretta-page .cb123-system-card .cb123-system-desc{min-height:4.85em}
}
@media(max-width:767px){
  .ct-concretta-page .cb119-hero{min-height:700px;padding-top:132px;padding-bottom:58px}
  .ct-concretta-page .cb119-hero-media img{object-position:61% 50%}
  .ct-concretta-page .cb119-hero-media::after{
    background:
      linear-gradient(90deg,rgba(18,15,13,.78) 0%,rgba(18,15,13,.58) 58%,rgba(18,15,13,.24) 100%),
      linear-gradient(180deg,rgba(10,9,8,.08) 0%,rgba(10,9,8,.02) 44%,rgba(10,9,8,.58) 100%);
  }
  .ct-concretta-page .cb119-hero-copy{max-width:34em;margin-top:24px;line-height:1.68}
  .ct-concretta-page .cb119-hero-actions{margin-top:28px}
  .ct-concretta-page .cb121-hero-signature{margin-top:28px}
  .ct-concretta-page .cb119-story-copy .cb119-title,
  .ct-concretta-page .cb119-story-copy .cb119-body,
  .ct-concretta-page .cb119-story-copy p,
  .ct-concretta-page .cb119-story-copy .cb119-pullquote{max-width:none}
}
@media(max-width:640px){
  .ct-concretta-page .cb119-system-grid{gap:14px}
  .ct-concretta-page .cb123-system-card:nth-child(n){min-height:268px}
  .ct-concretta-page .cb123-system-card .cb119-system-content{min-height:268px;padding:23px 22px 25px}
  .ct-concretta-page .cb123-system-card h3{min-height:auto;font-size:25px}
  .ct-concretta-page .cb123-system-card .cb119-system-content>p:not(.cb123-system-desc){min-height:auto}
  .ct-concretta-page .cb123-system-card .cb123-system-desc{min-height:auto;max-width:34ch;margin-top:16px;margin-right:28px;line-height:1.64}
  .ct-concretta-page .cb123-system-card .cb119-system-arrow{right:22px;top:21px}
  .ct-concretta-page .cb119-story-copy .cb119-body{font-size:15.5px;line-height:1.74}
  .ct-concretta-page .cb119-story-copy p{font-size:15px;line-height:1.76;margin-bottom:18px}
}


/* V130 — final accessibility contrast lock; no layout or palette changes. */
.ct-concretta-page .cb123-system-card:nth-child(-n+3) .cb119-system-index,
.ct-concretta-page .cb123-system-card:nth-child(-n+3) .cb119-system-content>p:not(.cb123-system-desc),
.ct-concretta-page .cb123-system-card:nth-child(-n+3) .cb123-system-desc{color:rgba(33,29,25,.96)}
.ct-concretta-page .cb123-system-card:nth-child(n+4) .cb119-system-index,
.ct-concretta-page .cb123-system-card:nth-child(n+4) .cb119-system-content>p:not(.cb123-system-desc),
.ct-concretta-page .cb123-system-card:nth-child(n+4) .cb123-system-desc{color:rgba(247,242,234,.96)}


/* V139 — airy mineral-plaster palette for Concretta TR + EN only. Co-Wall keeps its own limestone palette. */
.ct-concretta-page:not(.ct-cowall-page){
  --ct139-ivory:#f6f1eb;
  --ct139-ivory-deep:#eee6dd;
  --ct139-plaster:#e3d8cd;
  --ct139-plaster-deep:#d6c8bb;
  --ct139-ink:#2d2722;
  --ct139-muted:#675d54;
  --ct139-line:rgba(67,55,45,.14);
  background:var(--ct139-ivory);
}
.ct-concretta-page:not(.ct-cowall-page) .cb119-intro{background:var(--ct139-ivory)}
.ct-concretta-page:not(.ct-cowall-page) .cb119-principles{border-color:var(--ct139-line)}
.ct-concretta-page:not(.ct-cowall-page) .cb119-principle{border-color:var(--ct139-line)}

.ct-concretta-page:not(.ct-cowall-page) .cb119-systems{
  background:linear-gradient(180deg,#ece4dc 0%, #ddd1c6 100%);
  color:var(--ct139-ink);
}
.ct-concretta-page:not(.ct-cowall-page) .cb119-systems .cb119-kicker{color:rgba(45,39,34,.64)}
.ct-concretta-page:not(.ct-cowall-page) .cb119-systems .cb119-title{color:var(--ct139-ink)}
.ct-concretta-page:not(.ct-cowall-page) .cb119-systems .cb119-body{color:rgba(45,39,34,.78)}

.ct-concretta-page:not(.ct-cowall-page) .cb119-story{background:#f3ede6}
.ct-concretta-page:not(.ct-cowall-page) .cb119-story-main{background:#d4c7ba}
.ct-concretta-page:not(.ct-cowall-page) .cb119-story-detail{
  border-color:#f3ede6;
  background:#ded3c8;
  box-shadow:0 18px 42px rgba(60,49,39,.08);
}
.ct-concretta-page:not(.ct-cowall-page) .cb119-story-copy p{color:#5f574f}

.ct-concretta-page:not(.ct-cowall-page) .cb119-architecture{background:var(--ct139-ivory-deep)}
.ct-concretta-page:not(.ct-cowall-page) .cb119-architecture-media{background:#d8ccbf}
.ct-concretta-page:not(.ct-cowall-page) .cb119-architecture-copy{background:var(--ct139-ivory-deep)}
.ct-concretta-page:not(.ct-cowall-page) .cb119-architecture-copy .cb119-body{color:var(--ct139-muted)}

.ct-concretta-page:not(.ct-cowall-page) .cb119-invite{
  background:linear-gradient(180deg,#d9ccbf 0%, #cdbdaf 100%);
  color:var(--ct139-ink);
}
.ct-concretta-page:not(.ct-cowall-page) .cb119-invite .cb119-kicker{color:rgba(45,39,34,.64)}
.ct-concretta-page:not(.ct-cowall-page) .cb119-invite h2{color:var(--ct139-ink)}
.ct-concretta-page:not(.ct-cowall-page) .cb119-invite p{color:rgba(45,39,34,.76)}
.ct-concretta-page:not(.ct-cowall-page) .cb119-invite .cb119-link{
  color:var(--ct139-ink)!important;
  border-bottom:1px solid rgba(67,55,45,.24);
}
.ct-concretta-page:not(.ct-cowall-page) .cb119-invite .cb119-link::after{color:rgba(45,39,34,.72)}

/* Keep hero tertiary CTA visually aligned and light; allow three actions to wrap cleanly. */
.ct-concretta-page .cb119-hero-actions{row-gap:16px}
.ct-concretta-page .cb119-hero-actions .cb119-link{white-space:nowrap}
@media(max-width:767px){
  .ct-concretta-page .cb119-hero-actions{align-items:flex-start;column-gap:20px;row-gap:14px}
  .ct-concretta-page .cb119-hero-actions .cb119-link{font-size:13.5px}
}