/* Editorial website study following the build sequence. */
.home-evolution{display:flow-root;background:var(--paper);padding-bottom:clamp(80px,7vw,108px)}
.evolution-scroll.is-evolution-pinned{height:var(--evo-scroll-height);margin-top:clamp(48px,6vw,88px)}
.evolution-scroll.is-evolution-pinned .evolution{position:sticky;top:var(--evo-pin-top);margin-top:0}
.evolution{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;margin-top:clamp(48px,6vw,88px);scroll-margin-top:120px}
.evolution__figure{min-width:0;margin:0}
.evolution__scene{position:relative;padding:0 48px 28px 0;isolation:isolate}
.evolution__canvas-label{position:relative;display:flex;justify-content:space-between;gap:16px;padding-bottom:13px;border-bottom:1px solid #d8d2c6;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#5c574f}
.evolution__canvas-label::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--orange);transform:scaleX(1);transform-origin:left center}
.evolution__canvas-label>span:last-child{color:var(--ink)}
.evolution__figure figcaption{font-size:.76rem;color:#5c574f;margin-top:0}
.evolution-site{position:relative;background:#faf8f2;border:1px solid #d8d2c6;box-shadow:0 18px 30px -26px #3f342855;transition:transform .85s var(--ease);transform-origin:left center}
.evolution-site__nav{padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:8px}
.evolution-brand{font-size:12px;font-weight:650;letter-spacing:-.04em}
.evolution-brand::before{content:"";display:inline-block;width:7px;height:7px;background:var(--orange);box-shadow:-3px -3px 0 var(--ink);margin-right:6px}
.evolution-site__hero{position:relative;height:clamp(214px,18vw,280px);isolation:isolate;overflow:hidden}
.evolution-site__message{position:relative;z-index:2;padding:clamp(20px,2.2vw,34px) 24px;width:62%;height:100%;background:linear-gradient(90deg,#faf8f2 0%,#faf8f2ed 46%,#faf8f280 76%,#faf8f200 100%)}
.evolution-site__eyebrow{font-size:7px;text-transform:uppercase;letter-spacing:.18em}
.evolution-site__title{margin:16px 0 22px;font-family:Georgia,serif;font-size:clamp(31px,3.1vw,48px);line-height:1.03;letter-spacing:-.065em;font-weight:400}
.evolution-site__title>span:first-child{display:block}
.evolution-site__title-word{display:grid}
.evolution-site__title-word>span{grid-area:1/1;white-space:nowrap}
.evolution-site__title-word>span:first-child{opacity:0;transform:translateY(-8px)}
.evolution-site__button{display:inline-block;font-size:8px;background:var(--orange);color:var(--ink);padding:9px 12px}
.evolution-site__art{position:absolute;inset:0;z-index:0;overflow:hidden;background:#d7d1c6}
.evolution-site__art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 65%;transition:opacity .85s,transform 1.05s var(--ease)}
.evolution-site__art img:first-child{opacity:0;transform:scale(1.035)}
.evolution-site__services{position:relative;height:126px;margin:0 24px;border-top:1px solid #d7d0c3}
.evolution-site__services>div{position:absolute;left:0;right:0;top:0;height:38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfd9ce;font-size:12px;transition:transform .75s var(--ease),opacity .5s}
.evolution-site__services .evolution-site__new{transform:translateY(38px);color:#a83b17}
.evolution-site__services .evolution-site__last{transform:translateY(76px)}
.evolution-site__new span{font-size:9px}
.evolution-mobile{position:absolute;width:146px;right:4px;bottom:3px;padding:16px 13px 12px;background:#faf8f2;border:1px solid #bfb8aa;box-shadow:0 12px 24px -18px #3a332a80;transition:opacity .65s,transform .85s var(--ease)}
.evolution-mobile__label{position:absolute;top:-24px;right:0;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#5c574f;background:var(--paper);padding:3px 0 3px 6px}
.evolution-mobile .evolution-brand{font-size:9px}
.evolution-mobile p{font-family:Georgia,serif;font-size:22px;line-height:1.03;letter-spacing:-.06em;margin:22px 0 14px}
.evolution-mobile__art{display:block;width:100%;height:115px;object-fit:cover;object-position:77% center;margin-bottom:10px}
.evolution-mobile>span:not(.evolution-brand):not(.evolution-mobile__label){display:block;font-size:8px;padding:8px 0;border-bottom:1px solid #d7d0c3}
.evolution-mobile__new{color:#a83b17}
.evolution__copy{min-width:0}
.evolution__copy .kicker{font-size:.65rem;margin-bottom:24px;line-height:1.4}
.evolution__copy h3{font-family:var(--display);font-size:clamp(2rem,3.4vw,3.7rem);font-weight:530;line-height:1.04;letter-spacing:-.05em;margin-bottom:24px}
.evolution__intro{font-size:clamp(1rem,1.23vw,1.2rem);line-height:1.46;max-width:43ch;color:#514e47}
.evolution__steps{list-style:none;padding:0;margin:25px 0 0;border-top:1px solid #cec7bb}
.evolution__steps li{position:relative;padding:12px 0 12px 22px;border-bottom:1px solid #cec7bb;font-size:.88rem;line-height:1.4}
.evolution__steps li::before{content:"";position:absolute;left:0;top:1.23em;width:5px;height:5px;background:var(--orange)}
.evolution__link{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:17px 0 0;color:var(--ink);font-size:.86rem;font-weight:680;transition:color .3s}
.evolution__link:hover{color:#ad3914}
.evolution__link span{font-size:1.1rem;transition:transform .3s var(--ease)}
.evolution__link:hover span{transform:translate(4px,-4px)}
/* The complete study is the no-JS and reduced-motion state. Image wipe and
   sequenced title fade avoid double exposures and unreadable hybrid words. */
.evolution.is-evolution-ready .evolution-site,
.evolution.is-evolution-ready .evolution-site__services>div,
.evolution.is-evolution-ready .evolution-site__title-word>span,
.evolution.is-evolution-ready .evolution-site__art img,
.evolution.is-evolution-ready .evolution-mobile{transition:none;will-change:transform,opacity}
.evolution.is-evolution-ready .evolution-site{transform:translate3d(var(--evo-site-x),0,0)}
.evolution.is-evolution-ready .evolution__canvas-label::after{transform:scaleX(var(--evo-progress))}
.evolution.is-evolution-ready .evolution-site__new{opacity:var(--evo-service);transform:translate3d(0,var(--evo-new-y),0)}
.evolution.is-evolution-ready .evolution-site__last{transform:translate3d(0,var(--evo-last-y),0)}
.evolution.is-evolution-ready .evolution-site__title-word>span:first-child{opacity:var(--evo-title-old);transform:translate3d(0,var(--evo-title-old-y),0)}
.evolution.is-evolution-ready .evolution-site__title-word>span:last-child{opacity:var(--evo-title-new);transform:translate3d(0,var(--evo-title-new-y),0)}
.evolution.is-evolution-ready .evolution-site__art img:first-child{opacity:1;transform:translate3d(var(--evo-old-x),0,0) scale(var(--evo-old-scale))}
.evolution.is-evolution-ready .evolution-site__art img:last-child{opacity:1;clip-path:inset(0 var(--evo-reveal-right) 0 0);transform:translate3d(var(--evo-new-x),0,0) scale(var(--evo-new-scale))}
.evolution.is-evolution-ready .evolution-site__art::after{content:"";position:absolute;inset:0;z-index:1;border-right:2px solid var(--orange);pointer-events:none;transform:scaleX(var(--evo-content));transform-origin:left center;opacity:var(--evo-wipe-opacity);will-change:transform,opacity}
.evolution.is-evolution-ready .evolution-mobile{opacity:var(--evo-mobile);transform:translate3d(0,var(--evo-mobile-y),0)}
@media(max-width:1050px){
  .evolution{grid-template-columns:1.2fr 1fr;gap:28px}
  .evolution-site__nav>span:last-child{font-size:6px}
  .evolution-site__nav{padding:15px}
  .evolution-site__message{padding:22px 15px;width:72%}
  .evolution-site__eyebrow{font-size:6px}
  .evolution-site__title{font-size:31px}
  .evolution-mobile{width:120px;padding:13px 10px 10px}
  .evolution-mobile p{font-size:19px}
  .evolution-mobile__art{height:85px}
  .evolution-site__services{margin-inline:15px}
  .evolution-site__services>div{font-size:10px}
  .evolution__canvas-label{font-size:7px}
}
@media(max-width:700px){
  .evolution{grid-template-columns:1fr;gap:28px;margin-top:48px}
  .evolution__copy{grid-row:1}
  .evolution__copy h3{font-size:clamp(2rem,7.4vw,3rem)}
  .evolution__scene{padding:0 22px 60px 0}
  .evolution-site__nav>span:last-child{display:none}
  .evolution-site__hero{height:clamp(264px,42svh,360px)}
  .evolution-site__message{padding-top:26px;width:85%;background:linear-gradient(90deg,#faf8f2f0,#faf8f2c0 48%,#faf8f200)}
  .evolution-site__title{font-size:34px;margin-bottom:27px}
  .evolution-site__art img{object-position:67% center}
  .evolution-mobile{bottom:4px;right:0;width:116px}
  .evolution-mobile p{font-size:19px}
  .evolution-mobile__art{height:94px}
  .evolution__figure figcaption{font-size:.6rem}
  /* The reading copy passes first; the architectural study then stays in
     view while its image, services and phone version evolve with the scroll. */
  .evolution-scroll.is-evolution-mobile .evolution{display:block}
  .evolution-scroll.is-evolution-mobile .evolution::after{content:"";display:block;height:var(--evo-travel)}
  .evolution-scroll.is-evolution-mobile .evolution__figure{position:sticky;top:var(--evo-pin-top);margin-top:28px;z-index:1}
  .evolution.is-evolution-ready .evolution-site__art::after{will-change:auto}
}
@media(prefers-reduced-motion:reduce){.evolution *, .evolution *::before{transition:none!important;will-change:auto!important}}