/* A personal folio: large type, open margins, and project-specific covers. */
.home-page{--folio-rule:#d6d1c8;--folio-red:#c63827;--folio-paper:#f7f5ef;--folio-serif:Georgia,'Times New Roman',serif;background:var(--folio-paper);color:#242223}
.home-page .header{border-color:var(--folio-rule)}
.home-page .brand-name{display:none}
.home-page .footer{border-color:var(--folio-rule)}
.home-page .footer p span{display:none}
.home-page .header nav{background:var(--folio-paper)}
.home-page a:focus-visible{outline:2px solid var(--folio-red);outline-offset:6px}
.home-page svg{flex-shrink:0}
.folio-overline,.folio-meta{font-size:.875rem;line-height:1.5}
.folio-meta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:31px}
.folio-meta>span{color:var(--muted);font-size:.75rem}
.folio-name-block{position:relative;margin-top:12px;padding-bottom:12px}
.folio-name-block h1{font-size:clamp(5rem,14.15vw,12.5rem);line-height:.87;letter-spacing:-.07em;font-weight:500;margin-left:-.055em;padding-top:.08em}
.folio-first{display:block;font-family:var(--folio-serif);font-weight:400;letter-spacing:-.08em;font-style:italic;font-size:1.12em;line-height:.96}
.folio-last{display:block;letter-spacing:-.08em;margin-left:.54em;margin-top:.04em}
.folio-period{color:var(--folio-red)}
.folio-location{position:absolute;top:12%;right:1%;font-size:1rem;line-height:1.5;transform:rotate(-5deg)}
.folio-location>span{font-family:var(--folio-serif);font-style:italic;font-size:1.6rem;color:var(--folio-red)}
.folio-location svg{display:block;width:100px;height:52px;margin-left:35px;margin-top:7px;color:var(--folio-red)}
.folio-introduction{display:grid;grid-template-columns:1fr 310px;gap:90px;margin-top:36px;align-items:start;padding-left:9%}
.folio-introduction>p{font-size:1.125rem;line-height:1.75;max-width:590px}
.folio-introduction>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.folio-primary{display:flex;justify-content:space-between;align-items:center;width:100%;border-bottom:1px solid currentColor;padding:0 0 12px;font-size:1rem;font-weight:500}
.folio-primary>span{font-size:1.6rem;color:var(--folio-red)}
.folio-about-link{font-size:.875rem;color:var(--muted)}
.folio-about-link:hover{color:var(--folio-red)}
.folio-cover-foot{margin-top:40px;display:flex;justify-content:space-between;align-items:center;padding-block:16px;border-block:1px solid var(--folio-rule);font-size:.75rem;color:var(--muted)}
.folio-cover-foot a{display:flex;align-items:center;gap:20px;color:var(--ink);font-size:.875rem}
.folio-cover-foot svg{width:15px;height:15px}
.folio-work{padding-top:100px;padding-bottom:85px;scroll-margin-top:25px}
.folio-section-head{display:grid;grid-template-columns:1fr 360px;align-items:end;gap:45px;margin-bottom:44px}
.folio-section-head h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.15;letter-spacing:-.055em}
.folio-small-count{vertical-align:top;font:400 .75rem var(--font);margin-left:14px;letter-spacing:0;color:var(--muted)}
.folio-section-head>p{font-size:1rem;line-height:1.7;color:var(--muted)}
.folio-lead-project{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:60px;align-items:center}
.folio-art{display:flex;flex-direction:column;position:relative;overflow:hidden;padding:28px 30px;isolation:isolate;min-width:0}
.folio-art-top,.folio-art-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:.75rem;line-height:1.5;position:relative;z-index:1}
.folio-art-bottom{margin-top:auto;padding-top:19px;border-top:1px solid #ffffff30}
.folio-art-bottom svg{height:23px;width:23px;transition:transform .25s}
.folio-art:hover .folio-art-bottom svg{transform:translate(3px,-3px)}
.folio-averi{background:#272528;color:#f5f0e7;min-height:535px}
.folio-averi .folio-art-top>span:first-child{font-size:1rem}
.averi-lettering{font:500 clamp(4rem,8.4vw,8rem)/.86 var(--display);letter-spacing:-.08em;margin-top:69px;transition:transform .4s}
.averi-lettering>span{display:block}
.averi-lettering>span:last-child{margin-left:.44em}
.averi-terminal{color:#ff5845}
.averi-side-note{position:absolute;right:30px;top:39%;font-size:.75rem;line-height:2;letter-spacing:.04em;text-align:right;color:#c5bebc}
.folio-averi:hover .averi-lettering{transform:translateX(8px)}
.folio-lead-note{padding-block:15px}
.folio-lead-note .folio-overline{color:var(--muted);font-size:.75rem}
.folio-lead-note h3{font:400 2.7rem/1.08 var(--folio-serif);letter-spacing:-.055em;margin-top:23px}
.folio-lead-note>p:not(.folio-overline){font-size:1rem;line-height:1.8;color:var(--muted);margin-top:24px}
.folio-adoption{display:flex;gap:17px;align-items:center;margin-top:27px}
.folio-three{font:400 5.8rem/.95 var(--folio-serif);letter-spacing:-.05em}
.folio-adoption p{font-size:1rem}
.folio-adoption div>span{font-size:.75rem;color:var(--muted)}
.folio-organizations{list-style:none;padding:0;margin:18px 0 24px;font-size:.875rem;line-height:1.9;color:var(--muted)}
.folio-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid;padding-bottom:9px;font-size:.875rem}
.folio-text-link svg{width:17px;height:17px}
.folio-project-pair{display:grid;grid-template-columns:1fr 1.14fr;gap:70px;margin-top:65px;align-items:start}
.folio-zelar-project{margin-top:120px}
.folio-fire{background:#65419d;color:#fcf8ff;min-height:480px}
.folio-partner{display:flex;justify-content:space-between;gap:20px;align-items:start;font-size:.75rem;padding-bottom:20px;border-bottom:1px solid #ffffff40;line-height:1.6}
.folio-partner>span:last-child{text-align:right}
.folio-partner strong{display:block;font:500 1.8rem/1.3 var(--display);letter-spacing:-.045em}
.fire-lettering{padding:32px 0 24px;font-size:clamp(4.5rem,7.3vw,7.1rem);line-height:.87;letter-spacing:-.07em}
.fire-lettering>span{display:block;font-family:var(--folio-serif);font-style:italic;font-weight:400;letter-spacing:-.075em}
.fire-lettering>strong{display:block;font-family:var(--display);font-weight:500;margin-left:.62em;transition:transform .35s}
.folio-fire:hover .fire-lettering>strong{transform:translateX(-10px)}
.folio-zelar{background:#dce7d9;color:#234b3b;min-height:410px}
.folio-zelar .folio-art-bottom{border-color:#234b3b40}
.zelar-lettering{padding:45px 0 32px;font:500 clamp(4.5rem,7.3vw,7rem)/.93 var(--display);letter-spacing:-.075em}
.zelar-lettering>span{display:flex;align-items:center;gap:28px}
.zelar-rule{display:block;flex:1;height:3px;background:currentColor;transform:translateY(10px)}
.zelar-lettering>em{display:block;text-align:right;font-family:var(--folio-serif);font-weight:400;padding-right:20px;transition:transform .35s}
.folio-zelar:hover .zelar-lettering>em{transform:translateX(-8px)}
.folio-caption{display:grid;grid-template-columns:23px 1fr 27px;gap:16px;margin-top:24px}
.folio-number{font-size:.75rem;color:var(--muted);padding-top:6px}
.folio-caption-title{display:flex;align-items:baseline;justify-content:space-between;gap:18px}
.folio-caption h3{font-size:1.6rem;letter-spacing:-.035em}
.folio-caption-title>span{font-size:.75rem;color:var(--muted)}
.folio-caption p{font-size:1rem;line-height:1.8;margin-top:13px;color:var(--muted)}
.folio-open{padding-top:3px}.folio-open svg{width:24px;height:24px}
.folio-all{display:flex;justify-content:space-between;align-items:center;gap:24px;border-block:1px solid var(--folio-rule);padding:28px 0;margin-top:68px;font:400 clamp(2rem,4.8vw,4.2rem)/1.1 var(--folio-serif);letter-spacing:-.05em;transition:color .2s}
.folio-all:hover{color:var(--folio-red)}
.folio-all sup{font:400 .875rem var(--font);letter-spacing:0;margin-left:15px;vertical-align:top;display:inline-block;margin-top:8px}
.folio-all svg{width:43px;height:43px}
.folio-about{background:#ece8df;padding:83px 0 66px;scroll-margin-top:0}
.folio-about>.wrap>.folio-overline{color:var(--muted);margin-bottom:40px}
.folio-story{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.folio-story h2{font:400 clamp(2.5rem,4.4vw,4rem)/1.1 var(--folio-serif);letter-spacing:-.06em}
.folio-story-copy>p{font-size:1rem;line-height:1.9;margin-bottom:20px}
.folio-story-copy .folio-text-link{margin-top:9px}
.folio-route{display:flex;align-items:center;gap:12px;margin-top:50px;max-width:420px;color:#6f6257}
.folio-route>div{display:flex;flex-direction:column;gap:8px}
.folio-route span{font:500 2.7rem/.95 var(--display);letter-spacing:-.07em}
.folio-route small{font-size:.75rem}
.folio-route svg{width:135px;height:80px;color:var(--folio-red)}
.folio-experience{display:grid;grid-template-columns:1fr 2.15fr;gap:55px;margin-top:65px;padding-top:25px;border-top:1px solid #ccc5b8}
.folio-experience>h3{font-size:1rem;letter-spacing:-.02em}
.folio-experience article{display:grid;grid-template-columns:115px 1fr 1.3fr;gap:25px;padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid #d3cdbf}
.folio-experience article:last-child{margin:0;border:0;padding:0}
.folio-experience article>span{font-size:.75rem;line-height:1.7;color:var(--muted)}
.folio-experience h4{font-size:1rem;font-weight:600;margin-bottom:6px}
.folio-experience p{font-size:.875rem;line-height:1.7;color:var(--muted)}
.folio-recognition{display:grid;grid-template-columns:1fr 2.15fr;gap:55px;margin-top:40px;padding-top:26px;border-top:1px solid #ccc5b8}
.folio-recognition>span{font-size:.875rem}.folio-recognition ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px;font-size:.875rem;line-height:1.6;color:var(--muted)}
.folio-practice{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;padding-block:92px}
.folio-practice h2{font:400 clamp(2.3rem,4vw,3.6rem)/1.15 var(--folio-serif);letter-spacing:-.06em;margin-top:23px}
.folio-practice article{display:grid;grid-template-columns:35px 1fr;gap:18px;padding-block:25px;border-bottom:1px solid var(--folio-rule)}
.folio-practice article:first-child{padding-top:0}
.folio-practice h3{font-size:1.4rem;margin-bottom:9px;letter-spacing:-.035em}
.folio-practice article p{font-size:1rem;line-height:1.7;color:var(--muted)}
.folio-tools{display:block;font-size:.75rem;line-height:1.8;margin-top:16px;color:var(--muted)}
.folio-contact{background:#ff4d3a;color:#231f1d;padding:58px 0 43px}
.folio-contact-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:48px}
.folio-contact h2{font:400 clamp(4rem,8.5vw,8rem)/.96 var(--folio-serif);letter-spacing:-.065em;margin-top:24px}
.folio-contact-arrow svg{width:clamp(80px,14vw,200px);height:auto;transition:transform .3s}
.folio-contact-arrow:hover svg{transform:translate(8px,-8px)}
.folio-contact-bottom{display:grid;grid-template-columns:1fr 1.3fr auto;gap:55px;border-top:1px solid #231f1d50;padding-top:28px;align-items:start}
.folio-contact-bottom>p{font-size:.875rem;line-height:1.7;max-width:250px}
.folio-email{display:block;font-size:1rem;overflow-wrap:anywhere}
.folio-contact .copy-email{font-size:.75rem;color:inherit;opacity:1;margin-top:14px}
.folio-contact .copy-status{display:block;font-size:.75rem;margin-top:8px}
.folio-socials{display:flex;flex-direction:column;gap:15px;font-size:.875rem}
.folio-socials a{display:flex;align-items:center;justify-content:space-between;gap:25px}
.folio-socials svg{width:15px;height:15px}
@media(min-width:1600px){.folio-name-block h1{font-size:13.5rem}}
@media(max-width:1100px){.folio-introduction{grid-template-columns:1fr 260px;gap:50px}.folio-lead-project{grid-template-columns:minmax(0,1fr) 280px;gap:35px}.folio-averi{min-height:480px}.averi-side-note{right:24px;font-size:.75rem;top:28%}.averi-lettering{margin-top:115px;font-size:8.5vw}.folio-project-pair{gap:40px}.folio-art{padding:25px}.folio-fire{min-height:450px}.folio-story{gap:50px}.folio-experience,.folio-recognition{grid-template-columns:1fr 3fr;gap:35px}.folio-practice{gap:50px}.folio-contact-bottom{gap:25px}}
@media(max-width:760px){.folio-name-block h1{font-size:15vw}.folio-location{top:6%;font-size:.875rem}.folio-location>span{font-size:1.3rem}.folio-location svg{width:75px;height:38px}.folio-introduction{padding-left:0;grid-template-columns:1fr 210px;gap:35px}.folio-introduction>p{font-size:1rem}.folio-work{padding-top:65px;padding-bottom:55px}.folio-section-head{grid-template-columns:1fr;gap:18px}.folio-section-head>p{max-width:480px}.folio-lead-project{grid-template-columns:1fr;gap:27px}.folio-averi{min-height:490px}.averi-lettering{font-size:7.5rem;margin-top:55px}.averi-side-note{top:37%;font-size:.75rem}.folio-lead-note{display:grid;grid-template-columns:1.2fr 1fr;gap:12px 40px}.folio-lead-note .folio-overline{grid-column:1/-1}.folio-lead-note h3{margin-top:7px}.folio-lead-note>p:not(.folio-overline){grid-column:1;margin-top:0}.folio-adoption{grid-column:2;grid-row:2;align-self:center;margin:0}.folio-organizations{grid-column:2;grid-row:3;margin:0}.folio-lead-note .folio-text-link{grid-column:1;justify-self:start;margin-top:12px}.folio-project-pair{gap:30px;margin-top:35px}.folio-zelar-project{margin-top:70px}.folio-art-top{gap:12px}.folio-fire,.folio-zelar{padding:20px;min-height:365px}.folio-partner{display:block;padding-bottom:14px}.folio-partner>span:last-child{display:block;text-align:left;margin-top:12px}.fire-lettering{font-size:4.5rem;padding-block:24px}.folio-zelar .folio-art-top{display:block}.folio-zelar .folio-art-top>span{display:block}.folio-zelar .folio-art-top>span+span{margin-top:6px}.zelar-lettering{font-size:4.5rem;padding-top:43px}.folio-caption{gap:11px;grid-template-columns:20px 1fr 22px}.folio-caption-title{display:block}.folio-caption-title>span{display:block;margin-top:4px}.folio-story{gap:35px}.folio-route{gap:8px}.folio-route span{font-size:2rem}.folio-route svg{width:80px}.folio-experience,.folio-recognition{display:block}.folio-experience>h3,.folio-recognition>span{display:block;margin-bottom:25px}.folio-practice{gap:35px}.folio-contact-bottom{grid-template-columns:1fr 1.2fr}.folio-socials{grid-column:1/-1;flex-direction:row;gap:30px}}
@media(max-width:560px){.home-page .header{height:78px}.home-page .header nav{top:77px}.folio-meta{padding-top:22px;font-size:.75rem;gap:12px}.folio-meta>span{font-size:.75rem;max-width:90px;text-align:right}.folio-name-block{margin-top:35px;padding-bottom:10px}.folio-name-block h1{font-size:18vw}.folio-first{font-size:1.25em}.folio-last{margin-left:.14em;margin-top:.12em}.folio-location{position:relative;top:auto;right:auto;transform:none;margin-top:23px;display:flex;gap:6px;align-items:baseline;font-size:.875rem}.folio-location br,.folio-location svg{display:none}.folio-location>span{font-size:1.1rem}.folio-introduction{display:block;margin-top:13px}.folio-introduction>p{font-size:1rem;line-height:1.8}.folio-introduction>div{margin-top:26px;flex-direction:row;align-items:center;gap:22px}.folio-primary{width:auto;gap:27px;font-size:.875rem;flex:1;white-space:nowrap}.folio-about-link{font-size:.75rem;max-width:92px;line-height:1.6}.folio-cover-foot{margin-top:27px;padding-block:15px}.folio-cover-foot>span{font-size:.75rem}.folio-cover-foot a{font-size:.75rem;gap:10px}.folio-work{padding-top:54px}.folio-section-head{margin-bottom:25px;gap:18px}.folio-section-head h2{font-size:2rem}.folio-small-count{margin-left:9px}.folio-averi{min-height:430px;padding:22px}.folio-averi .folio-art-top{align-items:start}.folio-averi .folio-art-top>span:last-child{max-width:110px;text-align:right}.averi-lettering{font-size:22vw;max-width:100%;margin-top:54px}.folio-averi:hover .averi-lettering{transform:none}.averi-side-note{display:none}.folio-art-bottom{font-size:.75rem;gap:17px}.folio-art-bottom>span{max-width:230px}.folio-lead-note{display:block;padding-top:0}.folio-lead-note h3{font-size:2.5rem;margin-top:16px;max-width:320px}.folio-lead-note>p:not(.folio-overline){margin-top:18px}.folio-adoption{margin-top:23px}.folio-three{font-size:4.5rem}.folio-organizations{margin-top:15px}.folio-lead-note .folio-text-link{margin-top:22px}.folio-project-pair{display:block;margin-top:44px}.folio-zelar-project{margin-top:42px}.folio-fire,.folio-zelar{min-height:405px;padding:23px}.folio-partner{display:flex;gap:18px}.folio-partner>span:first-child{max-width:110px}.folio-partner>span:last-child{margin:0;text-align:right}.fire-lettering{font-size:6.5rem;padding-top:30px}.folio-zelar .folio-art-top{display:flex;align-items:start;gap:24px}.folio-zelar .folio-art-top>span+span{margin:0;max-width:100px;text-align:right}.zelar-lettering{font-size:6rem;padding-top:44px}.folio-caption{margin-top:20px}.folio-caption-title{display:flex;gap:12px}.folio-caption-title>span{margin:0}.folio-caption p{margin-top:12px}.folio-all{margin-top:42px;padding-block:25px;font-size:2.3rem}.folio-all svg{width:29px;height:29px}.folio-all sup{font-size:.75rem;margin-left:8px;margin-top:3px}.folio-about{padding-block:52px}.folio-about>.wrap>.folio-overline{margin-bottom:24px;font-size:.75rem}.folio-story{display:block}.folio-story h2{font-size:2.8rem}.folio-route{margin-block:28px 35px;max-width:330px;gap:18px}.folio-route span{font-size:2.7rem}.folio-route svg{width:100px;height:65px}.folio-story-copy>p{font-size:1rem;line-height:1.85}.folio-experience{margin-top:45px}.folio-experience article{grid-template-columns:78px 1fr;gap:15px}.folio-experience article>p{grid-column:2}.folio-recognition{margin-top:30px}.folio-recognition ul{gap:15px}.folio-practice{display:block;padding-block:55px}.folio-practice h2{font-size:2.8rem}.folio-practice>div{margin-top:32px}.folio-practice article{gap:10px}.folio-practice article:first-child{padding-top:22px;border-top:1px solid var(--folio-rule)}.folio-practice h3{font-size:1.4rem}.folio-contact{padding-block:40px 30px}.folio-contact h2{font-size:3.9rem}.folio-contact-heading{gap:15px;padding-bottom:30px;align-items:flex-end}.folio-contact-arrow{padding-bottom:7px}.folio-contact-arrow svg{width:60px}.folio-contact-bottom{grid-template-columns:1fr;gap:22px}.folio-contact-bottom>p{max-width:300px}.folio-email{font-size:.95rem}.folio-contact .copy-email{font-size:.875rem}.folio-socials{grid-column:auto}.home-page .footer{margin-top:0}}
@media(prefers-reduced-motion:reduce){.home-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}