@font-face{font-family:NameDisplay;src:url('assets/fonts/italiana.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#2b2b2b;--panel:#262725;--ink:#f5f4ef;--muted:#b9bab4;--accent:#c6ceba;--line:#ffffff28;--gutter:clamp(28px,5.3vw,96px);--header:96px;--serif:Editorial,Georgia,'Times New Roman',serif;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}a,button{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}h1:focus{outline:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:24px;background:var(--ink);color:var(--bg);padding:12px;z-index:100}.skip-link:focus{top:12px}
/* One alignment system runs from the floating header through every section. */
.site-header{height:var(--header);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{display:block;width:39px;height:42px}.brand img{width:100%;height:100%}#navigation{display:flex;align-items:center;gap:34px}.nav-link{display:flex;align-items:center;gap:9px;background:transparent;font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;padding:17px 0;color:#e6e6e0}.nav-link:hover,.nav-link[aria-current=page]{color:#fff}.nav-link svg{fill:none;stroke:currentColor;stroke-width:1.25;transition:transform .2s}.nav-link[aria-expanded=true] svg{transform:rotate(180deg)}.work-disclosure{position:relative}.dropdown{position:absolute;top:100%;right:-16px;width:250px;padding:9px;background:#252624fa;border:1px solid var(--line);box-shadow:0 20px 50px #0005}.dropdown a{display:block;padding:14px;font-size:12px;line-height:1.5;color:#dddeda}.dropdown a:hover,.dropdown a:focus-visible{background:#ffffff0b;outline-offset:-2px}.mobile-toggle{display:none}
/* An airy opening: keep the image, five links and signature in separate visual zones. */
.home-view .site-header{position:absolute;inset:0 0 auto;background:transparent}.hero{height:100svh;min-height:580px;position:relative;isolation:isolate;overflow:hidden;background:#151d16}.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-video{object-fit:cover;object-position:55% 43%;z-index:-3}.hero-shade{z-index:-2;background:linear-gradient(180deg,#09100c60,transparent 25%,#09100c20 60%,#09100cbf),#09100c25}.hero-copy{position:absolute;left:var(--gutter);right:var(--gutter);bottom:100px;pointer-events:none}.eyebrow,.section-index{font-size:10px;letter-spacing:.14em;line-height:1.8;text-transform:uppercase;color:var(--muted);font-weight:400;margin:0}.hero .eyebrow{font-size:9px;letter-spacing:.14em;margin:0 0 12px;color:#e8e9e2}.separator{padding:0 11px;color:#c4c9bc}.hero h1{font-family:var(--serif);font-size:clamp(76px,8.6vw,136px);font-weight:400;line-height:.96;letter-spacing:-.035em;margin:0 0 0 -3px}.hero-categories{position:absolute;left:0;right:0;top:41%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;padding:0 24px}.hero-categories a{font-size:clamp(17px,1.35vw,21px);font-weight:700;letter-spacing:-.015em;line-height:1.6;text-align:center;min-height:28px;text-shadow:0 2px 20px #0008;transition:opacity .2s}.hero-categories a:hover{opacity:.65}.hero-controls{position:absolute;left:var(--gutter);right:var(--gutter);bottom:29px;display:flex;justify-content:space-between;align-items:center}.scroll-cue{font-size:9px;letter-spacing:.15em;text-transform:uppercase;padding:10px 0}.scroll-cue span{margin-left:22px;font-size:18px}.video-toggle{display:flex;gap:10px;align-items:center;background:none;font-size:10px;color:#dce0d5;min-height:36px;padding:5px}.play-symbol{font-size:10px}.accent{color:var(--accent)}
/* Editorial typography and rules. */
.content-page,.home-closing,.accolades-panel,.site-footer{width:100%;max-width:1600px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.content-page{padding-top:62px;padding-bottom:110px;min-height:calc(100svh - var(--header) - 120px)}.page-heading{display:grid;grid-template-columns:1fr 2.1fr;align-items:start;gap:24px;margin:0 0 72px}.page-heading .eyebrow{padding-top:14px}.page-heading h1{font-family:var(--serif);font-size:clamp(60px,6.5vw,100px);font-weight:400;line-height:.98;letter-spacing:-.035em;margin:0}.page-heading .intro{grid-column:2;font-size:14px;color:var(--muted);line-height:1.8;margin:8px 0 0}.section-top{display:flex;justify-content:space-between;align-items:baseline;gap:25px;padding-top:22px;border-top:1px solid var(--line);margin-bottom:52px}.section-top h2{font-family:var(--serif);font-size:clamp(45px,4.6vw,70px);font-weight:400;line-height:1.05;letter-spacing:-.025em;margin:0}.text-link{display:inline-flex;align-items:center;gap:18px;padding:10px 0;border-bottom:1px solid #b8bbad80;font-size:11px;line-height:1.5}.text-link:hover{color:var(--accent)}
/* Selected work uses two deliberately unequal pairs; project data remains canonical. */
.selected-section{padding-top:100px;padding-bottom:115px;min-height:0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 28px}.project-card{min-width:0}.project-card a{display:block}.card-image{aspect-ratio:16/10;background:#20211f;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.project-card a:hover .card-image img{transform:scale(1.02)}.card-open{position:absolute;right:14px;bottom:12px;width:30px;height:30px;display:grid;place-items:center;font-size:21px;background:#1117;border-radius:50%;opacity:0;transition:opacity .2s}.project-card a:hover .card-open,.project-card a:focus-visible .card-open{opacity:1}.card-meta{display:flex;justify-content:space-between;gap:18px;margin:20px 0 11px;font-size:8px;line-height:1.7;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.card-meta>span:first-child{max-width:75%}.project-card h3{font-size:clamp(21px,1.9vw,29px);line-height:1.18;font-weight:400;letter-spacing:-.025em;margin:0}.card-role{font-size:11px;color:var(--muted);line-height:1.7;margin:10px 0 0}.card-overview,.card-discover{display:none}.missing-cover{font-size:11px;letter-spacing:.1em;color:var(--muted)}#selected-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:6%;row-gap:70px}#selected-grid .project-card:nth-child(4n+1),#selected-grid .project-card:nth-child(4n+4){grid-column:span 7}#selected-grid .project-card:nth-child(4n+2),#selected-grid .project-card:nth-child(4n+3){grid-column:span 5}#selected-grid .project-card:nth-child(even){margin-top:100px}#selected-grid .card-image{aspect-ratio:16/10}#selected-grid .project-card:nth-child(even) .card-image{aspect-ratio:16/11}#selected-grid .project-card h3{font-size:clamp(26px,2.5vw,38px)}
/* Category pages follow the reference's alternating image / text rhythm. */
.category-filters{display:flex;flex-wrap:wrap;gap:10px 26px;border-bottom:1px solid var(--line);padding:0 0 22px;margin-bottom:22px}.category-filters a{font-size:11px;line-height:1.8;padding:8px 0;color:var(--muted);border-bottom:1px solid transparent}.category-filters a[aria-current],.category-filters a:hover{color:var(--ink);border-color:var(--ink)}.result-count{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 38px}.editorial-list{display:block}.editorial-list .project-card{padding:50px 0 70px;border-bottom:1px solid var(--line)}.editorial-list .project-card:first-child{padding-top:16px}.editorial-list .project-card>a{display:grid;grid-template-columns:1.35fr 1fr;gap:8%;align-items:center}.editorial-list .project-card:nth-child(even) .card-image{grid-column:2;grid-row:1}.editorial-list .project-card:nth-child(even) .card-copy{grid-column:1;grid-row:1}.editorial-list .project-card:nth-child(even)>a{grid-template-columns:1fr 1.35fr}.editorial-list .card-image{aspect-ratio:16/11}.editorial-list .card-meta{margin-top:0}.editorial-list h3{font-family:var(--serif);font-size:clamp(35px,4vw,56px);font-weight:400;letter-spacing:-.025em}.editorial-list .card-overview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:13px;line-height:1.8;color:var(--muted);margin:22px 0}.editorial-list .card-discover{display:inline-block;font-size:10px;padding-bottom:8px;border-bottom:1px solid #ffffff60}.card-discover span{padding-left:18px}.work-page[data-category="photography"] .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:65px}.work-page[data-category="photography"] .card-image{aspect-ratio:4/3}.work-page[data-category="photography"] .project-card:nth-child(even){margin-top:80px}
/* Four original laurels, on a quiet field rather than a second competing hero. */
.accolades-panel{padding-top:25px;padding-bottom:100px}.accolades-inner{padding:0}.accolades-panel .section-top{margin-bottom:65px}.laurels-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:45px}.laurel-card{margin:0;text-align:center;min-width:0}.laurel-art{height:125px;display:flex;align-items:center;justify-content:center;margin:0 0 27px}.laurel-crop{position:relative;overflow:hidden;width:100%;max-width:205px}.laurel-crop img{position:absolute;max-width:none;height:auto;display:block}.laurel-card h3{font-size:12px;line-height:1.5;font-weight:400;margin:0 0 8px}.laurel-card figcaption p{font-size:9px;line-height:1.7;color:var(--muted);max-width:240px;margin:auto}
/* Portrait, ample breathing space, then a structured biography. */
.home-closing{padding-top:10px;padding-bottom:105px}.home-about-contact{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;align-items:center;border-top:1px solid var(--line);padding-top:75px}.portrait-slot{background:#232323;aspect-ratio:4/5;overflow:hidden}.portrait-slot>img{width:100%;height:100%;object-fit:cover;object-position:54% 33%}.home-about-contact .portrait-slot{max-width:350px;width:100%;margin-left:11%}.home-about-copy{max-width:480px}.home-about-copy h2{font-family:var(--serif);font-size:clamp(46px,4.8vw,72px);font-weight:400;letter-spacing:-.025em;margin:14px 0 27px;line-height:1}.home-about-copy p:not(.section-index){font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 20px}.home-about-copy .text-link{margin-top:8px}.full-about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;align-items:start}.full-about-grid .portrait-slot{width:100%;max-width:460px}.bio-row{display:grid;grid-template-columns:105px 1fr;gap:22px;border-top:1px solid var(--line);padding:22px 0 40px}.bio-row h2{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;margin:4px 0}.bio-row p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}.education-section{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;border-top:1px solid var(--line);margin-top:80px;padding-top:30px}.education-section h2{font-family:var(--serif);font-size:36px;line-height:1.15;font-weight:400;margin:0 0 18px}.education-section p:not(.section-index){font-size:14px;line-height:1.8;color:var(--muted);max-width:540px}.about-recognition{margin-top:80px}.about-recognition [data-profile-recognition]{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.about-recognition [data-profile-recognition] p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.about-recognition strong{display:inline-block;color:var(--ink);font-weight:400;font-size:15px;margin-bottom:12px}
/* Project pages use the same title scale, thin rules and readable factual rows. */
.back-link{display:inline-block;font-size:10px;color:var(--muted);padding-bottom:8px;margin-bottom:36px}.project-heading{max-width:1100px;margin:0 0 50px}.project-heading h1{font-family:var(--serif);font-size:clamp(48px,6.5vw,100px);font-weight:400;line-height:1.05;letter-spacing:-.025em;overflow-wrap:anywhere;margin:18px 0}.project-location{font-size:12px;color:var(--muted);line-height:1.8}.recognition{font-size:12px;color:var(--accent);line-height:1.7}.project-cover{margin:0 0 65px;background:#222}.project-cover img{width:100%;max-height:75svh;object-fit:contain}.project-copy{max-width:1080px;margin:0 auto 85px}.project-copy>section{display:grid;grid-template-columns:220px 1fr;gap:40px;padding:26px 0 32px;border-top:1px solid var(--line)}.project-copy h2,.video-item h2{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:400;line-height:1.7;margin:0;color:var(--accent)}.project-copy p{font-size:15px;line-height:1.85;margin:0;color:#d3d3cd}.project-copy .missing-text{font-size:11px;color:var(--muted)}.project-videos{display:grid;gap:55px;margin-bottom:85px}.video-item h2{margin-bottom:20px}.embed-shell{position:relative;width:100%;background:#191a18;border:1px solid var(--line)}.embed-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.load-video{position:absolute;inset:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(ellipse at center,#33362f,#1c1d1b);padding:24px;line-height:1.5}.load-video:hover{background:#34392f}.load-video small,.video-placeholder small{font-size:11px;color:var(--muted)}.play-circle{width:60px;height:60px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;padding-left:4px;color:var(--accent)}.vertical-video{width:min(100%,420px);margin:auto}.player-help{font-size:11px;color:var(--muted)}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:12px}.excerpt-placeholder{padding:60px 25px;border:1px solid var(--line);text-align:center;margin:0 0 70px;background:#262725}.excerpt-placeholder h2{font-family:var(--serif);font-size:44px;font-weight:400;margin:15px 0 25px}.excerpt-placeholder p:not(.eyebrow),.excerpt-placeholder small{font-size:12px;color:var(--muted)}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;margin-bottom:75px}.project-gallery figure{margin:0}.project-gallery img{width:100%;height:auto}.project-end{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:25px}
/* An inset film and a restrained signature close, shared across the site. */
.site-footer{padding-bottom:35px}.contact-film{display:none;position:relative;aspect-ratio:3.3/1;background:#0a1009;overflow:hidden}.home-view .contact-film,.contact-view .contact-film{display:block}.contact-film video{width:100%;height:100%;object-fit:cover;object-position:50% 36%}.contact-film::after{content:"";position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#0007);pointer-events:none}.contact-motion{position:absolute;z-index:1;right:20px;bottom:15px;width:40px;height:40px;display:grid;place-items:center;background:#0003;font-size:14px;color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 0 10px;margin-top:24px;border-top:1px solid var(--line)}.footer-name{font-family:var(--serif);font-size:44px;letter-spacing:-.035em;line-height:1}.social-icons{display:flex;gap:14px;align-items:center}.social-icons a{width:44px;height:44px;display:grid;place-items:center;color:#ebede6;transition:color .2s,transform .2s}.social-icons a:hover{color:var(--accent);transform:translateY(-2px)}.social-icons svg{width:22px;height:22px}.contact-page{min-height:0;padding-top:60px;padding-bottom:65px}.contact-page .page-heading{margin-bottom:24px}.contact-page>p{margin:0 0 0 32.25%;font-size:14px;color:var(--muted);line-height:1.8}.contact-view .contact-film{aspect-ratio:3/1}.noscript-links{padding:24px}.noscript-links a{text-decoration:underline}
@media(min-width:701px) and (max-height:700px){.hero{min-height:520px}.hero-categories{top:39%;gap:5px}.hero-categories a{font-size:17px}.hero-copy{bottom:84px}.hero h1{font-size:clamp(74px,7.4vw,112px)}.hero-controls{bottom:20px}.hero .eyebrow{font-size:8px}.home-view .site-header{height:80px}}
@media(max-width:1050px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.laurels-grid{gap:28px}.laurel-art{height:105px}.bio-row{grid-template-columns:1fr;gap:12px}.home-about-contact{gap:9%}.home-about-contact .portrait-slot{margin-left:0}.page-heading{grid-template-columns:1fr 2fr}.page-heading h1{font-size:64px}.project-copy>section{grid-template-columns:180px 1fr;gap:28px}}
@media(max-width:700px){:root{--gutter:26px;--header:78px}.brand{width:31px;height:35px}.mobile-toggle{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:12px 0 12px 16px;background:none}.menu-lines{width:17px;height:9px;border-top:1px solid;border-bottom:1px solid}.mobile-toggle[aria-expanded=true] .menu-lines{transform:rotate(-45deg)}#navigation{display:none;position:absolute;top:var(--header);left:0;right:0;background:#252624fa;border-top:1px solid var(--line);padding:16px var(--gutter) 25px;gap:0;max-height:calc(100svh - var(--header));overflow-y:auto}#navigation.open{display:flex;flex-direction:column;align-items:stretch}.nav-link{font-size:11px;min-height:48px;justify-content:space-between;width:100%}.dropdown{position:static;width:100%;box-shadow:none;padding:5px;margin-bottom:8px}.dropdown a{font-size:12px}.hero{min-height:580px}.hero-categories{top:40%;gap:8px;padding:0 20px}.hero-categories a{font-size:17px;min-height:30px}.hero-copy{bottom:104px}.hero h1{font-size:clamp(67px,17vw,105px)}.hero .eyebrow{font-size:8px;letter-spacing:.1em;max-width:290px;line-height:1.9;margin-bottom:13px}.separator{padding:0 6px}.hero-controls{bottom:27px}.video-label{display:none}.video-toggle{width:40px;justify-content:center}.hero-video{object-position:53% 40%}.content-page{padding-top:40px;padding-bottom:65px}.page-heading{display:block;margin-bottom:45px}.page-heading .eyebrow{padding:0;margin-bottom:22px}.page-heading h1{font-size:clamp(48px,12.8vw,72px);line-height:1.02}.page-heading .intro{font-size:13px;margin-top:20px}.section-top{display:block;padding-top:18px;margin-bottom:35px}.section-top .section-index{font-size:9px;margin-bottom:18px}.section-top h2{font-size:47px}.selected-section{padding-top:64px;padding-bottom:65px}.project-grid,#selected-grid{display:grid;grid-template-columns:1fr;gap:44px}#selected-grid .project-card:nth-child(n){grid-column:auto;margin-top:0}#selected-grid .card-image,#selected-grid .project-card:nth-child(even) .card-image{aspect-ratio:16/10}.project-card h3,#selected-grid .project-card h3{font-size:28px}.card-meta{margin-top:16px;font-size:8px}.card-open{opacity:1}.category-filters{gap:7px 18px;padding-bottom:18px}.category-filters a{font-size:10px}.editorial-list{display:block}.editorial-list .project-card{padding:30px 0 38px}.editorial-list .project-card>a,.editorial-list .project-card:nth-child(even)>a{display:flex;flex-direction:column;align-items:stretch;gap:24px}.editorial-list .card-meta{margin-top:0}.editorial-list h3{font-size:40px}.editorial-list .card-overview{font-size:13px;margin:17px 0}.work-page[data-category="photography"] .project-grid{grid-template-columns:1fr;gap:45px}.work-page[data-category="photography"] .project-card:nth-child(even){margin-top:0}.accolades-panel{padding-top:0;padding-bottom:65px}.accolades-panel .section-top{margin-bottom:35px}.laurels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}.laurel-art{height:clamp(70px,22vw,120px);margin-bottom:18px}.laurel-card h3{font-size:11px}.laurel-card figcaption p{font-size:8px}.home-closing{padding-top:0;padding-bottom:65px}.home-about-contact{grid-template-columns:1fr;gap:30px;padding-top:40px}.home-about-contact .portrait-slot{width:75%;max-width:300px;margin:0}.home-about-copy h2{font-size:49px;margin:13px 0 23px}.home-about-copy p:not(.section-index){font-size:14px;line-height:1.8}.full-about-grid{grid-template-columns:1fr;gap:35px}.full-about-grid .portrait-slot{width:85%;max-width:350px}.bio-row{grid-template-columns:90px 1fr;gap:15px;padding:20px 0 30px}.bio-row p{font-size:14px}.education-section{grid-template-columns:1fr;gap:25px;margin-top:35px}.education-section h2{font-size:32px}.about-recognition{margin-top:55px}.about-recognition [data-profile-recognition]{grid-template-columns:1fr 1fr;gap:28px 20px}.about-recognition strong{font-size:13px}.about-recognition [data-profile-recognition] p{font-size:11px}.project-heading h1{font-size:51px}.project-heading{margin-bottom:30px}.project-cover{margin-bottom:35px}.project-copy{margin-bottom:50px}.project-copy>section{grid-template-columns:1fr;gap:15px;padding:22px 0}.project-copy p{font-size:14px}.project-gallery{grid-template-columns:1fr;gap:20px}.load-video{gap:12px;padding:15px;font-size:13px}.play-circle{width:44px;height:44px}.project-end .text-link{font-size:10px}.contact-film,.contact-view .contact-film{aspect-ratio:1.55/1}.contact-film video{object-position:50% 40%}.contact-motion{right:10px;bottom:10px}.footer-bottom{padding-top:21px;margin-top:20px}.footer-name{font-size:35px}.social-icons{gap:5px}.social-icons a{width:36px;height:44px}.social-icons svg{width:20px;height:20px}.site-footer{padding-bottom:25px}.contact-page{padding-bottom:40px}.contact-page>p{margin:0}.contact-page .page-heading{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Preserve each cover’s full composition without letterbox frames. */
.card-image{background:transparent}
#selected-grid .card-image,#selected-grid .project-card:nth-child(even) .card-image{aspect-ratio:auto}
#selected-grid .card-image img{height:auto;width:100%}

/* The expressive script is reserved for the hero name. Everything else is clean and ordered. */
.hero h1{font-family:Signature,cursive;font-size:clamp(90px,9.5vw,150px);font-weight:400;letter-spacing:0;line-height:1.05;margin-left:0}
.section-top h2,.page-heading h1,.editorial-list h3,.home-about-copy h2,.education-section h2,.project-heading h1,.excerpt-placeholder h2,.footer-name{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.045em;font-weight:500}
.section-top h2{font-size:clamp(38px,3.7vw,58px)}
.page-heading h1{font-size:clamp(48px,5.4vw,84px);line-height:1.07}
.editorial-list h3{font-size:clamp(32px,3.2vw,46px)}
.home-about-copy h2{font-size:clamp(39px,3.8vw,58px)}
.education-section h2{font-size:29px}.project-heading h1{font-size:clamp(44px,5.5vw,84px);line-height:1.08}.excerpt-placeholder h2{font-size:35px}.footer-name{font-size:30px;letter-spacing:-.035em}
@media(min-width:701px) and (max-height:700px){.hero h1{font-size:clamp(88px,8.6vw,128px)}}
@media(max-width:700px){.hero h1{font-size:clamp(70px,20vw,116px);line-height:1.08}.hero-copy{bottom:104px}.section-top h2{font-size:38px}.page-heading h1{font-size:clamp(40px,10vw,58px)}.home-about-copy h2{font-size:39px}.editorial-list h3{font-size:33px}.project-heading h1{font-size:43px}.education-section h2{font-size:27px}.footer-name{font-size:26px}}

/* High-contrast upright capitals, paired with the original italic monogram. */
.hero h1{font-family:NameDisplay,Georgia,serif;font-size:clamp(78px,8.4vw,132px);font-weight:400;font-style:normal;letter-spacing:-.035em;line-height:1.08;margin-left:-.02em}
.brand{width:28px;height:28px}.brand img{width:100%;height:100%}
@media(min-width:701px) and (max-height:700px){.hero h1{font-size:clamp(76px,7.6vw,112px)}}
@media(max-width:700px){.brand{width:24px;height:24px}.hero h1{font-size:clamp(58px,15.5vw,100px);line-height:1.08;letter-spacing:-.035em}}

/* Restore the original bold sans-serif name and pale-green period. */
.hero h1{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:600;font-size:clamp(76px,9.5vw,172px);line-height:.9;letter-spacing:-.065em;margin-left:-.035em}
.name-period{color:#c2d99c}
@media(min-width:701px) and (max-height:700px){.hero h1{font-size:clamp(74px,8.4vw,128px)}}
@media(max-width:700px){.hero h1{font-size:clamp(58px,16vw,100px);line-height:.95;letter-spacing:-.065em}}

/* Supplied name artwork remains unchanged; CSS frames it and composites white lettering. */
.hero h1.hero-name-art{font-size:0;line-height:0;letter-spacing:normal;margin:0}
.name-image{display:block;position:relative;width:clamp(300px,36vw,620px);max-width:100%;aspect-ratio:396/85;overflow:hidden;mix-blend-mode:normal}
.name-image img{display:block;width:100%;height:auto;filter:none;mix-blend-mode:normal}
@media(min-width:701px) and (max-height:700px){.name-image{width:clamp(300px,33vw,500px)}}
@media(max-width:700px){.name-image{width:min(100%,340px)}}

/* Hero refinement only: clear imagery, lower-left identity, quiet right-hand controls. */
.hero-media{position:absolute;inset:0;z-index:-3;background:#151d16 url('assets/hero.jpg') 55% 43%/cover no-repeat}
.hero-media .hero-video{z-index:0;opacity:0;transition:none;will-change:opacity}
.hero-media .hero-video:first-child{opacity:1}
.hero-copy{right:calc(var(--gutter) + 180px)}
.hero-controls{left:auto;right:var(--gutter);bottom:24px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.hero-controls .video-toggle{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;background:transparent;color:#c6c9bf}
.hero-controls .play-symbol{font-size:15px;line-height:1}
.hero-controls .scroll-cue{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-height:44px;padding:10px 0 10px 12px;font-size:10px;font-weight:500;letter-spacing:.14em;color:#f5f4ef}
.hero-controls .scroll-cue span{margin:0;font-size:19px}
@media(max-width:700px){.hero-copy{left:var(--gutter);right:var(--gutter);bottom:140px}.hero-controls{right:var(--gutter);bottom:18px;gap:0}.hero-controls .scroll-cue{font-size:9px}.hero-controls .play-symbol{font-size:14px}}

/* Align the visible name and Explore Work along one lower edge. */
@media(min-width:701px){.hero-copy{bottom:72px}.hero-controls{bottom:62px}}
@media(max-width:700px){.hero-copy{bottom:60px;right:calc(var(--gutter) + 132px)}.hero-copy .name-image{width:100%}.hero-controls{bottom:50px}.hero .eyebrow{font-size:7px;letter-spacing:.08em;max-width:180px}.hero-controls .scroll-cue{gap:9px;font-size:8px}}

/* Homepage Work categories: equal editorial cards on a shared grid. */
.work-categories{padding-top:clamp(70px,8vw,120px);padding-bottom:clamp(85px,9vw,140px)}
.work-categories h2{font-family:NameDisplay,Georgia,serif;font-weight:400;font-size:clamp(72px,9vw,130px);letter-spacing:-.035em;line-height:1;text-align:right;margin:0 0 clamp(64px,7vw,100px)}
#work-categories-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(76px,8vw,118px) 28px}
.category-card{grid-column:span 2;min-width:0}
.category-card:nth-child(4){grid-column:2/span 2}.category-card:nth-child(5){grid-column:4/span 2}
.category-card>a{display:block;height:100%}
.category-image{aspect-ratio:16/10;overflow:hidden;background:var(--panel)}
.category-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.category-card h3{font-family:Arial,Helvetica,sans-serif;font-size:clamp(17px,1.5vw,22px);font-weight:600;line-height:1.3;letter-spacing:-.025em;margin:4px 0 17px;transition:color .3s ease}
.category-card p{font-size:clamp(11px,1vw,14px);line-height:1.6;color:var(--muted);margin:16px 0 0}
.category-number{display:block;font-size:9px;line-height:1.4;letter-spacing:.14em;color:var(--muted)}
.category-card a:hover img,.category-card a:focus-visible img{transform:scale(1.03)}
.category-card a:hover h3,.category-card a:focus-visible h3{color:var(--accent)}
.category-card a:focus-visible{outline:2px solid var(--accent);outline-offset:8px}
@media(min-width:701px) and (max-width:1100px){#work-categories-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 28px}.category-card:nth-child(4){grid-column:span 2}.category-card:nth-child(5){grid-column:2/span 2}.category-card h3{font-size:21px;margin:4px 0 17px}.category-card p{font-size:13px}}
@media(max-width:700px){#work-categories-grid{grid-template-columns:minmax(0,1fr);gap:42px}.category-card:nth-child(n){grid-column:auto}.work-categories h2{font-size:72px;margin-bottom:55px}.category-card h3{font-size:22px;margin:4px 0 16px}.category-card p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.category-image img,.category-card h3{transition:none}.category-card a:hover img,.category-card a:focus-visible img{transform:none}}

/* Exact WORK lettering supplied by the owner; transparent white ink. */
.work-categories h2 .work-title-art{display:block;width:clamp(280px,33vw,460px);max-width:100%;height:auto;margin-left:auto}
@media(max-width:700px){.work-categories h2 .work-title-art{width:240px}}

/* Homepage cover framing keeps the boxing ring in focus. */
.category-card a[href="#work/photography"] .category-image img{object-position:35% 50%}

/* Full-bleed cinematic Contact, using the original video and social controls. */
.contact-section-index,.contact-editorial-heading{display:none}
.home-view .site-footer,.contact-view .site-footer{position:relative;isolation:isolate;max-width:none;width:100%;margin:0;padding:0;background:#091009;overflow:hidden}
.home-view .contact-film,.contact-view .contact-film{display:block;width:100%;height:clamp(520px,72svh,820px);aspect-ratio:auto}
.home-view .contact-film video,.contact-view .contact-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 44%}
.home-view .contact-film::after,.contact-view .contact-film::after{inset:0;background:linear-gradient(180deg,#0003 0%,transparent 30%,transparent 52%,#0008 100%)}
.home-view .contact-section-index,.contact-view .contact-section-index{display:block;position:absolute;z-index:2;left:var(--gutter);top:42px;margin:0;font-size:10px;letter-spacing:.15em;color:var(--ink)}
.home-view .contact-editorial-heading,.contact-view .contact-editorial-heading{display:block;position:absolute;z-index:2;left:var(--gutter);bottom:52px;margin:0;font-family:NameDisplay,Georgia,serif;font-size:clamp(58px,7vw,110px);font-weight:400;line-height:1;letter-spacing:-.035em;color:var(--ink)}
.home-view .footer-bottom,.contact-view .footer-bottom{position:absolute;z-index:2;right:var(--gutter);bottom:45px;margin:0;padding:0;border:0;display:block}
.home-view .footer-name,.contact-view .footer-name{display:none}
.home-view .social-icons,.contact-view .social-icons{gap:14px}
.home-view .social-icons a,.contact-view .social-icons a{width:44px;height:44px;transition:color .2s}
.home-view .social-icons a:hover,.contact-view .social-icons a:hover{transform:none}
.home-view .contact-motion,.contact-view .contact-motion{top:28px;right:calc(var(--gutter) - 11px);bottom:auto;width:44px;height:44px;background:transparent;font-size:15px}
.contact-view .contact-page{min-height:0;height:0;padding:0;margin:0}
@media(max-width:700px){
.home-view .contact-film,.contact-view .contact-film{height:clamp(560px,80svh,760px)}
.home-view .contact-film video,.contact-view .contact-film video{object-position:48% 45%}
.home-view .contact-section-index,.contact-view .contact-section-index{top:30px;font-size:9px}
.home-view .contact-editorial-heading,.contact-view .contact-editorial-heading{bottom:112px;font-size:clamp(44px,11.5vw,72px);max-width:calc(100% - 52px)}
.home-view .footer-bottom,.contact-view .footer-bottom{bottom:30px}
.home-view .social-icons,.contact-view .social-icons{gap:12px}
.home-view .contact-motion,.contact-view .contact-motion{top:16px}
}

/* Alternating homepage display headings: WORK right, ACCOLADES left, BIO right. */
.accolades-panel .section-top{display:block;border:0;padding-top:0;margin-bottom:clamp(60px,7vw,100px)}
.accolades-panel .section-top .section-index{display:none}
.accolades-panel #accolades-heading,.home-bio-heading{font-family:NameDisplay,Georgia,serif;font-weight:400;font-size:clamp(64px,8.4vw,120px);line-height:1;letter-spacing:-.035em;margin:0;color:var(--ink)}
.accolades-panel #accolades-heading{text-align:left}
.home-bio-heading{text-align:right;margin-bottom:clamp(60px,7vw,100px)}
.home-closing{padding-top:clamp(45px,6vw,90px)}
.home-about-contact{border-top:0;padding-top:0}
@media(max-width:700px){.accolades-panel #accolades-heading{font-size:clamp(43px,10.5vw,72px)}.home-bio-heading{font-size:64px;margin-bottom:40px}.accolades-panel .section-top{margin-bottom:45px}.home-about-contact{padding-top:0}}

/* Clearer Hero identity and work cue. */
.hero .eyebrow{font-size:clamp(11px,1.05vw,15px);letter-spacing:.12em;line-height:1.7;margin-bottom:16px;display:flex;flex-wrap:wrap;align-items:center;gap:0 12px}
.hero-controls .scroll-cue{font-weight:700}
@media(max-width:700px){.hero .eyebrow{font-size:10px;letter-spacing:.08em;max-width:none;display:block;line-height:1.65;margin-bottom:12px}.hero .eyebrow>span:not(.hero-role-divider){display:block}.hero-role-divider{display:none}}

/* Slightly larger Hero work cue. */
.hero-controls .scroll-cue{font-size:12px}
@media(max-width:700px){.hero-controls .scroll-cue{font-size:10px}}

/* Six categories share the original editorial grid. */
.category-card:nth-child(n){grid-column:span 2}
@media(min-width:701px) and (max-width:1100px){.category-card:nth-child(n){grid-column:span 2}}
@media(max-width:700px){.category-card:nth-child(n){grid-column:auto}}

/* Category-local filters never change the route. */
.work-subfilters{display:flex;flex-wrap:wrap;gap:8px 28px;margin:8px 0 22px}
.work-subfilters button{min-height:44px;padding:10px 0;background:transparent;border-bottom:1px solid transparent;font-size:12px;letter-spacing:.04em;color:var(--muted)}
.work-subfilters button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}
.work-subfilters button:hover{color:var(--ink)}
.work-empty{grid-column:1/-1;border:1px solid var(--line);padding:clamp(36px,6vw,80px) 25px;text-align:center;width:100%}
.work-empty p{font-size:15px;color:var(--muted);line-height:1.8;margin:16px 0 0}

/* A quiet handset shell, with all player controls inside an unobstructed screen. */
.reels-collection{padding:20px 0 64px;margin-bottom:36px;border-bottom:1px solid var(--line);min-width:0}
.reels-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px}
.reels-header h2{font-size:clamp(28px,3.2vw,44px);letter-spacing:-.035em;font-weight:500;margin:12px 0}
.reels-header p:last-child{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:0}
.reels-controls{display:flex;gap:10px;flex-shrink:0}
.reels-controls button,.lightbox-navigation button,.lightbox-toolbar button{min-width:44px;min-height:44px;border:1px solid var(--line);background:transparent;padding:10px 14px}
.reels-controls button{font-size:20px}
.reels-controls button:disabled,.lightbox-navigation button:disabled{opacity:.35;cursor:default}
.reels-track{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:10px;scrollbar-width:thin;scrollbar-color:#84877b transparent;padding:10px 10px 28px;outline-offset:2px}
.reels-track:focus-visible{outline:2px solid var(--accent)}
.reels-track ol{list-style:none;display:flex;gap:clamp(32px,5vw,70px);padding:0;margin:0;position:relative}
.reel-item{flex:0 0 clamp(240px,25vw,306px);min-width:0;scroll-snap-align:start}
.phone-frame{position:relative;padding:24px 9px 14px;border:1px solid #777a72;border-radius:35px;background:linear-gradient(110deg,#484a44,#111310 12%,#161815 88%,#494c44);box-shadow:inset 0 0 0 3px #111,0 15px 28px #0003}
.phone-frame:before{content:"";position:absolute;right:-3px;top:110px;width:3px;height:40px;background:#74776e;border-radius:0 2px 2px 0}
.phone-speaker{position:absolute;width:42px;height:4px;border-radius:5px;background:#050605;top:11px;left:calc(50% - 21px);box-shadow:0 1px 0 #54574b}
.phone-screen.embed-shell{position:relative;aspect-ratio:9/16;width:100%;border-radius:19px;overflow:hidden;background:#1b211a;margin:0}
.phone-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.phone-screen .reel-preview{padding:24px 15px;background:radial-gradient(ellipse at top,#414a39,#151a14 75%);font-size:17px;line-height:1.5;gap:25px}
.phone-screen .reel-preview .eyebrow{font-size:9px;letter-spacing:.16em}
.phone-screen .reel-preview small{font-size:11px}
.phone-screen .load-video:focus-visible{outline-offset:-5px}
.reel-caption{padding:24px 4px 0}
.reel-caption h3{font-size:20px;font-weight:500;letter-spacing:-.02em;margin:9px 0}
.reel-caption p{font-size:12px;color:var(--muted);margin:0 0 12px}
.close-reel{display:block;background:transparent;border:1px solid var(--line);min-height:44px;margin-top:14px;padding:8px 12px;font-size:12px}

/* Photography opens directly into a keyboard-accessible lightbox. */
.work-page[data-category=photography] .photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;align-items:start}
.photo-tile{margin:0;min-width:0}
.photo-tile button{position:relative;display:block;width:100%;padding:0;background:transparent;text-align:left}
.photo-tile img{display:block;width:100%;height:auto}
.photo-enlarge{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;background:#151714cc;border:1px solid #ffffff60;font-size:20px}
.photo-viewer-open{overflow:hidden}
.photo-lightbox{position:fixed;inset:0;width:min(1200px,94vw);max-width:94vw;max-height:94svh;margin:auto;padding:20px 24px;background:#20211f;border:1px solid var(--line);color:var(--ink);overflow:auto}
.photo-lightbox::backdrop{background:#000e}
.lightbox-toolbar,.lightbox-navigation{display:flex;justify-content:space-between;align-items:center;gap:16px}
.lightbox-toolbar p{font-size:12px;color:var(--muted)}
.lightbox-toolbar button,.lightbox-navigation button{font-size:12px}
.photo-lightbox figure{margin:16px 0}
.photo-lightbox figure img{width:100%;height:min(65svh,800px);object-fit:contain}
.photo-lightbox figcaption{text-align:center;font-size:12px;line-height:1.6;color:var(--muted);margin:16px 0}
@media(max-width:1050px){.work-page[data-category=photography] .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:700px){.reels-header{display:block}.reels-controls{margin-top:22px}.reel-item{flex-basis:min(256px,calc(100vw - 96px))}.reels-track ol{gap:30px}.reels-collection{padding-top:12px;padding-bottom:40px}.work-subfilters{gap:6px 22px}.work-page[data-category=photography] .photo-grid{grid-template-columns:1fr;gap:28px}.photo-lightbox{padding:12px}.photo-lightbox figure img{height:60svh}.photo-lightbox figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.reels-track{scroll-behavior:auto;scroll-snap-type:none}}

/* Photography is a continuous editorial page; the lightbox keeps the original images uncropped. */
.work-page[data-category=photography] .category-filters,.work-page[data-category=photography] .work-subfilters{display:none}
.work-page[data-category=photography] .page-heading{margin-bottom:32px}
.work-page[data-category=photography] .photo-grid{display:block}
.photography-page{max-width:1280px;margin:auto}
.photography-section+.photography-section{margin-top:80px;padding-top:42px;border-top:1px solid var(--line)}
.photography-section-heading{display:flex;align-items:baseline;gap:22px;margin-bottom:25px}
.photography-section-heading span{color:var(--muted);font-size:10px;letter-spacing:.12em}
.photography-section-heading h2{font-family:var(--serif);font-size:clamp(30px,3.4vw,48px);line-height:1.15;font-weight:400;margin:0}
.photography-portrait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.photography-portrait-grid .photo-tile:nth-child(n+3){width:82%;justify-self:center;margin-top:8px}
.photography-landscape-grid{columns:2;column-gap:22px}
.photography-landscape-grid .photo-tile{break-inside:avoid;margin:0 0 22px}
.photography-page .photo-tile button{overflow:hidden}
.photography-page .photo-tile img{transition:transform .25s ease}
.photography-page .photo-tile button:hover img{transform:scale(1.015)}
.photography-page .photo-tile button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(max-width:700px){.work-page[data-category=photography] .page-heading{margin-bottom:28px}.photography-section+.photography-section{margin-top:52px;padding-top:30px}.photography-section-heading{margin-bottom:18px}.photography-portrait-grid{grid-template-columns:1fr;gap:17px}.photography-portrait-grid .photo-tile:nth-child(n+3){width:100%;margin:0}.photography-landscape-grid{columns:1}.photography-landscape-grid .photo-tile{margin-bottom:17px}}
@media(prefers-reduced-motion:reduce){.photography-page .photo-tile img{transition:none}}
.phone-screen .reel-preview .reel-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0}
.phone-screen .reel-preview:has(.reel-poster)::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#0002 55%,#000c)}
.phone-screen .reel-preview>span,.phone-screen .reel-preview>small{position:relative;z-index:1;text-shadow:0 1px 5px #000}
.phone-screen .reel-preview:has(.reel-poster){justify-content:flex-end;gap:14px;color:#fff}
.phone-screen .reel-preview:has(.reel-poster) .eyebrow{display:none}
.phone-screen .reel-preview:has(.reel-poster) .play-circle{background:#151714cc;border-color:#fff;color:#fff}
.phone-screen .reel-preview:has(.reel-poster) small{color:#fff}

/* Owner-supplied display lettering, composed like the existing WORK artwork. */
.section-title-art{display:block;max-width:100%;height:auto}
.accolades-panel #accolades-heading,.home-bio-heading{font-size:0;line-height:0}
.bio-title-art{margin-left:auto}
.home-view .contact-editorial-heading,.contact-view .contact-editorial-heading{font-size:0;line-height:0;width:clamp(280px,42vw,600px)}
.connect-title-art{width:100%}
.category-card h3{margin-top:0}
.category-card p{font-size:17px;line-height:1.7;color:#d0d1ca;margin-top:18px}
@media(max-width:700px){.category-card p{font-size:16px;line-height:1.7}.home-view .contact-editorial-heading,.contact-view .contact-editorial-heading{width:min(82vw,390px);bottom:124px}}

/* Shared letter height and content spacing across the display headings. */
:root{--section-title-height:clamp(44px,4.8vw,68px);--section-title-gap:clamp(48px,5vw,72px)}
.work-categories h2 .work-title-art,.accolades-title-art,.bio-title-art{width:auto;height:var(--section-title-height);max-width:100%;object-fit:contain}
.work-categories h2,.home-bio-heading,.accolades-panel .section-top{margin-bottom:var(--section-title-gap)}
.work-categories h2{font-size:0;line-height:0}
.home-view .contact-editorial-heading,.contact-view .contact-editorial-heading{width:auto;max-width:calc(100% - 2 * var(--gutter))}
.connect-title-art{width:auto;height:calc(clamp(44px,6vw,84px) * 2.2);max-width:100%;object-fit:contain;object-position:left center}
.home-closing{padding-top:clamp(48px,5vw,72px)}
.home-about-contact{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);align-items:start;padding-top:0}
.home-about-contact .portrait-slot{margin-left:0;margin-right:0;max-width:340px;justify-self:end}
.home-about-copy{padding-top:0}

/* A cinematic city band with room around the shared title/content rhythm. */
.accolades-panel{position:relative;isolation:isolate;overflow:hidden;max-width:none;min-height:clamp(380px,30vw,480px);display:grid;align-items:center;padding-top:48px;padding-bottom:48px;background:#101410}
.accolades-film{position:absolute;inset:0;z-index:-2;background:#101410 url('assets/accolades-loop.jpg') center/contain no-repeat}
.accolades-film video{width:100%;height:100%;object-fit:contain;object-position:50% 50%;background:#101410;transform:scale(1.33);transform-origin:center;transition:none}
.accolades-film::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0006,#0004 50%,#0006)}
.accolades-inner{width:100%;max-width:calc(1600px - 2 * var(--gutter));margin:auto}
.accolades-panel #accolades-heading{padding-right:48px}
.accolades-panel .laurel-art{height:86px;margin-bottom:14px}
.accolades-panel .laurel-crop{max-width:170px}
.accolades-panel .laurel-card figcaption p{color:#d0d1ca}
.accolades-motion{position:absolute;top:20px;right:var(--gutter);width:44px;height:44px;display:grid;place-items:center;background:#0002;color:#fff;font-size:15px}
@media(max-width:700px){
  :root{--section-title-height:clamp(32px,9.7vw,40px);--section-title-gap:40px}
  .home-about-contact{grid-template-columns:1fr;gap:24px}
  .home-about-contact .portrait-slot{justify-self:start;margin:0;width:75%;max-width:270px}
  .home-closing{padding-top:40px}
  .accolades-panel{min-height:0;padding-top:40px;padding-bottom:40px}
  .accolades-panel #accolades-heading{padding-right:0}
  .accolades-panel .laurels-grid{gap:24px 20px}
  .accolades-panel .laurel-art{height:75px}
  .accolades-motion{top:auto;bottom:4px;right:8px;width:36px;height:36px}
  .accolades-film video{object-position:69% 50%}
}

/* Owner-supplied Brown Sugar: real selectable display text, no image lettering. */
@font-face{font-family:BrownSugar;src:url('assets/fonts/brown-sugar.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.hero h1.hero-name-art{font-family:BrownSugar,Georgia,serif;font-size:clamp(76px,8.6vw,148px);font-weight:400;font-style:normal;line-height:1;letter-spacing:-.025em;margin:0;white-space:nowrap}
.work-categories #categories-heading,.accolades-panel #accolades-heading,.home-bio-heading,.home-view .contact-editorial-heading,.contact-view .contact-editorial-heading{font-family:BrownSugar,Georgia,serif;font-weight:400}
.work-categories #categories-heading{font-size:clamp(72px,9vw,130px)}
@media(max-width:700px){.hero h1.hero-name-art{font-size:clamp(28px,9vw,56px);letter-spacing:-.03em}.work-categories #categories-heading{font-size:64px}.accolades-panel #accolades-heading{font-size:clamp(36px,9vw,64px)}}
/* Match the previous name artwork's visible proportions and lower alignment. */
.hero h1.hero-name-art{font-size:clamp(100px,11.3vw,194px);line-height:.55}
.hero .eyebrow{margin-bottom:30px}
@media(min-width:701px) and (max-height:700px){.hero h1.hero-name-art{font-size:clamp(90px,10.4vw,170px)}}
@media(max-width:700px){.hero-copy{container-type:inline-size}.hero h1.hero-name-art{font-size:31cqw;line-height:.65}.hero .eyebrow{margin-bottom:20px}}

/* Complete real-text replacement of the remaining image display headings. */
.accolades-panel #accolades-heading,.home-bio-heading{font-family:BrownSugar,Georgia,serif;font-weight:400;font-size:clamp(64px,8.4vw,120px);line-height:1;letter-spacing:-.035em}
.home-view .contact-editorial-heading,.contact-view .contact-editorial-heading{font-family:BrownSugar,Georgia,serif;font-weight:400;font-size:clamp(58px,7vw,110px);line-height:1;letter-spacing:-.035em}
@media(max-width:700px){.accolades-panel #accolades-heading{font-size:clamp(36px,9vw,64px)}.home-bio-heading{font-size:64px}.home-view .contact-editorial-heading,.contact-view .contact-editorial-heading{font-size:clamp(44px,11.5vw,72px)}}

/* Hero and Contact share visible edges, independent of text and icon hit boxes. */
:root{--frame-bottom:clamp(32px,4.8vw,72px);--frame-top:34px}
.hero-copy{bottom:var(--frame-bottom)}
.hero h1.hero-name-art{line-height:1;text-box-trim:trim-both;text-box-edge:cap alphabetic;transform:translate(-.035em,-.013em)}
.hero .eyebrow{margin-bottom:20px}
.hero-controls{right:var(--gutter);bottom:var(--frame-bottom);gap:12px}
.hero-controls .video-toggle{justify-items:end}
.hero-controls .play-symbol{display:block;line-height:0}
.motion-icon{display:block;width:9px;height:12px}
.hero-controls .scroll-cue{padding:0;align-items:flex-end;gap:16px;line-height:1}
.hero-controls .scroll-cue .cue-label{font:inherit;letter-spacing:inherit;margin:0;text-box-trim:trim-both;text-box-edge:cap alphabetic}
.hero-controls .cue-arrow{display:block;width:14px;height:21px;flex:none}
.home-view .contact-section-index,.contact-view .contact-section-index{top:var(--frame-top);text-box-trim:trim-both;text-box-edge:cap alphabetic}
.home-view .contact-motion,.contact-view .contact-motion{top:var(--frame-top);right:var(--gutter);padding:0;place-items:start end}
.home-view .contact-editorial-heading,.contact-view .contact-editorial-heading{bottom:var(--frame-bottom);display:flex;flex-direction:column;gap:.3em;line-height:1;transform:translateY(-.013em)}
.contact-editorial-heading>span{text-box-trim:trim-both;text-box-edge:cap alphabetic;display:block;transform:translateX(-.035em)}
.contact-editorial-heading>span+span{transform:translateX(-.029em)}
.home-view .footer-bottom,.contact-view .footer-bottom{right:var(--gutter);bottom:var(--frame-bottom)}
.home-view .social-icons a,.contact-view .social-icons a{place-items:end end}
.home-view .social-icons svg,.contact-view .social-icons svg{width:22px;height:auto;display:block}
@media(max-width:700px){
  :root{--frame-top:30px}
  .hero .eyebrow{margin-bottom:16px}
  .hero-controls{gap:8px}
  .hero-controls .scroll-cue{gap:9px}
  .home-view .contact-editorial-heading,.contact-view .contact-editorial-heading{bottom:calc(var(--frame-bottom) + 76px)}
}

/* Work is watched in place; home sections retain their existing layouts. */
.work-page .categories-back{font-size:14px;line-height:1.6;min-height:44px;margin-bottom:24px}
.work-page .category-filters a,.work-page .work-subfilters button{font-size:14px;min-height:44px;color:#d0d1ca}
.work-page .result-count{font-size:12px;color:#d0d1ca}
.work-page .project-card{scroll-margin-top:30px;outline:none}
.work-page .project-card:focus-visible{outline:2px solid var(--accent);outline-offset:8px}
.project-inline,.project-media,.card-copy{min-width:0}
.editorial-list .project-inline{display:grid;grid-template-columns:1.35fr 1fr;gap:8%;align-items:start}
.editorial-list .project-card:nth-child(even) .project-inline{grid-template-columns:1fr 1.35fr}
.editorial-list .project-card:nth-child(even) .project-media{grid-column:2;grid-row:1}
.editorial-list .project-card:nth-child(even) .card-copy{grid-column:1;grid-row:1}
.work-page .card-copy h3{overflow-wrap:break-word;line-height:1.22}
.work-page .card-role,.work-page .card-subtitle,.work-page .card-overview,.work-page .work-facts{font-size:15px;line-height:1.7;color:#d8d9d2;margin:12px 0 0}
.work-page .card-subtitle{font-size:17px;color:var(--ink)}
.work-page .card-overview{display:block;overflow:visible;-webkit-line-clamp:unset}
.work-page .card-meta{font-size:11px;margin:0 0 14px;line-height:1.7}
.work-page .work-facts{font-size:13px;color:#c5c6bf}
.work-page .recognition{font-size:13px}
.work-page:not([data-category=digital]):not([data-category=social-media]):not([data-category=journalism]) .card-copy{padding-top:24px}
.work-page[data-category=commercial] #all-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 36px;align-items:start}
.work-page[data-category=commercial] .project-card{padding:0;border:0;margin:0;grid-column:auto}
.work-page[data-category=commercial] .project-inline{display:block}
.work-page[data-category=commercial] .card-copy h3{font-family:Arial,Helvetica,sans-serif;font-size:clamp(25px,2.2vw,34px);font-weight:500;letter-spacing:-.025em;white-space:normal}
.player-stage{position:relative;aspect-ratio:16/10;display:grid;place-items:center;background:#181a17;overflow:hidden}
.editorial-list .player-stage{aspect-ratio:16/11}
.work-page[data-category=commercial] .player-stage{aspect-ratio:16/9}
.work-player-shell{position:relative;width:100%;aspect-ratio:var(--video-ratio,16/9);max-height:100%;min-width:0;background:#111}
.player-stage.is-vertical .work-player-shell{width:auto;height:100%;aspect-ratio:9/16;max-width:100%}
.work-player-shell iframe{position:absolute;inset:0;border:0;width:100%;height:100%;display:block}
.work-player-shell[aria-busy=true]::after{content:'Loading…';position:absolute;top:10px;left:10px;padding:7px 10px;background:#111d;color:#fff;font-size:13px;pointer-events:none}
.work-video-preview{padding:0;gap:14px;background:#191b17;overflow:hidden}
.work-video-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.is-vertical .work-video-preview img{object-fit:contain}
.work-video-preview::after{content:'';position:absolute;inset:0;background:linear-gradient(#0001,#0001 40%,#0008)}
.work-video-preview .play-circle,.work-video-preview .preview-caption{position:relative;z-index:1;color:#fff}
.work-video-preview .play-circle{background:#111b;border-color:#fff;flex-shrink:0}
.work-video-preview .preview-caption{font-size:14px;text-shadow:0 1px 4px #000;padding:0 12px}
.work-video-preview:focus-visible{outline-offset:-5px;z-index:1}
.video-versions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;min-height:48px;padding-top:4px}
.video-versions button{min-height:44px;padding:8px 0;background:none;border-bottom:1px solid transparent;font-size:14px;color:#d0d1ca}
.video-versions button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}
.video-versions>span{font-size:14px;color:#d0d1ca}
.player-support{font-size:13px;line-height:1.5}
.player-status{min-height:40px;margin:8px 0 0;color:#d0d1ca}
.player-actions{display:flex;flex-wrap:wrap;gap:0 18px;min-height:44px;align-items:center}
.player-actions a,.player-actions button{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;font-size:13px;color:#e2e3dc;background:none;text-decoration:underline;text-underline-offset:4px}
.still-cover{margin:0}.still-cover img{width:100%;height:auto}
.work-extras{margin-top:20px;border-top:1px solid var(--line);font-size:14px;line-height:1.75;color:#d8d9d2}
.work-extras summary{cursor:pointer;min-height:44px;padding:12px 0;color:var(--ink)}
.work-extras summary:focus-visible{outline:2px solid var(--accent)}
.inline-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;padding:12px 0}
.inline-gallery figure{margin:0}.inline-gallery img{width:100%;height:auto}
.after-story-materials{display:grid;gap:28px;padding:12px 0 6px}.after-story-materials section{min-width:0}.after-story-materials h4{font-family:var(--serif);font-size:clamp(21px,2vw,28px);font-weight:400;margin:0 0 12px;color:var(--ink)}.after-story-materials video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:contain}.after-story-posters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.after-story-posters figure{margin:0;min-width:0}.after-story-posters img{display:block;width:100%;height:auto}.after-story-posters figcaption{font-size:12px;color:var(--muted);padding-top:5px}.after-story-bts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.after-story-bts img{display:block;width:100%;height:auto}.after-story-bts img:first-child{grid-column:1/-1}
@media(max-width:700px){.after-story-posters{grid-template-columns:repeat(2,minmax(0,1fr))}.after-story-bts{grid-template-columns:1fr}.after-story-bts img:first-child{grid-column:auto}}
.phone-player .player-stage{display:block;aspect-ratio:auto;overflow:visible}
.phone-player .player-stage.is-vertical .work-player-shell{width:100%;height:auto;max-height:none;aspect-ratio:9/16}
.phone-player .player-support{margin-top:10px}
.phone-player .work-video-preview{justify-content:center;padding:0}
.reel-caption .text-link{font-size:14px;min-height:44px}
.reel-caption p,.reels-header p:last-child{font-size:14px;color:#d0d1ca;line-height:1.7}
@media(max-width:700px){
 .work-page[data-category=commercial] #all-grid{grid-template-columns:minmax(0,1fr);gap:48px}
 .editorial-list .project-card .project-inline{display:flex;flex-direction:column;align-items:stretch;gap:24px}
 .editorial-list .project-media,.editorial-list .card-copy{width:100%}
 .work-page .card-copy h3{font-size:28px}
 .work-page[data-category=commercial] .card-copy h3{font-size:26px}
 .player-actions{gap:0 14px}
 .inline-gallery{grid-template-columns:1fr}
}

/* Commercial puts client identity directly below the cover, before player utilities. */
.work-page[data-category=commercial] .work-player>.card-copy{padding-top:24px}
.work-page[data-category=commercial] .video-versions{margin-top:14px}
.work-page .project-card{overflow-anchor:none}
@media(max-width:700px){
  .work-page .project-card .player-stage.is-vertical{aspect-ratio:auto;height:min(480px,65svh)}
  .work-page .project-card .player-stage.is-vertical .work-player-shell{height:100%;width:auto;aspect-ratio:9/16}
  .player-status{min-height:60px}
}

/* Quiet category presentation; reveal recovery links only on playback failure. */
.work-page .page-heading h1{grid-column:2}
.work-page .category-filters{margin-bottom:40px}
.footer-logo{width:52px;height:52px;align-items:center;justify-content:center;display:inline-flex}
.footer-logo img{display:block;width:100%;height:100%;object-fit:contain}
.player-status:empty,.player-actions:not(:has(> :not([hidden]))){display:none}
.player-status{min-height:0}
.player-actions [hidden]{display:none}
.phone-player .player-support:has(.player-status:empty):not(:has(.player-actions > :not([hidden]))){margin-top:0}
@media(max-width:700px){.footer-logo{width:42px;height:42px}.work-page .category-filters{margin-bottom:30px}}

/* Commercial series layout: one featured story, followed by four client films. */
.work-page[data-category=commercial] #category-filters{display:none}
.work-page[data-category=commercial] .page-heading{margin-bottom:48px}
.work-page[data-category=commercial] .page-heading h1{font-size:clamp(44px,5.2vw,76px)}
.work-page[data-category=commercial] #all-grid{gap:58px 36px}
.work-page[data-category=commercial] .commercial-featured{grid-column:1/-1;min-width:0}
.commercial-featured-heading{margin-bottom:30px}
.commercial-featured-heading h2{margin:0 0 8px;font:500 clamp(34px,4.2vw,58px)/1.06 Arial,Helvetica,sans-serif;letter-spacing:-.035em;text-transform:uppercase}
.commercial-featured-heading>p{margin:0 0 7px;color:#ddd;font-size:16px;line-height:1.5}
.commercial-featured-heading .card-role,.commercial-featured-heading .card-production{font-size:14px}
.commercial-featured-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;align-items:start}
.commercial-featured-videos>div{min-width:0}
.commercial-featured-videos h3{font:500 18px/1.4 Arial,Helvetica,sans-serif;margin:16px 0 0}
.commercial-featured-videos .video-versions{margin-top:8px}
.commercial-featured-videos .video-versions>span,.work-page[data-category=commercial] .project-card .video-versions>span{display:none}
.commercial-series-about{max-width:760px;margin:42px 0 26px}
.commercial-series-about h3{font:500 21px/1.3 Arial,Helvetica,sans-serif;margin:0 0 10px}
.commercial-series-about p{font-size:16px;line-height:1.65;color:#d5d7d0;margin:0}
.commercial-promo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.commercial-promo{display:block;padding:0;text-align:left;background:none;color:var(--ink);min-width:0}
.commercial-promo img{width:100%;height:300px;object-fit:contain;background:#191b17;display:block}
.commercial-promo span{display:block;font-size:14px;margin-top:10px}
.commercial-promo:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.work-page[data-category=commercial] .project-card .card-copy h3{text-transform:uppercase}
.work-page[data-category=commercial] .card-role,.work-page[data-category=commercial] .card-production{font-size:14px;color:#d5d7d0;line-height:1.55;margin:5px 0}
.work-page[data-category=commercial] .project-card .card-copy{padding-top:18px}
.work-page[data-category=commercial] .project-card .video-versions{min-height:0;padding:0;margin:0}
@media(max-width:700px){
 .work-page[data-category=commercial] .page-heading{margin-bottom:34px}
 .commercial-featured-videos{grid-template-columns:1fr;gap:30px}
 .commercial-promo-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:12px}
 .commercial-promo{flex:0 0 min(60vw,220px);scroll-snap-align:start}
 .commercial-promo img{height:290px}
 .commercial-series-about{margin:30px 0 22px}
}

.commercial-featured-videos .video-versions:has(> span){display:none}
@media(max-width:700px){.work-page[data-category=commercial] .commercial-featured-videos .player-stage.is-vertical{aspect-ratio:auto;height:min(70svh,680px)}.commercial-featured-videos .player-stage.is-vertical .work-player-shell{height:100%;width:auto;aspect-ratio:9/16}}

/* Commercial layout follows the agreed editorial hierarchy. */
.work-page[data-category=commercial]{padding-top:40px}
.work-page[data-category=commercial] .categories-back{margin-bottom:20px}
.work-page[data-category=commercial] .page-heading{display:block;margin:0 0 36px}
.work-page[data-category=commercial] .page-heading h1{grid-column:auto;font-size:clamp(42px,5vw,72px);line-height:1.06;margin:0;letter-spacing:-.04em}
.work-page[data-category=commercial] .page-heading .intro{grid-column:auto;margin:13px 0 0;font-size:15px;line-height:1.55;color:#d4d5ce}
.work-page[data-category=commercial] #all-grid{gap:44px 36px}
.work-page[data-category=commercial] .commercial-featured{padding-bottom:44px;border-bottom:1px solid var(--line)}
.work-page[data-category=commercial] .commercial-featured-heading{margin-bottom:28px}
.work-page[data-category=commercial] .commercial-featured-heading h2{font-size:clamp(34px,3.8vw,54px);text-transform:none}
.work-page[data-category=commercial] .commercial-featured-videos{margin-bottom:28px}
.work-page[data-category=commercial] .project-card .card-copy h3{text-transform:none}
.work-page[data-category=commercial] .commercial-series-about{margin:0 0 26px}
.commercial-credits{display:flex;flex-wrap:wrap;gap:10px 40px;margin-top:20px}
.commercial-credits p{margin:0;font-size:14px;line-height:1.5;color:#e3e4dd}
.commercial-credits span{display:block;margin-bottom:5px;font-size:11px;letter-spacing:.13em;color:#bfc2b9}
.commercial-featured-videos .video-versions{margin-top:8px}
.commercial-featured-videos .video-versions button{min-height:38px}
.work-page[data-category=commercial] .project-card .commercial-credits{margin-top:17px}
.work-page[data-category=commercial] .project-card .card-subtitle{margin-top:8px}
@media(max-width:700px){
 .work-page[data-category=commercial]{padding-top:30px}
 .work-page[data-category=commercial] .categories-back{margin-bottom:16px}
 .work-page[data-category=commercial] .page-heading{margin-bottom:30px}
 .work-page[data-category=commercial] .page-heading h1{font-size:clamp(38px,10.5vw,54px)}
 .work-page[data-category=commercial] .page-heading .intro{font-size:14px;margin-top:10px}
 .work-page[data-category=commercial] .commercial-featured-videos{margin-bottom:28px}
 .work-page[data-category=commercial] .commercial-featured{padding-bottom:32px}
 .commercial-credits{gap:14px 26px}
}

/* Commercial page typography and rhythm follow the supplied editorial reference. */
body:has(.work-page[data-category=commercial]:not([hidden])){background:radial-gradient(ellipse at 50% 28%,#252525 0%,#161616 64%,#111 100%)}
.work-page[data-category=commercial]{padding-top:24px;padding-bottom:80px}
.work-page[data-category=commercial] .categories-back{margin-bottom:8px;font-family:var(--serif);font-size:15px;color:#e0e0dc}
.work-page[data-category=commercial] .page-heading{margin-bottom:18px}
.work-page[data-category=commercial] .page-heading h1{font-family:var(--serif);font-size:clamp(38px,4vw,60px);font-weight:400;letter-spacing:-.025em;line-height:1.08}
.work-page[data-category=commercial] .page-heading .intro{font-family:var(--serif);font-size:clamp(17px,1.55vw,23px);margin-top:3px;line-height:1.35;color:#c8c8c5}
.work-page[data-category=commercial] #all-grid{gap:34px 36px}
.work-page[data-category=commercial] .commercial-featured{padding-bottom:30px}
.work-page[data-category=commercial] .commercial-featured-videos{margin-bottom:34px}
.work-page[data-category=commercial] .commercial-featured-videos h3{font-family:var(--serif);font-size:20px;font-weight:400;margin-top:8px}
.work-page[data-category=commercial] .commercial-featured-heading{margin-bottom:32px}
.work-page[data-category=commercial] .commercial-featured-heading h2{font-family:var(--serif);font-size:clamp(37px,3.4vw,52px);font-weight:400;letter-spacing:-.025em;margin-bottom:3px}
.work-page[data-category=commercial] .commercial-featured-heading>p{font-family:var(--serif);font-size:clamp(18px,1.7vw,24px);color:#c9c9c6}
.work-page[data-category=commercial] .commercial-credits{gap:16px 0;margin-top:18px}
.work-page[data-category=commercial] .commercial-credits p{font-family:var(--serif);font-size:17px;min-width:200px;padding-right:34px}
.work-page[data-category=commercial] .commercial-credits p+p{border-left:1px solid #ffffff52;padding-left:34px}
.work-page[data-category=commercial] .commercial-credits span{font-family:Arial,Helvetica,sans-serif;font-size:11px;margin-bottom:2px}
.work-page[data-category=commercial] .commercial-series-about{margin-bottom:17px;max-width:none}
.work-page[data-category=commercial] .commercial-series-about h3{font-family:var(--serif);font-size:clamp(25px,2.2vw,34px);font-weight:400;margin-bottom:3px}
.work-page[data-category=commercial] .commercial-series-about p{font-family:var(--serif);font-size:17px;line-height:1.5}
.work-page[data-category=commercial] .commercial-promo-gallery{gap:24px}
.work-page[data-category=commercial] .commercial-promo span{text-align:center;font-family:var(--serif);font-size:16px;margin-top:9px}
.work-page[data-category=commercial] .project-card .card-copy{padding-top:7px}
.work-page[data-category=commercial] .project-card .card-copy h3{font-family:var(--serif);font-size:clamp(25px,2.25vw,34px);font-weight:400;letter-spacing:-.015em;line-height:1.1}
.work-page[data-category=commercial] .project-card .card-subtitle{font-family:var(--serif);font-size:17px;line-height:1.35;margin-top:3px}
.work-page[data-category=commercial] .project-card .commercial-credits{margin-top:14px}
.work-page[data-category=commercial] .project-card .commercial-credits p{font-size:16px}
.work-page[data-category=commercial] .commercial-featured-videos .video-versions{display:flex;width:min(100%,330px);min-height:36px;padding:0;margin-top:8px;border:1px solid #ffffff44;border-radius:999px;overflow:hidden;gap:0}
.work-page[data-category=commercial] .commercial-featured-videos .video-versions button{flex:1;min-height:36px;padding:5px 12px;border:0;border-radius:999px;font-family:var(--serif);font-size:15px}
.work-page[data-category=commercial] .commercial-featured-videos .video-versions button[aria-pressed=true]{background:#ffffff30}
.work-page[data-category=commercial] .commercial-featured-videos .video-versions:has(> span){display:none}
@media(max-width:700px){
 .work-page[data-category=commercial]{padding-top:20px;padding-bottom:60px}
 .work-page[data-category=commercial] .page-heading{margin-bottom:20px}
 .work-page[data-category=commercial] .page-heading h1{font-size:clamp(35px,9.5vw,50px)}
 .work-page[data-category=commercial] .page-heading .intro{font-size:17px}
 .work-page[data-category=commercial] .commercial-featured-videos{margin-bottom:28px;gap:24px}
 .work-page[data-category=commercial] .commercial-featured-heading{margin-bottom:26px}
 .work-page[data-category=commercial] .commercial-credits{gap:12px 0}
 .work-page[data-category=commercial] .commercial-credits p{min-width:0;width:50%;padding-right:12px;font-size:15px}
 .work-page[data-category=commercial] .commercial-credits p+p{padding-left:16px}
 .work-page[data-category=commercial] .commercial-series-about p{font-size:16px}
 .work-page[data-category=commercial] .commercial-promo-gallery{gap:16px}
}
.work-page[data-category=commercial] .commercial-series-about summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;list-style:none;cursor:pointer;font-family:var(--serif);font-size:clamp(25px,2.2vw,34px);line-height:1.25}
.work-page[data-category=commercial] .commercial-series-about summary::-webkit-details-marker{display:none}
.work-page[data-category=commercial] .commercial-series-about summary::after{content:"";width:11px;height:11px;flex:none;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.work-page[data-category=commercial] .commercial-series-about[open] summary::after{transform:rotate(225deg)}
.work-page[data-category=commercial] .commercial-series-about summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.work-page[data-category=commercial] .commercial-series-about p{margin:4px 0 0}
.work-page[data-category=commercial] .commercial-series-about .commercial-promo-gallery{margin-top:18px}
@media(prefers-reduced-motion:reduce){.work-page[data-category=commercial] .commercial-series-about summary::after{transition:none}}

/* Digital Series: one featured project, one quiet divider, two matched selected episodes. */
.work-page[data-category=digital]{padding-top:24px}
.work-page[data-category=digital] .page-heading{display:block;margin-bottom:34px}
.work-page[data-category=digital] .page-heading h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(36px,3.4vw,52px);line-height:1.08;margin-top:6px}
.work-page[data-category=digital] .page-heading .intro{font-family:Arial,Helvetica,sans-serif;font-size:clamp(14px,1.3vw,18px);line-height:1.5;margin-top:6px;color:#d0d1ca}
.work-page[data-category=digital] .category-filters,.work-page[data-category=digital] .result-count,.work-page[data-category=digital] #work-subfilters{display:none}
.work-page[data-category=digital] #all-grid{display:block}
.work-page[data-category=digital] .editorial-list .project-card{padding:0;margin:0;border:0}
.work-page[data-category=digital] .digital-featured{padding-bottom:42px;border-bottom:1px solid #ffffff2a}
.work-page[data-category=digital] .digital-project-row{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:3.5%;align-items:start;min-width:0}
.work-page[data-category=digital] .digital-row-media,.work-page[data-category=digital] .digital-row-copy{min-width:0}
.work-page[data-category=digital] .player-stage{aspect-ratio:16/9}
.work-page[data-category=digital] #work-zoo .work-video-preview img{object-fit:contain}
.work-page[data-category=digital] .digital-row-copy h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(28px,2.5vw,38px);font-weight:500;line-height:1.13;letter-spacing:-.025em;text-transform:none;margin:0}
.work-page[data-category=digital] .digital-subtitle{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5;color:#d2d3cc;margin:3px 0 0}
.work-page[data-category=digital] .digital-credits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:23px 0 0}
.work-page[data-category=digital] .digital-credits p{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.45;min-width:0;margin:0}
.work-page[data-category=digital] .digital-credits p+p{padding:0;border:0}
.work-page[data-category=digital] .digital-credits span{display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.08em;margin-bottom:7px;color:#c2c3bd}
.work-page[data-category=digital] .digital-overview{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;color:#d7d8d2;margin:23px 0 0;max-width:610px}
.work-page[data-category=digital] .digital-player-identity{position:absolute;left:15px;bottom:13px;z-index:2;pointer-events:none;padding:5px 7px;background:#1119;font-size:12px;line-height:1.2;color:#fff}
.work-page[data-category=digital] .player-stage:has(iframe) .digital-player-identity{display:none}
.work-page[data-category=digital] .digital-intro-versions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;padding:0}
.work-page[data-category=digital] .digital-intro-versions button{display:block;text-align:center;min-width:0;min-height:0;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.25;padding:0;border:0}
.work-page[data-category=digital] .digital-intro-thumb{display:grid;place-items:center;position:relative;aspect-ratio:16/9;overflow:hidden;background:#1d1d1d;border:1px solid #ffffff3d;margin-bottom:5px}
.work-page[data-category=digital] .digital-intro-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.work-page[data-category=digital] .digital-intro-play{position:relative;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#111b;color:#fff;font-size:10px}
.work-page[data-category=digital] .digital-intro-versions button[aria-pressed=true] .digital-intro-thumb{border-color:#fff;box-shadow:0 0 0 1px #fff}
.work-page[data-category=digital] .digital-selected{display:grid;gap:42px;padding-top:42px}
.work-page[data-category=digital] .digital-selected-row .video-versions{display:none}
.work-page[data-category=digital] .digital-selected-heading{min-height:88px}
.work-page[data-category=digital] .digital-selected-row .digital-credits{margin-top:0}
.work-page[data-category=digital] .digital-selected-row .digital-overview{margin-top:18px}
.work-page[data-category=digital] .digital-series-details{border:0;margin-top:18px}
.work-page[data-category=digital] .digital-series-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:48px;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:500}
.work-page[data-category=digital] .digital-series-details summary::-webkit-details-marker{display:none}
.work-page[data-category=digital] .digital-series-details summary::after{content:'⌄';font-size:22px;line-height:1}
.work-page[data-category=digital] .digital-series-details[open] summary::after{transform:rotate(180deg)}
.work-page[data-category=digital] .digital-series-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.work-page[data-category=digital] .digital-series-details-body{padding:22px 0 0}
.work-page[data-category=digital] .digital-reading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,72px);align-items:start}
.work-page[data-category=digital] .digital-reading section{min-width:0}
.work-page[data-category=digital] .digital-series-details-body h4{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:500;margin:0 0 10px}
.work-page[data-category=digital] .digital-reading p{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.7;color:#d7d8d2;margin:0 0 14px}
.work-page[data-category=digital] .digital-materials-row{display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:26px;align-items:start;margin-top:42px}
.work-page[data-category=digital] .digital-materials-row.without-credits{grid-template-columns:minmax(0,320px)}
.work-page[data-category=digital] .digital-artwork-track{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;touch-action:pan-y;isolation:isolate}
.work-page[data-category=digital] .digital-artwork-track button{position:absolute;top:50%;left:50%;width:57%;height:100%;padding:0;background:#111;overflow:hidden;transform:translate(-50%,-50%);transition:left .3s,transform .3s,opacity .3s;box-shadow:0 8px 20px #0009}
.work-page[data-category=digital] .digital-artwork-track img{display:block;width:100%;height:100%;object-fit:contain}
.work-page[data-category=digital] .digital-artwork-track button[data-position=center]{z-index:3;opacity:1}
.work-page[data-category=digital] .digital-artwork-track button[data-position=previous]{left:15%;z-index:2;opacity:.54;transform:translate(-50%,-50%) scale(.82)}
.work-page[data-category=digital] .digital-artwork-track button[data-position=next]{left:85%;z-index:2;opacity:.54;transform:translate(-50%,-50%) scale(.82)}
.work-page[data-category=digital] .digital-artwork-track button[data-position=far]{opacity:0;pointer-events:none}
.work-page[data-category=digital] .digital-artwork-progress{height:2px;width:34%;margin:8px auto 0;background:#ffffff40;overflow:hidden}
.work-page[data-category=digital] .digital-artwork-progress span{display:block;height:100%;background:#fff;transition:transform .3s}
.work-page[data-category=digital] .digital-opening-video{width:100%;aspect-ratio:16/9}
.work-page[data-category=digital] .digital-opening-video video{display:block;width:100%;height:100%;object-fit:contain;background:#111}
.work-page[data-category=digital] .digital-bts-section{margin-top:42px}
.work-page[data-category=digital] .digital-bts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.work-page[data-category=digital] .digital-bts-grid button{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;padding:0;background:#171717}
.work-page[data-category=digital] .digital-bts-grid img{width:100%;height:100%;object-fit:cover}
.work-page[data-category=digital] .digital-bts-toggle{display:block;margin:17px 0 0;padding:7px 0;background:none;border-bottom:1px solid #ffffff70;font-size:13px}
.work-page[data-category=digital] .digital-related{padding:46px 0 20px;border:0}
.work-page[data-category=digital] .digital-related>span{display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.12em;margin-bottom:8px}
.work-page[data-category=digital] .digital-related a{font-family:Arial,Helvetica,sans-serif;font-size:clamp(19px,2vw,27px)}
@media(max-width:950px){.work-page[data-category=digital] .digital-project-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.work-page[data-category=digital] .digital-row-copy h2{font-size:clamp(24px,3vw,30px)}.work-page[data-category=digital] .digital-selected-heading{min-height:96px}.work-page[data-category=digital] .digital-credits{gap:12px}.work-page[data-category=digital] .digital-credits p{font-size:13px}}
@media(max-width:700px){.work-page[data-category=digital] .digital-project-row{grid-template-columns:1fr;gap:22px}.work-page[data-category=digital] .digital-featured{padding-bottom:32px}.work-page[data-category=digital] .digital-selected{gap:38px;padding-top:32px}.work-page[data-category=digital] .digital-selected-heading{min-height:0}.work-page[data-category=digital] .digital-selected-row .digital-credits{margin-top:18px}.work-page[data-category=digital] .digital-row-copy h2{font-size:29px}.work-page[data-category=digital] .digital-reading{grid-template-columns:minmax(0,1fr);gap:22px}.work-page[data-category=digital] .digital-materials-row,.work-page[data-category=digital] .digital-materials-row.without-credits{grid-template-columns:minmax(0,1fr)}.work-page[data-category=digital] .digital-artwork-track{max-width:none;aspect-ratio:4/3}.work-page[data-category=digital] .digital-bts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.work-page[data-category=digital] .digital-intro-versions{gap:7px}.work-page[data-category=digital] .digital-intro-play{width:20px;height:20px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.work-page[data-category=digital] .digital-artwork-track button,.work-page[data-category=digital] .digital-artwork-progress span{transition:none}}

/* Short Films: three matching rows, with video first and all credits visible. */
.work-page:is([data-category=short-films],[data-category=journalism]){padding-top:24px}
.work-page:is([data-category=short-films],[data-category=journalism]) .page-heading{display:block;margin-bottom:36px}
.work-page:is([data-category=short-films],[data-category=journalism]) .page-heading h1{grid-column:auto;font-family:Arial,Helvetica,sans-serif;font-size:clamp(36px,3.4vw,52px);line-height:1.08;margin:6px 0 0}
.work-page:is([data-category=short-films],[data-category=journalism]) .page-heading .intro{font-family:Arial,Helvetica,sans-serif;font-size:clamp(14px,1.3vw,18px);line-height:1.5;margin:6px 0 0;color:#d0d1ca}
.work-page:is([data-category=short-films],[data-category=journalism]) .category-filters,.work-page:is([data-category=short-films],[data-category=journalism]) .result-count{display:none}
.work-page:is([data-category=short-films],[data-category=journalism]) #all-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(52px,6vw,90px)}
.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(28px,4vw,58px);align-items:start;padding:0;margin:0;border:0;min-width:0}
.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-media,.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-copy{min-width:0}
.work-page:is([data-category=short-films],[data-category=journalism]) .player-stage{aspect-ratio:16/9}
.work-page:is([data-category=short-films],[data-category=journalism]) .video-versions{display:none}
.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-copy h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(26px,2.6vw,38px);font-weight:500;letter-spacing:-.025em;line-height:1.12;margin:0}
.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-format{font-size:15px;line-height:1.5;color:#d0d1ca;margin:7px 0 0}
.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-recognition{font-size:13px;line-height:1.5;color:#c9cac3;margin:18px 0 0}
.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-role{margin-top:24px}
.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-role span{display:block;font-size:11px;letter-spacing:.1em;color:#c2c3bd;margin-bottom:8px}
.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-role p,.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-synopsis{font-size:15px;line-height:1.65;color:#e0e0db;margin:0}
.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-synopsis{color:#d0d1ca;margin-top:24px;max-width:580px}
@media(max-width:800px){.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px}.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-copy h2{font-size:27px}}
@media(max-width:700px){.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-row{grid-template-columns:minmax(0,1fr);gap:18px}.work-page:is([data-category=short-films],[data-category=journalism]) #all-grid{gap:48px}.work-page:is([data-category=short-films],[data-category=journalism]) .page-heading{margin-bottom:28px}.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-copy h2{font-size:29px}.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-role{margin-top:18px}.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-synopsis{margin-top:18px}}
.work-page[data-category=journalism] .journalism-credits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.work-page[data-category=journalism] .journalism-credits .short-film-role{min-width:0}
@media(max-width:500px){.work-page[data-category=journalism] .journalism-credits{grid-template-columns:minmax(0,1fr);gap:0}}

/* Social Media: three editorial case studies, with all films playable in place. */
.work-page[data-category=social-media]{padding-top:24px}
.work-page[data-category=social-media] .page-heading{display:block;margin-bottom:45px}
.work-page[data-category=social-media] .page-heading h1{font-size:clamp(38px,4vw,58px);line-height:1.08;margin:6px 0 0}
.work-page[data-category=social-media] .page-heading .intro{font-size:clamp(15px,1.4vw,18px);line-height:1.55;margin:8px 0 0;color:#d0d1ca}
.work-page[data-category=social-media] .category-filters,.work-page[data-category=social-media] .result-count{display:none}
.work-page[data-category=social-media] #all-grid{display:block;min-width:0}
.social-case-collection,.social-case,.social-case-copy,.social-section-copy,.social-media-tile{min-width:0}
.social-case{padding:0 0 clamp(55px,6vw,90px)}
.social-case+.social-case{border-top:1px solid #ffffff38;padding-top:clamp(45px,5vw,72px)}
.social-case-eyebrow,.social-section-note{font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;color:#c1c2bc;margin:0 0 16px}
.social-case-copy h2{font-family:var(--serif);font-size:clamp(40px,4.5vw,68px);font-weight:400;line-height:1.02;letter-spacing:-.03em;margin:0 0 19px}
.social-case-intro,.social-section-copy>p:not(.social-case-eyebrow){font-size:clamp(15px,1.2vw,17px);line-height:1.7;color:#d2d3cd;max-width:37ch;margin:0}
.social-case-scope{margin-top:32px;padding-top:13px;border-top:1px solid #ffffff4a;max-width:360px}
.social-case-scope span{display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.1em;color:#bfc0bb;margin-bottom:10px}
.social-case-scope p{font-size:14px;line-height:1.65;margin:0;color:#e1e2dc}
.social-fx-media,.social-landscape-pair,.social-event-media,.social-adapt-media,.social-gallery-media{display:grid;gap:14px;align-items:start;min-width:0}
.social-case-fx{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.75fr);gap:clamp(28px,4vw,64px);align-items:start}
.social-fx-media{grid-template-columns:repeat(4,minmax(0,1fr))}
.social-fx-main{margin-top:0}
.social-fx-media .social-media-tile:nth-child(even){margin-top:30px}
.social-media-tile{margin:0}
.social-media-tile .video-versions{display:none}
.social-media-tile .player-stage{aspect-ratio:16/9}
.social-media-tile .player-stage.is-vertical{aspect-ratio:9/16}
.social-media-tile .player-stage.is-vertical .work-player-shell{width:100%;height:100%;aspect-ratio:9/16;max-width:100%}
.social-media-tile .work-player-shell{max-height:none}
.social-media-tile .preview-caption{display:none}
.social-media-tile figcaption{display:grid;gap:4px;margin-top:10px;line-height:1.35}
.social-media-tile figcaption strong{font-family:var(--serif);font-size:clamp(15px,1.4vw,20px);font-weight:400;overflow-wrap:anywhere}
.social-media-tile figcaption span{font-size:12px;color:#c6c7c1}
.social-media-tile .player-support:empty{display:none}
.social-south-feature{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.45fr);gap:clamp(30px,4vw,68px);align-items:start}
.social-south-feature .social-media-tile{padding-top:28px}
.social-south-editorial{margin:28px 0 0 39%;max-width:61%}
.social-south-editorial .social-section-note{margin-bottom:12px}
.social-landscape-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.social-south-event,.social-south-adapt{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.7fr);gap:clamp(28px,4vw,64px);align-items:start;margin-top:clamp(60px,6vw,92px)}
.social-section-copy h3{font-family:var(--serif);font-size:clamp(28px,3vw,45px);font-weight:400;line-height:1.1;margin:0 0 15px}
.social-event-media,.social-adapt-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.social-related-links{display:grid;justify-items:start;gap:4px;margin-top:21px}
.social-related-links a{display:inline-flex;align-items:center;gap:12px;min-height:40px;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.social-case-gallery{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.7fr);gap:clamp(30px,4vw,68px);align-items:start}
.social-gallery-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.social-case [tabindex="-1"]{scroll-margin-top:100px}
@media(max-width:1050px){.social-case-fx,.social-case-gallery{grid-template-columns:minmax(0,1fr)}.social-case-fx .social-case-copy,.social-case-gallery .social-case-copy{max-width:680px}.social-fx-media{grid-template-columns:repeat(4,minmax(0,1fr))}.social-gallery-media{max-width:700px}.social-south-feature{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.social-south-editorial{margin-left:0;max-width:none}}
@media(max-width:700px){.work-page[data-category=social-media] .page-heading{margin-bottom:30px}.work-page[data-category=social-media] .page-heading h1{font-size:41px}.social-case{padding-bottom:52px}.social-case+.social-case{padding-top:43px}.social-case-copy h2{font-size:clamp(39px,10vw,52px)}.social-case-eyebrow{font-size:10px}.social-case-intro,.social-section-copy>p:not(.social-case-eyebrow){font-size:15px;max-width:58ch}.social-case-scope{margin-top:23px}.social-fx-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;max-width:520px}.social-fx-media .social-media-tile:nth-child(even){margin-top:0}.social-south-feature,.social-south-event,.social-south-adapt{grid-template-columns:minmax(0,1fr);gap:24px}.social-south-feature .social-media-tile{padding-top:0}.social-south-editorial{margin-top:28px}.social-south-event,.social-south-adapt{margin-top:52px}.social-gallery-media,.social-event-media,.social-adapt-media{gap:12px}.social-media-tile figcaption strong{font-size:16px}.social-section-copy h3{font-size:34px}}

.work-page[data-category=photography] .page-heading{display:block;margin:0 0 32px}
.work-page[data-category=photography] .page-heading h1{grid-column:auto;font-size:clamp(40px,4vw,60px);line-height:1.08;margin:6px 0 0}
.work-page[data-category=photography] .page-heading .intro{grid-column:auto;font-size:clamp(15px,1.4vw,18px);line-height:1.5;margin:8px 0 0;color:#d0d1ca}
@media(max-width:700px){.work-page[data-category=photography] .page-heading{margin-bottom:28px}.work-page[data-category=photography] .page-heading h1{font-size:41px}}
@media(max-width:480px){.social-landscape-pair,.social-event-media{grid-template-columns:minmax(0,1fr);gap:26px}.social-gallery-media,.social-adapt-media{grid-template-columns:repeat(2,minmax(0,1fr))}.social-case-scope p{font-size:13px}.social-media-tile figcaption span{font-size:11px}}

/* Keep supporting landscape films legible and portrait edits at a calmer scale. */
.social-south-editorial{margin:35px 0 0;max-width:none}
.social-landscape-pair{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,2.3vw,30px)}
.social-adapt-media,.social-gallery-media{width:100%;max-width:540px;grid-template-columns:repeat(2,minmax(0,220px));justify-content:center;gap:clamp(18px,3vw,46px);margin-inline:auto}
@media(max-width:700px){.social-landscape-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.social-adapt-media,.social-gallery-media{grid-template-columns:repeat(2,minmax(0,210px));max-width:480px;gap:16px}}
@media(max-width:480px){.social-landscape-pair{grid-template-columns:minmax(0,1fr)}.social-adapt-media,.social-gallery-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* Align each case to one text/media grid and use a steady spacing rhythm. */
.social-case{padding-bottom:70px}
.social-case+.social-case{padding-top:70px}
.social-case-fx,.social-south-feature,.social-south-event,.social-south-adapt,.social-case-gallery{grid-template-columns:minmax(0,350px) minmax(0,1fr);gap:clamp(30px,4vw,54px)}
.social-fx-media{grid-template-columns:repeat(3,minmax(0,220px));gap:18px;justify-content:start}
.social-fx-media .social-media-tile:nth-child(even){margin-top:0}
.social-south-feature .social-media-tile{width:100%;max-width:520px;padding-top:0}
.social-south-editorial{margin-top:50px}
.social-south-event,.social-south-adapt{margin-top:70px}
.social-adapt-media,.social-gallery-media{justify-content:start;margin-inline:0}
.social-case-copy h2{font-size:clamp(40px,4vw,56px)}
@media(max-width:1050px){.social-case-fx,.social-south-feature,.social-south-event,.social-south-adapt,.social-case-gallery{grid-template-columns:minmax(0,1fr);gap:26px}.social-fx-media{grid-template-columns:repeat(3,minmax(0,210px));max-width:670px}.social-south-feature .social-media-tile{max-width:520px}.social-south-editorial{margin-top:40px}.social-south-event,.social-south-adapt{margin-top:60px}}
@media(max-width:700px){.social-case{padding-bottom:48px}.social-case+.social-case{padding-top:48px}.social-fx-media{grid-template-columns:repeat(2,minmax(0,1fr));max-width:480px;gap:20px 12px}.social-fx-media .social-media-tile:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.social-landscape-pair{grid-template-columns:minmax(0,1fr);gap:28px}.social-south-editorial{margin-top:34px}.social-south-event,.social-south-adapt{margin-top:50px}.social-adapt-media,.social-gallery-media{margin-inline:auto}}

/* 2026-10-27 — shared cinematic editorial art-direction system. */
:root{
  --font-display:BrownSugar,Georgia,'Times New Roman',serif;
  --font-sans:Arial,Helvetica,sans-serif;
  --page-max:1600px;
  --page-gutter:clamp(26px,5.5vw,92px);
  --section-space:clamp(112px,10vw,156px);
  --section-space-quiet:clamp(96px,8vw,132px);
  --grid-gap:clamp(24px,2.2vw,34px);
  --row-gap:clamp(68px,6vw,88px);
  --media-copy-gap:clamp(12px,1.1vw,16px);
  --text-measure:58ch;
  --type-hero:clamp(96px,11.3vw,194px);
  --type-home-section:clamp(72px,8.4vw,120px);
  --type-page-title:clamp(48px,5vw,76px);
  --type-featured:clamp(34px,3.2vw,50px);
  --type-project:clamp(25px,2.35vw,36px);
  --type-body:clamp(14px,1.05vw,16px);
  --type-secondary:clamp(13px,.95vw,15px);
  --type-meta:11px;
  --gutter:var(--page-gutter);
  --header:clamp(78px,7.2vw,98px);
}

body{font-family:var(--font-sans);line-height:1.5;background:#292929}
.content-page,.home-closing,.site-footer{max-width:var(--page-max);padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.site-header{height:var(--header);padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.eyebrow,.section-index{font-family:var(--font-sans);font-size:var(--type-meta);letter-spacing:.14em;line-height:1.6}
.text-link{font-family:var(--font-sans);font-size:13px;text-underline-offset:5px;transition:color .2s,border-color .2s}
.text-link:hover{border-color:currentColor}

/* Hero: keep the footage dominant while giving the identity stable safe margins. */
.hero{height:100svh;min-height:620px}
.hero-copy{left:var(--page-gutter);right:calc(var(--page-gutter) + 190px);bottom:clamp(46px,5vw,76px)}
.hero h1.hero-name-art{font-family:var(--font-display);font-size:var(--type-hero);line-height:.72;letter-spacing:-.025em}
.hero .eyebrow{font-size:clamp(11px,.9vw,14px);line-height:1.55;margin-bottom:18px;text-shadow:0 2px 18px #0009}
.hero-controls{right:var(--page-gutter);bottom:clamp(42px,4.5vw,68px)}
.hero-shade{background:linear-gradient(180deg,#07100b70 0%,transparent 30%,transparent 55%,#07100bc7 100%),#07100b18}

/* Homepage Work: one heading composition and six equal 16:10 category cards. */
.work-categories{padding-top:var(--section-space);padding-bottom:var(--section-space)}
.work-section-heading{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(0,1.4fr);align-items:end;gap:var(--grid-gap);margin-bottom:clamp(64px,6vw,80px)}
.work-section-heading .section-index{align-self:start;padding-top:12px;color:#bfc0ba}
.work-categories .work-section-heading h2{font-family:var(--font-display);font-size:var(--type-home-section);font-weight:400;line-height:.9;letter-spacing:-.035em;text-align:right;margin:0;color:var(--ink)}
#work-categories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--row-gap) var(--grid-gap)}
.category-card:nth-child(n){grid-column:auto;margin:0;min-width:0}
.category-card>a{display:block;height:auto}
.category-image{aspect-ratio:16/10;background:#20211f;overflow:hidden}
.category-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(.98);transition:transform .35s ease,filter .35s ease}
.category-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-top:var(--media-copy-gap)}
.category-card .category-title-row h3{font-family:var(--font-sans);font-size:clamp(18px,1.55vw,23px);font-weight:600;line-height:1.25;letter-spacing:-.025em;margin:0;color:var(--ink)}
.category-title-row>span{font-size:16px;color:#bfc1ba;transition:transform .25s,color .25s}
.category-card p{font-size:var(--type-secondary);line-height:1.65;color:#c7c9c2;margin:10px 0 0;max-width:none;text-wrap:pretty}
.category-card a:hover img,.category-card a:focus-visible img{transform:scale(1.018);filter:saturate(.95) contrast(1.02)}
.category-card a:hover .category-title-row>span,.category-card a:focus-visible .category-title-row>span{transform:translate(3px,-3px);color:var(--ink)}
.category-card a:hover h3,.category-card a:focus-visible h3{color:var(--ink)}

/* Accolades: credibility with restraint; the film reads as atmosphere, not a second hero. */
.accolades-panel{min-height:clamp(400px,32vw,500px);padding:clamp(72px,6vw,96px) var(--page-gutter);background:#101210}
.accolades-inner{width:100%;max-width:calc(var(--page-max) - 2 * var(--page-gutter));margin:auto}
.accolades-film::after{background:linear-gradient(90deg,#05070580 0%,#05070552 48%,#05070573 100%)}
.accolades-panel .section-top{margin-bottom:clamp(48px,4vw,62px)}
.accolades-panel #accolades-heading{font-family:var(--font-display);font-size:clamp(58px,6.4vw,88px);font-weight:400;line-height:.95;letter-spacing:-.03em;padding:0;margin:0}
.accolades-panel .laurels-grid{gap:clamp(26px,3vw,46px)}
.accolades-panel .laurel-art{height:80px;margin-bottom:17px;opacity:.92}
.accolades-panel .laurel-crop{height:100%;width:auto;max-width:100%}
.accolades-panel .laurel-card h3{font-size:13px;line-height:1.45;margin-bottom:6px}
.accolades-panel .laurel-card figcaption p{font-size:10px;line-height:1.55;color:#bfc1ba}

/* Bio: a single quiet editorial spread, aligned marker / portrait / copy. */
.home-closing{display:grid;grid-template-columns:minmax(150px,.5fr) minmax(0,1.5fr);gap:clamp(38px,5vw,82px);align-items:start;padding-top:var(--section-space-quiet);padding-bottom:var(--section-space-quiet)}
.home-bio-marker{padding-top:4px}
.home-bio-marker .section-index{margin:0 0 28px;color:#bfc0ba}
.home-bio-heading{font-family:var(--font-display);font-size:clamp(58px,6vw,86px);font-weight:400;line-height:.92;letter-spacing:-.03em;text-align:left;margin:0;color:var(--ink)}
.home-about-contact{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(280px,1.22fr);gap:clamp(36px,5vw,76px);align-items:center;padding:0;border:0}
.home-about-contact .portrait-slot{justify-self:start;width:100%;max-width:360px;margin:0;aspect-ratio:4/5;background:#222}
.home-about-contact .portrait-slot>img{object-fit:cover;object-position:54% 33%}
.home-about-copy{max-width:var(--text-measure);padding:0}
.home-about-copy p:not(.section-index){font-size:var(--type-body);line-height:1.82;color:#d0d1cb;margin:0 0 20px}
.home-about-copy .text-link{margin-top:10px}

/* Contact: the same cinematic language as the hero, with a visible email action. */
.home-view .contact-film,.contact-view .contact-film{height:clamp(560px,76svh,820px)}
.home-view .contact-film::after,.contact-view .contact-film::after{background:linear-gradient(180deg,#0005 0%,transparent 33%,transparent 52%,#000b 100%)}
.home-view .contact-editorial-heading,.contact-view .contact-editorial-heading{font-family:var(--font-display);font-size:clamp(64px,7vw,104px);left:var(--page-gutter);bottom:clamp(70px,7vw,110px)}
.home-view .contact-section-index,.contact-view .contact-section-index{left:var(--page-gutter);top:clamp(28px,3vw,42px)}
.home-view .footer-bottom,.contact-view .footer-bottom{left:var(--page-gutter);right:var(--page-gutter);bottom:clamp(24px,2.7vw,40px);display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.home-view .footer-name,.contact-view .footer-name{display:inline-flex;width:46px;height:46px}
.contact-actions{display:flex;align-items:center;justify-content:flex-end;gap:clamp(18px,2vw,30px)}
.footer-contact-links{display:flex;align-items:center;gap:20px}
.footer-contact-links a{display:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:8px 0;border-bottom:1px solid #ffffff75}
.footer-contact-links a:first-child{display:inline-flex}
.social-icons a[href^="mailto:"]{display:none}
.home-view .social-icons,.contact-view .social-icons{gap:8px}
.home-view .social-icons a,.contact-view .social-icons a{width:40px;height:40px}

/* Interior pages: expressive category titles, restrained functional project typography. */
.content-page{padding-top:clamp(40px,4vw,64px);padding-bottom:clamp(76px,8vw,120px)}
.work-page .categories-back{display:inline-flex;align-items:center;min-height:40px;margin:0 0 24px;font-family:var(--font-sans);font-size:13px;color:#d3d4ce}
.work-page .page-heading,.work-page[data-category],.about-page .page-heading{min-width:0}
.work-page[data-category] .page-heading{display:block;margin:0 0 clamp(42px,4.5vw,62px)}
.work-page[data-category]{padding-top:clamp(32px,3vw,48px);padding-bottom:clamp(76px,8vw,120px)}
.work-page .page-heading h1,.work-page:is([data-category=digital],[data-category=social-media],[data-category=short-films],[data-category=commercial],[data-category=journalism],[data-category=photography]) .page-heading h1,.about-page .page-heading h1{
  grid-column:auto;font-family:var(--font-display);font-size:var(--type-page-title);font-weight:400;line-height:1;letter-spacing:-.03em;margin:0;color:var(--ink)
}
.work-page .page-heading .intro,.work-page:is([data-category=digital],[data-category=social-media],[data-category=short-films],[data-category=commercial],[data-category=journalism],[data-category=photography]) .page-heading .intro{
  grid-column:auto;font-family:var(--font-sans);font-size:var(--type-secondary);line-height:1.65;margin:11px 0 0;color:#c8cac3;max-width:var(--text-measure)
}
.work-page .card-copy h3,.digital-row-copy h2,.short-film-copy h2,.social-case-copy h2,.social-section-copy h3,.commercial-featured-heading h2,.commercial-featured-videos h3,.work-page[data-category=commercial] .project-card .card-copy h3{
  font-family:var(--font-sans);font-weight:500;letter-spacing:-.025em
}
.work-page[data-category=commercial] .commercial-featured-heading h2{font-size:var(--type-featured);line-height:1.08}
.work-page[data-category=commercial] .commercial-featured-videos .video-versions button,.photography-section-heading h2,.social-media-tile figcaption strong{font-family:var(--font-sans)}
.work-page[data-category=commercial] .commercial-featured-heading>p,.work-page[data-category=commercial] .commercial-featured-videos h3,.work-page[data-category=commercial] .commercial-series-about summary,.work-page[data-category=commercial] .commercial-series-about h3,.work-page[data-category=commercial] .commercial-series-about p,.work-page[data-category=commercial] .commercial-promo span,.work-page[data-category=commercial] .project-card .card-copy h3,.work-page[data-category=commercial] .project-card .card-subtitle,.work-page[data-category=commercial] .commercial-credits p{
  font-family:var(--font-sans)
}
.work-page[data-category=commercial] .project-card .card-copy h3{font-size:var(--type-project);line-height:1.15}
.work-page[data-category=commercial] .commercial-credits span,.digital-credits span,.short-film-role span,.social-case-scope span{font-size:var(--type-meta);letter-spacing:.12em}
.work-page .card-role,.work-page .card-subtitle,.work-page .card-overview,.work-page .work-facts,.digital-overview,.short-film-synopsis,.social-case-intro{font-family:var(--font-sans)}
.category-filters,.photography-section+.photography-section{border-color:#ffffff1f}
.player-stage,.category-image,.social-media-tile,.photo-tile{isolation:isolate}

@media(max-width:960px){
  :root{--page-gutter:clamp(24px,5vw,46px);--section-space:clamp(88px,11vw,116px);--section-space-quiet:clamp(82px,10vw,108px)}
  #work-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 24px}
  .home-closing{grid-template-columns:1fr;gap:48px}
  .home-bio-marker{display:flex;align-items:baseline;justify-content:space-between;gap:30px}
  .home-bio-marker .section-index{margin:0}
  .home-about-contact{grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr);gap:38px}
  .accolades-panel .laurels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px}
}

@media(max-width:700px){
  :root{--page-gutter:24px;--header:76px;--section-space:78px;--section-space-quiet:78px;--type-page-title:clamp(42px,13vw,58px)}
  .hero{min-height:600px}
  .hero-copy{left:var(--page-gutter);right:calc(var(--page-gutter) + 112px);bottom:56px}
  .hero h1.hero-name-art{font-size:29cqw;line-height:.68}
  .hero .eyebrow{font-size:9px;line-height:1.6;margin-bottom:13px}
  .hero-controls{right:var(--page-gutter);bottom:47px}
  .work-section-heading{display:block;margin-bottom:48px}
  .work-section-heading .section-index{padding:0;margin-bottom:22px}
  .work-categories .work-section-heading h2{text-align:left;font-size:clamp(62px,20vw,86px)}
  #work-categories-grid{grid-template-columns:minmax(0,1fr);gap:48px}
  .category-card .category-title-row h3{font-size:22px}
  .category-card p{font-size:14px}
  .accolades-panel{padding:64px var(--page-gutter)}
  .accolades-panel #accolades-heading{font-size:clamp(48px,15vw,66px)}
  .accolades-panel .section-top{margin-bottom:40px}
  .accolades-panel .laurels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}
  .accolades-panel .laurel-art{height:70px}
  .accolades-panel .laurel-card h3{font-size:11px}
  .accolades-panel .laurel-card figcaption p{font-size:9px}
  .home-closing{display:block}
  .home-bio-marker{display:block;margin-bottom:40px}
  .home-bio-marker .section-index{margin-bottom:18px}
  .home-bio-heading{font-size:58px}
  .home-about-contact{grid-template-columns:1fr;gap:30px}
  .home-about-contact .portrait-slot{width:min(82%,320px);max-width:none}
  .home-about-copy{max-width:none}
  .home-about-copy p:not(.section-index){font-size:15px}
  .home-view .contact-film,.contact-view .contact-film{height:clamp(600px,82svh,760px)}
  .home-view .contact-editorial-heading,.contact-view .contact-editorial-heading{font-size:clamp(52px,16vw,72px);bottom:132px}
  .home-view .footer-bottom,.contact-view .footer-bottom{bottom:28px;align-items:center}
  .home-view .footer-name,.contact-view .footer-name{width:40px;height:40px}
  .contact-actions{gap:12px}
  .footer-contact-links a{font-size:10px}
  .home-view .social-icons a,.contact-view .social-icons a{width:34px;height:40px}
  .work-page .categories-back{margin-bottom:18px}
  .work-page .page-heading{margin-bottom:36px}
  .work-page .page-heading .intro{font-size:14px;margin-top:9px}
}

@media(max-width:390px){
  :root{--page-gutter:22px}
  .hero-copy{right:calc(var(--page-gutter) + 96px)}
  .hero-controls .scroll-cue{font-size:9px}
  .accolades-panel .laurels-grid{grid-template-columns:1fr 1fr}
  .footer-contact-links a{letter-spacing:.04em}
  .social-icons{gap:3px}
}

@media(prefers-reduced-motion:reduce){
  .category-image img,.category-title-row>span,.text-link{transition:none}
  .category-card a:hover img,.category-card a:focus-visible img{transform:none}
}

/* Homepage anchors and a quiet, aligned cinematic close. */
/* Photography only: controlled twelve-column photographic spreads. */
.work-page[data-category=photography] .page-heading{margin-bottom:clamp(56px,6vw,88px)}
.work-page[data-category=photography] .photography-essay{max-width:none;--spread-space:clamp(64px,7vw,100px)}
.photography-essay .photo-spread{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(18px,2vw,30px);align-items:end;margin:0 0 var(--spread-space);padding:0;border:0}
.photography-essay .photo-series-label{grid-column:1/-1;margin:0 0 24px;font:400 11px/1.5 var(--font-sans);letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.photography-essay .photo-tile{margin:0;width:100%;min-width:0}
.photography-essay .photo-tile button{overflow:visible;background:none}
.photography-essay .photo-tile img{width:100%;height:auto;max-height:none;object-fit:contain;transition:opacity .25s ease;transform:none}
.photography-essay .photo-tile button:hover img{transform:none;opacity:.9}
.photography-essay .photo-tile button:focus-visible{outline:1px solid var(--ink);outline-offset:7px}
.photo-spread--lead .photo-tile:first-of-type{grid-column:1/9}
.photo-spread--lead .photo-tile:last-of-type{grid-column:10/13}
.photo-spread--pair .photo-tile:first-of-type{grid-column:1/8}
.photo-spread--pair .photo-tile:last-of-type{grid-column:9/13}
.photo-spread--reverse .photo-tile:first-of-type{grid-column:1/5}
.photo-spread--reverse .photo-tile:last-of-type{grid-column:6/13}
.photography-essay .photo-spread--reverse{align-items:end}
.photo-spread--panorama .photo-tile{grid-column:1/-1}
.photo-spread--pause .photo-tile{grid-column:1/8}
.photography-essay .photo-spread:has(.photo-series-label){margin-top:clamp(20px,3vw,44px)}
.photography-essay .photo-spread:first-child{margin-top:0}
.photography-essay .photo-spread:last-child{margin-bottom:20px}
@media(min-width:701px) and (max-width:960px){
 .photography-essay .photo-spread{column-gap:20px}
}
@media(max-width:700px){
 .work-page[data-category=photography] .photography-essay{--spread-space:56px}
 .photography-essay .photo-spread{display:flex;flex-direction:column;gap:32px}
 .photography-essay .photo-series-label{margin:0 0 -12px}
 .photography-essay .photo-spread .photo-tile{width:100%;margin:0;align-self:stretch}
 .photography-essay .photo-spread--lead .photo-tile:last-of-type,.photography-essay .photo-spread--reverse .photo-tile:first-of-type{width:84%;align-self:flex-end}
 .photography-essay .photo-spread:has(.photo-series-label){margin-top:24px}
}
html,body{overscroll-behavior-x:none}
.work-page[data-category=digital] .digital-artwork-track{overscroll-behavior-x:contain;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.work-page[data-category=digital] .digital-reading{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.work-page[data-category=digital] .digital-reading p{font-size:16px;line-height:1.75}
@media(max-width:700px){.work-page[data-category=digital] .digital-reading{grid-template-columns:1fr;gap:28px}}
.site-footer .footer-logo{width:32px;height:32px}
.work-page[data-category=digital] .digital-series-details>summary{justify-content:flex-start;gap:16px;font-size:24px;font-weight:600;border-bottom:1px solid var(--line);padding:18px 0}
.work-page[data-category=digital] .digital-bts-section{margin:0;min-width:0}
.work-page[data-category=digital] .digital-bts-section>summary{justify-content:flex-start;gap:14px;font-size:20px;min-height:36px;margin-bottom:14px}
.work-page[data-category=digital] .digital-bts-section:not([open])>summary::after{transform:none}
.work-page[data-category=digital] .digital-bts-section[open]>summary::after{transform:rotate(180deg)}
.work-page[data-category=digital] .digital-bts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.work-page[data-category=digital] .digital-materials-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start}
.work-page[data-category=digital] .digital-artwork-track{aspect-ratio:4/3;max-width:460px;height:auto;margin-inline:auto}
.work-page[data-category=digital] .digital-bts-track{aspect-ratio:4/3;max-width:460px}
.work-page[data-category=digital] .digital-bts-track button{width:72%;height:72%;background:transparent}
.work-page[data-category=digital] .digital-opening-module{margin-top:28px;max-width:430px}
.work-page[data-category=digital] .digital-reading p{font-size:17px;line-height:1.8}
.work-page[data-category=digital] .digital-row-copy h2{font-size:clamp(32px,3vw,44px)}
.work-page[data-category=digital] .digital-subtitle{font-size:18px;margin-top:9px}
.work-page[data-category=digital] .digital-overview{font-size:18px;line-height:1.8;margin-top:28px}
.work-page[data-category=digital] .digital-credits{margin-top:28px;gap:26px}
.work-page[data-category=digital] .digital-credits p{font-size:16px;line-height:1.7}
.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-copy h2{font-size:clamp(30px,3vw,44px);line-height:1.18}
.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-synopsis{font-size:18px;line-height:1.85;margin-top:28px}
.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-role p{font-size:16px;line-height:1.75}
.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-format{font-size:18px;margin-top:12px}
.social-case-fx,.social-south-feature,.social-south-event,.social-south-adapt,.social-case-gallery{grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);gap:clamp(40px,5vw,80px)}
.social-fx-media{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;width:100%;gap:22px}
.social-south-feature .social-media-tile{max-width:none}
.social-adapt-media,.social-gallery-media{max-width:none;grid-template-columns:repeat(2,minmax(0,230px));justify-content:space-evenly;margin-inline:0}
.social-case-intro,.social-section-copy>p:not(.social-case-eyebrow){font-size:18px;line-height:1.85;max-width:42ch}
.social-case-scope p{font-size:16px;line-height:1.8}
@media(max-width:1050px) and (min-width:701px){
 .social-case-fx,.social-south-feature,.social-south-event,.social-south-adapt,.social-case-gallery{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px}
 .social-fx-media{gap:12px}
 .social-case-copy h2{font-size:36px}
}
@media(max-width:700px){
 .social-case-fx,.social-south-feature,.social-south-event,.social-south-adapt,.social-case-gallery{grid-template-columns:1fr;gap:28px}
 .social-fx-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
 .social-adapt-media,.social-gallery-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .work-page[data-category=digital] .digital-materials-row{grid-template-columns:1fr;gap:28px}
 .work-page[data-category=digital] .digital-overview,.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-synopsis,.social-case-intro,.social-section-copy>p:not(.social-case-eyebrow){font-size:16px;line-height:1.8}
}
.work-section-heading{display:block}
.home-view .section-index{display:none}
.home-view .footer-logo,.contact-view .footer-logo{display:none}
.home-view .footer-bottom,.contact-view .footer-bottom{left:auto;bottom:var(--frame-bottom);justify-content:flex-end}
.home-view .contact-editorial-heading,.contact-view .contact-editorial-heading{bottom:var(--frame-bottom)}
.social-icons a{border-radius:50%;transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}
.home-view .social-icons a,.contact-view .social-icons a{width:44px;height:44px;place-items:center;transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}
.social-icons a:hover,.social-icons a:focus-visible,.home-view .social-icons a:hover,.contact-view .social-icons a:hover{transform:translateY(-5px) scale(1.12);background:#ffffff1c;color:#fff;box-shadow:0 6px 22px #0004}
@media(max-width:700px){
 .home-view .contact-editorial-heading,.contact-view .contact-editorial-heading{bottom:112px}
 .home-view .footer-bottom,.contact-view .footer-bottom{bottom:28px}
}

/* Keep editorial phrases intact while allowing responsive wrapping. */
.keep-phrase{white-space:nowrap}
.work-page[data-category=short-films] .page-heading .intro{max-width:none}
.project-format{font-size:var(--type-secondary);color:var(--muted);margin:10px 0 0}
.social-related-label{font-size:14px;color:var(--muted);margin:24px 0 8px}



/* Readability refinement — warm neutrals, unchanged media and display faces. */
:root{
 --bg:#1a1a1a;--panel:#242424;--ink:#f2f0eb;--muted:#a49e96;--accent:#d4b9a2;
 --body-ink:#d1ccc4;--type-body:18px;--type-secondary:17px;--type-meta:14px;
}
body{background:var(--bg);color:var(--ink)}
.nav-link,.dropdown a,.mobile-toggle,.text-link,.categories-back,.work-page .categories-back{font-size:14px;line-height:1.55;color:var(--ink)}
.dropdown{background:var(--panel);width:290px}
.nav-link:hover,.dropdown a:hover,.text-link:hover,.categories-back:hover{color:var(--accent)}
.hero .eyebrow,.hero-controls .scroll-cue,.hero-controls .video-toggle{font-size:14px;line-height:1.6;color:var(--ink)}
.hero .eyebrow{max-width:100%}
.category-card p,.category-card a[href="#work/commercial"]>p{font-size:17px;line-height:1.65;color:var(--body-ink);white-space:normal;text-wrap:pretty}
.home-about-copy p:not(.section-index){font-size:18px;line-height:1.8;color:var(--body-ink)}
.work-page[data-category] .page-heading .intro{font-size:18px;line-height:1.65;color:var(--body-ink)}
.work-page[data-category=digital] .digital-overview,.work-page[data-category=digital] .digital-reading p,
.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-synopsis,
.work-page[data-category=commercial] .commercial-series-about p,
.social-case-intro,.social-section-copy>p:not(.social-case-eyebrow){font-size:18px;line-height:1.8;color:var(--body-ink)}
.work-page[data-category=digital] .digital-subtitle,
.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-format,
.work-page[data-category=commercial] .commercial-featured-heading>p,
.work-page[data-category=commercial] .project-card .card-subtitle{font-size:17px;line-height:1.6;color:var(--body-ink)}
.work-page[data-category=commercial] .commercial-credits p,
.work-page[data-category=digital] .digital-credits p,
.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-role p,
.social-case-scope p,.card-role,.work-facts{font-size:16px;line-height:1.7;color:var(--ink)}
.work-page[data-category=commercial] .commercial-credits span,.digital-credits span,
.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-role span,
.social-case-scope span,.social-case-eyebrow,.social-section-note,.social-related-label,
.eyebrow,.card-meta,.recognition,.photography-essay .photo-series-label{font-size:14px;line-height:1.6;color:var(--muted);letter-spacing:.08em}
.work-page[data-category=commercial] .commercial-promo span,
.social-media-tile figcaption span,.preview-caption,.video-versions button,
.work-page[data-category=commercial] .commercial-featured-videos .video-versions button,
.digital-intro-versions button,.digital-related>span,.social-related-links a,
.video-fallback,.video-status,.video-error,.reel-caption p,.lightbox-caption{font-size:14px;line-height:1.6;color:var(--body-ink)}
.social-media-tile figcaption strong{color:var(--ink);line-height:1.45}
.accolades-panel .laurel-card h3{font-size:15px;line-height:1.5;color:var(--ink)}
.accolades-panel .laurel-card figcaption p{font-size:14px;line-height:1.6;color:var(--body-ink)}
.laurel-card figcaption{text-shadow:0 1px 4px #000}
.social-icons a:hover,.social-icons a:focus-visible{color:var(--accent)}
@media(max-width:700px){
 :root{--type-body:17px;--type-secondary:16px;--type-meta:14px}
 .category-card p,.category-card a[href="#work/commercial"]>p{font-size:16px}
 .home-about-copy p:not(.section-index),.work-page[data-category] .page-heading .intro{font-size:17px}
 .work-page[data-category=digital] .digital-overview,.work-page[data-category=digital] .digital-reading p,
 .work-page:is([data-category=short-films],[data-category=journalism]) .short-film-synopsis,
 .work-page[data-category=commercial] .commercial-series-about p,
 .social-case-intro,.social-section-copy>p:not(.social-case-eyebrow){font-size:17px;line-height:1.75}
 .hero-copy{right:var(--page-gutter)}
 .hero .eyebrow{max-width:300px;font-size:14px;line-height:1.5}
 .nav-link{letter-spacing:.08em}
}
.work-page[data-category=digital] .digital-credits span,.work-page[data-category=digital] .digital-related>span{font-size:14px;line-height:1.6;color:var(--muted)}
.work-page[data-category=digital] .digital-player-identity{font-size:14px;line-height:1.5;color:var(--ink);background:#1a1a1ae6;padding:5px 10px}
.work-page[data-category=digital] .digital-intro-versions button,.work-page[data-category=digital] .digital-intro-versions button>span{font-size:14px;line-height:1.5}
.work-page:is([data-category=short-films],[data-category=journalism]) .short-film-recognition{font-size:15px;color:var(--body-ink)}
@media(max-width:700px){.social-case-scope p{font-size:16px}.social-media-tile figcaption span{font-size:14px}}
body:has(.work-page[data-category=commercial]:not([hidden])){background:var(--bg)}
.accolades-film::after{background:#000000b3}
.hero .eyebrow,.hero-controls .scroll-cue{width:fit-content;background:transparent;box-shadow:none;text-shadow:0 1px 4px #000,0 2px 16px #0008}
.home-view .site-header .nav-link,.home-view .site-header .mobile-toggle{background:transparent;box-shadow:none;text-shadow:0 1px 4px #000,0 2px 16px #0008}
.contact-editorial-heading,.home-view .social-icons a{color:var(--ink);text-shadow:0 1px 3px #000}

/* Shared editorial motion; media players and gallery transforms remain independent. */
:root{--motion-hover-duration:400ms;--motion-link-duration:220ms;--motion-ease-out:cubic-bezier(.2,.65,.3,1)}
.category-image{overflow:hidden}
.category-image img{filter:none;transition:transform var(--motion-hover-duration) var(--motion-ease-out)}
.category-card a:hover img,.category-card a:focus-visible img{transform:none;filter:none}
.category-title-row h3{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;text-decoration-thickness:1px;transition:text-decoration-color var(--motion-link-duration),color var(--motion-link-duration)}
.nav-link,.dropdown a,.text-link,.categories-back,.scroll-cue,.social-related-links a,.digital-related a,.digital-series-details summary,.commercial-series-about summary,.social-icons a{transition:color var(--motion-link-duration),text-decoration-color var(--motion-link-duration),border-color var(--motion-link-duration),transform var(--motion-link-duration);text-underline-offset:6px}
.nav-link,.categories-back,.scroll-cue,.digital-series-details summary,.commercial-series-about summary{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px}
:is(.nav-link,.categories-back,.scroll-cue,.digital-series-details summary,.commercial-series-about summary):focus-visible{text-decoration-color:currentColor}
:is(.scroll-cue,.text-link,.social-related-links a,.digital-related a)>span{display:inline-block;transition:transform var(--motion-link-duration) var(--motion-ease-out)}
.social-icons a,.home-view .social-icons a,.contact-view .social-icons a{box-shadow:none;background:transparent}
.social-icons a:hover,.social-icons a:focus-visible,.home-view .social-icons a:hover,.contact-view .social-icons a:hover{transform:translateY(-3px);box-shadow:none;background:transparent;color:var(--accent)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.photo-lightbox[open]{animation:editorial-lightbox-in 200ms ease-out}
@keyframes editorial-lightbox-in{from{opacity:0}to{opacity:1}}
@media(hover:hover) and (pointer:fine){
 .category-card a:hover img{transform:scale(1.03)}
 .category-card a:hover h3{text-decoration-color:currentColor}
 :is(.nav-link,.categories-back,.scroll-cue,.digital-series-details summary,.commercial-series-about summary):hover{text-decoration-color:currentColor}
 :is(.text-link,.social-related-links a,.digital-related a):hover>span{transform:translate(3px,-3px)}
 .scroll-cue:hover>span{transform:translateY(3px)}
}
@media(hover:none){
 .category-card a:hover img{transform:none}
 .social-icons a:hover,.home-view .social-icons a:hover,.contact-view .social-icons a:hover{transform:none}
 .photography-essay .photo-tile button:hover img{opacity:1}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:0ms!important;transition-delay:0ms!important}
 .category-card a:hover img,.social-icons a:hover,.home-view .social-icons a:hover,.contact-view .social-icons a:hover,
 :is(.scroll-cue,.text-link,.social-related-links a,.digital-related a):hover>span{transform:none}
}


/* Clean hero links; keyboard focus remains available without permanent shadows or rules. */
.home-view .site-header .nav-link,.home-view .site-header .mobile-toggle,.hero-controls .scroll-cue{box-shadow:none;text-shadow:none;text-decoration:none;border-bottom:0}
.home-view .site-header .nav-link:not(:focus-visible),.hero-controls .scroll-cue:not(:focus-visible){outline:none}

/* Scoped FX phone composition — the parent editorial grid and left column are untouched. */
.social-fx-media.fx-phone-gallery{display:block;container-type:inline-size;max-width:none;width:100%;min-width:0}
.fx-phone-stage{position:relative;width:100%;height:clamp(320px,76cqw,535px);isolation:isolate}
.fx-phone{position:absolute;width:35%;max-width:230px;padding:21px 6px 8px;background:#101010;border:2px solid #656562;border-radius:clamp(22px,4cqw,36px);box-shadow:0 9px 18px #0003;transform:rotate(var(--phone-angle)) scale(1);transition:transform 300ms var(--motion-ease-out),border-color 300ms;transform-origin:center;z-index:1}
.fx-phone[data-fx-phone="0"]{left:5%;top:4%;--phone-angle:-5deg}
.fx-phone[data-fx-phone="1"]{left:32.5%;top:15%;--phone-angle:0deg;z-index:2}
.fx-phone[data-fx-phone="2"]{right:5%;top:4%;--phone-angle:5deg}
.fx-phone-speaker{position:absolute;width:28%;height:5px;border-radius:8px;top:9px;left:36%;background:#555551}
.fx-phone-screen{position:relative;display:grid;place-items:center;aspect-ratio:9/16;width:100%;overflow:hidden;border-radius:clamp(16px,3cqw,27px);background:var(--panel)}
.fx-phone-screen img{display:block;width:100%;height:100%;position:absolute;object-fit:contain;opacity:.86;transition:opacity 300ms}
.fx-phone-play{position:relative;z-index:1;width:clamp(34px,7cqw,54px);height:clamp(34px,7cqw,54px);border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:#1119;color:var(--ink);font-size:18px;padding-left:3px}
.fx-phone-gallery[data-active="0"] [data-fx-phone="0"],.fx-phone-gallery[data-active="1"] [data-fx-phone="1"],.fx-phone-gallery[data-active="2"] [data-fx-phone="2"]{z-index:3;transform:rotate(var(--phone-angle)) scale(1.035);border-color:#92928d}
.fx-phone-gallery[data-active="0"] [data-fx-phone="0"] img,.fx-phone-gallery[data-active="1"] [data-fx-phone="1"] img,.fx-phone-gallery[data-active="2"] [data-fx-phone="2"] img{opacity:1}
.fx-phone-nav{display:flex;align-items:start;justify-content:center;gap:12px;margin-top:12px;width:100%}
.fx-phone-nav button{position:relative;background:none;padding:8px 0;min-height:44px;color:var(--muted);font:400 15px/1.5 var(--font-sans);text-underline-offset:6px;text-decoration:underline;text-decoration-color:transparent;transition:color 280ms,text-decoration-color 280ms;flex:1;max-width:190px;text-align:center}

.fx-phone-nav button[aria-pressed=true]{color:var(--ink);text-decoration-color:var(--ink)}
.fx-phone:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.social-south-adapt .social-section-copy>.social-related-label{font:500 14px/1.5 var(--font-sans);letter-spacing:.1em;color:var(--muted);margin:40px 0 16px}
.social-south-adapt .social-related-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin:0}
.social-south-adapt .social-related-links a{font:400 17px/1.5 var(--font-sans);color:var(--ink);min-height:44px;gap:6px}
.social-related-divider{color:var(--muted);font-size:15px}
@media(min-width:701px) and (max-width:1050px){.fx-phone{width:34%;padding:16px 4px 6px;border-radius:20px}.fx-phone-screen{border-radius:14px}.fx-phone-speaker{top:6px;height:4px}.fx-phone-nav{gap:10px}.fx-phone-nav button{font-size:14px}}
@media(max-width:700px){
 .fx-phone-stage{height:auto;aspect-ratio:9/16;max-width:250px;margin:0 auto}
 .fx-phone{display:none;left:0!important;right:auto!important;top:0!important;width:100%;max-width:none;--phone-angle:0deg!important;transform:none!important;padding:21px 7px 8px;border-radius:32px}
 .fx-phone-gallery[data-active="0"] [data-fx-phone="0"],.fx-phone-gallery[data-active="1"] [data-fx-phone="1"],.fx-phone-gallery[data-active="2"] [data-fx-phone="2"]{display:block}
 .fx-phone-screen{border-radius:22px}
 .fx-phone-nav{margin-top:46px;gap:12px;flex-wrap:wrap}
 .fx-phone-nav button{font-size:14px;flex:1 1 90px}
 .social-south-adapt .social-related-links{gap:6px 12px}
 .social-south-adapt .social-related-links a{font-size:16px}
}

/* Symmetric overlap, filled previews and native inline playback. */
.fx-phone-stage{height:clamp(320px,73cqw,535px)}
.fx-phone{width:35%;max-width:240px}
.fx-phone[data-fx-phone="0"]{left:7%;right:auto;top:4%}
.fx-phone[data-fx-phone="1"]{left:50%;right:auto;top:18%;margin-left:calc(-1 * min(17.5%,120px))}
.fx-phone[data-fx-phone="2"]{right:7%;left:auto;top:4%}
.fx-phone .work-player{width:100%}
.fx-phone .player-stage,.fx-phone .player-stage.is-vertical{width:100%;aspect-ratio:9/16;display:block;background:#111;overflow:hidden;border-radius:clamp(16px,3cqw,27px)}
.fx-phone .player-stage.is-vertical .work-player-shell{position:relative;display:block;width:100%;height:100%;aspect-ratio:9/16;max-height:none;max-width:none}
.fx-phone .work-video-preview{position:absolute;inset:0;width:100%;height:100%;padding:0;display:grid;place-items:center}
.fx-phone .is-vertical .work-video-preview img{object-fit:cover;opacity:1}
.fx-phone .work-video-preview::after{background:none}
.fx-phone .work-video-preview .play-circle{width:48px;height:48px;font-size:17px;border-width:1px}
.fx-phone .video-versions{display:none}
.fx-phone .player-support{position:absolute;top:100%;left:0;right:0;background:var(--bg);border-radius:4px;transform:none}
.fx-phone .player-status{font-size:14px;min-height:0;margin:5px 0}
.fx-phone .player-status:empty,.fx-phone .player-actions:not(:has(:not([hidden]))){display:none}
.fx-phone .player-actions a,.fx-phone .player-actions button{font-size:14px}
.fx-phone-gallery[data-active="0"] [data-fx-phone="0"],.fx-phone-gallery[data-active="1"] [data-fx-phone="1"],.fx-phone-gallery[data-active="2"] [data-fx-phone="2"]{transform:rotate(0deg) scale(1.025)}
.fx-phone-gallery[data-playing="0"] [data-fx-phone="0"],.fx-phone-gallery[data-playing="1"] [data-fx-phone="1"],.fx-phone-gallery[data-playing="2"] [data-fx-phone="2"]{z-index:5;transform:rotate(0deg) scale(1.025)}
@media(max-width:700px){.fx-phone-stage{height:auto}.fx-phone{max-width:none;margin-left:0!important}.fx-phone .player-stage{border-radius:22px}}
.fx-phone[data-fx-phone="0"]{left:10%}
.fx-phone[data-fx-phone="2"]{right:10%}
@media(max-width:700px){.fx-phone{width:100%}}

/* Continuous outpainted covers: no superimposed source layer or edge masks. */
.fx-phone .is-vertical .work-video-preview .fx-cover-continuous{object-fit:contain;opacity:1}

/* Editorial simplification: retain alignment, remove ornamental metadata rules. */
.social-case-scope{border-top:0}
.work-page[data-category=commercial] .commercial-credits p+p{border-left:0}

/* Restore the approved soft reveal, independently of decorative link arrows. */
:root{--motion-reveal-duration:1300ms;--motion-distance:16px;--motion-stagger:100ms;--motion-reveal-ease:cubic-bezier(.42,0,.58,1)}
[data-motion-pending="true"]{opacity:0;transform:translateY(var(--motion-distance))}
@media(prefers-reduced-motion:reduce){[data-motion-pending="true"]{opacity:1;transform:none}}

.work-page[data-category=digital] .digital-related .related-work-label{font:500 14px/1.5 var(--font-sans);letter-spacing:.1em;color:var(--muted);margin:0 0 16px}
.work-page[data-category=digital] .digital-related .related-work-links{display:flex;flex-wrap:wrap;gap:6px 14px}
.work-page[data-category=digital] .digital-related .related-work-links a{display:inline-flex;align-items:center;font:400 17px/1.5 var(--font-sans);color:var(--ink);min-height:44px;text-decoration:underline;text-underline-offset:6px}
@media(max-width:700px){.work-page[data-category=digital] .digital-related .related-work-links a{font-size:16px}}

.work-page[data-category=digital] .digital-related>a{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}

/* Explicit font metrics keep the Chrome reference alignment across engines.
   Brown Sugar uses a 0.7em cap height and a 0.75em ascender. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.hero-media .hero-video{will-change:auto}
.hero h1.hero-name-art{height:.7em;line-height:1;text-box-trim:none;margin:0}
.hero h1.hero-name-art>span{display:block;line-height:1;transform:translateY(-.05em)}

/* Keep a real photograph above the video until a decoded frame is visible. */
.hero-media .hero-video{opacity:1;visibility:visible;will-change:auto}
.hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 43%;z-index:1;pointer-events:none}
.hero-frame-ready .hero-poster{visibility:hidden}
@media(max-width:700px){.hero-poster{object-position:53% 40%}}