/* Connected pages: the same practice, composed at different scales. */
.page-wrap{max-width:1600px}
.case-page{--case-space:clamp(32px,4vw,60px)}
.page-heading{padding-top:72px}
.page-heading .page-title{font-size:calc(clamp(78px,10.7vw,174px)*var(--hero-scale));line-height:.91;letter-spacing:var(--display-tracking);margin:24px 0 0}
.page-heading-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:8%;align-items:start}
.case-opening{padding-bottom:var(--case-space);min-height:0}
.case-opening>div:first-child{align-self:center}
.case-opening-aside{display:grid;grid-template-columns:1fr;gap:26px}
.case-poster{width:min(100%,360px);margin-left:auto;aspect-ratio:8/5;overflow:hidden;rotate:3deg}
.case-deck{font-size:clamp(16px,1.55vw,23px);line-height:1.5;max-width:460px;margin:0}
.case-meta-grid{gap:20px 28px;padding-top:22px;border-top:1px solid var(--line)}
.case-meta-grid dt{font-size:9px}.case-meta-grid dd{font-size:12px}
.case-feature{padding:28px 0 var(--case-space)}
.case-feature .case-film{border:0}
.case-feature .media-caption{margin-top:17px}
.case-film{border:0}
.case-story{grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr);gap:11%;padding:var(--case-space) 0;align-items:start}
.case-story .content-heading{font-size:calc(clamp(44px,5.6vw,86px)*var(--heading-scale));line-height:.98;margin-top:22px}
.case-prose{padding-top:34px}
.case-prose p{font-size:15px;line-height:1.85;max-width:490px}
.case-media-pair{gap:5%;padding:0 0 var(--case-space)}
.case-media-system{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);align-items:center}
.case-media-system>figure:last-child{padding-top:100px}
.case-media-formats{grid-template-columns:minmax(0,1.35fr) minmax(0,.7fr);align-items:start;gap:8%}
.case-media-formats>figure:last-child{padding-top:150px}
.case-media-interface{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1100px;margin:0 auto;gap:6%}
.case-media-interface>figure:last-child{padding-top:75px}
.case-deliverables{gap:22px;margin-top:38px}
.case-deliverables dt{font-size:clamp(48px,5.4vw,82px)}
.case-bottom{padding:var(--case-space) 0 48px;align-items:end}
.case-bottom .content-heading{font-size:calc(clamp(44px,6vw,90px)*var(--heading-scale));line-height:1.02;margin:25px 0 0}
.case-bottom>.text-link{margin-bottom:12px;flex-shrink:0}
.tools-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:0 65px;padding-bottom:40px}
.tools-opening>.mono,.tools-opening>.page-title{grid-column:1/-1}
.tools-opening>.mono{margin:0}
.tools-opening>.page-title{margin-bottom:32px}
.tools-opening>.page-intro{grid-column:2;font-size:18px;max-width:490px}
.tool-article{grid-template-columns:minmax(0,.7fr) minmax(0,1.25fr);gap:8%;padding:56px 0;align-items:center}
.tool-article:nth-of-type(even){grid-template-columns:minmax(0,1.25fr) minmax(0,.7fr)}
.tool-article:nth-of-type(even) .tool-shot{grid-column:1;grid-row:1}
.tool-article:nth-of-type(even) .tool-copy{grid-column:2;grid-row:1}
.tool-copy h2{font-size:calc(clamp(52px,6.5vw,100px)*var(--heading-scale));line-height:1.04;margin:20px 0 25px}
.tool-copy>p:not(.mono){font-size:15px;max-width:360px}
.tool-shot{padding:0;border:0;background:transparent;rotate:2deg;position:relative}
.tool-article .tool-shot,.tool-article:nth-child(odd) .tool-shot{transform:none}
.tool-shot::after{content:'';position:absolute;inset:13px -13px -13px 13px;border:1px solid var(--line);z-index:-1}
.tool-shot img{height:auto;aspect-ratio:5/3;object-fit:contain}
.tool-article:nth-of-type(even) .tool-shot{rotate:-2.5deg}
.tool-article:nth-of-type(3) .tool-shot{rotate:1.5deg}
.tool-size{margin-top:12px;font-size:9px}
.tool-tags{font-size:9px;line-height:1.9;margin:25px 0}
.tool-download{gap:45px;min-height:48px}
.tool-download>span{font-size:20px}
.tool-support{gap:11%;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr);padding:48px 0 40px}
.tool-support .content-heading{font-size:calc(clamp(44px,5.6vw,82px)*var(--heading-scale));line-height:.98}
.tool-support details{padding:23px 0}
.contact-page .contact-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:20px 60px;padding:38px 0 28px}
.contact-opening>p.mono{grid-column:1/-1;margin-bottom:0}
.contact-opening .page-title{grid-column:1;grid-row:2/4;font-size:calc(clamp(48px,7.3vw,116px)*var(--hero-scale));line-height:1.02;margin:0;overflow-wrap:normal}
.contact-opening .page-title em{font-style:var(--display-em)}
.contact-opening .page-intro{grid-column:2;grid-row:2;align-self:center;font-size:16px;line-height:1.7;max-width:410px}
.contact-jump{grid-column:2;grid-row:3;align-self:end;display:flex;align-items:center;gap:30px;width:max-content;max-width:100%;font-size:10px;min-height:44px}
.contact-jump>span{font:400 42px/1 var(--font-display)}
.contact-desk{grid-template-columns:1fr;gap:36px;padding:32px 0 32px;scroll-margin-top:35px}
.contact-details{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 30px;align-items:start;min-width:0}
.contact-label{grid-column:1;margin-bottom:20px}
.contact-email{grid-column:1;width:max-content;font-size:clamp(24px,5vw,80px);line-height:1.25;letter-spacing:-.05em;padding-bottom:12px}
.contact-details .copy-email{grid-column:1;width:max-content;margin-top:22px}
.contact-details #copy-status{grid-column:1;min-height:24px}
.contact-details .contact-location{grid-column:2;grid-row:2/5;margin-top:6px;font-size:9px;line-height:1.9}
.contact-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;border-top:1px solid var(--line)}
.contact-options a,.contact-options a:first-child{padding:28px 0 25px;border-bottom:0;align-content:start}
.contact-options b{font-size:clamp(32px,3.5vw,54px)}
.contact-options p{font-size:12px;max-width:300px;margin-top:10px}
.contact-options .contact-arrow{font-size:30px;grid-row:1;align-self:start}
.contact-social{padding:24px 0;gap:40px}
.site-foot{margin-top:0;padding-top:28px}
@media(min-width:1740px){.page-wrap{margin-left:auto;margin-right:auto}}
@media(max-width:1050px){
 .page-heading-grid{gap:5%;grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr)}
 .case-poster{max-width:260px}.case-deck{font-size:17px}
 .case-story{gap:7%}.case-prose p{font-size:14px}
 .case-media-system>figure:last-child{padding-top:70px}.case-media-formats>figure:last-child{padding-top:100px}
 .tool-article,.tool-article:nth-of-type(even){gap:6%;padding:48px 0}.tool-copy>p:not(.mono){font-size:13px}
 .tools-opening{gap:0 35px}.tools-opening>.page-intro{font-size:16px}
 .contact-page .contact-opening{gap:20px 35px}.contact-opening .page-intro{font-size:15px}
 .contact-details .contact-location{grid-column:1;grid-row:auto;margin-top:25px}
}
@media(max-width:700px){
 .page-heading{padding-top:42px}
 .page-heading .page-title{font-size:calc(clamp(55px,15.2vw,100px)*var(--hero-scale));line-height:.97;margin:20px 0 0}
 .page-heading-grid{grid-template-columns:1fr;gap:28px}
 .case-opening>div:first-child>.mono{font-size:8px}
 .case-opening-aside{gap:23px}.case-poster{width:62%;max-width:270px;margin:6px 3px 6px auto;rotate:3deg}
 .case-deck{font-size:17px;max-width:400px}.case-meta-grid{padding-top:20px;gap:17px 20px}.case-meta-grid dd{font-size:11px}
 .case-feature{padding-top:24px}.case-feature .media-caption{margin-top:12px}
 .case-story{grid-template-columns:1fr;gap:24px}
 .case-story .content-heading{font-size:calc(clamp(38px,11vw,68px)*var(--heading-scale));line-height:1.04;margin-top:17px}
 .case-prose{padding:0}.case-prose p{font-size:13px;max-width:100%}
 .case-media-pair{grid-template-columns:1fr;gap:30px}
 .case-media-system>figure:last-child,.case-media-formats>figure:last-child,.case-media-interface>figure:last-child{padding-top:0}
 .case-media-system>figure:last-child{width:85%;margin-left:auto}
 .case-media-formats>figure:last-child{width:75%;margin-left:auto}
 .case-media-interface>figure{width:88%}.case-media-interface>figure:last-child{margin-left:auto}
 .media-caption{font-size:8px;line-height:1.6}.case-deliverables{gap:12px;margin-top:25px}.case-deliverables dt{font-size:43px}.case-deliverables dd{font-size:9px}
 .case-bottom{padding-bottom:36px}.case-bottom .content-heading{font-size:calc(38px*var(--heading-scale));margin-top:20px}.case-bottom>.text-link{margin-top:28px}
 .tools-opening{grid-template-columns:1fr;gap:0;padding-bottom:28px}.tools-opening>.mono{font-size:8px;max-width:240px}.tools-opening>.page-title{margin-bottom:25px}.tools-opening>.page-intro{grid-column:1;font-size:15px;max-width:100%}
 .tool-article,.tool-article:nth-of-type(even){grid-template-columns:1fr;gap:32px;padding:36px 0}
 .tool-article:nth-of-type(even) .tool-shot,.tool-article:nth-of-type(even) .tool-copy{grid-column:auto;grid-row:auto}
 .tool-copy h2{font-size:calc(clamp(43px,12vw,72px)*var(--heading-scale));margin:15px 0 20px;line-height:1.1}.tool-copy>p:not(.mono){font-size:13px;max-width:100%}
 .tool-copy>.mono{font-size:9px}.tool-tags{font-size:8px;margin:22px 0}.tool-shot{width:calc(100% - 10px);rotate:1.5deg}.tool-shot::after{inset:8px -8px -8px 8px}
 .tool-article:nth-of-type(even) .tool-shot{rotate:-1.5deg;margin-left:8px}
 .tool-support{grid-template-columns:1fr;gap:25px;padding:36px 0 32px}.tool-support .content-heading{font-size:calc(40px*var(--heading-scale));line-height:1.05}.tool-support details{padding:20px 0}
 .contact-page .contact-opening{grid-template-columns:1fr;gap:0;padding:28px 0 24px}.contact-opening>p.mono{font-size:8px;max-width:220px;margin-bottom:25px}
 .contact-opening .page-title{grid-column:1;grid-row:auto;font-size:calc(clamp(36px,9.2vw,59px)*var(--hero-scale));line-height:1.08;margin:0 0 22px}
 .contact-opening .page-intro{grid-column:1;grid-row:auto;font-size:14px;line-height:1.7;max-width:100%}.contact-jump{grid-column:1;grid-row:auto;margin-top:25px;font-size:9px;gap:22px}.contact-jump>span{font-size:30px}
 .contact-desk{gap:32px;padding:32px 0;scroll-margin-top:25px}.contact-details{display:block}.contact-label{font-size:9px;margin-bottom:18px}.contact-email{font-size:clamp(18px,5.6vw,34px);line-height:1.4;letter-spacing:-.04em;overflow-wrap:anywhere}
 .contact-details .contact-location{font-size:9px;margin-top:24px}.contact-details .copy-email{margin-top:18px}.contact-options{grid-template-columns:1fr;gap:0}.contact-options a,.contact-options a:first-child{padding:24px 0;border-bottom:1px solid var(--line)}.contact-options b{font-size:32px}.contact-options p{font-size:12px;margin-top:4px;max-width:100%;padding-right:15px}.contact-options .contact-arrow{font-size:27px}
 .contact-social{padding:24px 0;gap:20px;font-size:11px}.site-foot{padding-top:24px}
}
@media(prefers-reduced-motion:reduce){.case-poster,.tool-shot{rotate:0deg!important}}