.directed-site{--ds-edge:6vw;overflow-x:clip}.directed-site h1,.directed-site h2,.directed-site h3{letter-spacing:0;overflow-wrap:break-word;font-weight:800}.directed-site .label,.directed-site .portfolio-kicker{letter-spacing:0;text-transform:none;color:var(--muted-foreground);font-size:14px;font-weight:600}.directed-site .site-header>div,.directed-site>footer{padding-inline:var(--ds-edge)}.directed-site .site-header nav[aria-label=Primary]{text-transform:none;font-size:14px}.directed-site .brand-logo{width:128px;height:auto}.directed-site a:focus-visible{outline:2px solid var(--ring);outline-offset:6px}.directed-site .stage-frame{isolation:isolate;height:84svh;min-height:640px;max-height:1000px;padding:0;display:block;position:relative;overflow:hidden}.directed-site .stage-frame .stage-image{aspect-ratio:auto;object-fit:cover;z-index:-2;width:100%;height:100%;max-height:none;position:absolute;inset:0}.directed-site .stage-frame .stage-shade{z-index:-1;background:linear-gradient(0deg, var(--background) 0%, color-mix(in oklab, var(--background) 92%, transparent) 28%, color-mix(in oklab, var(--background) 30%, transparent) 60%, transparent 80%);display:block;position:absolute;inset:0}.directed-site .stage-frame .stage-caption{left:var(--ds-edge);right:var(--ds-edge);position:absolute;bottom:48px}.directed-site .stage-title{max-width:18ch;margin-top:18px;font-size:88px;line-height:1}.directed-site .stage-frame .stage-caption>div{font-size:20px}.directed-site .act-title{font-size:56px;line-height:1.08}.directed-site .page-intro{padding:104px var(--ds-edge) 72px}.directed-site .page-intro h1{max-width:18ch;font-size:88px;line-height:1}.directed-site .page-intro h1 .italic{font-style:normal}.directed-site .page-intro h1+div{max-width:46ch;font-size:20px;line-height:1.65}.directed-site .portfolio-work-head{padding:104px var(--ds-edge) 72px}.directed-site .portfolio-work-head h1{font-size:72px;line-height:1.08}.directed-site .about-introduction{padding:112px var(--ds-edge)}.directed-site .about-introduction>:first-child{max-width:360px}.directed-site .career-chapter{padding:0 0 112px}.directed-site .career-chapter>figure{margin:0}.directed-site .career-chapter>figure img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.directed-site .career-chapter-grid{padding:48px var(--ds-edge) 0;grid-template-columns:5fr 6fr;gap:6vw}.directed-site .career-chapter-grid>:last-child{max-width:58ch}.directed-site .lead-section{padding:112px var(--ds-edge)}.directed-site .lead-stage{grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:start;gap:6vw;display:grid}.directed-site .lead-photo{max-width:560px;margin:0;position:sticky;top:96px}.directed-site .lead-photo img{aspect-ratio:4/5;object-position:50% 45%;object-fit:cover;width:100%}.directed-site .lead-photo figcaption{color:var(--muted-foreground);margin-top:10px;font-size:13px}.directed-site .lead-body .act-title{max-width:24ch;margin-top:20px}.directed-site .lead-num{display:none}.directed-site .lead-points{max-width:62ch;margin:44px 0 0;padding:0;list-style:none;display:block}.directed-site .lead-point{border-top:1px solid var(--border);padding:30px 0;display:block}.directed-site .lead-point h3{font-size:28px}.directed-site .lead-point p{margin-top:12px}.directed-site .lead-close{border-top:1px solid var(--border);grid-template-columns:1fr;gap:48px;margin-top:88px;padding-top:88px}.directed-site .lead-close>p{max-width:32ch;font-size:40px}.directed-site .lead-quote blockquote{font-size:40px;line-height:1.2}.directed-site .approach-open{padding:104px var(--ds-edge) 8px}.directed-site .approach-open-copy{max-width:900px}.directed-site .approach-open-lead{max-width:26ch;font-size:40px;line-height:1.25}.directed-site .approach-open-copy p:not(.approach-open-lead){color:var(--muted-foreground);max-width:62ch;margin-top:32px;font-size:19px;line-height:1.75}.directed-site .approach-open-lead+p{margin-top:56px;padding-top:56px;position:relative}.directed-site .approach-open-lead+p:before{content:"";background:var(--primary);width:72px;height:2px;position:absolute;top:0;left:0}.directed-site .approach-lede{padding:112px var(--ds-edge) 64px;grid-template-columns:1fr}.directed-site .approach-lede-copy .approach-lede-lead{font-size:40px;line-height:1.25}.directed-site .approach-principles>*>.label:first-child{display:none}.directed-site .approach-principles{padding:0 var(--ds-edge) 96px}.directed-site .approach-principles>*{gap:6vw;padding:64px 0}.directed-site .approach-principles h2{grid-column:1/span 6;font-size:40px;line-height:1.12}.directed-site .approach-principles h2+div{grid-column:8/span 5}.directed-site .approach-connect{padding:96px var(--ds-edge)}.directed-site .approach-connect-links{max-width:760px;margin-left:auto;display:block}.directed-site .writing-awaiting,.directed-site .writing-list{padding:0 0 96px}.directed-site .writing-awaiting-layout{border:0;padding-top:0;display:block}.directed-site .writing-environment img{aspect-ratio:16/9;height:auto}.directed-site .writing-environment figcaption{margin-inline:var(--ds-edge);font-size:13px}.directed-site .writing-awaiting-copy{padding:72px var(--ds-edge) 0;grid-template-columns:5fr 6fr;column-gap:6vw;display:grid}.directed-site .writing-awaiting-copy>.label{grid-column:1}.directed-site .writing-awaiting-copy h2{grid-area:2/1/span 3;max-width:18ch;font-size:48px;line-height:1.1}.directed-site .writing-awaiting-copy>p:not(.label),.directed-site .writing-awaiting-copy nav{grid-column:2;font-size:18px;line-height:1.7}.directed-site .writing-list>*{margin-inline:var(--ds-edge)}.directed-site .writing-feature{display:block}.directed-site .writing-feature img{aspect-ratio:16/9;margin-bottom:40px}.directed-site .writing-feature h2{font-size:48px}.directed-site .writing-article{padding:80px var(--ds-edge) 96px}.directed-site .writing-article-head{max-width:1100px;margin-left:0}.directed-site .writing-article h1{font-size:64px;line-height:1.08}.directed-site .writing-article-media{max-width:none;margin-inline:calc(var(--ds-edge) * -1)}.directed-site .writing-article-media figcaption{padding-inline:var(--ds-edge);font-size:13px}.directed-site .portfolio-case-head{max-width:none;padding:96px var(--ds-edge) 64px}.directed-site .portfolio-case-head h1{max-width:22ch;font-size:72px;line-height:1.08}.directed-site .portfolio-meta{max-width:1100px}.directed-site .portfolio-case-hero{margin:0 0 72px}.directed-site .portfolio-case-hero figcaption{margin-inline:var(--ds-edge)}.directed-site .portfolio-story-intro,.directed-site .portfolio-story-section{padding:64px var(--ds-edge);gap:6vw}.directed-site .portfolio-story-intro{background:0 0}.directed-site .portfolio-story-intro h2{font-size:40px}.directed-site .portfolio-gallery{padding:72px var(--ds-edge)}.directed-site .contact-layout{padding:0 var(--ds-edge) 112px;gap:6vw}.directed-site .continue-links,.directed-site .portfolio-continue{padding:48px var(--ds-edge);background:0 0;gap:24px 48px;font-size:28px}@media (width>=1600px){.directed-site .stage-title,.directed-site .page-intro h1{font-size:112px}.directed-site .act-title{font-size:72px}}@media (width>=768px) and (width<=1023px){.directed-site .stage-title,.directed-site .page-intro h1{font-size:64px}.directed-site .act-title{font-size:44px}.directed-site .writing-awaiting-copy h2{font-size:36px}.directed-site .approach-principles h2,.directed-site .approach-open-lead{font-size:32px}}@media (width<=767px){.directed-site{--ds-edge:24px}.directed-site .brand-logo{width:104px}.directed-site .stage-frame{height:auto;min-height:0;max-height:none}.directed-site .stage-frame .stage-image{aspect-ratio:4/3;height:auto;position:static}.directed-site .stage-frame .stage-shade{display:none}.directed-site .stage-frame .stage-caption{padding:32px 24px 8px;position:static}.directed-site .stage-title{font-size:44px}.directed-site .stage-title br{display:none}.directed-site .stage-frame .stage-caption>div{margin-top:24px;font-size:17px}.directed-site .page-intro{padding:64px 24px 48px}.directed-site .page-intro h1{font-size:48px}.directed-site .page-intro h1+div{font-size:17px}.directed-site .act-title{font-size:38px}.directed-site .about-introduction{padding:72px 24px}.directed-site .about-introduction>:first-child{max-width:280px}.directed-site .lead-section{padding:72px 24px}.directed-site .lead-stage{grid-template-columns:1fr;gap:40px}.directed-site .lead-photo{max-width:100%;position:static}.directed-site .lead-photo img{aspect-ratio:4/3;object-position:50% 40%}.directed-site .lead-points{margin-top:32px}.directed-site .lead-point h3{font-size:24px}.directed-site .lead-close{margin-top:56px;padding-top:56px}.directed-site .lead-close>p,.directed-site .lead-quote blockquote{font-size:28px}.directed-site .approach-lede{grid-template-columns:1fr;gap:24px;padding:72px 24px 40px}.directed-site .approach-lede-copy .approach-lede-lead{font-size:28px}.directed-site .approach-open{padding:64px 24px 8px}.directed-site .approach-open-lead{font-size:28px}.directed-site .approach-open-lead+p{margin-top:40px;padding-top:40px}.directed-site .approach-principles{padding:0 24px 64px}.directed-site .approach-principles>*{gap:24px;padding:40px 0}.directed-site .approach-principles h2,.directed-site .approach-principles h2+div{grid-column:auto}.directed-site .approach-principles h2{font-size:30px}.directed-site .approach-connect{padding:64px 24px}.directed-site .writing-environment img{aspect-ratio:4/3}.directed-site .writing-awaiting-copy{padding:48px 24px 0;display:block}.directed-site .writing-awaiting-copy h2,.directed-site .writing-feature h2{font-size:34px}.directed-site .writing-awaiting-copy>p:not(.label){font-size:17px}.directed-site .writing-article{padding:48px 24px 72px}.directed-site .writing-article h1{font-size:38px}.directed-site .writing-article-media img{aspect-ratio:4/3}.directed-site .portfolio-case-head,.directed-site .portfolio-work-head{padding:64px 24px 48px}.directed-site .portfolio-case-head h1,.directed-site .portfolio-work-head h1{font-size:40px}.directed-site .portfolio-story-intro,.directed-site .portfolio-story-section{gap:24px;padding:40px 24px}.directed-site .portfolio-story-intro h2{font-size:30px}.directed-site .portfolio-gallery{padding:48px 24px}.directed-site .contact-layout{gap:40px;padding-bottom:72px}.directed-site .continue-links,.directed-site .portfolio-continue{padding:40px 24px;font-size:24px}}.directed-site .lead-v2 .lead-top{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;gap:6vw;display:grid}.directed-site .lead-v2 .lead-photo{max-width:520px;position:static}.directed-site .lead-v2 .act-title{max-width:18ch;margin-top:20px}.directed-site .lead-success{border-left:3px solid var(--primary);max-width:40ch;color:var(--muted-foreground);margin-top:32px;padding-left:20px;font-size:20px;line-height:1.55}.directed-site .lead-rows{margin:96px 0 0;padding:0;list-style:none}.directed-site .lead-row{border-top:1px solid var(--border);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:6vw;padding:36px 0;display:grid}.directed-site .lead-row:last-child{border-bottom:1px solid var(--border)}.directed-site .lead-row h3{font-family:var(--font-display);letter-spacing:-.015em;font-size:28px;font-weight:800;line-height:1.15}.directed-site .lead-row p{color:var(--muted-foreground);max-width:60ch;font-size:18px;line-height:1.65}.directed-site .about-recs{padding:112px var(--ds-edge);border-top:1px solid var(--border)}.directed-site .about-recs-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:64px 6vw;margin-top:48px;display:grid}.directed-site .about-rec{margin:0}.directed-site .about-rec blockquote{font-family:var(--font-display);border-left:3px solid var(--primary);padding-left:22px;font-size:26px;font-weight:600;line-height:1.35}.directed-site .about-rec figcaption{color:var(--muted-foreground);margin-top:18px;padding-left:25px;font-size:14px;line-height:1.6}.directed-site .about-rec a{text-underline-offset:3px;text-decoration:underline}.directed-site .about-rec a:hover{color:var(--primary)}@media (width<=899px){.directed-site .lead-v2 .lead-top,.directed-site .lead-row{grid-template-columns:1fr;gap:14px}.directed-site .lead-v2 .lead-top{gap:36px}.directed-site .lead-v2 .lead-photo{max-width:100%}.directed-site .lead-rows{margin-top:56px}.directed-site .lead-row{padding:28px 0}.directed-site .lead-row h3{font-size:23px}.directed-site .lead-row p{font-size:17px}.directed-site .about-recs{padding:72px 24px}.directed-site .about-rec blockquote{font-size:21px}}
