.keil-brand{display:flex;align-items:center;width:min(100%,520px);margin:0 0 22px;padding:18px 22px;border-radius:18px;background:linear-gradient(135deg,rgba(24,24,24,.96),rgba(51,39,31,.96));box-shadow:0 18px 40px rgba(14,18,20,.12)}
.keil-brand img{display:block;width:100%;height:auto}
.keil-hero{padding:70px 0 0;background:var(--bone);overflow:hidden}
.keil-hero__grid{display:grid;grid-template-columns:.95fr 1.05fr;min-height:650px}
.keil-hero__copy{padding:78px 64px 82px max(24px,calc((100vw - 1240px)/2));display:flex;flex-direction:column;justify-content:center}
.keil-hero__copy h1{font-size:clamp(4.4rem,8vw,8.3rem);color:var(--ocean);margin:0 0 24px}
.keil-hero__copy .lede{max-width:590px;margin:0}
.keil-hero__status{display:inline-flex;width:max-content;align-items:center;gap:9px;margin-top:28px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--eucalyptus);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:rgba(255,255,255,.45)}
.keil-hero__status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ochre)}
.keil-hero__media{position:relative;min-height:650px;background:#d7cec0}
.keil-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
.keil-hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,59,70,.08),transparent 35%)}
.keil-proof{background:var(--ocean-dark);color:var(--bone)}
.keil-proof__grid{width:min(calc(100% - 48px),1240px);margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}
.keil-proof__item{padding:28px 24px;border-right:1px solid rgba(243,239,229,.14)}
.keil-proof__item:last-child{border-right:0}
.keil-proof__item strong{display:block;font-family:"Syne",sans-serif;color:var(--ochre);font-size:1.55rem;font-weight:600}
.keil-proof__item span{display:block;margin-top:5px;font-size:.65rem;text-transform:uppercase;letter-spacing:.11em;color:rgba(243,239,229,.66)}
.keil-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.keil-story h2{font-size:clamp(3.2rem,5vw,5.3rem);color:var(--ocean);margin:0}
.keil-story__copy{font-size:1rem;color:#596568}
.keil-story__copy p:first-child{font-size:1.24rem;color:var(--ocean)}
.keil-site-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.keil-feature{background:#fff;border:1px solid var(--line);padding:38px}
.keil-feature__num{font-family:"Syne",sans-serif;color:var(--clay);font-size:1.9rem;font-weight:600}
.keil-feature h3{font-family:"Syne",sans-serif;color:var(--ocean);font-size:1.75rem;line-height:1.08;margin:22px 0 10px;font-weight:600}
.keil-feature p{margin:0;color:#657174;font-size:.84rem}
.keil-gallery{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-template-rows:310px 310px;gap:14px}
.keil-gallery figure{margin:0;overflow:hidden;background:#ddd3c5}
.keil-gallery figure:first-child{grid-row:1/3}
.keil-gallery img{width:100%;height:100%;object-fit:cover}
.keil-gallery figure:nth-child(2) img{object-position:center 20%}
.keil-gallery figure:nth-child(4) img{object-position:center 60%}
.keil-collab{background:var(--ocean);color:var(--bone);padding:92px 0}
.keil-collab__head{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:end;margin-bottom:46px}
.keil-collab__head h2{font-size:clamp(3.4rem,6vw,6rem);margin:0;color:var(--bone)}
.keil-collab__head p{margin:0;color:rgba(243,239,229,.72);max-width:620px}
.keil-films{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:16px;align-items:start}
.keil-film{background:rgba(243,239,229,.06);border:1px solid rgba(243,239,229,.13);overflow:hidden}
.keil-film__media{background:#111;position:relative}
.keil-film:first-child .keil-film__media{aspect-ratio:16/9}
.keil-film:not(:first-child) .keil-film__media{aspect-ratio:9/16}
.keil-film video{width:100%;height:100%;object-fit:cover;display:block}
.keil-film__body{padding:22px}
.keil-film__body span{display:block;color:var(--ochre);font-size:.61rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700;margin-bottom:8px}
.keil-film__body h3{font-family:"Syne",sans-serif;font-size:1.42rem;margin:0 0 8px;font-weight:600;color:var(--bone)}
.keil-film__body p{margin:0;font-size:.76rem;color:rgba(243,239,229,.67)}
.keil-quote{padding:90px 0;background:var(--bone-2)}
.keil-quote blockquote{max-width:1030px;margin:0 auto;font-family:"Syne",sans-serif;font-size:clamp(2.7rem,5vw,5rem);line-height:1.03;letter-spacing:-.05em;color:var(--ocean);text-align:center}
.keil-quote p{text-align:center;margin:22px auto 0;color:var(--eucalyptus);font-size:.69rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700}
.keil-project{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.keil-project__list{border-top:1px solid var(--line)}
.keil-project__row{display:grid;grid-template-columns:150px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}
.keil-project__row strong{color:var(--ocean);font-size:.78rem}
.keil-project__row span{color:#657174;font-size:.8rem}
.keil-prelaunch{padding:22px 24px;background:#fff;border:1px solid var(--line);font-size:.78rem;color:#657174;margin-top:26px}
.keil-prelaunch strong{color:var(--ocean)}
@media(max-width:900px){.keil-hero__grid,.keil-story,.keil-collab__head,.keil-project{grid-template-columns:1fr}.keil-hero__copy{padding:62px 32px}.keil-hero__media{min-height:520px}.keil-proof__grid{grid-template-columns:1fr 1fr}.keil-proof__item:nth-child(2){border-right:0}.keil-site-grid{grid-template-columns:1fr 1fr}.keil-films{grid-template-columns:1fr 1fr}.keil-film:first-child{grid-column:1/-1}.keil-gallery{grid-template-columns:1fr 1fr;grid-template-rows:360px 260px 260px}.keil-gallery figure:first-child{grid-column:1/-1;grid-row:auto}}
@media(max-width:620px){.keil-hero{padding-top:30px}.keil-hero__copy h1{font-size:4rem}.keil-hero__media{min-height:430px}.keil-proof__grid,.keil-site-grid,.keil-films{grid-template-columns:1fr}.keil-proof__item{border-right:0;border-bottom:1px solid rgba(243,239,229,.14)}.keil-film:first-child{grid-column:auto}.keil-gallery{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,320px)}.keil-gallery figure:first-child{grid-column:auto}.keil-project__row{grid-template-columns:1fr;gap:4px}.keil-feature{padding:28px}}

.keil-site-showcase{padding:96px 0;background:#ebe6dc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.keil-site-showcase__head{margin-bottom:40px}
.keil-site-showcase__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.keil-site-shot{margin:0;background:#fff;border:1px solid rgba(23,59,70,.12);overflow:hidden}
.keil-site-shot--wide{grid-column:1/-1}
.keil-site-shot img{display:block;width:100%;height:auto}
.keil-site-shot figcaption{padding:13px 16px;font-size:.61rem;text-transform:uppercase;letter-spacing:.14em;color:var(--eucalyptus);font-weight:700;border-top:1px solid var(--line);background:#fff}
@media(max-width:760px){.keil-site-showcase{padding:72px 0}.keil-site-showcase__grid{grid-template-columns:1fr}.keil-site-shot--wide{grid-column:auto}}

/* Refinement pass 07: calmer Keil hero, vertical studio gallery, horizontal shift-knob film */
.keil-hero__grid{grid-template-columns:1.08fr .92fr;min-height:610px;align-items:center}
.keil-hero__copy{padding-top:72px;padding-bottom:72px}
.keil-hero__copy h1{font-size:clamp(3.5rem,6.1vw,6.5rem);line-height:.95}
.keil-hero__media{min-height:610px;background:transparent;display:flex;align-items:center;justify-content:center;padding:54px 54px 54px 18px}
.keil-hero__media img{width:min(100%,500px);height:auto;max-height:560px;object-fit:cover;object-position:center;border-radius:28px;box-shadow:0 28px 60px rgba(23,59,70,.16)}
.keil-hero__media:after{display:none}
.keil-gallery{grid-template-columns:repeat(3,1fr);grid-template-rows:none;gap:16px;align-items:stretch}
.keil-gallery figure,.keil-gallery figure:first-child{grid-row:auto;grid-column:auto;aspect-ratio:2/3;border-radius:16px}
.keil-gallery img{object-fit:cover;object-position:center}
.keil-films{grid-template-columns:1fr 1fr .72fr}
.keil-film:first-child .keil-film__media,.keil-film:nth-child(2) .keil-film__media{aspect-ratio:16/9}
.keil-film:nth-child(3) .keil-film__media{aspect-ratio:9/16}
@media(max-width:900px){.keil-hero__grid{grid-template-columns:1fr}.keil-hero__media{min-height:auto;padding:0 32px 64px}.keil-hero__media img{max-height:640px}.keil-gallery{grid-template-columns:repeat(3,1fr);grid-template-rows:none}.keil-films{grid-template-columns:1fr 1fr}.keil-film:nth-child(3){grid-column:1/-1}.keil-film:nth-child(3) .keil-film__media{aspect-ratio:16/9}}
@media(max-width:620px){.keil-hero__copy h1{font-size:3.35rem}.keil-hero__media{padding:0 24px 48px}.keil-gallery{grid-template-columns:1fr;grid-template-rows:none}.keil-gallery figure{aspect-ratio:2/3}.keil-films{grid-template-columns:1fr}.keil-film:nth-child(3){grid-column:auto}.keil-film:nth-child(2) .keil-film__media,.keil-film:nth-child(3) .keil-film__media{aspect-ratio:16/9}}

/* Pass 08 Keil refinements */
.keil-hero__copy h1{font-size:clamp(3.25rem,4.7vw,4.65rem)}
.keil-hero__media img{width:min(100%,440px);max-height:520px}


/* Pass 09: film layout — one horizontal feature, two vertical films below */
.keil-films{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,420px));
  justify-content:center;
  gap:18px;
  max-width:860px;
  margin:0 auto;
  align-items:start;
}
.keil-film:first-child{grid-column:1/-1}
.keil-film:first-child .keil-film__media{aspect-ratio:16/9}
.keil-film:nth-child(2) .keil-film__media,
.keil-film:nth-child(3) .keil-film__media{aspect-ratio:9/16}
@media(max-width:900px){
  .keil-films{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
  .keil-film:first-child{grid-column:1/-1}
  .keil-film:nth-child(2) .keil-film__media,.keil-film:nth-child(3) .keil-film__media{aspect-ratio:9/16}
}
@media(max-width:620px){
  .keil-films{grid-template-columns:1fr;max-width:430px}
  .keil-film:first-child{grid-column:auto}
  .keil-film:first-child .keil-film__media{aspect-ratio:16/9}
  .keil-film:nth-child(2) .keil-film__media,.keil-film:nth-child(3) .keil-film__media{aspect-ratio:9/16}
}

/* Pass 10: Keil case-study refinements */
.keil-hero__grid{grid-template-columns:1.12fr .88fr}
.keil-hero__media{padding:52px 56px 52px 12px;min-height:620px}
.keil-hero__media img{width:min(100%,410px);height:auto;aspect-ratio:9/13;max-height:none;object-fit:contain;object-position:center center;border-radius:28px}
.keil-story{grid-template-columns:.8fr 1fr .62fr;gap:46px;align-items:center}
.keil-story__heading h2{font-size:clamp(3.45rem,4.5vw,4.9rem);line-height:.94}
.keil-story__image{margin:0;border-radius:18px;overflow:hidden;min-height:440px;background:#d7cec0}
.keil-story__image img{width:100%;height:100%;min-height:440px;object-fit:cover;object-position:center;display:block}
.keil-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,360px);gap:14px}
.keil-gallery figure,.keil-gallery figure:first-child{aspect-ratio:auto;grid-column:auto;grid-row:auto;border-radius:14px}
.keil-gallery img{width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:1000px){.keil-story{grid-template-columns:1fr 1fr}.keil-story__image{grid-column:1/-1;min-height:380px}.keil-story__image img{min-height:380px}.keil-gallery{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,340px)}}
@media(max-width:620px){.keil-hero__media img{width:min(100%,360px);aspect-ratio:9/13}.keil-story{grid-template-columns:1fr}.keil-story__image{grid-column:auto;min-height:340px}.keil-gallery{grid-template-columns:1fr;grid-template-rows:none}.keil-gallery figure{height:420px}}

/* Pass 11: Keil image placement and studio gallery cleanup */
.keil-hero__media{padding:34px 36px 34px 0;justify-content:flex-start;min-height:610px}
.keil-hero__media img{width:min(100%,430px);aspect-ratio:9/13;height:auto;max-height:none;object-fit:cover;object-position:center center;border-radius:28px;display:block}
.keil-story{grid-template-columns:.62fr .82fr 1.08fr;gap:42px;align-items:center}
.keil-story__image{grid-column:1;grid-row:1;margin:0;border-radius:18px;overflow:hidden;min-height:430px;background:#d7cec0}
.keil-story__image img{width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center;display:block}
.keil-story__heading{grid-column:2;grid-row:1}
.keil-story__copy{grid-column:3;grid-row:1}
.keil-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;gap:16px}
.keil-gallery figure,.keil-gallery figure:first-child{aspect-ratio:9/13;height:auto;grid-column:auto;grid-row:auto;border-radius:14px;overflow:hidden;margin:0}
.keil-gallery img{width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:1000px){
  .keil-story{grid-template-columns:.7fr 1fr;gap:34px}
  .keil-story__image{grid-column:1;grid-row:1/3;min-height:400px}
  .keil-story__heading{grid-column:2;grid-row:1}
  .keil-story__copy{grid-column:2;grid-row:2}
  .keil-gallery{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .keil-hero__media{padding:0 24px 48px;justify-content:center}
  .keil-story{grid-template-columns:1fr}
  .keil-story__image,.keil-story__heading,.keil-story__copy{grid-column:1;grid-row:auto}
  .keil-gallery{grid-template-columns:1fr}
  .keil-gallery figure{aspect-ratio:9/13;height:auto}
}