@font-face{font-family:Syne;src:url('/assets/fonts/Syne-800.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:Syne;src:url('/assets/fonts/Syne-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--font-display:Syne,Arial,sans-serif;--accent:#c5a4ff;--lilac:#c5a4ff;--bg:#090909;--line:#29272d}
body{overflow-x:clip}header,main,footer{max-width:1800px;padding-left:4.5%;padding-right:4.5%}
body header{border:0;padding-top:32px;padding-bottom:32px}body header .name,body.home header .name{font-family:Syne,sans-serif;font-weight:800;font-size:19px;text-transform:none;letter-spacing:-.04em}
header nav{gap:28px}header nav a{border:0;border-radius:0;padding:6px 0;font-size:13px;position:relative}nav a:hover,nav a[aria-current]{background:none;color:var(--accent)}nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a:hover:after,nav a[aria-current]:after{transform:scaleX(1)}
h1,h2,h3,.page-heading h1,.prose h2,.project-label h2,.research-band>h2,.index-row h3,.section-heading h2{font-family:Syne,sans-serif;font-weight:800;letter-spacing:-.045em;text-transform:none}
.home .intro{display:grid;grid-template-columns:1fr;padding-top:35px;padding-bottom:100px;gap:40px;min-height:78vh}.hero-index{display:flex;justify-content:space-between;gap:20px;font-size:11px;text-transform:uppercase;color:var(--muted)}.hero-index span:first-child{color:var(--accent)}
.home .making-heading{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(70px,10.8vw,184px);line-height:.86;letter-spacing:-.065em;max-width:100%;text-transform:uppercase}
.making-heading>span{display:block;overflow:hidden;padding-bottom:.1em}.making-heading>span:nth-child(2){margin-left:15%;font-size:.64em;line-height:1.05}.making-heading>span:nth-child(3){margin-left:24%;color:var(--accent)}
.making-heading i{font-style:normal;display:inline-block;animation:letter-enter 1s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--letter)*45ms)}@keyframes letter-enter{from{transform:translateY(110%) rotate(8deg);opacity:0}to{transform:none;opacity:1}}
.home .intro-note{display:grid;grid-template-columns:64px 1fr;gap:8px 20px;max-width:540px;justify-self:end;align-self:auto}.home .intro-portrait{width:64px;height:80px;grid-row:1/3;margin:0}.home .intro-note p{font-size:15px;line-height:1.65;margin:0}.home .intro-note .text-link{grid-column:2;font-size:13px}.motion-toggle{left:0;right:auto;bottom:32px;border-radius:0;border:0;border-bottom:1px solid var(--line);padding-left:0;background:none}
.selected{border:0}.section-heading{margin-bottom:40px}.section-heading h2{font-size:clamp(25px,3vw,42px)}.section-heading>span{font-size:12px}.featured-research .project-grid,.leadership .project-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:100px 5%}.home .project:nth-child(n){padding-top:0}.home .project:nth-child(even){margin-top:150px}.project .image-wrap{background:#111}.project .image-wrap img{aspect-ratio:1.24;transition:transform .9s cubic-bezier(.2,.65,.2,1)}.project:hover .image-wrap img{transform:scale(1.055)}.project-label{display:block;padding-top:22px}.project-label h2{font-size:clamp(25px,2.6vw,40px)}.project-label>span{font-size:12px;margin-top:8px}.project>p{font-size:14px;max-width:50ch;line-height:1.65}.open-project{border-radius:50%;width:82px;height:82px;display:flex;align-items:center;justify-content:center;text-align:center;bottom:18px;right:18px;font-size:12px;line-height:1.3;transform:translateY(15px);transition:transform .3s,opacity .3s}.project:hover .open-project,.project:focus-visible .open-project{transform:none}
.home .research-band{margin-top:130px;padding:65px 0;background:none;border-top:1px solid var(--line)}.research-band>h2{font-size:clamp(38px,5.8vw,88px);max-width:1150px;line-height:1.04}.research-band .eyebrow{color:var(--accent)}.research-band .index-row{border-color:var(--line)}.index-row h3{font-size:clamp(25px,3vw,42px)}.practice{margin-top:50px}.page-heading{padding-top:55px;padding-bottom:70px}.page-heading h1{font-size:clamp(48px,7.5vw,118px);max-width:1300px;line-height:1}.prose{margin-top:90px}.prose h2{font-size:clamp(28px,3.2vw,45px)}.prose p{line-height:1.85}.lead{font-size:19px}.metadata{margin-top:50px}.journey-card h3{font-family:Syne;font-weight:800}.footer-name{font-family:Syne;font-weight:800;text-transform:none}.compare-version{grid-column:1/-1;color:var(--accent);font-size:12px;justify-self:start;border-bottom:1px solid var(--accent)}
.reveal-ready{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.2,1)}.reveal-ready.is-visible{opacity:1;transform:none}.motion-paused .making-heading i{animation:none}.motion-paused .reveal-ready{opacity:1;transform:none}
@media(max-width:760px){body header,body.home header{padding-top:22px}header nav{gap:20px}.home .intro{padding-top:20px;min-height:auto;padding-bottom:75px;gap:32px}.hero-index{font-size:9px}.hero-index span:last-child{display:none}.home .making-heading{font-size:11.8vw;line-height:.93}.making-heading>span:nth-child(2){margin-left:8%;font-size:.72em}.making-heading>span:nth-child(3){margin-left:12%}.home .intro-note{justify-self:start;max-width:480px}.featured-research .project-grid,.leadership .project-grid,.project-grid{gap:45px;grid-template-columns:1fr}.home .project:nth-child(even){margin-top:0}.project-label h2{font-size:29px}.open-project{width:65px;height:65px;opacity:1;transform:none}.home .research-band{margin-top:70px;padding:40px 0}.section-heading{margin-bottom:25px}.page-heading{padding-top:30px;padding-bottom:40px}.page-heading h1{font-size:clamp(40px,9vw,68px)}.prose{margin-top:50px}}
@media(prefers-reduced-motion:reduce){.making-heading i{animation:none}.reveal-ready{opacity:1;transform:none;transition:none}.project .image-wrap img{transition:none}.project:hover .image-wrap img{transform:none}}

/* Narrower Syne cut keeps the character while improving reading. */
@font-face{font-family:Syne;src:url('/assets/fonts/Syne-700.ttf') format('truetype');font-weight:700;font-display:swap}
h1,h2,h3,.page-heading h1,.prose h2,.project-label h2,.research-band>h2,.index-row h3,.section-heading h2,.journey-card h3,.footer-name{font-weight:700;letter-spacing:-.03em}
.home .making-heading{font-weight:700;font-size:clamp(64px,9.6vw,160px);letter-spacing:-.045em}
.making-heading>span{white-space:nowrap;overflow:visible;width:max-content;max-width:100%}
.making-heading>span:nth-child(3){margin-left:17%}
.practice .index-row h3{font-size:clamp(20px,2vw,28px);line-height:1.25}
@media(max-width:760px){.home .making-heading{font-size:10.8vw}.making-heading>span:nth-child(3){margin-left:10%}.practice .index-row h3{font-size:22px}}

/* Consistent archive thumbnails; selected projects retain their editorial layout. */
body:not(.home) .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 26px}
body:not(.home) .project .image-wrap{width:100%;aspect-ratio:1.3;overflow:hidden}
body:not(.home) .project .image-wrap img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
body:not(.home) .project .type-cover{aspect-ratio:1.3;min-height:0}
body:not(.home) .project-label h2{font-size:clamp(23px,2vw,29px)}
@media(max-width:1000px){body:not(.home) .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body:not(.home) .project-grid{grid-template-columns:1fr}}

.project .image-wrap img[src$="knit-character-chart.png"]{object-fit:cover!important;object-position:50% 50%;width:100%;height:100%}
.project .image-wrap:has(img[src$="knit-character-chart.png"]){aspect-ratio:1.24}
body:not(.home) .project .image-wrap:has(img[src$="knit-character-chart.png"]){aspect-ratio:1.3}
.project .image-wrap img[src$="course-5710.jpg"]{object-position:50% 37%}

.jury-archive-link{display:block;font-size:14px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.jury-archive-link strong{color:var(--accent);font-weight:500}.jury-archive-link p{display:inline;margin-left:12px}.journey-card img{width:100%;aspect-ratio:1.22;object-fit:cover}.journey-card img[src$="journey-metmash.jpg"],.journey-card img[src$="journey-brics.svg"]{object-fit:contain;background:#101014}

.project .image-wrap img[src$="mhpi-knit-cover.jpg"]{object-fit:cover;object-position:50% 39%}.mhpi-show-cover{max-width:none}.mhpi-show-cover img{width:100%;height:460px;max-height:none;object-fit:cover;object-position:50% 40%}.mhpi-show-gallery img{height:440px;object-fit:contain}@media(max-width:760px){.mhpi-show-cover img{height:300px}.mhpi-show-gallery img{height:300px}}

/* Case documentation retains each image's full original composition. */
.case-detail main img:not(.project img){display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:85vh!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;margin-left:auto;margin-right:auto;transform:none!important;background:transparent}
.case-detail main figure{min-width:0;overflow:visible}
.case-detail .gallery,.case-detail .knit-gallery,.case-detail .mercury-hero{align-items:start}
.case-detail main figure>a{display:block;overflow:visible}

/* Match the hero's letterforms and casing to all other headings. */
.home .making-heading{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;text-transform:none}
.home .making-heading>span{font-family:inherit;font-weight:inherit;letter-spacing:inherit;animation:letter-enter .9s cubic-bezier(.2,.7,.2,1) both}
.home .making-heading>span:nth-child(2){animation-delay:.1s}
.home .making-heading>span:nth-child(3){animation-delay:.2s}
.motion-paused .making-heading>span{animation:none}
@media(prefers-reduced-motion:reduce){.home .making-heading>span{animation:none}}

/* Keep the five primary destinations readable on narrow screens. */
header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;column-gap:20px;row-gap:4px}
@media(max-width:760px){header nav{grid-column:1/-1;justify-content:flex-start;column-gap:16px;row-gap:2px}header nav a{font-size:13px;white-space:nowrap}}
.home .intro + .research-band{margin-top:0}

/* Panelki process: show the four original images in full. */
.case-detail .panelki-process-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:48px}
.case-detail .panelki-process-grid img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#141116}
@media(max-width:760px){.case-detail .panelki-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}}

/* Panelki prototypes and final photograph. */
.case-detail .panelki-prototype-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
.case-detail .panelki-prototype-row img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;background:#141116}
.panelki-prototype-note{margin-top:18px;font-size:15px}
.panelki-finale{max-width:1100px;margin:80px auto 0}
.panelki-finale img{display:block;width:100%;height:auto;aspect-ratio:2.15;object-fit:cover;object-position:center 53%}
.panelki-finale figcaption{margin-top:10px;font-size:14px}
@media(max-width:760px){.case-detail .panelki-prototype-row{grid-template-columns:1fr}.panelki-finale{margin-top:55px}.panelki-finale img{aspect-ratio:1.45;object-position:center 50%}}

/* The talk archive consists of original square posts; show every edge. */
.panelki-talk{margin-top:85px}
.case-detail .panelki-talk-gallery{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:38px}
.case-detail .panelki-talk-gallery img{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}
/* The closing portrait intentionally fills a wide editorial frame. */
.case-detail .panelki-finale img{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:2.15!important;object-fit:cover!important;object-position:center 53%!important}
@media(max-width:760px){.panelki-talk{margin-top:55px}.case-detail .panelki-talk-gallery{grid-template-columns:1fr;gap:34px}.case-detail .panelki-finale img{aspect-ratio:1.45!important;object-position:center 50%!important}}

/* Original square research posts, a single centered 3D study, and a hero-shaped closing crop. */
.case-detail .panelki-process-grid img,.case-detail .panelki-talk-gallery img{display:block;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;aspect-ratio:1!important;object-fit:contain!important;object-position:center!important}
.case-detail .panelki-prototype-row{grid-template-columns:minmax(0,1fr);max-width:880px;margin-left:auto;margin-right:auto}
.case-detail .panelki-prototype-row img{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:contain!important}
.case-detail .panelki-finale{max-width:880px}
.case-detail .panelki-finale img{aspect-ratio:1800/650!important}
@media(max-width:760px){.case-detail .panelki-finale img{aspect-ratio:1800/650!important}}

/* Original video posts remain playable and link to their source. */
.case-detail .panelki-video{max-width:540px;margin:68px auto 0}
.case-detail .panelki-video iframe{display:block;width:100%;height:640px;border:0;background:#141116}
.case-detail .panelki-video figcaption{margin-top:12px;font-size:14px;line-height:1.55}
@media(max-width:760px){.case-detail .panelki-video{margin-top:48px}.case-detail .panelki-video iframe{height:580px}}

/* Neural Monsters opens in the same wide image frame as Panelki. */
.case-detail .monsters-knit-cover{max-width:880px;margin-left:auto;margin-right:auto}
.case-detail .monsters-knit-cover img{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1800/650!important;object-fit:cover!important;object-position:center 62%!important}
.monsters-runway{max-width:1000px;margin:90px auto 70px}
.monsters-runway-frame{width:100%;aspect-ratio:16/9;background:#141116}
.monsters-runway-frame iframe{display:block;width:100%;height:100%;border:0}
.monsters-runway p{font-size:15px;line-height:1.6}
@media(max-width:760px){.monsters-runway{margin:55px auto 45px}}

/* Full source-post frames avoid thumbnail crops and expose carousel navigation. */
.case-detail .panelki-process-grid img,.case-detail .panelki-talk-gallery img{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}
.panelki-final-archive{margin:85px auto 0;max-width:1100px}
.panelki-final-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.panelki-final-posts figure{min-width:0;margin:0}
.panelki-final-posts iframe{display:block;width:100%;height:640px;border:0;background:#141116}
.panelki-final-posts figcaption{margin-top:12px;font-size:14px;line-height:1.55}
@media(max-width:900px){.panelki-final-posts{grid-template-columns:1fr}.panelki-final-posts figure{max-width:540px;margin:0 auto;width:100%}.panelki-final-posts iframe{height:720px}}

/* Override the case-wide image rule, whose selector otherwise wins over the finale crop. */
#main .panelki-finale a{display:block;aspect-ratio:1800/650;overflow:hidden}
#main .panelki-finale img{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 53%!important;margin:0!important}
/* Keep the three original posts in one row at every viewport width. */
.panelki-final-archive{max-width:1200px}
.panelki-final-posts{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:900px){.panelki-final-posts{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:14px}.panelki-final-posts figure{flex:0 0 min(78vw,360px);max-width:none;margin:0;scroll-snap-align:start}.panelki-final-posts iframe{height:580px}}

/* Show the complete square process film in the former prototype position. */
.case-detail .panelki-prototype-row figure{width:min(100%,560px);margin:0 auto}
.case-detail .panelki-prototype-row video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#141116}
.case-detail .panelki-prototype-row figcaption{margin-top:12px}

/* Eight physical collection photographs in two rows of four. */
.case-detail .panelki-physical-collection .knit-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}
.case-detail .panelki-physical-collection .knit-gallery img{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}
@media(max-width:760px){.case-detail .panelki-physical-collection .knit-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}}

/* The first process film follows the case metadata; the runway uses a native player. */
.case-detail .metadata + .panelki-prototype-row{margin-top:65px;margin-bottom:15px}
.case-detail .panelki-runway-video{max-width:1000px;margin-top:80px}
.case-detail .panelki-runway-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#141116}
@media(max-width:760px){.case-detail .metadata + .panelki-prototype-row{margin-top:45px}.case-detail .panelki-runway-video{margin-top:55px}}

/* Neural Monsters: horizontal cover and complete process frames. */
#main .monsters-knit-cover a{display:block;aspect-ratio:1800/650;overflow:hidden}
#main .monsters-knit-cover img{width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:1800/650!important;object-fit:cover!important;object-position:center 62%!important}
#main .monsters-post-process .knit-gallery,#main .monsters-final-collection .knit-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}
#main .monsters-post-process .knit-gallery{align-items:start}
#main .knit-gallery img{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}
#main .monsters-post-process figcaption{font-size:.875rem;line-height:1.45}
@media(max-width:760px){#main .monsters-post-process .knit-gallery,#main .monsters-final-collection .knit-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}}

#main .monsters-origin-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px;margin-left:auto;margin-right:auto;align-items:start}

#main .mercury-process-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:48px 0;align-items:start}
#main .mercury-process-media figure{margin:0;min-width:0}
#main .mercury-process-media img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
#main .mercury-process-media video{display:block;width:100%;height:auto;max-height:580px;object-fit:contain;background:#080808}
#main .mercury-process-media figcaption{font-size:.875rem;line-height:1.5;margin-top:12px}
@media(max-width:760px){#main .mercury-process-media{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}}

/* Consistent home selected-project previews. */
.home #selected-projects .project .image-wrap{width:100%;aspect-ratio:1.8;overflow:hidden}
.home #selected-projects .project .image-wrap img{display:block;width:100%!important;height:100%!important;max-height:none;aspect-ratio:auto!important;object-fit:cover!important}
.home #selected-projects>.section-intro{max-width:850px;margin-bottom:48px}

.home #research-directions>p:not(.eyebrow){width:100%;max-width:1120px}

#main .monsters-full-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
#main .monsters-full-row img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;max-height:none!important}
@media(max-width:640px){#main .monsters-full-row{grid-template-columns:1fr;gap:30px}}

/* YOUTH: print sheets and original process post share one compact row. */
.youth-graphics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.youth-graphics-grid figure{margin:0;min-width:0}
.case-detail .youth-graphics-grid figure img{width:100%!important;height:auto!important;max-height:480px!important;object-fit:contain!important}
.youth-graphics-grid .social-post iframe{max-width:100%;height:540px}
@media(max-width:760px){.youth-graphics-grid{grid-template-columns:1fr}.youth-graphics-grid figure{width:100%;max-width:440px;margin-inline:auto}.youth-graphics-grid .social-post{width:100%;max-width:440px;margin-inline:auto}}

/* Compare digital development and the physical result side by side. */
.youth-design-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-block:64px 24px}
.youth-design-result>section{display:grid;grid-template-rows:subgrid;grid-row:span 2;min-width:0;margin:0;gap:16px}
.youth-design-result .section-heading{margin:0;align-self:end}
.youth-design-result h2{font-size:clamp(22px,2.6vw,38px);margin:0}
.youth-design-result figure,.youth-design-result .print-hero{margin:0!important}
.case-detail .youth-design-result figure img{width:100%!important;height:clamp(240px,32vw,460px)!important;max-height:none!important;object-fit:contain!important;object-position:top center!important}
@media(max-width:760px){.youth-design-result{grid-template-columns:1fr;gap:28px}.youth-design-result>section{display:block;grid-row:auto}.youth-design-result .section-heading{margin-bottom:16px}.case-detail .youth-design-result figure img{height:auto!important}}

/* YOUTH process film, talk and conference photographs. */
.youth-process-conference{margin-block:48px}
.youth-posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.youth-posts-grid .social-post{display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:16px}
.youth-posts-grid .social-post h3{font-size:18px;line-height:1.35;margin:0;align-self:end}
.youth-posts-grid .social-post iframe{width:100%;max-width:none;height:560px;margin:0}
@media(max-width:900px){.youth-posts-grid{grid-template-columns:1fr}.youth-posts-grid .social-post{display:block;grid-row:auto;max-width:540px;width:100%;margin-inline:auto}.youth-posts-grid .social-post h3{margin-bottom:16px}.youth-posts-grid .social-post iframe{margin-bottom:16px}}

.youth-final-gallery .knit-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}
.youth-final-gallery .knit-gallery figure{margin:0;min-width:0}
.youth-final-gallery .social-post iframe{height:520px;max-width:100%}
@media(max-width:1000px){.youth-final-gallery .knit-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.youth-final-gallery .knit-gallery{grid-template-columns:1fr}}

/* Combined experience and project archive. */
.experience-jumps{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0 48px;font-size:14px}
.experience-work-heading{margin-top:100px;border-top:1px solid var(--line);padding-top:36px}
.experience-page .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 24px}
.experience-page .project{margin-top:0!important}
.experience-page .project .image-wrap img{width:100%;aspect-ratio:1.3;object-fit:cover}
.experience-page .visual-journey{margin-top:80px}
@media(max-width:1000px){.experience-page .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.experience-page .project-grid{grid-template-columns:1fr}.experience-work-heading{margin-top:64px}}

/* Compact personal introduction and four video cards. */
.experience-page .about-intro{grid-template-columns:minmax(0,1fr) 144px;gap:32px;align-items:start}
.experience-page .about-intro>figure{width:144px;margin:0}
.experience-page .about-intro>figure img{width:144px;height:144px;object-fit:cover;object-position:center 35%;aspect-ratio:1}
.experience-page .about-intro>figure figcaption{font-size:11px}
.experience-video-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.experience-video-card{min-width:0}
.experience-video-card iframe{display:block;width:100%;height:360px;border:1px solid var(--line);background:#fff}
.experience-video-card>a{display:inline-block;margin-top:10px;font-size:11px}
@media(max-width:760px){.experience-page .about-intro{grid-template-columns:minmax(0,1fr) 88px;gap:18px}.experience-page .about-intro>figure{width:88px}.experience-page .about-intro>figure img{width:88px;height:88px}.experience-video-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.experience-video-card iframe{height:320px}}

/* Wider practice introduction and full-height portrait video embeds. */
.experience-page .about-intro{display:block;max-width:1000px}
.experience-page .experience-video-row{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
.experience-page .experience-video-card iframe{height:auto;aspect-ratio:9/20;min-height:540px}
@media(max-width:1200px){.experience-page .experience-video-row{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-page .experience-video-card iframe{min-height:600px}}
@media(max-width:600px){.experience-page .experience-video-row{grid-template-columns:1fr}.experience-page .experience-video-card{width:100%;max-width:420px;margin-inline:auto}.experience-page .experience-video-card iframe{min-height:620px}}

.speaking-year{margin:32px 0}
.speaking-year h3{font-size:28px;color:var(--accent);margin-bottom:16px}
.speaking-chronology .clean-list b{color:var(--fg);font-size:15px;line-height:1.5}
.speaking-chronology .text-link{font-size:13px}

/* Visual cases live alongside the narrative they illustrate. */
.narrative-case{margin:32px 0 40px;max-width:580px}
.experience-page .narrative-case .project-label h2,.experience-page .narrative-exhibitions .project-label h2{font-size:23px;max-width:none;line-height:1.2}
.experience-page .narrative-case .project-label,.experience-page .narrative-exhibitions .project-label{display:block}
.experience-page .narrative-case .project p,.experience-page .narrative-exhibitions .project p{font-size:14px;line-height:1.6}
.experience-page .narrative-exhibitions{margin:32px 0 40px}
.experience-page .narrative-exhibitions .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
.speaking-chronology #talks{margin:32px 0 48px}
.speaking-chronology #talks .section-heading{display:block}
.speaking-chronology #talks h2{max-width:none;font-size:25px}
.speaking-chronology .lecture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media(max-width:600px){.experience-page .narrative-exhibitions .project-grid,.speaking-chronology .lecture-grid{grid-template-columns:1fr}}

/* Compact, vertically proportioned introductory Instagram cards. */
.experience-page .experience-video-row{grid-template-columns:repeat(4,minmax(0,220px));gap:16px;max-width:928px}
.experience-page .experience-video-card{width:100%;max-width:220px;margin-inline:0}
.experience-page .experience-video-card iframe{width:147.058824%;height:650px;min-height:0;aspect-ratio:auto;zoom:.68}
@media(max-width:1000px){.experience-page .experience-video-row{grid-template-columns:repeat(2,minmax(0,220px))}}
@media(max-width:520px){.experience-page .experience-video-row{grid-template-columns:minmax(0,220px)}}

/* The main title stays still after the opening sequence. */
.home .making-heading,.home .making-heading>span,.home .making-heading i{animation:none!important;transition:none!important;opacity:1;transform:none}