/* YOU ARE ART — a cultural, editorial direction using the studio's own work. */
:root{--paper:#f4f1e9;--ink:#252523;--muted:#6d6c66;--line:#d5d2c9;--accent:#262624;--acid:#e5ddcb;--gutter:3vw}
::selection{background:#dcd4b9;color:var(--ink)}
.studio-header{top:0;left:var(--gutter);right:var(--gutter);height:94px;padding:0;border-radius:0;border-bottom:1px solid var(--line);background:rgba(244,241,233,.96);box-shadow:none;backdrop-filter:blur(12px)}
.studio-header .nav{font-size:12px;gap:28px;letter-spacing:.025em}.studio-logo img{width:50px;height:54px}.studio-header a{min-height:44px;display:flex;align-items:center;gap:5px}
em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400}
.art-intro{padding:155px var(--gutter) 0;text-align:center}.art-signature{font-size:11px;letter-spacing:.13em}.art-intro h1{font-family:var(--editorial);font-size:clamp(64px,7.5vw,132px);font-weight:400;line-height:.99;letter-spacing:-.065em;margin:30px 0 26px}.art-intro h1 em{font-size:1.15em;letter-spacing:-.035em;color:var(--accent)}
.art-intro-copy{font-size:14px;line-height:1.7}.art-intro-foot{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:45px 0 28px;font-size:10px;letter-spacing:.06em}.art-intro-foot a{display:flex;gap:25px;align-items:center}.art-intro-foot a span{font-size:22px}
.feature-gallery{margin:0 var(--gutter) 115px;scroll-margin-top:110px}.art-chapter{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0 22px;gap:24px}.art-chapter h2{font-family:var(--editorial);font-size:22px;font-weight:400;letter-spacing:.16em}.art-chapter .meta{font-size:10px}
.featured-spread{height:72svh;min-height:480px;max-height:900px;gap:12px;grid-template-columns:1.35fr 1fr}.featured-spread.single-spread{grid-template-columns:1fr}.featured-spread .spread-main img,.featured-spread .spread-detail img{object-fit:cover}.feature-caption{padding:23px 0;border-bottom:1px solid var(--line);min-height:86px}.feature-caption [data-slide-link]{font-family:var(--editorial);font-size:21px}.hero-controls button{border-color:var(--line)}
.studio-section-heading{grid-template-columns:1fr 1fr;margin-bottom:40px;align-items:end}.studio-section-heading h2{font-family:var(--editorial);font-size:clamp(36px,4.8vw,75px);font-weight:400;letter-spacing:-.045em}.studio-section-heading p{max-width:320px;justify-self:end;font-size:18px}
.art-selection .catalog-grid{grid-template-columns:1fr 1fr;gap:70px 8vw}.art-selection .catalog-project:nth-child(2){margin-top:150px}.art-selection .catalog-project:nth-child(3){grid-column:1/-1;width:76%;margin:10px auto 0}.art-selection .catalog-project:nth-child(3) .catalog-image{aspect-ratio:1.8}.art-selection .catalog-project:nth-child(2) .catalog-image{aspect-ratio:1.1}.art-selection .catalog-project:nth-child(2) img{object-fit:contain}.catalog-image{background:#e5dfd2}.catalog-caption h3{font-family:var(--editorial);font-size:28px}.catalog-caption p{font-family:Manrope,Arial,sans-serif;font-size:11px;line-height:1.6;text-transform:uppercase;letter-spacing:.035em}.catalog-caption>.meta{font-size:10px}.collection-link{margin-top:65px;font-size:12px}
.studio-services{border-top:1px solid var(--line);margin:90px var(--gutter) 0;padding:45px 0 100px;grid-template-columns:1fr 1.25fr;gap:50px 8vw;scroll-margin-top:120px}.capabilities-intro>h2{font-family:var(--editorial);font-size:clamp(38px,4.8vw,72px);line-height:1.04;letter-spacing:-.045em;text-transform:none;margin:30px 0 22px}.capabilities-intro p{max-width:290px;line-height:1.65;font-size:14px}.studio-services ul{font-size:clamp(30px,3.4vw,54px);line-height:1.1;padding-top:36px;letter-spacing:-.03em}.studio-services li{margin-bottom:8px}.studio-services li a{color:var(--muted)}.studio-services li a:hover,.studio-services li a:focus-visible{color:var(--accent)}.studio-services figure{max-width:340px;grid-column:1;margin-top:-260px;justify-self:start}.studio-services figure img{aspect-ratio:1.5;object-fit:cover}.studio-services figcaption>p,.studio-services figcaption>a{font-size:12px}.studio-services figcaption>p{margin:13px 0;line-height:1.6}.studio-services figcaption>.meta{font-size:10px}
.studio-about{margin-top:30px;grid-template-columns:1fr 1fr;gap:11vw;align-items:center}.studio-about>figure{width:85%}.studio-about>figure img{aspect-ratio:.8;filter:none}.studio-about h2{font-size:clamp(38px,4.8vw,74px);line-height:1.05;margin:30px 0}.studio-about h2 em{color:var(--accent);font-size:1.1em}.studio-about p{font-size:20px}.studio-about figcaption{font-size:10px}
.studio-footer{background:#20201e!important;color:var(--paper);padding-top:55px;margin-top:130px}.footer-invitation{text-align:center}.footer-invitation>.meta{font-size:10px;letter-spacing:.12em}.footer-invitation>a{font-size:clamp(45px,6.8vw,115px);line-height:1.05;margin:40px 0 85px}.footer-invitation em{color:#d2d0c8;letter-spacing:-.025em}.footer-invitation .arrow{font-size:.4em}.footer-studio{border-top:1px solid #55554f;padding-top:35px;grid-template-columns:80px 1fr auto;gap:30px;margin-bottom:35px}.footer-monogram,.footer-monogram img{width:65px;height:72px}.footer-studio p{font-family:var(--editorial);font-size:27px;letter-spacing:0}.footer-studio .meta{font-size:10px}.studio-footer .footer-end{border-color:#55554f;font-size:11px}
.page-intro h1,.about-heading h1,.contact-page h1,.case-opening h1,.case-valroy .case-opening h1,.case-booblik .case-opening h1,.case-prouve .case-opening h1{font-family:var(--editorial);font-weight:400;letter-spacing:-.05em}.page-intro h1{font-size:clamp(60px,8vw,132px);line-height:1}.page-intro h1 em{color:var(--accent);font-size:1.08em}.page-intro>p{font-size:23px}.case-opening h1{font-size:clamp(70px,10vw,160px)}.case-summary>p{font-size:clamp(28px,3vw,43px)}.portfolio-story p{font-size:clamp(23px,2.05vw,32px)}.next-project h2{font-family:var(--editorial);font-weight:400}.case-kicker,.case-summary dt{font-size:10px}.case-opening{padding-top:145px}
.art-index .studio-section-heading{display:none}.work-filters{display:flex;justify-content:center;gap:36px;margin:0 0 55px}.work-filters button{background:none;border:0;border-bottom:1px solid transparent;color:var(--muted);padding:10px 0;font-family:var(--editorial);font-size:23px;cursor:pointer;min-height:44px}.work-filters button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);font-style:italic}.work-filters sup{font-family:Manrope,Arial,sans-serif;font-size:9px;font-style:normal;vertical-align:super;margin-left:4px}.catalog-full{gap:75px 6vw}.catalog-full .catalog-project:nth-child(even){margin-top:100px}.catalog-full .catalog-image{aspect-ratio:1}.catalog-full .catalog-astra .catalog-image{aspect-ratio:.8}.catalog-full .catalog-oner .catalog-image,.catalog-full .catalog-valroy .catalog-image{aspect-ratio:1.2}.catalog-full.is-filtered .catalog-project{margin-top:0}
@media(max-width:1000px){.studio-services figure{margin-top:-180px;max-width:240px}.studio-services ul{font-size:35px}.art-chapter>.meta:last-child{display:none}}
@media(max-width:760px){:root{--gutter:5vw}.studio-header{height:76px;left:var(--gutter);right:var(--gutter);grid-template-columns:1fr 50px 1fr}.studio-header .nav{font-size:10px;gap:14px;letter-spacing:0}.studio-header .nav-right{gap:12px}.studio-logo img{width:36px;height:43px}.studio-header .nav-right svg{display:none}.art-intro{padding-top:120px}.art-signature{font-size:9px;letter-spacing:.07em}.art-intro h1{font-size:clamp(53px,12vw,85px);line-height:1.02;margin:27px 0 23px;letter-spacing:-.06em}.art-intro-copy{font-size:12px;line-height:1.7;max-width:310px;margin:auto}.art-intro-copy br{display:none}.art-intro-foot{padding:35px 0 23px;font-size:8px;letter-spacing:0;gap:15px}.art-intro-foot a{gap:10px}.art-chapter{padding:20px 0;gap:12px}.art-chapter>.meta{font-size:8px}.art-chapter h2{font-size:17px;letter-spacing:.025em}.feature-gallery{margin-bottom:65px}.featured-spread{height:66svh;min-height:440px;max-height:650px;grid-template-columns:1fr;gap:8px}.feature-caption{padding:17px 0;gap:9px 12px}.feature-caption [data-slide-link]{font-size:15px}.hero-controls button{width:35px;height:35px}.art-selection .catalog-grid{grid-template-columns:1fr;gap:42px}.art-selection .catalog-project:nth-child(2),.art-selection .catalog-project:nth-child(3){width:100%;margin:0;grid-column:auto}.art-selection .catalog-project:nth-child(3) .catalog-image{aspect-ratio:1.2}.studio-section-heading h2{font-size:39px}.studio-section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.studio-section-heading p{justify-self:start;font-size:17px;max-width:300px}.catalog-caption h3{font-size:28px}.catalog-caption p{font-size:10px}.studio-services{margin-top:60px;padding:35px 0 50px;grid-template-columns:1fr;gap:28px}.capabilities-intro>h2{font-size:47px;margin:22px 0 17px}.capabilities-intro p{font-size:13px}.studio-services ul{grid-column:auto;padding:0;font-size:34px}.studio-services figure{display:none}.studio-about{margin-top:20px;grid-template-columns:1fr;gap:25px}.studio-about>figure{width:85%;margin:0 auto}.studio-about h2{font-size:47px;margin:25px 0}.studio-about p{font-size:20px}.studio-footer{margin-top:70px;padding-top:40px}.footer-invitation>a{font-size:11vw;line-height:1.15;margin:30px 0 45px}.footer-invitation .arrow{display:none}.footer-studio{grid-template-columns:65px 1fr;gap:20px}.footer-studio nav{grid-column:1/-1}.footer-studio .meta{font-size:9px}.page-intro{padding-top:120px;padding-bottom:40px}.page-intro h1{font-size:17vw;line-height:1.02}.page-intro>p{font-size:21px}.work-filters{gap:17px;flex-wrap:wrap;margin-bottom:30px}.work-filters button{font-size:18px}.work-filters sup{font-size:8px;margin-left:2px}.catalog-full .catalog-project:nth-child(even){margin-top:0}.catalog-full{gap:42px}.case-opening{padding-top:115px}.case-opening h1,.case-valroy .case-opening h1,.case-booblik .case-opening h1,.case-prouve .case-opening h1{font-size:20vw}.case-summary>p{font-size:29px}.portfolio-story p{font-size:23px}.about-heading h1{font-size:16vw}.contact-page h1{font-size:14vw}}
/* Keep the practice image in normal document flow at every width. */
.feature-gallery{background:transparent}
.capabilities-intro>h2{font-weight:400}
.studio-services{row-gap:35px}
.studio-services .capabilities-intro{grid-column:1;grid-row:1}
.studio-services ul{grid-column:2;grid-row:1 / 3}
.studio-services figure{grid-column:1;grid-row:2;margin:0}
@media(max-width:760px){.art-intro-copy{font-size:13px}.studio-services .capabilities-intro,.studio-services ul{grid-column:1;grid-row:auto}.art-chapter h2{font-size:16px;letter-spacing:0}.art-chapter{gap:8px}}
@media(max-width:350px){.studio-header .nav{font-size:9px;gap:10px}.studio-header .nav-right{gap:9px}.art-chapter h2{font-size:14px}.art-intro h1{font-size:49px}.work-filters{gap:12px}.work-filters button{font-size:16px}}

/* The opening projects are individual, always-visible sections. */
.compact-intro{padding:136px var(--gutter) 38px}
.compact-intro .art-signature{font-size:9px;letter-spacing:.14em;color:var(--muted)}
.compact-intro h1{font-size:44px;line-height:1.12;margin:22px auto 20px;letter-spacing:-.035em;font-weight:400}
.compact-intro h1 em{display:block;font-size:1.18em;line-height:1.04;letter-spacing:-.025em;white-space:nowrap;color:var(--ink)}
.compact-intro .art-intro-copy{font-size:11px;line-height:1.7;color:var(--muted)}
.compact-intro .art-intro-copy span{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-top:7px}
.lead-projects{margin:0 var(--gutter) 105px;scroll-margin-top:110px}
.lead-project{margin-bottom:82px}
.lead-project:last-child{margin-bottom:0}
.lead-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;border-top:1px solid var(--line);padding:22px 0}
.lead-heading h2{font-family:var(--editorial);font-weight:400;font-size:42px;line-height:1;letter-spacing:-.04em}
.lead-heading>.meta{font-size:10px}
.lead-heading>p{text-align:right}
.lead-artwork{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lead-artwork figure{height:clamp(420px,48vw,720px);overflow:hidden;background:#ddd5c7}
.lead-artwork img{width:100%;height:100%;object-fit:cover;transition:transform 900ms var(--ease)}
.lead-artwork:hover img{transform:scale(1.015)}
.lead-ego .lead-artwork{grid-template-columns:1.35fr 1fr}
.lead-ego .lead-artwork figure:first-child{background:#e9e2db}
.lead-ego .lead-artwork figure:first-child img{object-fit:contain}
.lead-caption{display:flex;justify-content:space-between;align-items:baseline;gap:35px;padding:20px 0;border-bottom:1px solid var(--line)}
.lead-caption p{font-family:var(--editorial);font-size:22px;line-height:1.4}
.lead-caption>a{font-size:12px;white-space:nowrap}
.art-selection .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px}
.art-selection .catalog-project:nth-child(n){grid-column:auto;width:100%;margin:0}
.art-selection .catalog-project:nth-child(n) .catalog-image{aspect-ratio:.9}
.art-selection .catalog-valroy img{object-fit:contain}
@media(max-width:1000px) and (min-width:761px){.art-selection .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .compact-intro{padding:105px var(--gutter) 28px}
 .compact-intro .art-signature{font-size:8px;letter-spacing:.08em}
 .compact-intro h1{font-size:34px;line-height:1.08;margin:19px auto 18px}
 .compact-intro h1 em{display:block}
 .compact-intro .art-intro-copy{font-size:10px;max-width:300px;line-height:1.65}
 .compact-intro .art-intro-copy span{font-size:8px;margin-top:7px}
 .lead-projects{margin-bottom:65px}
 .lead-project{margin-bottom:48px}
 .lead-heading{grid-template-columns:1fr auto;gap:4px 12px;padding:15px 0}
 .lead-heading h2{font-size:35px;grid-column:2;grid-row:1 / 3}
 .lead-heading>p{grid-column:1;grid-row:2;text-align:left;font-size:9px}
 .lead-heading>.meta:first-child{font-size:9px}
 .lead-artwork,.lead-ego .lead-artwork{grid-template-columns:1fr;gap:8px}
 .lead-artwork figure{height:auto;aspect-ratio:1.05}
 .lead-oner .lead-artwork figure:first-child{aspect-ratio:.85}
 .lead-oner .lead-artwork figure:nth-child(2){aspect-ratio:1.25}
 .lead-ego .lead-artwork figure:first-child{aspect-ratio:1.4}
 .lead-caption{display:block;padding:17px 0}
 .lead-caption p{font-size:20px;line-height:1.35}
 .lead-caption>a{margin-top:14px}
 .art-selection .catalog-grid{grid-template-columns:1fr;gap:38px}
}
