/* The expanded archive: art first, precise type, clear paths between projects. */
.portfolio-page{background:#fff;color:#111}.portfolio-page .site-header{background:transparent!important}.portfolio-page .site-header .logo img{filter:brightness(0)}.portfolio-page .site-header .direct-nav a,.portfolio-page .site-header .direct-nav a:is(:hover,:focus-visible){color:#111;text-shadow:none}.portfolio-page .site-header .direct-nav a:focus-visible{outline-color:#111}
.portfolio-opening{padding:135px 5% 38px}.portfolio-opening h1{font-size:clamp(76px,10vw,166px);line-height:.88;margin:24px 0 28px}.portfolio-opening h1 em{color:#2454ed;font-style:normal}.portfolio-opening>p{max-width:620px;font-size:18px}.portfolio-summary{display:flex;justify-content:space-between;gap:30px;align-items:end}.portfolio-summary p{font-size:18px;line-height:1.5}.work-index{display:flex;gap:24px;flex-wrap:wrap}.work-index a{font-size:13px;border-bottom:1px solid #111;padding-bottom:7px}
.project-grid{padding:0 5% 48px;display:grid;grid-template-columns:1fr 1fr;gap:40px 25px}.project-card{display:block;min-width:0}.card-image{aspect-ratio:1.4;overflow:hidden;position:relative;background:#ddd}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card:hover img{transform:scale(1.025)}.card-number{position:absolute;left:15px;top:15px;background:#111;color:#fff;padding:5px 9px}.card-caption{display:flex;justify-content:space-between;gap:18px;padding-top:16px;align-items:start}.card-caption h2{font-size:clamp(32px,3vw,54px);line-height:1}.card-caption>.mono{font-size:8px;text-align:right;line-height:1.6;max-width:160px}.discipline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background:#111;color:#fff;padding:45px 5%}.discipline-grid img{width:100%;height:420px;object-fit:cover}.discipline-grid h2{font-size:48px;margin:20px 0 12px}.archive-link{display:flex;justify-content:space-between;gap:20px;padding:30px 5%;font-size:13px}.portfolio-page .page-footer{background:#111;color:#fff}
.story-hero{height:88svh;min-height:610px;max-height:1000px;position:relative;background:#111;overflow:hidden}.story-hero>img{width:100%;height:100%;object-fit:cover}.story-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0002 30%,#0000 40%,#000b)}.story-heading{position:absolute;left:5%;right:5%;bottom:45px}.story-heading h1{font-size:clamp(75px,10vw,160px);line-height:.87;max-width:1100px;margin-top:20px;text-wrap:balance}.photo-credit{position:absolute;right:20px;bottom:10px;font-size:8px;background:#111b;padding:4px}.story-intro{background:#fff;color:#111;display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:55px 6%}.story-intro h2{font-size:clamp(48px,5vw,80px);line-height:.95;margin-top:25px}.story-intro p{font-size:18px;line-height:1.65}.story-intro dl{margin:28px 0 0}.story-intro dl>div{display:grid;grid-template-columns:110px 1fr;gap:20px;border-top:1px solid #ddd;padding:13px 0}.story-intro dt{font:9px 'Space Mono',monospace}.story-intro dd{margin:0;font-size:14px}.story-gallery{padding:40px 5%;display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#f1f1ef;color:#111}.story-gallery figure{margin:0;min-width:0}.story-gallery figure:first-child{grid-column:1/-1}.story-gallery button{width:100%;display:block}.story-gallery img{width:100%;max-height:760px;object-fit:contain;background:#e4e4e0}.story-gallery figure:first-child img{max-height:850px}.story-gallery figcaption{margin-top:10px;font-size:9px}.process-film{display:grid;grid-template-columns:.6fr 1fr;gap:6%;padding:48px 6%;align-items:center;background:#111;color:#fff}.process-film h2{font-size:clamp(50px,5vw,85px);line-height:.95;margin:23px 0}.process-film p{max-width:310px;font-size:15px}.process-film video{width:100%;max-height:640px;background:#050505}.vertical-film video{max-height:650px;object-fit:contain}.story-links{padding:25px 6%;display:flex;gap:30px;background:#fff;color:#111}.press-note{padding:45px 6%;background:#fff;color:#111}.press-note h2{font-size:72px;margin:20px 0}.press-note p{max-width:650px;margin-bottom:25px}
.art-grid{padding:0 5% 50px;columns:3;column-gap:24px;background:#fff;color:#111}.art-grid figure{break-inside:avoid;margin:0 0 28px;display:inline-block;width:100%}.art-grid button{display:block;width:100%}.art-grid img{width:100%;height:auto}.art-grid figcaption{font-size:8px;margin-top:9px}.wearable-intro{background:#fff;color:#111;padding:45px 5%;display:grid;grid-template-columns:1fr 1fr;gap:20px 6%}.wearable-intro>.mono{grid-column:1/-1}.wearable-intro h2{font-size:clamp(55px,6vw,95px);line-height:.9}.wearable-intro h2 em{color:#2454ed}.wearable-intro p{font-size:18px;max-width:480px;align-self:center}.artist-page .portrait img{object-position:center 30%}.artist-page .portrait{aspect-ratio:1/1}
.new-home-hero{height:100svh;min-height:660px;position:relative;overflow:hidden;background:#111}.new-home-hero>.hero-poster,.new-home-hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.new-home-hero>video{opacity:0;transition:opacity .4s}.new-home-hero>video.is-ready{opacity:1}.new-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0003,#0000 30%,#0009 90%)}.home-topline{position:absolute;left:5%;top:135px;font-size:9px}.new-home-heading{position:absolute;left:5%;right:5%;bottom:110px}.new-home-heading h1{font-size:clamp(100px,12.8vw,220px);line-height:.8;letter-spacing:-.02em;margin:25px 0 30px}.new-home-heading h1 em{color:#ffad66;font-style:normal}.hero-project-link{display:flex;justify-content:space-between;max-width:360px;border-top:1px solid #fff8;padding-top:16px;font:11px 'Space Mono',monospace}.new-home-bottom{position:absolute;left:5%;right:5%;bottom:28px;display:flex;align-items:center;justify-content:space-between}.new-home-bottom button{border:1px solid #fff9;padding:10px 15px;border-radius:30px}.home-selection{background:#f5f5f1;color:#111;padding-top:30px}.selection-heading{display:flex;justify-content:space-between;align-items:center;margin:0 5% 28px;gap:20px}.selection-heading>a{font-size:13px}.home-discipline-links{display:flex;gap:5%;padding:5px 5% 40px;font-family:'Barlow Condensed',sans-serif;font-size:clamp(30px,4.5vw,70px)}
@media(max-width:720px){.site-header .direct-nav a{font-size:11px}.portfolio-opening{padding:150px 5% 28px}.portfolio-opening h1{font-size:20vw}.portfolio-summary{align-items:start;flex-direction:column;gap:20px}.portfolio-opening>p,.portfolio-summary p{font-size:16px}.work-index{gap:20px}.work-index a{font-size:12px}.project-grid{grid-template-columns:1fr;gap:32px;padding-bottom:32px}.card-image{aspect-ratio:1.25}.card-caption h2{font-size:38px}.card-caption>.mono{font-size:8px}.discipline-grid{grid-template-columns:1fr;gap:35px;padding:30px 5%}.discipline-grid img{height:420px}.discipline-grid h2{font-size:45px;margin-top:16px}.archive-link{flex-direction:column;font-size:12px}.story-hero{height:80svh;min-height:560px}.story-heading{bottom:35px}.story-heading h1{font-size:20vw;max-width:100%;line-height:.9}.story-heading>.mono{font-size:8px}.story-intro{grid-template-columns:1fr;padding:32px 6%;gap:25px}.story-intro h2{font-size:48px;margin-top:18px}.story-intro p{font-size:16px}.story-intro dl>div{grid-template-columns:95px 1fr}.story-gallery{padding:25px 5%;gap:20px;grid-template-columns:1fr}.story-gallery figure:first-child{grid-column:auto}.process-film{grid-template-columns:1fr;padding:32px 6%;gap:24px}.process-film h2{font-size:54px}.process-film video{max-height:560px}.story-links{flex-direction:column;gap:17px;font-size:13px}.press-note{padding:30px 6%}.press-note h2{font-size:50px}.press-note .underline-link{font-size:10px}.art-grid{columns:2;column-gap:12px;padding:0 4% 30px}.art-grid figure{margin-bottom:18px}.art-grid figcaption{font-size:7px}.wearable-intro{grid-template-columns:1fr;padding:30px 5%}.wearable-intro p{font-size:16px}.artist-page .portrait{aspect-ratio:1/1}.new-home-hero{min-height:650px}.home-topline{top:150px;font-size:8px}.new-home-heading{bottom:125px}.new-home-heading h1{font-size:24vw;line-height:.88}.new-home-heading>.mono{font-size:8px}.new-home-bottom>.mono{font-size:8px}.hero-project-link{max-width:290px;font-size:10px}.selection-heading{align-items:start}.selection-heading>.mono{max-width:170px;font-size:8px}.selection-heading>a{font-size:11px}.home-discipline-links{font-size:29px;justify-content:space-between;gap:10px}}
@media(prefers-reduced-motion:reduce){.project-card img,.new-home-hero>video{transition:none}.project-card:hover img{transform:none}}
.new-home-hero,.new-home-heading h1,.story-hero,.story-heading h1,.story-page .page-footer{color:#fff}.new-home-heading h1 em{color:#ffad66}.story-page .page-footer{background:#111}
.contact-intro-v3>.mono{color:#fff}
@media(min-width:721px){.portfolio-opening h1{font-size:clamp(76px,8vw,130px)}.portfolio-opening{padding-bottom:30px}}

@media(max-width:720px){.site-header .direct-nav{gap:4px}.site-header .direct-nav a{font-size:clamp(9px,2.65vw,11px);letter-spacing:-.015em}}

/* Work categories: prominent destinations before the introduction. */
.work-category-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:24px 0 32px}
.work-category-nav a{display:flex;flex-direction:column;gap:10px;border-top:3px solid var(--category-color);padding:14px 0;font-size:clamp(20px,2.5vw,38px);font-weight:600;line-height:1.2;text-decoration:none}
.work-category-nav a:nth-child(1){--category-color:#e87524}.work-category-nav a:nth-child(2){--category-color:#2454ed}.work-category-nav a:nth-child(3){--category-color:#e9b900}.work-category-nav a:nth-child(4){--category-color:#8652cb}
.work-category-nav .mono{font-size:10px;font-weight:400;letter-spacing:.06em}
.work-category-nav a:hover,.work-category-nav a:focus-visible{color:var(--category-color)}
#murals{scroll-margin-top:130px}
@media(max-width:720px){.work-category-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:22px 0 26px}.work-category-nav a{font-size:23px;padding:12px 0;gap:8px}.work-category-nav .mono{font-size:9px}}
/* Artwork leads the directory and each practice. */
.visual-work-opening{padding-bottom:24px}.work-intro-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.visual-work-opening .work-intro-line h1{font-size:clamp(32px,3.4vw,56px);line-height:1;margin:0}.visual-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.visual-categories a,.practice-tiles a{display:block;text-decoration:none;min-width:0}.visual-categories img{width:100%;height:clamp(220px,25vw,430px);object-fit:cover}.visual-categories .mono,.practice-tiles .mono{display:block;margin-top:15px;font-size:10px}.visual-categories h2{font:600 clamp(22px,2.6vw,42px)/1.15 sans-serif;margin:7px 0 0}.visual-categories a:hover img,.practice-tiles a:hover img{filter:brightness(.88)}.visual-categories a:nth-child(2) h2{color:#2454ed}.visual-categories a:nth-child(3) h2{color:#946600}.visual-categories a:nth-child(4) h2{color:#8050bd}.murals-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 5% 24px}.murals-heading a{font-size:14px;text-decoration:underline;text-underline-offset:5px}.practice-preview{padding:36px 5%;background:#fff;color:#111}.practice-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.practice-tiles img{width:100%;height:clamp(280px,32vw,520px);object-fit:cover}.practice-tiles h2{font-size:clamp(32px,4vw,58px);margin:8px 0 0;line-height:1}.wearable-cover{display:grid;grid-template-columns:1fr 1fr;background:#111;color:white;min-height:88svh;padding-top:100px}.wearable-cover-copy{padding:45px 10% 55px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.wearable-cover h1{font-size:clamp(80px,10vw,160px);line-height:.9;margin:25px 0;color:white}.wearable-cover h1 em{color:#ffd43b}.wearable-cover p{font-size:18px;line-height:1.55}.wearable-cover a{margin-top:22px;padding-bottom:8px;border-bottom:1px solid #fff;font-size:14px}.wearable-cover-image{position:relative;background:#242424;display:flex;align-items:center;justify-content:center;padding:25px 7% 40px}.wearable-cover-image img{width:100%;height:68svh;object-fit:contain}.wearable-cover-image>.mono{position:absolute;bottom:15px;left:7%;font-size:9px}.commission-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 5%;background:#f2f0eb;color:#111}.commission-strip>a{font-size:clamp(23px,3vw,42px);line-height:1.2;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}.show-title{display:block;grid-column:1/-1;font-size:clamp(35px,5vw,70px);font-weight:700;margin-bottom:16px}.art-grid img{object-fit:contain}#contact-form{scroll-margin-top:125px}#wearable-collection{scroll-margin-top:110px}
@media(max-width:720px){.work-intro-line{display:block;margin-bottom:20px}.visual-work-opening .work-intro-line h1{font-size:37px;margin-top:14px}.visual-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.visual-categories img{height:210px}.visual-categories h2{font-size:23px}.visual-categories .mono{font-size:8px;margin-top:10px}.murals-heading{align-items:start}.murals-heading .mono{font-size:9px;max-width:150px}.murals-heading a{font-size:12px}.practice-preview{padding:28px 5%}.practice-tiles{grid-template-columns:1fr;gap:27px}.practice-tiles img{height:340px}.practice-tiles h2{font-size:39px}.wearable-cover{grid-template-columns:1fr;padding-top:112px}.wearable-cover-copy{padding:25px 6%}.wearable-cover h1{font-size:80px;margin:18px 0}.wearable-cover h1 br{display:none}.wearable-cover p{font-size:16px;margin:0}.wearable-cover a{margin-top:16px}.wearable-cover-image{padding:12px 5% 35px}.wearable-cover-image img{height:430px}.commission-strip{align-items:start;flex-direction:column;gap:15px;padding:25px 5%}.commission-strip .mono{font-size:9px}.show-title{font-size:40px}}
.fashion-page .art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;columns:auto}.fashion-page .art-grid figure{margin:0}.fashion-page .art-grid img{height:520px;width:100%;object-fit:contain;background:#f1f0ed}.fashion-page .art-grid figcaption{padding-top:10px;line-height:1.5}
@media(max-width:720px){.fashion-page .art-grid{gap:20px 12px}.fashion-page .art-grid img{height:270px}.fashion-page .art-grid figcaption{font-size:8px}}
@media(max-width:720px){.wearable-cover h1{font-size:64px}.wearable-cover-copy{padding-top:20px}.wearable-cover-image img{height:380px}}
