:root {
  --cafe:#26150D;
  --cobre:#B5784A;
  --oro:#C9A96E;
  --crema:#EFE8D7;
  --arena:#E9DFCB;
  --pizarra:#4B4843;
  --papel:#F6F1E6;
  --display:"Playfair Display",Georgia,"Times New Roman",serif;
  --body:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0;
  background:var(--papel);
  color:var(--cafe);
  font:400 16px/1.65 var(--body);
  -webkit-font-smoothing:antialiased;
}
a { color:inherit; }
.wrap { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }

.story-hero {
  min-height:min(800px,calc(100vh - 72px));
  display:grid;
  place-items:center;
  background:var(--cafe);
  color:var(--crema);
  text-align:center;
}
.story-hero-inner {
  width:min(920px,calc(100% - 40px));
  padding:clamp(92px,13vw,164px) 0;
}
.story-kicker {
  color:var(--oro);
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.story-hero h1 {
  margin:18px auto 26px;
  color:var(--crema);
  font:500 clamp(52px,7.4vw,104px)/.92 var(--display);
  letter-spacing:-.025em;
  text-wrap:balance;
}
.story-hero p {
  margin:0 auto;
  max-width:42ch;
  color:rgba(239,232,215,.74);
  font-size:clamp(16px,1.45vw,19px);
}
.story-hero-cta {
  display:inline-flex;
  min-height:48px;
  margin-top:34px;
  padding:0 21px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(201,169,110,.72);
  color:var(--crema);
  text-decoration:none;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.story-hero-cta:hover { background:var(--oro); color:var(--cafe); }

.story-section { padding-block:clamp(88px,11vw,156px); }
.story-grid {
  display:grid;
  grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr);
  gap:clamp(42px,9vw,132px);
  align-items:start;
}
.story-number {
  color:var(--cobre);
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.story-copy h2,
.story-craft h2,
.story-final h2 {
  margin:0;
  font:500 clamp(42px,5.2vw,72px)/.98 var(--display);
  letter-spacing:-.02em;
}
.story-copy p {
  margin:28px 0 0;
  max-width:54ch;
  color:var(--pizarra);
  font-size:clamp(17px,1.5vw,20px);
}
.story-philosophy { background:var(--papel); }

.story-origin { background:var(--arena); }
.story-grid-origin { align-items:center; }
.story-origin-mark {
  margin-top:38px;
  padding-top:24px;
  border-top:1px solid rgba(38,21,13,.22);
}
.story-origin-mark span,
.story-origin-mark strong { display:block; }
.story-origin-mark span {
  font:500 clamp(58px,7vw,100px)/.9 var(--display);
  letter-spacing:-.04em;
}
.story-origin-mark strong {
  margin-top:8px;
  color:var(--cobre);
  font-size:11px;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.story-note {
  padding-top:24px;
  border-top:1px solid rgba(38,21,13,.14);
  font-size:14px!important;
}

.story-craft { background:var(--papel); }
.story-craft-head {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:clamp(36px,7vw,96px);
  align-items:end;
  margin-bottom:64px;
}
.story-craft-head p {
  margin:0;
  max-width:44ch;
  color:var(--pizarra);
}
.story-craft-head h2 { margin-top:12px; }
.story-craft-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(38,21,13,.18);
  border-bottom:1px solid rgba(38,21,13,.18);
}
.story-craft-grid div {
  min-height:190px;
  padding:28px 24px;
  border-right:1px solid rgba(38,21,13,.18);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.story-craft-grid div:last-child { border-right:0; }
.story-craft-grid span {
  color:var(--cobre);
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
}
.story-craft-grid strong { font:500 clamp(28px,3vw,42px)/1 var(--display); }

.story-final {
  padding-block:clamp(92px,11vw,150px);
  background:var(--cafe);
  color:var(--crema);
  text-align:center;
}
.story-final h2 {
  max-width:13ch;
  margin:14px auto 0;
  color:var(--crema);
}
.story-final p {
  max-width:46ch;
  margin:22px auto 30px;
  color:rgba(239,232,215,.72);
}
.story-final a {
  display:inline-flex;
  min-height:48px;
  padding:0 20px;
  align-items:center;
  justify-content:center;
  border:1px solid var(--oro);
  color:var(--crema);
  text-decoration:none;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.story-final a:hover { background:var(--oro); color:var(--cafe); }

.story-footer {
  padding:34px 0;
  background:#1B0F09;
  color:rgba(239,232,215,.66);
  font-size:12px;
}
.story-footer .wrap { display:flex; justify-content:space-between; gap:24px; }
.story-footer a { color:var(--crema); text-decoration:none; }

@media(max-width:840px){
  .story-hero { min-height:auto; }
  .story-grid,
  .story-craft-head { grid-template-columns:1fr; }
  .story-origin-mark { max-width:280px; }
  .story-craft-grid { grid-template-columns:1fr 1fr; }
  .story-craft-grid div:nth-child(2) { border-right:0; }
  .story-craft-grid div:nth-child(-n+2) { border-bottom:1px solid rgba(38,21,13,.18); }
}

@media(max-width:560px){
  .wrap { width:min(100% - 30px,1180px); }
  .story-hero-inner { width:min(100% - 32px,920px); padding-block:92px; }
  .story-hero h1 { font-size:50px; }
  .story-craft-grid { grid-template-columns:1fr; }
  .story-craft-grid div { border-right:0; border-bottom:1px solid rgba(38,21,13,.18); }
  .story-craft-grid div:last-child { border-bottom:0; }
  .story-footer .wrap { flex-direction:column; }
}

@media(prefers-reduced-motion:reduce){
  html { scroll-behavior:auto; }
}

/* KAIZEN V1.5-A - MOBILE FOUNDATION START */
@media(max-width:560px){
  .story-hero{
    min-height:calc(100svh - var(--kz-header-h,62px));
    place-items:end center;
  }

  .story-hero-inner{
    width:min(100% - 32px,920px);
    padding-top:clamp(88px,14svh,132px);
    padding-bottom:clamp(92px,15svh,138px);
  }

  .story-hero h1{
    max-width:9.5ch;
    font-size:clamp(46px,13.5vw,60px);
    line-height:.94;
  }

  .story-hero p{
    max-width:31ch;
    font-size:15.5px;
    line-height:1.7;
  }

  .story-hero-cta,
  .story-final a{
    min-height:48px;
    width:100%;
  }

  .story-section{padding-block:var(--kz-mobile-section,76px)}
  .story-grid{gap:24px}
  .story-copy h2,.story-craft h2,.story-final h2{font-size:clamp(38px,11vw,48px);line-height:1}
  .story-copy p{margin-top:22px;font-size:16px;line-height:1.72}
  .story-craft-head{margin-bottom:38px;gap:24px}
  .story-craft-grid div{min-height:150px;padding:22px 18px}
  .story-final{padding-block:var(--kz-mobile-section,76px)}
}

@media(hover:none) and (pointer:coarse){
  .story-hero-cta:active,.story-final a:active{transform:scale(.99)}
}
/* KAIZEN V1.5-A - MOBILE FOUNDATION END */