/* Portfolio system: editorial hierarchy, project-led color, generous artwork. */
:root{--paper:#fafaf7;--ink:#202426;--muted:#5a6265;--line:#d3d7d5;--blue:#2451ec;--wash:#edf0f1;--max:1480px}body{font-size:18px}h1,h2,h3{font-weight:500;letter-spacing:-.045em}a,button{-webkit-tap-highlight-color:transparent}.eyebrow{font-size:12px;letter-spacing:.07em}.wrap,.site-header{width:92%}.site-header{padding-block:17px;max-width:none;padding-inline:4%;width:100%;background:#fafaf7f5;backdrop-filter:blur(12px)}.brand{font-weight:600}.brand-sub{font-size:12px}.monogram{font-size:38px}.site-header nav a{min-height:44px;display:inline-flex;align-items:center}.site-header nav{gap:28px}.site-header nav .nav-contact{background:transparent;color:var(--ink);border:1px solid #a9afb0;padding:8px 20px}.home-page .intro{display:grid;grid-template-columns:1.65fr 1fr;gap:7%;padding:70px 0 56px;align-items:end}.intro h1{font-size:clamp(52px,5.65vw,88px);line-height:1.03;margin-top:25px;letter-spacing:-.065em}.intro h1 span{color:var(--blue)}.intro-position{max-width:410px;padding-bottom:4px}.intro-position>p:first-child{font-size:24px;line-height:1.4;letter-spacing:-.02em}.intro-position>p+p{font-size:16px;line-height:1.65;color:var(--muted);margin-top:18px}.intro-position .text-link{margin-top:21px}.text-link{min-height:44px;line-height:1.5}.work-section .section-kicker{border-top:1px solid var(--line);padding:18px 0 24px}.section-kicker h2{font-size:17px;font-weight:500;letter-spacing:0}.section-kicker>span{font-size:13px}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px 28px}.portfolio-project{min-width:0}.portfolio-project:first-child{grid-column:1/-1}.project-image{position:relative;background:#e6edf3;overflow:hidden;aspect-ratio:1.5;border-radius:3px;display:flex;align-items:center;justify-content:center}.project-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .45s}.portfolio-project:first-child .project-image{aspect-ratio:2.15;background:#dceaf3;padding:26px 12%}.portfolio-project:first-child .project-image img{width:auto;max-width:100%;object-fit:contain}.project-iheart .project-image{background:#f0e4e8}.project-52min{grid-column:1/-1;max-width:none;display:grid}.project-52min .project-image{aspect-ratio:2.15;background:#eeebe6;padding-inline:15%}.project-open{position:absolute;right:18px;bottom:18px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:white;color:#202426;font-size:23px;transition:background .2s,color .2s}.portfolio-project a:hover .project-open{background:var(--blue);color:white}.portfolio-project a:hover img{transform:scale(1.018)}.project-caption{display:flex;justify-content:space-between;gap:20px;padding-top:17px}.project-discipline{font-size:12px;color:var(--muted);line-height:1.5}.project-caption h3{font-size:32px;margin-top:8px;line-height:1.2}.project-premise{font-size:16px;color:var(--muted);margin-top:8px!important;line-height:1.5}.project-index{font-size:13px;color:var(--muted);padding-top:3px}.point-of-view{margin-top:100px;padding:65px 0 70px}.point-of-view h2{font-size:clamp(40px,4.5vw,68px)}.principles{gap:35px;margin-top:45px}.principles h3{font-size:25px;line-height:1.2}.principles p{font-size:16px}.principles .text-link{font-size:14px;margin-top:19px}.about-section{padding-block:75px 95px;gap:9%;grid-template-columns:1fr 1.1fr}.about-heading h2{font-size:clamp(36px,3.8vw,57px);line-height:1.12}.about-location{font-size:15px;line-height:1.7}.about-story>p{font-size:17px}.about-story .large{font-size:24px;line-height:1.55}.contact{background:#202426;padding-top:45px}.contact h2{font-size:clamp(44px,6vw,90px);font-weight:400;line-height:1.08}.contact-top,.footer-bottom{color:#d4d8db}.footer-bottom{flex-wrap:wrap}.email{font-size:clamp(18px,2.3vw,32px)}
/* Shared case-study scaffolding. The artwork keeps its own proportions. */
.case-intro{padding-top:28px;padding-bottom:35px}.back-link{font-size:13px}.case-title-row,.isi-heading,.ih-heading{margin-top:35px}.case-title-row h1,.salesforce-page .case-title-row h1,.isi-heading h1,.ih-heading h1{font-size:clamp(44px,5.7vw,84px);line-height:1.07;letter-spacing:-.055em;font-weight:500;max-width:1100px;margin-top:20px}.case-intro-note p,.salesforce-page .case-intro-note p,.isi-lead,.ih-lead{font-size:18px;line-height:1.65;max-width:820px}.project-meta{margin-top:30px;padding-top:18px;gap:30px}.project-meta dt{font-size:12px}.project-meta dd{font-size:14px;line-height:1.65}.case-index{display:flex;gap:12px 25px;align-items:center;padding-block:16px 24px;font-size:13px;flex-wrap:wrap}.case-index>span{color:var(--muted);margin-right:auto}.case-index a{display:inline-flex;min-height:36px;align-items:center;border-bottom:1px solid transparent}.case-index a:hover{border-color:var(--blue);color:var(--blue)}.case-cover,.sf-overview,.isi-hero,.ih-hero{margin-top:0;max-width:var(--max)}.case-cover{border-radius:3px;overflow:hidden;width:92%}.case-cover>img{max-height:none;display:block}.case-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding-block:45px;border-bottom:1px solid var(--line)}.case-summary h2{font-size:13px;font-weight:600;letter-spacing:0;margin-bottom:14px;line-height:1.5}.case-summary p{font-size:16px;line-height:1.7;color:var(--muted)}.sf-section,.isi-section,.ih-section{padding-top:65px}.sf-section-head{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:25px}.sf-section-head h2,.isi-copy h2,.ih-copy h2{font-size:clamp(30px,3.5vw,49px);line-height:1.15;letter-spacing:-.045em}.sf-description{margin:0;align-self:end;font-size:16px;line-height:1.7}.sf-section-head .eyebrow{font-size:12px}.sf-section .sf-scale-copy{font-size:17px;max-width:72ch}.sf-scope p{font-size:15px}.sf-overview{background:#e0edf7;padding:35px 12%;border-radius:3px}.sf-art figcaption,.isi-art figcaption,.isi-hero figcaption,.artwork figcaption{font-size:13px;line-height:1.5}.sf-art img,.isi-art img,.ih-section img,.ih-hero img{border-radius:2px}.isi-copy,.ih-copy{display:grid;grid-template-columns:1fr 1fr;gap:12px 8%;max-width:none;margin-bottom:30px;border-top:1px solid var(--line);padding-top:24px}.isi-copy>.eyebrow,.ih-copy>.eyebrow{grid-column:1/-1}.isi-copy h2,.ih-copy h2{margin:0}.isi-copy>p:last-child,.ih-copy>p:last-child{margin:0;align-self:end;font-size:16px;line-height:1.75}.isi-hero{background:#e5ece8;padding:25px}.launch-formats,.web-formats{background:#eaf0ed;padding:32px}.ih-hero{background:#f0e6ea;padding:0 8%}.iheart-page{--blue:#a52b52}.iheart-page .case-intro h1{color:#64273e}.iheart-page .ih-section:nth-of-type(even) .ih-copy h2{color:#64273e}.insitu-page{--blue:#006274}.insitu-page .isi-heading h1{color:#164b56}.identity-section{display:grid;grid-template-columns:1fr 1.65fr;gap:7%;padding-top:70px;align-items:center}.identity-copy .eyebrow{color:var(--muted)}.identity-copy h2{font-size:clamp(29px,3.2vw,45px);margin:20px 0;line-height:1.15}.identity-copy>p:last-of-type{font-size:17px;line-height:1.75;color:var(--muted)}.identity-section:nth-of-type(even){grid-template-columns:1.65fr 1fr}.identity-section:nth-of-type(even) .identity-copy{order:2}.identity-art .artwork{width:100%}.identity-art img{display:block}.identity-art figcaption{font-size:13px}.identity-art .zoom-image{background:#ebe6df}.\35 2min-page{--blue:#785021}.\35 2min-page .case-intro h1{color:#59442b}.next-project{margin-top:85px;padding:30px 0 70px}.next-project>a:first-of-type{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:25px;align-items:center}.next-project h2{font-size:clamp(36px,4.5vw,68px);line-height:1.1}.next-project img{display:block;width:100%;aspect-ratio:1.7;object-fit:contain;background:var(--wash);border-radius:3px}.next-project a p{font-size:16px;margin-top:18px}.next-project .text-link{font-size:14px;color:var(--blue)}.next-project .all-work-link{display:inline-flex;min-height:44px;margin-top:25px;font-size:14px;text-decoration:underline;text-underline-offset:5px}.lightbox button,.lightbox .original{min-height:44px}.lightbox .original{display:inline-flex;align-items:center}.lightbox-caption{line-height:1.5}.deliverables li{font-size:12px}.case-page section[id]{scroll-margin-top:115px}
@media(min-width:1650px){.site-header{padding-inline:max(4%,calc((100% - 1480px)/2))}}
@media(max-width:1000px){.home-page .intro{grid-template-columns:1.5fr 1fr;gap:5%;padding-top:50px}.intro h1{font-size:clamp(45px,6.5vw,75px)}.intro-position>p:first-child{font-size:21px}.portfolio-project:first-child .project-image{padding-inline:8%;aspect-ratio:1.9}.case-summary{gap:25px}.sf-section-head{gap:5%}.identity-section{gap:5%;grid-template-columns:1fr 1.3fr}.identity-section:nth-of-type(even){grid-template-columns:1.3fr 1fr}.site-header nav{gap:20px}}
@media(max-width:700px){.wrap{width:88%}.site-header{padding:12px 6%;gap:14px}.site-header nav{left:0;right:0;gap:16px;padding:16px 6%}.brand{font-size:13px}.brand-sub{font-size:11px}.monogram{font-size:32px}.home-page .intro{grid-template-columns:1fr;gap:26px;padding:38px 0 35px}.intro h1{font-size:clamp(42px,10.3vw,70px);margin-top:18px;letter-spacing:-.06em}.intro-position{max-width:none}.intro-position>p:first-child{font-size:21px;max-width:400px}.intro-position>p+p{font-size:16px;margin-top:13px;max-width:450px}.intro-position .text-link{margin-top:13px}.work-section .section-kicker{align-items:flex-start;gap:15px}.section-kicker>span{font-size:12px;max-width:180px;text-align:right}.portfolio-grid{grid-template-columns:1fr;gap:35px}.portfolio-project:first-child,.project-52min{grid-column:auto}.portfolio-project:first-child .project-image{aspect-ratio:1.5;padding:15px 6%}.project-52min .project-image{aspect-ratio:1.5;padding:0}.project-caption h3{font-size:28px}.project-discipline{font-size:12px}.project-premise{font-size:15px}.project-caption{padding-top:14px}.project-open{width:40px;height:40px;font-size:21px;right:12px;bottom:12px}.point-of-view{margin-top:55px;padding:38px 0 45px}.point-of-view h2{font-size:40px}.principles{gap:26px;margin-top:30px}.principles h3{font-size:25px}.about-section{grid-template-columns:1fr;padding-block:45px 60px;gap:30px}.about-heading h2{font-size:37px}.about-story .large{font-size:21px}.about-story>p{font-size:16px}.contact{padding:32px 6% 25px}.contact h2{font-size:clamp(39px,10vw,65px)}.case-title-row h1,.salesforce-page .case-title-row h1,.isi-heading h1,.ih-heading h1{font-size:clamp(35px,8.9vw,57px);line-height:1.1}.case-title-row,.isi-heading,.ih-heading{margin-top:26px}.case-intro-note p,.salesforce-page .case-intro-note p,.isi-lead,.ih-lead{font-size:17px}.project-meta{gap:20px}.project-meta dd{font-size:13px}.case-index{gap:6px 18px;padding-block:0 18px;font-size:12px}.case-index>span{width:100%;margin:0}.case-index a{min-height:40px}.case-summary{grid-template-columns:1fr;gap:25px;padding-block:30px}.case-summary h2{margin-bottom:7px;font-size:13px}.case-summary p{font-size:16px}.sf-overview{padding:18px 5%}.isi-hero{padding:12px}.ih-hero{padding:0}.case-cover{width:88%}.sf-section,.isi-section,.ih-section{padding-top:42px}.sf-section-head,.isi-copy,.ih-copy{grid-template-columns:1fr;gap:16px;padding-top:22px}.sf-section-head h2,.isi-copy h2,.ih-copy h2{font-size:31px}.sf-description{margin-top:0}.isi-copy>.eyebrow,.ih-copy>.eyebrow{grid-column:auto}.isi-copy>p:last-child,.ih-copy>p:last-child{font-size:16px}.identity-section,.identity-section:nth-of-type(even){grid-template-columns:1fr;padding-top:45px;gap:25px}.identity-section:nth-of-type(even) .identity-copy{order:0}.identity-copy h2{font-size:32px;margin:15px 0}.identity-copy>p:last-of-type{font-size:16px}.next-project{margin-top:50px;padding-bottom:45px}.next-project>a:first-of-type{grid-template-columns:1fr;gap:25px}.next-project h2{font-size:39px}.next-project a p{font-size:15px}.next-project img{aspect-ratio:1.5}.footer-bottom{align-items:flex-start}.lightbox-toolbar{flex-wrap:wrap;gap:12px}.lightbox-toolbar>div{width:100%;justify-content:space-between}.lightbox-image{padding:10px 0}.case-page section[id]{scroll-margin-top:90px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep case-study section text in one consistent reading column. */
.sf-section-head,.isi-copy,.ih-copy{display:block}
.sf-section-head h2,.isi-copy h2,.ih-copy h2{max-width:26ch;text-wrap:balance}
.sf-description,.isi-copy>p:last-child,.ih-copy>p:last-child{max-width:72ch;margin-top:20px;font-size:17px;line-height:1.75}
.sf-section .sf-scale-copy{max-width:72ch}
.sf-section-head{margin-bottom:28px}
.isi-copy,.ih-copy{margin-bottom:32px}
.isi-copy h2,.ih-copy h2{margin-top:14px}
@media(max-width:700px){.sf-description,.isi-copy>p:last-child,.ih-copy>p:last-child{margin-top:16px;font-size:16px}.sf-section-head{margin-bottom:24px}.isi-copy,.ih-copy{margin-bottom:26px}}

/* Let the supplied mockups define their own frames without extra matting. */
.\35 2min-page .case-cover{background:transparent;padding:0;line-height:0}
.\35 2min-page .case-cover>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.iheart-page .ih-hero{padding:0;background:transparent}
.iheart-page .ih-hero img,.iheart-page .ih-section img{display:block;width:100%;height:auto;max-height:none}
