@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f2f0e8;--ink:#252724;--muted:#6e7069;--blue:#344e65;--line:#cccfc4;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #bd652b;outline-offset:6px}::selection{background:#c1d2df}.wrap{max-width:1600px;margin:auto;padding:0 5%}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:88px;border-bottom:1px solid var(--line);gap:20px}.brand{font-family:var(--display);font-size:26px;font-weight:700;letter-spacing:-1.6px}.brand i{font-family:var(--serif);font-weight:400}.nav{display:flex;gap:32px;font-size:13px}.nav a:hover,.textlink:hover{color:var(--blue);text-decoration:underline;text-underline-offset:5px}.tiny,.eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.location{font-size:11px;color:var(--muted);letter-spacing:.7px}.masthead{display:flex;align-items:flex-end;justify-content:space-between;padding:35px 0 32px;gap:30px}.masthead h1{font-family:var(--display);font-weight:700;font-size:clamp(100px,18.7vw,285px);letter-spacing:-.09em;line-height:.79;margin:0 0 0 -.014em}.mastcopy{width:255px;padding-bottom:6px}.mastcopy p{font-size:18px;line-height:1.35;margin:0 0 20px}.mastcopy span{font-family:var(--serif);font-style:italic;font-size:21px}.mastcopy a{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:5px}.hero{position:relative;background:#233344;overflow:hidden}.hero img{width:100%;height:clamp(330px,48vw,700px);object-fit:cover;display:block}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 60%);pointer-events:none}.hero-caption{position:absolute;z-index:1;left:30px;bottom:25px;color:white}.hero-caption p{margin:0 0 5px}.hero-caption h2{font-family:var(--serif);font-weight:400;font-size:clamp(35px,4.5vw,64px);line-height:1;margin:0}.play{position:absolute;z-index:2;right:32px;bottom:28px;border:1px solid rgba(255,255,255,.6);border-radius:50%;height:94px;width:94px;background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:10px;letter-spacing:1px;text-transform:uppercase;transition:background .2s,transform .2s}.play:hover{background:rgba(255,255,255,.22);transform:scale(1.04)}.play span{font-size:19px}.underhero{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);gap:15px;font-size:11px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:20px;margin-bottom:40px}.section-heading h2{font-family:var(--serif);font-size:42px;font-weight:400;letter-spacing:-1.3px;margin:0}.section-heading h2 em{color:var(--blue)}.section-heading p{font-size:11px;letter-spacing:1px;text-transform:uppercase}.work-section{padding:100px 0 90px}.work-grid{display:grid;grid-template-columns:1.2fr 1fr;column-gap:7%;row-gap:70px}.project:nth-child(even){padding-top:105px}.project .image{position:relative;overflow:hidden;background:#ddd;aspect-ratio:16/10}.project:nth-child(3) .image{aspect-ratio:4/3}.project img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.project a:hover img{transform:scale(1.035)}.image .arrow{position:absolute;right:14px;bottom:14px;background:var(--paper);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:20px}.project .meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:17px 0 6px}.project h3{font-family:var(--serif);font-weight:400;font-size:34px;letter-spacing:-.7px;line-height:1.15;margin:0 0 9px}.project .roles{font-size:12px;color:var(--muted);margin:0}.project .project-number{font-size:10px;margin-right:12px;color:var(--muted);vertical-align:middle}.interlude{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;gap:30px;align-items:center}.interlude p{margin:0;font-size:14px}.interlude a{font-size:12px;white-space:nowrap;border-bottom:1px solid var(--ink)}.about-band{background:var(--blue);color:var(--paper);margin-top:85px;padding:85px 0 90px}.about-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:12%}.about-grid h2{font-family:var(--serif);font-size:clamp(40px,5.5vw,76px);font-weight:400;line-height:1.05;letter-spacing:-2px;margin:23px 0}.about-body .intro{font-size:25px;line-height:1.4;margin:0 0 27px;letter-spacing:-.5px}.about-body p{font-size:15px;max-width:610px;color:#dae0df}.about-body .tiny{margin-top:35px;font-size:10px;color:#c1ced5}.services{padding:95px 0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.service{border-top:1px solid var(--line);padding-top:17px}.service h3{font-size:26px;font-family:var(--serif);font-weight:400;margin:15px 0 10px}.service p{font-size:14px;color:var(--muted);max-width:320px}.contact{border-top:1px solid var(--line);padding:70px 0 60px}.contact h2{font-family:var(--serif);font-weight:400;font-size:clamp(48px,8vw,108px);line-height:1.05;letter-spacing:-3px;margin:22px 0 34px;max-width:1000px}.contact h2 em{color:var(--blue)}.contact .email{font-size:clamp(18px,2.6vw,35px);border-bottom:1px solid var(--ink);padding-bottom:8px}.footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.project-header{padding:50px 0 35px}.back{font-size:12px}.project-header .eyebrow{margin:45px 0 16px;color:var(--blue)}.project-header h1{font-family:var(--serif);font-size:clamp(52px,8vw,115px);font-weight:400;letter-spacing:-3px;line-height:1;margin:0 0 24px}.project-header .lead{font-size:19px;color:var(--muted)}.video-shell{position:relative;background:#18212b;aspect-ratio:16/9;overflow:hidden}.video-shell img{width:100%;height:100%;object-fit:cover}.video-shell iframe{width:100%;height:100%;border:0;display:block}.video-trigger{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:0;background:linear-gradient(0deg,#0005,transparent);color:white}.video-trigger span{border-radius:50%;background:#f2f0e8ed;color:var(--ink);width:92px;height:92px;display:grid;place-items:center;font-size:24px;box-shadow:0 4px 40px #0003}.video-trigger:hover span{background:white}.watch-fallback{display:flex;justify-content:space-between;padding:12px 0;font-size:11px;color:var(--muted)}.project-story{display:grid;grid-template-columns:1fr 2fr;gap:10%;padding:70px 0 90px}.credit-list{list-style:none;padding:0;margin:15px 0;font-size:14px}.project-story h2{font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.2;margin:0 0 20px}.project-story p{font-size:18px;line-height:1.65;margin:0 0 20px}.second-session{padding-bottom:80px}.second-session h2{font-family:var(--serif);font-size:35px;font-weight:400}.next-project{border-top:1px solid var(--line);padding:35px 0 60px;display:flex;justify-content:space-between;align-items:center}.next-project strong{display:block;font-family:var(--serif);font-size:38px;font-weight:400}.next-project .arrow{font-size:40px}.modal{border:0;padding:0;background:#101820;color:white;width:min(1120px,94vw);max-width:none}.modal::backdrop{background:#111d}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;font-size:13px}.modal-close{background:transparent;border:1px solid #ffffff60;color:white;padding:5px 13px}.modal-frame{aspect-ratio:16/9}.modal-frame iframe{width:100%;height:100%;border:0}.skip{position:fixed;top:-100px;background:white;z-index:99;padding:10px}.skip:focus{top:10px}@media(min-width:1700px){.masthead h1{font-size:285px}}@media(max-width:800px){.wrap{padding:0 6%}.topbar{min-height:73px}.location{display:none}.nav{gap:20px;font-size:12px}.masthead{padding:32px 0 24px;display:block}.masthead h1{font-size:28vw}.mastcopy{width:auto;display:flex;justify-content:space-between;align-items:end;margin-top:30px;gap:15px}.mastcopy p{font-size:14px;margin:0}.mastcopy span{font-size:17px}.mastcopy a{font-size:11px;white-space:nowrap}.hero img{height:430px}.hero-caption{left:20px;bottom:24px}.hero-caption h2{font-size:43px}.play{right:18px;bottom:22px;width:75px;height:75px}.underhero{font-size:9px}.underhero span:last-child{display:none}.work-section{padding:60px 0}.section-heading{margin-bottom:28px}.section-heading h2{font-size:35px}.section-heading p{font-size:9px}.work-grid{grid-template-columns:1fr;gap:42px}.project:nth-child(even){padding-top:0}.project:nth-child(3) .image{aspect-ratio:16/10}.project h3{font-size:30px}.interlude{align-items:start}.interlude p{font-size:12px}.interlude a{font-size:10px}.about-band{margin-top:55px;padding:55px 0}.about-grid{grid-template-columns:1fr;gap:20px}.about-grid h2{font-size:52px;margin-top:20px}.about-body .intro{font-size:22px}.services{padding:60px 0}.services-grid{grid-template-columns:1fr;gap:22px}.service h3{margin-top:9px}.service p{max-width:none}.contact{padding:45px 0}.contact h2{letter-spacing:-1.7px}.footer{font-size:10px}.project-header{padding-top:30px}.project-header h1{letter-spacing:-1.8px}.project-header .eyebrow{margin-top:30px}.project-story{grid-template-columns:1fr;gap:25px;padding:40px 0}.credit-list{display:flex;flex-wrap:wrap;gap:5px 15px}.project-story p{font-size:16px}.project-story h2{font-size:30px}.next-project strong{font-size:28px}.video-trigger span{width:65px;height:65px}.watch-fallback{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

[hidden]{display:none!important}
/* Personal moving-image postcards. Keep the full 4:3 frame visible. */
.postcards-section{padding-top:95px}.postcards-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-bottom:38px}.postcards-intro h3{font-family:var(--serif);font-size:42px;font-weight:400;line-height:1.15;letter-spacing:-1px;margin:17px 0}.postcards-intro h3 em{color:var(--blue)}.postcards-intro p{font-size:15px;max-width:510px;color:var(--muted);margin:0 0 16px}.postcard-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--blue) var(--line);overscroll-behavior-x:contain;padding-bottom:15px}.postcard{flex:0 0 67%;margin:0;scroll-snap-align:start;scroll-snap-stop:always;min-width:0}.postcard video{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#18212b}.postcard figcaption{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-top:13px;color:var(--muted)}.postcard-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;font-size:10px;letter-spacing:1px}.postcard-hint{color:var(--muted);letter-spacing:0;text-transform:none}.postcard-navigation{display:flex;align-items:center;gap:10px}.postcard-count{margin-right:15px;font-variant-numeric:tabular-nums}.postcard-navigation button{border:1px solid var(--line);border-radius:50%;width:44px;height:44px;background:transparent;font-size:20px;transition:background .2s}.postcard-navigation button:hover:not(:disabled){background:var(--blue);color:var(--paper)}.postcard-navigation button:disabled{opacity:.3;cursor:default}@media(max-width:800px){.postcards-section{padding-top:65px}.postcards-intro{grid-template-columns:1fr;gap:12px;margin-bottom:25px}.postcards-intro h3{font-size:35px}.postcard{flex-basis:88%}.postcard-track{gap:15px}.postcard figcaption{font-size:8px;letter-spacing:.6px}.postcards-section .section-heading{align-items:start;gap:15px}.postcards-section .section-heading p{max-width:110px;text-align:right}.nav{gap:14px}.postcard-count{margin-right:3px}.postcard-bottom{letter-spacing:.6px}.postcard-navigation{gap:7px}}@media(max-width:380px){.nav{gap:10px;font-size:11px}.brand{font-size:23px}}
.postcard-media{position:relative}.postcard-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:13px;min-height:60px;padding:16px 24px;white-space:nowrap;border:1px solid #ffffffa0;border-radius:40px;background:#f2f0e8ed;color:var(--ink);box-shadow:0 4px 35px #0003;font-size:13px;backdrop-filter:blur(8px);transition:background .2s}.postcard-play:hover{background:#fff}.postcard-play>span:first-child{font-size:18px}.postcard-play:focus-visible{outline:3px solid white;outline-offset:6px}.postcard-hint{display:inline-block;max-width:420px}@media(max-width:800px){.postcard-play{min-height:52px;padding:13px 20px;font-size:12px}.postcard-hint{max-width:190px}}
/* A composed stage with adjacent frames; browsing does not use a scroll strip. */
.postcard-track{display:grid;position:relative;overflow:hidden;gap:0;padding:18px 0 12px;scroll-snap-type:none;touch-action:pan-y;isolation:isolate}.postcard{grid-area:1/1;width:72%;margin:0 0 0 14%;transform:translateX(calc(var(--offset,0)*97%)) scale(.88);transform-origin:center;opacity:.5;visibility:hidden;pointer-events:none;transition:transform 650ms cubic-bezier(.22,.7,.2,1),opacity 650ms ease,visibility 650ms;will-change:transform}.postcard.is-neighbor{visibility:visible}.postcard.is-active{transform:translateX(0) scale(1);opacity:1;visibility:visible;pointer-events:auto;z-index:1}.postcard:not(.is-active) .postcard-play,.postcard:not(.is-active) figcaption{visibility:hidden}.postcard-edge{position:absolute;top:18px;bottom:45px;width:12%;z-index:2;border:0;background:transparent;color:white;text-shadow:0 1px 10px #0009;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:1px;text-transform:uppercase}.postcard-edge span{padding:10px 12px;background:#18212b75;border:1px solid #ffffff50;border-radius:30px;backdrop-filter:blur(5px);line-height:1.8;transition:transform .3s,background .3s}.postcard-edge:hover span{transform:scale(1.08);background:#18212ba0}.postcard-edge-prev{left:0}.postcard-edge-next{right:0}.postcard-edge:disabled{visibility:hidden;pointer-events:none}.postcard-edge:focus-visible{outline-offset:-5px}.postcard-track:focus-visible{outline:2px solid var(--blue);outline-offset:5px}@media(max-width:800px){.postcard{width:86%;margin-left:7%;transform:translateX(calc(var(--offset,0)*99%)) scale(.94)}.postcard-edge{width:7%;font-size:0}.postcard-edge span{padding:0;background:none;border:0}.postcard-edge-prev:after{content:'‹';font-size:30px}.postcard-edge-next:after{content:'›';font-size:30px}.postcard-track{padding-top:8px}.postcard-edge{top:8px}}
/* Artwork references on individual project pages. */
.inspirations{padding:10px 0 65px}.inspirations .section-heading{margin-bottom:16px}.inspirations-intro{font-size:16px;color:var(--muted);margin:0 0 35px}.inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:900px}.inspiration-art{margin:0}.inspiration-link{display:block}.inspiration-image{display:block;position:relative;height:250px;width:100%;overflow:hidden}.inspiration-image img{display:block;height:100%;width:100%;object-fit:contain;object-position:left center}.inspiration-rotated{width:193.125px;max-width:100%}.inspiration-rotated img{position:absolute;left:50%;top:50%;width:129.45%;height:auto;max-width:none;transform:translate(-50%,-50%) rotate(90deg);object-fit:contain}.inspiration-art figcaption{display:flex;flex-direction:column;gap:6px;margin-top:18px}.inspiration-artist{font-size:15px;font-weight:600}.inspiration-title{font-family:var(--serif);font-size:18px;line-height:1.4}.inspiration-source{font-size:11px;color:var(--muted);margin-top:4px}.inspiration-link:hover .inspiration-source{text-decoration:underline;text-underline-offset:4px;color:var(--blue)}.inspiration-credit{font-size:11px;color:var(--muted);margin-top:30px}@media(max-width:650px){.inspiration-grid{grid-template-columns:1fr;gap:35px}.inspiration-link{display:grid;grid-template-columns:130px 1fr;gap:22px;align-items:center}.inspiration-image{height:170px}.inspiration-rotated{width:130px}.inspiration-art figcaption{margin:0}.inspiration-title{font-size:17px}.inspirations .section-heading p{font-size:9px;max-width:100px;text-align:right}.inspiration-artist{font-size:14px}}
.inspiration-page-header{padding-bottom:55px}.inspiration-page-header .eyebrow{margin-top:15px}.project-inspiration-link{font-size:14px;margin:0 0 55px}.inspirations-intro .textlink{white-space:nowrap;margin-left:8px}@media(min-width:801px) and (max-width:1150px){.topbar .location{display:none}}@media(max-width:650px){.topbar{flex-wrap:wrap;gap:12px;padding:18px 0}.topbar .nav{width:100%;justify-content:space-between;gap:8px;font-size:12px}.inspiration-page-header{padding-bottom:35px}.inspirations-intro .textlink{display:inline-block;margin:8px 0 0}}
.postcard-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:5px 0 24px;flex-wrap:wrap}.postcard-tabs button{padding:12px 0;background:none;border:0;border-bottom:2px solid transparent;font-size:14px;color:var(--muted);margin-bottom:-1px}.postcard-tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}.postcard-series-description{font-size:14px;color:var(--muted);max-width:650px;margin:0 0 20px}@media(max-width:650px){.postcard-tabs{gap:18px}.postcard-tabs button{font-size:12px}.postcard figcaption span:first-child{max-width:75%}}
.project-story.without-credits{grid-template-columns:1fr;max-width:760px}
/* Show complete portfolio thumbnails, including their original framing. */
.project .image,.project:nth-child(3) .image{aspect-ratio:auto;background:#18212b}.project img{width:100%;height:auto;object-fit:contain}.project a:hover img{transform:none}.video-shell img{object-fit:contain}

/* Consistent 4:3 portfolio frames, with every source image shown in full. */
.project .image,.project:nth-child(3) .image{aspect-ratio:4/3;background:#18212b}.project img{width:100%;height:100%;object-fit:contain}.aspect-quote{font-family:var(--serif);font-size:clamp(25px,3vw,38px);font-style:italic;color:var(--blue);line-height:1.2;letter-spacing:-.7px;margin:0 0 20px}

/* Edge-to-edge 4:3 thumbnail crops; compensate for bars baked into source frames. */
.project .image,.project:nth-child(3) .image{aspect-ratio:4/3;overflow:hidden}.project img{width:100%;height:100%;object-fit:cover;transform:scale(var(--thumbnail-scale,1))}.project a:hover img{transform:scale(var(--thumbnail-scale,1))}
.site-shell{min-width:0}.intro-bar{display:none;position:fixed;top:0;bottom:0;width:var(--intro-inset);background:#080808;z-index:100;pointer-events:none}.intro-bar-left{left:0}.intro-bar-right{right:0}.intro-running .site-shell{container-type:inline-size;animation:frame-squeeze 2200ms cubic-bezier(.45,0,.2,1) both}.intro-running .masthead h1{font-size:clamp(100px,18.7cqw,285px)}.intro-running .topbar .location{display:none}.intro-running .intro-bar{display:block}.intro-running .intro-bar-left{animation:frame-left 2200ms cubic-bezier(.45,0,.2,1) both}.intro-running .intro-bar-right{animation:frame-right 2200ms cubic-bezier(.45,0,.2,1) both}@keyframes frame-squeeze{0%,100%{margin-inline:0}35%,62%{margin-inline:var(--intro-inset)}}@keyframes frame-left{0%,100%{transform:translateX(-100%)}35%,62%{transform:translateX(0)}}@keyframes frame-right{0%,100%{transform:translateX(100%)}35%,62%{transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.intro-running .site-shell{animation:none;margin-inline:0}.intro-running .intro-bar{display:none}}
.postcard-chapters{display:flex;gap:10px;margin:0 0 18px;flex-wrap:wrap}.postcard-chapters button{border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--muted);padding:9px 17px;font-size:12px}.postcard-chapters button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:var(--paper)}

/* Local short films keep their full original frame during playback. */
.local-film-shell video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#171717}

/* Draw directional link icons consistently, independent of emoji fonts. */
.icon-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;pointer-events:none}
.brand .icon-arrow{margin-left:.12em;width:.75em;height:.75em;vertical-align:0}
.image .arrow .icon-arrow{display:block;width:20px;height:20px}
.next-project .arrow{display:flex;align-items:center}

/* Personal profile: one photograph, first-person writing, and a film shelf. */
.about-personal{padding:54px 0 64px}
.personal-heading{display:flex;justify-content:space-between;gap:16px;padding-bottom:28px;border-bottom:1px solid #ffffff40;margin-bottom:36px}
.personal-heading .eyebrow:last-child{color:#dae0df}
.personal-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:start}
.personal-photo{margin:0}
.personal-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:55% 58%}
.personal-photo figcaption{font-size:11px;letter-spacing:.3px;color:#dae0df;margin-top:12px}
.personal-copy{min-width:0}
.personal-copy h2{font-family:var(--serif);font-size:clamp(42px,4.8vw,72px);font-weight:400;letter-spacing:-2px;line-height:1.08;margin:0 0 24px}
.personal-copy p{font-size:16px;line-height:1.7;margin:0 0 18px;color:#e0e5e4}
.personal-copy .personal-intro{font-size:20px;line-height:1.5;color:var(--paper)}
.personal-copy a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ffffff75}
.personal-copy a:hover{text-decoration-color:currentColor}
.personal-films{margin-top:48px;padding-top:26px;border-top:1px solid #ffffff40}
.personal-films-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px}
.personal-films-heading h3{font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.2;margin:0}
.personal-films-heading>a{font-size:12px;text-decoration:underline;text-underline-offset:4px}
.favorite-films{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:0;padding:0;list-style:none}
.favorite-films li{border-top:1px solid #ffffff40}
.favorite-films a{display:flex;flex-direction:column;align-items:flex-start;min-height:148px;padding:16px 0 0}
.film-index{font-size:10px;letter-spacing:1px;color:#c1ced5}
.film-title{font-family:var(--serif);font-size:26px;line-height:1.15;letter-spacing:-.4px;margin:14px 0 16px}
.film-director{font-size:11px;color:#dae0df;margin-top:auto}
.favorite-films a:hover .film-title{text-decoration:underline;text-underline-offset:5px}
@media(max-width:800px){
.about-personal{padding:38px 0 44px}
.personal-heading{flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:18px}
.personal-heading .eyebrow{font-size:9px;letter-spacing:1px}
.personal-grid{grid-template-columns:1fr;gap:30px}
.personal-copy h2{font-size:48px;margin-bottom:20px;letter-spacing:-1.5px}
.personal-copy .personal-intro{font-size:19px}
.personal-copy p{font-size:15px}
.personal-films{margin-top:28px}
.personal-films-heading{display:block}
.personal-films-heading h3{font-size:28px;margin-bottom:12px}
.favorite-films{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.favorite-films a{min-height:142px}
.film-title{font-size:24px}
}