/* Home below-the-fold refinement. The approved first view is intentionally untouched. */
.home-hero-f~section{position:relative}.seo-intro{margin:0;padding:clamp(6rem,12vw,12rem) 8vw clamp(5rem,10vw,10rem);display:grid;grid-template-columns:minmax(130px,.35fr) 1.25fr minmax(260px,.7fr);gap:clamp(2rem,6vw,7rem);align-items:start;background:#f6f4ee;border-bottom:1px solid rgba(24,24,22,.12)}.seo-intro small{padding-top:.8rem;font:600 .65rem/1.5 Arial,sans-serif;letter-spacing:.19em;color:var(--accent)}.seo-intro h2{margin:0;font-size:clamp(2.3rem,4.5vw,5rem);line-height:1.3;letter-spacing:-.055em;text-wrap:balance}.seo-intro>p{margin:.65rem 0 0;color:#575751;font-size:.92rem;line-height:2.2}.seo-intro nav{grid-column:2/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:2rem;border-top:1px solid #aeadA7}.seo-intro nav a{position:relative;padding:1.35rem .5rem 1.35rem 0;border-bottom:1px solid #ceccc5;color:inherit;text-decoration:none;font-size:.77rem;transition:color .3s,padding-left .35s}.seo-intro nav a:after{content:'↗';position:absolute;right:.3rem;transition:transform .3s}.seo-intro nav a:hover{padding-left:.5rem;color:var(--accent)}.seo-intro nav a:hover:after{transform:translate(3px,-3px)}
.section{isolation:isolate}.section-label{display:flex;align-items:center;gap:1rem;color:var(--accent);font:600 .65rem/1.2 Arial,sans-serif;letter-spacing:.17em}.section-label:after{content:'';width:clamp(2rem,7vw,7rem);height:1px;background:currentColor;transform-origin:left}.intro{padding-top:clamp(7rem,13vw,13rem);padding-bottom:clamp(7rem,12vw,12rem);background:#fff}.intro:before{content:'LISTEN';position:absolute;z-index:-1;right:-.04em;top:.02em;color:rgba(24,24,22,.025);font:600 clamp(7rem,19vw,21rem)/1 Arial,sans-serif;letter-spacing:-.08em}.intro .two-col{margin-top:4rem;align-items:end}.intro .two-col>div:first-child{display:grid;grid-template-columns:.42fr 1fr;align-items:end;gap:2rem}.intro .kicker{font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.8}.intro img{width:100%;aspect-ratio:4/5;object-fit:cover}.intro .two-col>div:last-child{padding-bottom:1rem}.intro .two-col h2{font-size:clamp(2.8rem,5.7vw,6.4rem);line-height:1.24}.intro .two-col p{max-width:38rem}
.service-home{padding-top:clamp(7rem,12vw,12rem);padding-bottom:clamp(7rem,12vw,11rem);background:#181816;color:#fff}.service-home>h2{margin:3.5rem 0 clamp(4rem,7vw,7rem);font-size:clamp(3rem,7vw,7.5rem);line-height:1.15}.service-home article{position:relative;grid-template-columns:5rem minmax(240px,.75fr) 1fr 2.5rem;align-items:center;padding:2.3rem 0;border-color:rgba(255,255,255,.2);overflow:hidden}.service-home article:after{content:'↗';grid-column:4;font-size:1.4rem;opacity:.4;transition:transform .35s,opacity .35s}.service-home article:before{content:'';position:absolute;inset:0;background:#fff;transform:translateX(-102%);transition:transform .55s cubic-bezier(.16,1,.3,1);z-index:-1}.service-home article:hover{color:#181816;padding-left:1.3rem}.service-home article:hover:before{transform:none}.service-home article:hover:after{transform:rotate(45deg);opacity:1}.service-home article p{color:#aaa;transition:color .3s}.service-home article:hover p{color:#555}
.works-home{padding-top:clamp(7rem,12vw,12rem);background:#eeece5}.works-home:before{content:'SELECTED';position:absolute;right:4vw;top:5rem;font:600 clamp(4rem,11vw,12rem)/1 Arial,sans-serif;letter-spacing:-.06em;color:rgba(24,24,22,.035)}.works-home>h2{margin:3rem 0 5rem;font-size:clamp(3rem,6vw,6.5rem)}.works-home .work-grid{gap:clamp(3rem,7vw,8rem) clamp(1.5rem,3vw,3rem)}.works-home .work-grid>a{position:relative;overflow:hidden}.works-home .work-grid>a:nth-child(even){margin-top:clamp(3rem,8vw,8rem)}.works-home .work-grid img{aspect-ratio:4/3;transition:transform 1s cubic-bezier(.16,1,.3,1),filter .5s;filter:saturate(.82)}.works-home .work-grid>a:hover img{transform:scale(1.025);filter:saturate(1)}.works-home .work-grid small{display:block;margin-top:1.3rem;color:#777;font:600 .64rem Arial,sans-serif;letter-spacing:.14em}.works-home .work-grid h3{font-size:clamp(1.25rem,2vw,2rem);line-height:1.4}
.journal-home{padding-top:clamp(7rem,12vw,12rem);padding-bottom:clamp(7rem,12vw,12rem);background:#fff}.journal-layout{margin-top:4rem;grid-template-columns:.75fr 1.25fr}.journal-layout>div:first-child{position:sticky;top:9rem;align-self:start}.journal-layout h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:1.28}.post-row{position:relative;grid-template-columns:7rem 1fr 2rem!important;padding:2rem .5rem!important;overflow:hidden;transition:color .35s,padding .35s!important}.post-row:before{content:'';position:absolute;inset:0;background:#181816;transform:translateY(101%);transition:transform .45s cubic-bezier(.16,1,.3,1);z-index:-1}.post-row:hover{color:#fff;padding-left:1.5rem!important}.post-row:hover:before{transform:none}.post-row:hover time{color:#bbb}.answer-block{padding:clamp(7rem,12vw,12rem) 8vw;background:#dedbd2}.answer-block>small{font:600 .65rem Arial,sans-serif;letter-spacing:.17em;color:var(--accent)}.answer-block>h2{max-width:14em;margin:2.5rem 0 5rem;font-size:clamp(2.8rem,5.5vw,6rem);line-height:1.25}.answer-block>div{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #aaa;border-left:1px solid #aaa}.answer-block article{padding:2.3rem;border-right:1px solid #aaa;border-bottom:1px solid #aaa;transition:background .35s,transform .35s}.answer-block article:hover{background:#f4f2ec;transform:translateY(-3px)}.answer-block article h3{font-size:clamp(1.1rem,1.7vw,1.45rem)}.answer-block article p{color:#555;line-height:1.9}
@media(max-width:900px){.seo-intro{grid-template-columns:1fr;padding-left:1.4rem;padding-right:1.4rem}.seo-intro>*{grid-column:1!important}.seo-intro nav{grid-template-columns:repeat(2,1fr)}.intro .two-col>div:first-child{grid-template-columns:1fr}.intro .kicker{order:2}.service-home article{grid-template-columns:2.7rem 1fr 1.5rem}.service-home article p{grid-column:2}.service-home article:after{grid-column:3;grid-row:1/3}.works-home .work-grid>a:nth-child(even){margin-top:0}.journal-layout{grid-template-columns:1fr}.journal-layout>div:first-child{position:static}.answer-block>div{grid-template-columns:1fr}}@media(max-width:600px){.seo-intro nav{grid-template-columns:1fr}.intro .two-col{margin-top:2.5rem}.service-home article:hover{padding-left:0}.post-row{grid-template-columns:5rem 1fr 1rem!important}.answer-block{padding-left:1.35rem;padding-right:1.35rem}.answer-block article{padding:1.6rem}}