/* Curiosity first, with simple doors into the project collections. */
.home-story{background:#f0f1ee;padding:80px 7vw;display:grid;grid-template-columns:1fr 2fr;gap:6vw;color:#302f2c}
.home-story>.eyebrow{padding-top:8px}.home-story h2{font-size:clamp(34px,4.2vw,62px);line-height:1.12;letter-spacing:-.04em;margin:0 0 30px;font-weight:400}.home-story h2 strong{font-weight:650}.home-story p:not(.eyebrow){max-width:62ch;line-height:1.85;font-size:15px;margin:0 0 17px;color:#56584f}
.home-directions{padding:76px 7vw}.home-directions .section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:36px}.home-directions h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.04em;line-height:1.15;margin:12px 0 0}
.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 44px}.direction-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:30px 46px 36px 0;border-top:1px solid #cccfc5;text-decoration:none;color:inherit;min-height:270px;transition:background .2s}
.direction-number{font-size:10px;letter-spacing:.1em;color:#6b6e63}.direction-card h3{font-size:clamp(27px,3vw,41px);font-weight:600;letter-spacing:-.04em;line-height:1.18;margin:26px 0 15px}.direction-card p{font-size:13px;line-height:1.8;max-width:39ch;color:#66695d;margin:0}.direction-go{position:absolute;right:5px;bottom:34px;font-size:30px;font-weight:300;transition:transform .25s}.direction-card:hover .direction-go{transform:rotate(90deg)}.direction-card:hover h3{text-decoration:underline;text-decoration-color:#dac34f;text-underline-offset:7px;text-decoration-thickness:3px}
.header.site-header .site-nav>a{position:relative;isolation:isolate;text-decoration:none!important;border-bottom-color:transparent!important}
.header.site-header .site-nav>a:after{content:''!important;position:absolute!important;left:-4%!important;right:auto!important;top:auto!important;bottom:0!important;width:108%!important;height:13px!important;background:url('paint-smear.svg') center/100% 100% no-repeat!important;transform:scaleX(0)!important;transform-origin:left;opacity:0!important;z-index:-1;transition:transform .2s,opacity .2s}
.header.site-header .site-nav>a[aria-current=page]:after,.header.site-header .site-nav>a:hover:after,.header.site-header .site-nav>a:focus-visible:after,.header.site-header .site-nav>a:active:after{transform:scaleX(1)!important;opacity:1!important}
.studio-practice{grid-template-columns:repeat(3,minmax(0,1fr))!important;background:#f0f1ee!important}.studio-practice .studio-stat-note{grid-column:1/-1;font-size:12px;line-height:1.8;color:#66695d;margin:0}.studio-practice strong{font-size:clamp(30px,4vw,48px)!important}
@media(max-width:700px){.home-story{grid-template-columns:1fr;padding:42px 6vw;gap:20px}.home-story h2{font-size:36px}.home-story p:not(.eyebrow){font-size:14px}.home-directions{padding:42px 6vw}.home-directions .section-heading{align-items:start;flex-direction:column;gap:20px}.direction-grid{grid-template-columns:1fr}.direction-card{min-height:235px;padding-top:25px}.direction-card h3{font-size:32px;margin-top:22px}.studio-practice{grid-template-columns:1fr!important}.header.site-header .site-nav>a:after{width:125px!important;left:0!important;bottom:8px!important}}
@media(prefers-reduced-motion:reduce){.direction-go,.header.site-header .site-nav>a:after{transition:none}}
.direction-proof{display:block;font-size:10px;letter-spacing:.025em;margin-top:22px;color:#686b60;padding-top:11px;border-top:1px solid #e3e5df;max-width:90%}
.direction-card{min-height:305px}
body[data-page=home] .pop-opening .opening-copy h1{font-size:clamp(54px,6.4vw,100px);letter-spacing:-.065em;line-height:1.04}
body[data-page=home] .opening-intro{max-width:40ch;font-size:18px;line-height:1.7}
@media(max-width:700px){body[data-page=home] .pop-opening .opening-copy h1{font-size:clamp(47px,12vw,76px)}body[data-page=home] .opening-intro{font-size:16px}}
/* The Studio overview is an open, mixed-height wall as well. */
body[data-studio-layout=grid] .art-track,body[data-studio-layout=grid] .art-track.studio-masonry-ready{display:block!important;columns:3;column-gap:28px;overflow:visible!important}
body[data-studio-layout=grid] .art-card{display:inline-block!important;vertical-align:top;width:100%!important;break-inside:avoid;margin:0 0 34px!important;grid-row-end:auto!important}
body[data-studio-layout=grid] .art-card[hidden]{display:none!important}
body[data-studio-layout=grid] .art-card>a.art-detail-link{aspect-ratio:4/5!important;height:auto!important;padding:0!important;background:transparent!important}
body[data-studio-layout=grid] .art-card:nth-child(3n+2)>a.art-detail-link{aspect-ratio:1!important}
body[data-studio-layout=grid] .art-card:nth-child(4n)>a.art-detail-link{aspect-ratio:5/4!important}
@media(max-width:850px){body[data-studio-layout=grid] .art-track{columns:2!important;column-gap:16px!important}body[data-studio-layout=grid] .art-card{margin-bottom:24px!important}}
@media(max-width:480px){body[data-studio-layout=grid] .art-caption h2{font-size:15px!important}body[data-studio-layout=grid] .art-caption{gap:5px!important}.art-number{display:none}}
body[data-studio-layout=grid] .art-caption{display:flex!important;align-items:start;gap:8px!important;padding:14px 0!important}
body[data-studio-layout=grid] .art-caption>div{min-width:0;flex:1}
body[data-studio-layout=grid] .art-caption h2{font-size:18px!important;line-height:1.35!important;word-break:normal!important}
body[data-studio-layout=grid] .art-caption p{font-size:11px!important;margin:5px 0 0!important}
body[data-studio-layout=grid] .art-number{display:none!important}
body[data-studio-layout=grid] .art-expand{font-size:18px!important;flex:0 0 15px}
@media(max-width:480px){body[data-studio-layout=grid] .art-caption h2{font-size:14px!important}}