/* v03 — editorial refinement based on 14 Aug design review */

/* Heroes: retain the quiet ascending architecture, remove the stacked marks. */
.hero-compound{display:none}
.subhero::before{height:92px;background:linear-gradient(180deg,transparent,rgba(29,18,11,.22))}
.stock-line-lowered{transform:translateY(310px)}

/* About / Why we exist: one continuous narrative instead of a card collection. */
.why-story-v3{padding-top:140px;padding-bottom:150px;background:var(--porcelain)}
.why-story-v3::before{display:none}
.why-story-v3 .why-story-heading{display:grid;grid-template-columns:.46fr 1fr;gap:8vw;align-items:end;max-width:none;padding-bottom:74px;border-bottom:1px solid rgba(43,28,16,.16)}
.why-story-v3 .why-story-heading .eyebrow{align-self:start;margin-top:15px}
.why-story-v3 .why-story-heading h2{max-width:760px;margin:0}
.storyline{margin-left:calc(46% + 4vw);position:relative}
.storyline::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:rgba(43,28,16,.17)}
.story-beat{display:grid;grid-template-columns:112px minmax(0,1fr);gap:38px;padding:64px 0 68px;position:relative;border-bottom:1px solid rgba(43,28,16,.13)}
.story-beat::before{content:"";position:absolute;left:-5px;top:72px;width:9px;height:9px;border-radius:50%;background:var(--quiet);box-shadow:0 0 0 8px var(--porcelain)}
.story-beat-marker{padding-left:28px;display:flex;flex-direction:column;gap:8px;color:#8a7048;text-transform:uppercase;letter-spacing:.17em;font-size:.62rem;font-weight:700}
.story-beat-marker b{font-family:Oxygen,sans-serif;font-size:1.4rem;font-weight:300;letter-spacing:0;color:rgba(43,28,16,.35)}
.story-beat>p,.story-beat>div:last-child>p:last-child{font-size:clamp(1.12rem,1.5vw,1.35rem);line-height:1.72;max-width:770px;margin:0;color:#514339}
.story-turn{padding-top:86px;padding-bottom:92px}
.story-turn::before{top:94px}
.story-turn p strong{display:block;font-family:Oxygen,sans-serif;font-size:clamp(2.45rem,4vw,4.4rem);line-height:1.02;letter-spacing:-.035em;font-weight:300;color:var(--night);margin:0 0 34px;max-width:720px}
.story-proof{border-bottom:0;padding-bottom:20px}
.story-proof>div:last-child .eyebrow{margin:2px 0 18px;color:#80673f}

/* Platform pillars: all four sit on one plane and share one motion language. */
.pillar-grid-v3{gap:22px;align-items:stretch}
.pillar-grid-v3 .pillar,.pillar-grid-v3 .pillar:nth-child(2),.pillar-grid-v3 .pillar:nth-child(3),.pillar-grid-v3 .pillar:nth-child(4){transform:none;min-height:320px;transition:opacity .75s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease),background-color .45s var(--ease)}
.pillar-grid-v3.stagger>*{transform:none}
.pillar-grid-v3 .pillar:hover,.pillar-grid-v3 .pillar:nth-child(2):hover,.pillar-grid-v3 .pillar:nth-child(3):hover,.pillar-grid-v3 .pillar:nth-child(4):hover{transform:none;background:#fff;border-color:rgba(195,163,104,.72);box-shadow:0 24px 54px rgba(43,28,16,.11)}
.pillar-grid-v3 .pillar::after{width:auto;height:2px;left:34px;right:34px;bottom:0;border:0;background:var(--quiet);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.pillar-grid-v3 .pillar:hover::after{transform:scaleX(1)}
.pillar-grid-v3 .pillar-icon{transform:none}
.pillar-grid-v3 .pillar:hover .pillar-icon{transform:none;background:var(--night);color:var(--quiet)}

/* Licensing: a sober regulatory register, not destination cards. */
.licence-section{grid-template-columns:.8fr 1.2fr;align-items:center}
.licence-register{border-top:1px solid rgba(43,28,16,.22);border-bottom:1px solid rgba(43,28,16,.22)}
.licence-row{display:grid;grid-template-columns:54px minmax(170px,.8fr) minmax(240px,1.2fr);gap:26px;align-items:start;padding:34px 4px;border-bottom:1px solid rgba(43,28,16,.13);transition:padding-left .4s var(--ease),background-color .4s var(--ease)}
.licence-row:hover{padding-left:14px;background:rgba(255,255,255,.42)}
.licence-icon{width:48px;height:48px;border:1px solid rgba(195,163,104,.52);border-radius:50%;display:grid;place-items:center;color:#80673f}
.licence-icon svg{width:23px;height:23px;stroke-width:1.35}
.licence-place>span{display:block;font-family:Oxygen,sans-serif;font-size:1.22rem;line-height:1.25;color:var(--night)}
.licence-place small{display:block;color:#806f62;font-size:.67rem;line-height:1.45;margin-top:6px}
.licence-row>p{margin:0;color:var(--night);font-size:.87rem;line-height:1.95}
.licence-row>p span{color:#7a695b}
.licence-standard{min-height:58px;display:flex;align-items:center;gap:12px;color:#80673f;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.licence-standard svg{width:18px;height:18px;stroke-width:1.5}

/* Why now: the three market forces converge in controlled, typographic motion. */
.why-now-v3{min-height:760px;grid-template-columns:1.03fr .97fr;background:radial-gradient(circle at 82% 48%,#4a2f1d 0,var(--night) 48%,var(--deep) 100%)}
.why-now-v3::after{display:none}
.why-now-copy{max-width:660px;position:relative;z-index:2}
.why-now-v3 h2{font-size:clamp(2.7rem,4.2vw,4.65rem)}
.convergence-system{align-self:center;margin-left:auto;width:min(100%,520px);position:relative;border-top:1px solid rgba(215,183,116,.3)}
.force{min-height:110px;display:grid;grid-template-columns:48px 1fr auto;gap:20px;align-items:center;border-bottom:1px solid rgba(255,255,255,.14);color:#fff;transition:background-color .45s var(--ease),padding .45s var(--ease),border-color .45s var(--ease)}
.force:hover{background:rgba(215,183,116,.065);padding-inline:14px;border-color:rgba(215,183,116,.5)}
.force>span{font-family:Oxygen,sans-serif;font-size:1.1rem;color:var(--quiet);font-weight:300}
.force strong{font-family:Oxygen,sans-serif;font-size:1.28rem;font-weight:300}
.force small{color:rgba(255,255,255,.5);font-size:.72rem;text-align:right}
.convergence-system.visible .force{animation:forceSettle 1s var(--ease) both}
.convergence-system.visible .force-two{animation-delay:.12s}
.convergence-system.visible .force-three{animation-delay:.24s}
.convergence-result{display:flex;align-items:center;justify-content:space-between;min-height:150px;padding-top:30px;color:var(--quiet);font-family:Oxygen,sans-serif;font-size:1.15rem;font-weight:300}
.convergence-result img{width:150px;height:auto;clip-path:inset(0 0 43% 0);opacity:.78}
@keyframes forceSettle{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}

/* Clients / benefits: just four editorial rows, with no enclosing frame. */
.client-benefits-v3{background:var(--porcelain);grid-template-columns:.7fr 1.3fr;gap:9vw}
.client-benefits-v3 .section-heading{padding-right:0}
.benefit-list-v3{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;border-top:1px solid rgba(43,28,16,.18)}
.benefit-list-v3 .benefit{padding:30px 0;border-bottom:1px solid rgba(43,28,16,.18);background:transparent;overflow:visible;transition:padding-left .45s var(--ease),border-color .45s var(--ease)}
.benefit-list-v3 .benefit::before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:2px;background:var(--quiet);transform:scaleY(0);transform-origin:center;transition:transform .45s var(--ease)}
.benefit-list-v3 .benefit::after{display:none}
.benefit-list-v3 .benefit:hover{padding-left:22px;background:transparent;border-color:rgba(195,163,104,.68)}
.benefit-list-v3 .benefit:hover::before{transform:scaleY(1)}
.benefit-list-v3 .benefit h4{transition:color .35s var(--ease)}
.benefit-list-v3 .benefit:hover h4{color:#80673f}

/* Clients / contact: deliberate line breaks and a calmer measure. */
.client-closing{min-height:410px}
.client-closing .closing-copy{max-width:940px}
.client-closing h2{font-size:clamp(2.4rem,3.55vw,4.25rem);line-height:1.08;max-width:940px;text-wrap:initial}
.client-closing h2 span{display:block}
.client-closing h2 span+span{color:var(--quiet);margin-top:8px}

@media(max-width:1100px){
  .why-story-v3 .why-story-heading{grid-template-columns:1fr;gap:15px}
  .storyline{margin-left:0}
  .licence-section{grid-template-columns:1fr;gap:58px}
  .why-now-v3{grid-template-columns:1fr;gap:72px}
  .convergence-system{margin:0;width:100%;max-width:720px}
  .client-benefits-v3{grid-template-columns:1fr;gap:55px}
  .client-benefits-v3 .section-heading{position:static;max-width:700px}
}

@media(max-width:700px){
  .stock-line-lowered{transform:translateY(360px)}
  .why-story-v3{padding-top:96px;padding-bottom:96px}
  .why-story-v3 .why-story-heading{padding-bottom:45px}
  .story-beat{grid-template-columns:68px 1fr;gap:16px;padding:48px 0 52px}
  .story-beat::before{top:55px}
  .story-turn{padding-top:62px;padding-bottom:66px}
  .story-turn::before{top:69px}
  .story-beat-marker{padding-left:18px}
  .story-beat>p,.story-beat>div:last-child>p:last-child{font-size:1rem;line-height:1.72}
  .story-turn p strong{font-size:clamp(2.15rem,10vw,3rem);margin-bottom:25px}
  .licence-row{grid-template-columns:46px 1fr;gap:16px;padding:28px 0}
  .licence-row>p{grid-column:2}
  .licence-standard{align-items:flex-start;padding:22px 0;line-height:1.5}
  .why-now-v3{padding-top:96px;padding-bottom:96px;gap:55px}
  .force{grid-template-columns:36px 1fr;min-height:95px;gap:13px}
  .force small{grid-column:2;text-align:left;margin-top:-20px}
  .convergence-result{min-height:130px;gap:30px}
  .convergence-result img{width:116px}
  .benefit-list-v3 .benefit{padding:27px 0}
  .benefit-list-v3 .benefit:hover{padding-left:12px}
  .client-closing h2{font-size:clamp(2.3rem,10vw,3.25rem)}
}

@media(prefers-reduced-motion:reduce){.convergence-system.visible .force{animation:none}}