.story-shell{max-width:1240px;margin:auto;padding-left:5%;padding-right:5%}.story-band{padding:76px 0}.story-intro{background:#EDF5EF;border-top:1px solid #D9E7DB;border-bottom:1px solid #D9E7DB}.story-intro h2{font-size:clamp(3.7rem,6.7vw,6rem);line-height:.96;letter-spacing:-.045em;margin:20px 0 28px;max-width:1050px}.story-intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:55px}.story-lede{font-size:1.4rem;line-height:1.55;letter-spacing:-.02em;max-width:530px}.story-intro-grid>div>p+ p{margin-top:20px;font-size:1.0625rem;line-height:1.7;max-width:440px}.story-link{display:inline-block;margin-top:25px;padding-bottom:3px;border-bottom:1px solid #849C8A;font-size:1rem}.story-illustration{margin:0}.story-illustration img{display:block;width:100%;height:auto;mix-blend-mode:multiply;filter:contrast(1.035)}.story-outputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}.story-outputs article{position:relative;padding:28px 26px 27px;border:1px solid #D5DFD3;border-radius:14px 18px 12px 16px}.output-sun{background:#F9EFCC}.output-sea{background:#E3EEF7}.output-coral{background:#F8E4DB}.story-number{position:absolute;right:20px;top:23px;font:400 2.25rem/1 var(--serif);color:#758A7D}.story-outputs .eyebrow{padding-right:25px}.story-outputs h3{font:500 2rem/1.08 var(--serif);margin:21px 0 16px;letter-spacing:-.03em;max-width:260px}.story-outputs article>p:last-child{font-size:1rem;line-height:1.65;max-width:295px}@media(max-width:900px){.story-intro-grid{grid-template-columns:1fr 1fr;gap:30px}.story-outputs{gap:12px}.story-outputs article{padding:24px 20px}.story-number{right:14px;top:20px}.story-outputs h3{font-size:1.8rem}.story-outputs .eyebrow{font-size:.6875rem}}@media(max-width:700px){.story-shell{padding-left:6%;padding-right:6%}.story-band{padding:48px 0}.story-intro h2{font-size:3.65rem;line-height:.99;margin:20px 0 27px}.story-intro-grid{grid-template-columns:1fr;gap:24px}.story-lede{font-size:1.2rem}.story-outputs{grid-template-columns:1fr;gap:12px;margin-top:25px}.story-outputs article{padding:24px}.story-outputs h3{font-size:2rem;max-width:none;margin:18px 0 14px}.story-outputs .eyebrow{font-size:.75rem}.story-outputs article>p:last-child{max-width:none}.story-number{right:22px}.story-intro>.story-shell>.eyebrow{max-width:265px;font-size:.75rem}}
.story-outputs .eyebrow{font-size:.75rem}
.story-work{padding-top:84px;padding-bottom:80px}
.story-section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:42px}
.story-section-heading h2{font-size:clamp(3rem,5.2vw,4.9rem);line-height:.98;margin-top:19px;letter-spacing:-.04em}
.story-section-heading>p{font-size:1.0625rem;line-height:1.7;max-width:400px}
.story-case{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;border-radius:18px 24px 17px 20px;border:1px solid #CDDCE4;overflow:hidden;margin:28px 0 0;min-height:540px}
.case-blue{background:#E3EEF7}.case-peach{background:#F8E4DB;border-color:#E4C9BF}
.story-case .experiment-copy{padding:44px 36px 42px 42px;min-width:0}
.story-case .experiment-copy h2{font-size:clamp(2.8rem,4.5vw,4rem);line-height:1;letter-spacing:-.04em;margin-top:20px}
.story-case .experiment-copy>p:not(.eyebrow){font-size:1.0625rem;line-height:1.65;margin-top:24px;max-width:390px}
.story-case .experiment-surface{background:none;padding:38px 34px;min-height:0;min-width:0}
.story-case .onboard-demo,.story-case .source-demo{width:100%;max-width:480px;border:1px solid #ADBFB5;border-radius:13px;background:#FFFEFB;padding:27px;box-shadow:0 12px 0 #293E3907}
.story-case .source-demo{border-color:#C7B2A8}
.story-case .mini-header{align-items:center;gap:10px;margin-bottom:24px;flex-wrap:wrap}
.story-case .mini-header .small-note{margin-left:auto}
.app-window-dots{display:flex;gap:5px}.app-window-dots i{width:7px;height:7px;border-radius:50%;background:#DD8C7A}.app-window-dots i:nth-child(2){background:#E8CE75}.app-window-dots i:nth-child(3){background:#BDD3C5}
.story-case .mini-wordmark{font-size:.9375rem;letter-spacing:-.02em}
.story-case .tags{gap:6px;margin-top:22px}
.story-case .tags li{font-size:.8125rem;background:#FFFEFB99;padding:5px 9px;border-color:#C9D5CD}
.story-case .project-detail{margin-top:22px;font-size:.9375rem;line-height:1.6}
.story-case .project-detail summary{font-size:.9375rem}
.story-case .surface-caption{font-size:.875rem;text-align:center;margin-top:19px;line-height:1.5}
.case-peach .experiment-copy{order:2;padding-left:30px}.case-peach .experiment-surface{order:1}
.story-method{background:#FCF6DE;border-top:1px solid #EFE6C8;border-bottom:1px solid #EFE6C8}
.story-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.story-steps li{padding:24px 0 0;border-top:2px solid #CFB96D}
.story-steps li:nth-child(2){border-color:#8CB8D4}.story-steps li:nth-child(3){border-color:#DD8C7A}
.story-steps span{font:400 2.6rem/1 var(--serif);color:#5F766B}
.story-steps h3{font:500 1.95rem/1.12 var(--serif);letter-spacing:-.025em;margin:24px 0 17px}
.story-steps p{font-size:1rem;line-height:1.65;max-width:320px}
.brief-intro{margin:56px auto 0;text-align:center;max-width:670px}
.brief-intro h3{font:500 2.6rem/1.1 var(--serif);letter-spacing:-.03em}
.brief-intro p{font-size:1rem;line-height:1.6;margin-top:15px}
.story-method .shared-wrap{margin-top:28px;max-width:920px}
.story-method .shared-card{background:#FFFEFB;border:1px solid #C5D4C4;border-radius:12px;padding:30px 32px 24px;box-shadow:0 11px 0 #293E3906}
.story-method .human-note label{width:62px}
.story-method .draft-row{grid-template-columns:78px minmax(0,1fr) auto auto}
.story-method .draft-row input{background:#EDF5EF}
.story-invitation{background:#293E39;color:#FFFEFB;padding:72px 0 76px}
.story-invitation>.story-shell{display:grid;grid-template-columns:1.4fr 1fr;gap:20px 70px;align-items:end}
.story-invitation .eyebrow{grid-column:1/-1;color:#CDDCCE}
.story-invitation h2{font-size:clamp(4.2rem,7.2vw,7rem);line-height:.93;letter-spacing:-.05em}
.story-invitation p:not(.eyebrow){font-size:1.1rem;line-height:1.65;max-width:410px}
.story-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:26px;padding:14px 24px;background:#E8CE75;color:#293E39;border-radius:25px 22px 24px 21px;font-size:1rem;line-height:1.4}
.story-cta:hover{text-decoration:none;background:#F0D98A}
.story-about .site-header{background:#FCF6DE;max-width:none}
.about-story-hero{background:#FCF6DE;padding:40px 0 42px;border-bottom:1px solid #EFE6C8}
.about-story-heading{display:grid;grid-template-columns:1fr;gap:27px;align-items:start}
.about-story-heading h1{font-size:clamp(4rem,6vw,5rem);line-height:1.02;letter-spacing:-.045em;margin:20px 0 0;max-width:1000px;text-wrap:balance}
.about-story-heading .story-lede{font-size:1.25rem;line-height:1.55;margin:0;max-width:670px}
.about-desk{margin-top:26px}
.about-desk img{max-height:430px;object-fit:contain}
.about-name-story{background:#EDF5EF;border-bottom:1px solid #D9E7DB}
.about-name-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center}
.about-name-grid h2{font-size:clamp(3.2rem,5vw,4.8rem);line-height:1;letter-spacing:-.035em;margin-top:20px}
.about-name-grid>div>p+p{font-size:1.0625rem;line-height:1.7;margin-top:20px;max-width:475px}
.about-name-grid .story-lede{font-size:1.35rem}
.about-principles{padding-top:80px;padding-bottom:76px}
.principle-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.principle-grid article{position:relative;padding:38px 38px 35px;border:1px solid #D0DCCF;border-radius:17px 22px 15px 19px}
.principle-mint{background:#E4F0E7}.principle-lilac{background:#EEE8F7;border-color:#D9D0E6!important}
.principle-grid article>span{position:absolute;right:31px;top:35px;font:400 2.8rem/1 var(--serif);color:#78907E}
.principle-grid h3{font:500 clamp(2.8rem,4.5vw,4.2rem)/.98 var(--serif);letter-spacing:-.035em;margin:0 0 28px}
.principle-grid p{font-size:1.0625rem;line-height:1.65;max-width:440px}
.principle-grid .principle-note{font-size:.875rem;margin-top:29px;padding-top:19px;border-top:1px solid #BECDBE;max-width:none;color:#52685B}
.about-capabilities{background:#F3F6F7;border-top:1px solid #DFE7E8;border-bottom:1px solid #DFE7E8}
.deliverable-list article{display:grid;grid-template-columns:60px .9fr 1.1fr;gap:20px 42px;padding:35px 0;border-top:1px solid #B8C9C4;align-items:start}
.deliverable-list article:last-child{border-bottom:1px solid #B8C9C4}
.deliverable-list article>span{font:400 2.8rem/1 var(--serif);color:#6C897B}
.deliverable-list h3{font:500 2.65rem/1.06 var(--serif);letter-spacing:-.03em}
.deliverable-list p{font-size:1.0625rem;line-height:1.65;max-width:480px}
.deliverable-list div>span{display:block;font-size:.875rem;line-height:1.65;margin-top:17px;color:#5F756A}
.brand-aside{font-size:1rem;line-height:1.65;margin-top:25px;max-width:740px}
.about-partnership{padding-top:80px;padding-bottom:86px}
@media(max-width:1000px){.story-section-heading{gap:40px}.story-case .experiment-copy{padding:36px 28px}.story-case .experiment-surface{padding:30px 26px}.story-case .onboard-demo,.story-case .source-demo{padding:22px}.about-name-grid{gap:40px}.deliverable-list article{grid-template-columns:48px .9fr 1.1fr;gap:20px 28px}.story-invitation>.story-shell{gap:20px 45px}}
@media(max-width:800px){.story-case{grid-template-columns:1fr;min-height:0}.case-peach .experiment-copy{order:1;padding:32px}.case-peach .experiment-surface{order:2}.story-case .experiment-copy{padding:32px 32px 0}.story-case .experiment-copy h2{font-size:3.4rem}.story-case .experiment-copy>p:not(.eyebrow){max-width:600px}.story-case .experiment-surface{padding:30px}.story-case .onboard-demo,.story-case .source-demo{max-width:600px}.story-section-heading{grid-template-columns:1fr;gap:22px}.story-section-heading>p{max-width:640px}.about-story-heading{grid-template-columns:1fr;gap:24px}.about-story-heading .story-lede{max-width:640px;margin:0}.about-name-grid{grid-template-columns:1fr;gap:28px}.about-name-grid>div>p+p{max-width:640px}.story-invitation>.story-shell{grid-template-columns:1fr;gap:24px}.story-invitation p:not(.eyebrow){max-width:580px}}
@media(max-width:700px){.story-work{padding-top:50px;padding-bottom:52px}.story-section-heading{margin-bottom:28px}.story-section-heading h2{font-size:3.45rem}.story-case{border-radius:14px 18px 12px 15px;margin-top:20px}.story-case .experiment-copy,.case-peach .experiment-copy{padding:26px 23px 0}.story-case .experiment-copy h2{font-size:3.15rem}.story-case .experiment-copy>p:not(.eyebrow){font-size:1rem;margin-top:20px}.story-case .experiment-surface{padding:25px 18px}.story-case .onboard-demo,.story-case .source-demo{padding:21px 18px}.story-case .mini-header .small-note{font-size:.8125rem}.story-steps{grid-template-columns:1fr;gap:26px}.story-steps li{padding-top:19px}.story-steps span{font-size:2.4rem}.story-steps h3{font-size:2.15rem;margin:18px 0 13px}.story-steps p{max-width:none}.brief-intro{margin-top:38px}.brief-intro h3{font-size:2.5rem}.story-method .shared-card{padding:23px 18px}.story-method .human-note{display:grid;grid-template-columns:1fr;gap:7px}.story-method .human-note label{width:auto}.story-method .human-note input{padding:10px 0;border-left:0;border-bottom:1px solid #D6DFD5;font-size:1.05rem;line-height:1.55}.story-method .draft-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}.story-method .draft-row label,.story-method .draft-row input{grid-column:1/-1}.story-method .draft-row input{font-size:1.05rem;padding:13px 14px}.story-method .demo-bottom{flex-direction:column;align-items:start;gap:12px}.story-invitation{padding:50px 0 56px}.story-invitation h2{font-size:4.35rem}.story-invitation p:not(.eyebrow){font-size:1.05rem}.about-story-hero{padding:27px 0 30px}.about-story-heading h1{font-size:clamp(2.5rem,10vw,3.5rem);line-height:1.06;letter-spacing:-.035em;max-width:none}.about-story-heading .story-lede{font-size:1.1rem}.about-desk{margin-top:22px}.about-desk img{max-height:none}.about-name-grid h2{font-size:3.45rem}.about-name-grid .story-lede{font-size:1.2rem}.about-principles{padding-top:49px;padding-bottom:50px}.principle-grid{grid-template-columns:1fr;gap:17px}.principle-grid article{padding:27px 25px}.principle-grid h3{font-size:3.2rem;margin-bottom:23px}.principle-grid article>span{top:26px;right:22px;font-size:2.4rem}.principle-grid p{font-size:1rem}.deliverable-list article{grid-template-columns:42px 1fr;gap:17px;padding:26px 0}.deliverable-list article>div{grid-column:2}.deliverable-list h3{font-size:2.55rem}.deliverable-list p{font-size:1rem}.deliverable-list article>span{font-size:2.5rem}.about-partnership{padding-top:50px;padding-bottom:54px}}
/* Keep the editorial headings in complete phrases on narrow screens. */
@media(max-width:700px){.story-intro h2{font-size:3.15rem}.story-case .experiment-copy h2{font-size:2.8rem}.story-section-heading h2{font-size:3.05rem}}