.key-page .cs-wrap{max-width:1280px}.key-page .cs-section{padding-block:96px}.key-page .cs-copy p{color:#454545}.key-page .cs-black .cs-copy p,.key-page .cs-teal .cs-copy p{color:#e3e3e3}.key-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px 6%;align-items:start}.key-page .key-subtitle{font-size:clamp(30px,3.1vw,46px);line-height:1.15;margin-bottom:30px}.key-hero-visual{padding-top:60px}.key-hero-visual .cs-facts{margin-top:35px}.key-editorial{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px 8%;align-items:start}.key-editorial h2{max-width:540px}.key-page .eyebrow{display:block;line-height:1.8}.key-themes{display:flex;gap:30px;justify-content:space-between;border-top:1px solid #6c5a31;padding-top:30px;margin-top:40px;color:#d4b365;font-size:clamp(12px,1.7vw,23px);letter-spacing:.1em}.key-quote{max-width:960px;font-family:'Instrument Serif',Georgia,serif;font-size:clamp(28px,3.1vw,43px);line-height:1.25;letter-spacing:-.02em;margin:64px auto;padding:5px 0 5px 28px;border-left:2px solid var(--gold)}.key-quote cite{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:10px;letter-spacing:1.5px;font-style:normal;text-transform:uppercase;margin-top:22px}.key-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:48px 0}.key-four article,.key-specializations article{border-top:1px solid var(--gold);padding-top:20px}.key-index{font-size:12px;color:#79612d;display:block;margin-bottom:18px}.cs-black .key-index{color:#d4b365}.key-four h3,.key-specializations h3{font-size:15px;line-height:1.5;letter-spacing:.02em;margin-bottom:14px}.key-four p,.key-specializations p{font-size:14px;line-height:1.8}.key-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;align-items:start;margin-top:40px}.key-document-lead{max-width:1060px;margin:70px auto 0}.key-stagger .cs-photo:nth-child(2){padding-top:65px}.key-documents{border-top:1px solid #b9b4a8;border-bottom:1px solid #b9b4a8;margin-top:50px;padding:22px 0}.key-documents summary{cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:20px}.key-documents summary::-webkit-details-marker{display:none}.key-documents[open] summary span{transform:rotate(45deg)}.key-documents .key-page-gallery{margin-bottom:0}.key-website-lead{max-width:1060px;margin:65px auto 0;border:1px solid #ddd;padding:12px;background:var(--case-ivory)}.key-web-gallery{grid-template-columns:1.1fr .9fr;gap:45px}.key-web-gallery .cs-photo:nth-child(2){padding-top:50px}.key-specializations{display:grid;grid-template-columns:1fr 1fr;gap:35px 65px;margin:45px 0}.key-narrative{max-width:800px;margin:50px auto}.key-gallery-heading{border-top:1px solid #c6b98e;padding-top:40px;margin-top:60px}.key-gallery-heading h3{font-size:clamp(30px,3vw,44px);margin:16px 0}.key-gallery-heading p{max-width:670px;font-size:15px}.key-highlights{gap:45px 35px}.key-page .cs-photo img{width:100%;height:auto;object-fit:contain}.key-page .cs-photo figcaption{line-height:1.7}.key-cta{max-width:960px;margin:auto}.key-cta .cs-copy{max-width:800px}.key-related{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:45px 0}.key-related a{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--gold);padding-top:25px;font-size:23px;letter-spacing:-.03em}.key-related a:hover{color:#0c484b}.key-page .cs-client-website{margin-top:30px}
@media(max-width:1000px){.key-hero-grid,.key-editorial{gap:32px 5%}.key-four{grid-template-columns:repeat(2,minmax(0,1fr))}.key-hero-visual{padding-top:45px}.key-page .cs-section{padding-block:70px}}
@media(max-width:760px){.key-hero-grid,.key-editorial,.key-gallery,.key-specializations,.key-related{grid-template-columns:1fr}.key-hero-visual{padding-top:30px}.key-page .cs-section{padding-block:55px}.key-page .key-subtitle{font-size:32px}.key-themes{gap:12px;flex-wrap:wrap;font-size:11px;letter-spacing:.08em}.key-stagger .cs-photo:nth-child(2),.key-web-gallery .cs-photo:nth-child(2){padding-top:0}.key-quote{margin:42px 0;padding-left:20px}.key-four{grid-template-columns:1fr;gap:28px}.key-documents .key-page-gallery{grid-template-columns:1fr 1fr;gap:16px}.key-document-lead,.key-website-lead{margin-top:40px}.key-related{gap:25px}.key-related a{font-size:22px}.key-hero-visual .cs-facts{margin-top:25px}.key-page .cs-end{align-items:flex-start;flex-direction:column}.key-page .cs-photo figcaption{font-size:11px}.key-website-lead{padding:7px}}

.key-page .key-project-section{padding-top:55px}.key-project-section .key-gallery-heading{margin-top:0;padding-top:0;border-top:0}.key-page .key-website-section{padding:96px 0 0}.key-website-section>.cs-wrap{width:90%}.key-website-showcase{background:#0c484b;color:#fff;margin-top:65px;padding:65px 5% 75px}.key-website-showcase .key-website-lead{margin-top:0}.key-website-showcase .cs-photo figcaption{color:#e2eeeb}.key-website-showcase .cs-client-website{color:#fff;border-color:#c9a85a}.key-hero-visual>.cs-photo{max-width:570px;margin-inline:auto}.key-hero-visual>.cs-photo img{max-height:720px;object-fit:contain}
@media(max-width:1000px){.key-page .key-website-section{padding-top:70px}}@media(max-width:760px){.key-page .key-website-section{padding-top:55px}.key-website-section>.cs-wrap{width:88%}.key-website-showcase{margin-top:40px;padding:40px 6% 55px}.key-page .key-project-section{padding-top:35px}.key-hero-visual>.cs-photo img{max-height:none}}

.key-documents summary{align-items:center}.key-documents .key-expand-arrow{display:inline-flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border:1px solid #9b8148;border-radius:50%;font-size:24px;color:#0c484b;animation:key-arrow-nudge 1.7s ease-in-out infinite}.key-documents[open] summary .key-expand-arrow{animation:none;transform:rotate(180deg)}@keyframes key-arrow-nudge{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
.key-phone-feature{width:min(100%,300px);margin:38px auto 0}.key-phone-frame{position:relative;background:#080808;border:2px solid #555;padding:29px 9px 14px;border-radius:38px;box-shadow:0 20px 40px #0002}.key-phone-speaker{position:absolute;top:12px;width:48px;height:5px;border-radius:5px;background:#5d5d5d;left:calc(50% - 24px)}.key-phone-frame video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:22px;background:#000}.key-phone-feature figcaption{font-size:11px;color:#666;line-height:1.7;margin-top:16px;text-align:center}
@media(max-width:760px){.key-phone-feature{margin:30px auto 35px;width:min(100%,290px)}}
@media(prefers-reduced-motion:reduce){.key-documents .key-expand-arrow{animation:none}}

/* Website story: introduction, paired reel and narrative, then the finished experience. */
.key-web-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:32px 8%;align-items:start}.key-web-intro h2{margin-bottom:0;max-width:650px}.key-web-intro>.cs-copy{padding-top:37px}.key-web-story{display:grid;grid-template-columns:1.1fr 1fr;gap:32px 8%;align-items:center;margin-top:50px;padding-top:50px;border-top:1px solid #d8d2c6}.key-web-media{background:var(--case-ivory);padding:34px 24px;align-self:stretch;display:flex;align-items:center;justify-content:center}.key-web-story .key-phone-feature{width:min(100%,310px);margin:0 auto}.key-story-part+.key-story-part{margin-top:28px}.key-story-part h3{font-size:21px;line-height:1.25;letter-spacing:-.035em;margin-bottom:14px;color:#0c484b}.key-web-narrative.cs-copy p{font-size:15px;line-height:1.8;margin-bottom:14px}.key-web-narrative.cs-copy p:last-child{margin-bottom:0}.key-web-insight .key-quote{font-size:clamp(27px,2.7vw,36px);max-width:900px;margin:55px auto}.key-website-section .key-process{margin:45px 0 0}.key-website-showcase .key-website-lead{max-width:100%;background:transparent;border:0;padding:0}.key-website-showcase .key-web-gallery{grid-template-columns:1fr 1fr;gap:35px;margin-top:35px}.key-website-showcase .key-web-gallery .cs-photo:nth-child(2){padding-top:0}.key-website-showcase .key-website-lead .cs-photo{max-width:1000px;margin:auto}.key-website-showcase .cs-client-website{margin-top:38px}
@media(max-width:1000px){.key-web-intro,.key-web-story{gap:32px 5%;grid-template-columns:1fr 1fr}.key-web-media{padding:28px 18px}.key-web-story .key-phone-feature{width:min(100%,280px)}}
@media(max-width:760px){.key-web-intro,.key-web-story{grid-template-columns:1fr;gap:24px}.key-web-intro>.cs-copy{padding-top:0}.key-web-intro h2{margin-bottom:0}.key-web-story{margin-top:25px;padding-top:30px}.key-web-media{padding:28px 20px}.key-web-story .key-phone-feature{width:min(100%,280px)}.key-web-narrative{padding-top:10px}.key-web-insight .key-quote{margin:40px 0}.key-website-showcase .key-web-gallery{grid-template-columns:1fr;gap:30px}.key-website-section .key-process{margin-top:30px}}

.key-hero-grid>*,.key-editorial>*,.key-web-intro>*,.key-web-story>*{min-width:0}
@media(max-width:760px){.key-hero-grid,.key-editorial{row-gap:30px}.key-page .key-hero-visual{padding-top:0}.key-page .key-hero-visual .cs-facts{margin-bottom:0}}