:root{--bg:#0e1620;--panel:#17232f;--paper:#e9edf1;--muted:#abb8c5;--line:#304252;--accent:#a9c6de;--ink:#0e1b29;--max:1240px;color-scheme:dark;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}img{max-width:100%;display:block}button:disabled{cursor:default}.wrap{max-width:var(--max);margin:auto;padding:0 38px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:29px;font-weight:800;letter-spacing:-1.9px;display:flex;align-items:center;gap:13px}.brand-mark{width:29px;height:29px;background:var(--accent);border-radius:50%;position:relative}.brand-mark:after{content:'5';color:var(--ink);position:absolute;inset:1px 0 0;text-align:center;font-size:23px;letter-spacing:-1px}.nav{display:flex;align-items:center;gap:31px;font-size:13px}.nav .contact-nav{border:1px solid #71879a;padding:12px 17px;border-radius:3px}.nav a:hover{color:var(--accent)}.eyebrow,.kicker,.mono{font:11px/1.5 'Courier New',monospace;text-transform:uppercase;letter-spacing:1.4px}.eyebrow{display:flex;align-items:center;gap:11px;color:#bccbd8}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block}.hero{display:grid;grid-template-columns:1.7fr 1fr;gap:42px;padding:92px 0 78px;align-items:end}.hero h1{font-size:clamp(68px,8vw,100px);line-height:.97;letter-spacing:-5px;margin:27px 0 0;font-weight:800}.hero h1 span{color:var(--accent)}.intro-name{margin:0 0 8px;font-size:18px;font-weight:700}.intro-role{color:var(--muted);font-size:16px;line-height:1.6;max-width:380px;margin:0}.hero-actions{display:flex;gap:23px;align-items:center;margin-top:30px;flex-wrap:wrap}.primary{background:var(--accent);color:var(--ink);border:0;padding:15px 21px;border-radius:3px;font-size:13px;font-weight:bold;display:inline-flex;align-items:center;gap:29px}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid #8195a6;padding:8px 0}.cred-strip{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0;gap:20px}.cred-label{color:var(--muted);max-width:170px}.client-names{display:flex;align-items:center;gap:38px;font-size:17px;font-weight:600;letter-spacing:-.4px}.client-names span:last-child{color:#b4c5d4}.work-section{padding:77px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:33px}.section-top h2,.about h2{font-size:46px;letter-spacing:-2px;margin:8px 0 0;font-weight:600}.section-top p{color:var(--muted);font-size:13px;line-height:1.7;max-width:340px;margin:0}.kicker{color:var(--accent);display:flex;gap:15px}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 30px}.filter{padding:10px 16px;border:1px solid var(--line);background:transparent;border-radius:3px;color:var(--muted);font-size:12px}.filter[aria-pressed=true]{background:var(--paper);border-color:var(--paper);color:var(--ink)}.filter:hover{border-color:var(--muted)}.work-count{margin-left:auto;color:var(--muted);font:11px 'Courier New',monospace}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 22px}.project[hidden]{display:none}.project-thumb{aspect-ratio:16/10;min-height:310px;position:relative;overflow:hidden;background:#1a2b3b;border:1px solid #3a5267;border-radius:3px;display:block;color:#b6cee2;transition:border-color .2s,background .2s}.project[data-group="Shooting"] .project-thumb{background:#1b2732;border-color:#3b5165;color:#b7d0e4}.project[data-group="Editing"] .project-thumb{background:#252e38;border-color:#4b5e70;color:#c9d3dd}.card-art{position:absolute;inset:0;width:100%;height:100%;transition:transform .4s;pointer-events:none}.project-thumb:hover,.project-thumb:focus-visible{border-color:var(--accent)}.project-thumb:hover .card-art{transform:translateX(5px)}.thumb-label{position:relative;inset:auto;padding:22px 23px 64px;min-height:310px;width:100%;z-index:1;display:flex;flex-direction:column;gap:12px}.thumb-label .project-context{font:700 24px/1.2 Arial,Helvetica,sans-serif;color:inherit;letter-spacing:.1px}.thumb-label .project-title{font-size:27px;letter-spacing:-.8px;max-width:94%;line-height:1.13;font-weight:600;color:var(--paper);margin:auto 0;overflow-wrap:break-word;text-wrap:balance}.thumb-category{position:absolute;left:23px;bottom:24px;z-index:2;font:10px 'Courier New',monospace;letter-spacing:1px;text-transform:uppercase;color:inherit;max-width:calc(100% - 90px)}.play-icon{position:absolute;right:20px;bottom:17px;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;z-index:2;transition:background .2s,color .2s}.play-icon:after{content:'';width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor;margin-left:2px}.project-thumb:hover .play-icon{background:var(--accent);border-color:var(--accent);color:var(--ink)}.project-copy{padding:18px 0 0;display:flex;flex-direction:column;align-items:start;flex:1}.project{display:flex;flex-direction:column;min-width:0}.project-copy h4{font-size:16px;font-weight:500;letter-spacing:-.3px;margin:0 0 7px;line-height:1.4}.project-meta{font-size:11px;color:#c7d3dd;line-height:1.6}.project-meta>span{font:9px/1.6 'Courier New',monospace;letter-spacing:1px;text-transform:uppercase;color:#98abbb;margin-right:7px}.project-copy .project-description{font-size:13px;line-height:1.65;color:#b1c0cd;margin:10px 0 17px;max-width:42ch}.project-watch{font-size:11px;display:inline-flex;gap:18px;align-items:center;padding:3px 0 7px;border-bottom:1px solid var(--line);margin-top:auto}.project-watch:hover{color:var(--accent);border-color:var(--accent)}.secondary{background:transparent;border:1px solid #72889b;color:var(--paper);padding:13px 23px;border-radius:3px;font-size:12px}.secondary:hover{background:var(--paper);color:var(--ink)}.about{background:var(--paper);color:var(--ink);padding:77px 0}.about .kicker{color:#4d6071}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.about h2{font-size:47px;line-height:1.1;margin-top:15px}.about h2 em{font-family:Georgia,serif;font-weight:400}.about-copy>p{font-size:19px;line-height:1.65;margin:0 0 25px;letter-spacing:-.2px}.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:26px 28px;border-top:1px solid #b9c7d2;padding-top:25px}.capabilities h3{font-size:12px;font-weight:700;margin:0 0 8px}.capabilities p{font-size:12px;line-height:1.7;color:#43586b;margin:0}.experience{padding:78px 0}.experience .section-top{align-items:center}.career-row{display:grid;grid-template-columns:180px 1fr 1.2fr;gap:25px;padding:23px 0;border-bottom:1px solid var(--line)}.career-row time{font:11px/1.7 'Courier New',monospace;color:var(--muted)}.career-row h3{font-size:17px;margin:0 0 7px;font-weight:500}.career-row .role{font-size:12px;color:var(--muted);line-height:1.7}.career-row p{font-size:13px;line-height:1.7;margin:0;color:#b8c7d4}.earlier{border-bottom:1px solid var(--line);padding:22px 0}.earlier summary{cursor:pointer;font-size:13px;list-style:none;display:flex;justify-content:space-between}.earlier .career-row{grid-template-columns:180px 1fr 1.2fr}.education{font-size:12px;line-height:1.8;color:var(--muted);margin-top:22px}.contact{background:var(--accent);color:var(--ink);padding:57px 0 49px}.contact-grid{display:flex;justify-content:space-between;gap:35px;align-items:center}.contact h2{font-size:50px;line-height:1.05;letter-spacing:-2px;font-weight:600;margin:10px 0 0}.contact .email{font-size:20px;letter-spacing:-.5px;border-bottom:1px solid #30485b;display:inline-block;padding-bottom:12px}.contact p{font-size:12px;line-height:1.9}.contact .kicker{color:var(--ink)}.footer{display:flex;justify-content:space-between;gap:24px;padding:25px 0;color:var(--muted);font-size:10px}.footer a{text-decoration:underline;text-underline-offset:4px}.skip-link{position:fixed;top:-60px;left:15px;background:var(--accent);padding:12px;z-index:100;color:#111}.skip-link:focus{top:12px}.player-dialog{width:min(1050px,94vw);max-height:92vh;background:#111e2a;color:var(--paper);border:1px solid #526c81;padding:0;border-radius:6px;overflow:auto}.player-dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.player-bar{padding:20px 23px;display:flex;justify-content:space-between;gap:20px;align-items:center}.player-bar h2{font-size:18px;margin:0 0 6px}.player-bar p{font-size:12px;color:var(--muted);margin:0}.player-close{background:transparent;border:1px solid #7890a4;color:var(--paper);padding:9px 13px;border-radius:3px}.player-dialog video{width:100%;max-height:66vh;display:block;background:#000}.player-notes{padding:18px 23px;display:flex;gap:25px;justify-content:space-between;font-size:12px;line-height:1.6}.player-notes a{text-decoration:underline}.player-error{padding:15px 23px;background:#3d241c;color:#ffd0bf;font-size:13px}.player-error[hidden]{display:none}.no-work{color:var(--muted);padding:40px 0}.wp-admin-note{margin:20px;padding:15px;border:1px solid #777}.resume-link[hidden]{display:none}
@media(min-width:1400px){.hero{padding-top:82px;padding-bottom:63px}}
@media(max-width:950px){.wrap{padding:0 25px}.hero{gap:28px;grid-template-columns:1fr}.hero h1{font-size:62px;letter-spacing:-3.5px}.client-names{gap:22px;font-size:15px}.about-grid{gap:40px}.career-row,.earlier .career-row{grid-template-columns:130px 1fr 1.1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thumb-label .project-title{font-size:26px}}
@media(max-width:650px){.wrap{padding:0 21px}.site-header{height:79px}.brand{font-size:25px}.brand-mark{width:24px;height:24px}.brand-mark:after{font-size:20px}.nav{gap:16px;font-size:11px}.nav a[href='#about'],.nav a[href='#experience']{display:none}.nav .contact-nav{padding:9px 11px}.hero{grid-template-columns:1fr;padding:42px 0 33px;gap:32px}.hero h1{font-size:clamp(43px,13.8vw,66px);letter-spacing:-3.5px;margin:23px 0}.intro-name{font-size:17px}.intro-role{font-size:14px;max-width:340px}.hero-actions{margin-top:23px;flex-wrap:wrap}.cred-strip{display:block;padding:24px 0}.cred-label{max-width:none;font-size:9px;margin-bottom:17px}.client-names{gap:19px;font-size:13px;flex-wrap:wrap}.section-top{display:block;margin-bottom:26px}.section-top h2,.about h2{font-size:37px}.section-top p{margin-top:15px;font-size:12px}.work-section{padding:48px 0}.filters{gap:7px}.filter{font-size:11px;padding:9px 10px}.work-count{width:100%;margin:8px 0 0}.grid{grid-template-columns:1fr;gap:28px}.project-thumb{aspect-ratio:16/9}.thumb-label .project-title{font-size:clamp(24px,6.7vw,33px);max-width:92%}.project-copy h4{font-size:17px}.about{padding:48px 0}.about-grid{grid-template-columns:1fr;gap:28px}.about-copy>p{font-size:17px}.capabilities{gap:25px 22px}.experience{padding:48px 0}.career-row,.earlier .career-row{grid-template-columns:1fr;gap:9px;padding:22px 0}.career-row h3{margin-bottom:5px}.career-row p{font-size:12px}.contact{padding:43px 0 35px}.contact-grid{display:block}.contact h2{font-size:44px;margin-bottom:25px}.contact .email{font-size:20px}.footer{font-size:9px;line-height:1.7}.player-bar{padding:15px;align-items:start}.player-bar h2{font-size:15px}.player-notes{padding:15px;flex-direction:column;gap:10px}.player-close{padding:7px 10px}.player-dialog{width:96vw}.earlier summary{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{body{background:#fff;color:#000}.wrap{padding:0;max-width:none}.hero{padding:0 0 20px;display:block}.hero h1{font-size:30px;letter-spacing:-1px}.hero h1 span{color:#000}.intro-role,.career-row p,.role,.education,time{color:#333!important}.about{padding:20px 0}.about-grid{display:block}.about h2{font-size:25px}.about-copy>p{font-size:12px}.experience{padding:20px 0}.section-top h2{font-size:25px}.career-row{break-inside:avoid;grid-template-columns:130px 1fr 1.2fr;padding:13px 0}.earlier{display:block}.kicker{color:#555}.eyebrow{color:#555}.capabilities{font-size:10px}.project{break-inside:avoid}}



.hero-summary{padding-bottom:6px}

.hero-summary .intro-name{font-size:22px}

.work-category{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}

.work-category[hidden]{display:none}

.category-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}

.category-heading h3{font-size:24px;letter-spacing:-.7px;font-weight:500;margin:0}

.category-heading>span{font:11px 'Courier New',monospace;color:var(--muted)}

@media(max-width:650px){.category-heading h3{font-size:22px}.hero-summary{padding:0}.work-category{margin-top:32px}}

.client-names{flex-wrap:wrap}.player-status{margin:0;padding:12px 23px;color:var(--muted);font-size:13px}.player-status[hidden]{display:none}.player-error button{margin-left:12px;background:transparent;border:1px solid currentColor;color:inherit;padding:5px 12px;border-radius:3px}.player-dialog video{aspect-ratio:16/9}.player-notes a{flex-shrink:0}

/* Reviewed portfolio metadata, shared by the gallery and native player. */
.project-topic{font:10px/1.6 'Courier New',monospace;letter-spacing:.5px;color:var(--accent)}
.project-details{display:grid;gap:9px;width:100%;margin:0 0 21px;padding-top:13px;border-top:1px solid var(--line)}
.project-details>div{display:grid;grid-template-columns:94px minmax(0,1fr);gap:10px;align-items:start}
.project-details dt{font:9px/1.6 'Courier New',monospace;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.project-details dd{font-size:11px;line-height:1.6;margin:0;color:#c7d3dd;overflow-wrap:anywhere}
.player-notes{display:block}.player-notes>p{margin:0 0 18px;color:#c7d3dd;max-width:80ch}
.player-details{margin-bottom:0;max-width:760px}.player-details dd{font-size:12px}
@media(max-width:650px){.project-details dd{font-size:12px}.project-details>div{grid-template-columns:100px minmax(0,1fr)}}

/* Client navigation: wraps on narrow screens and remains keyboard accessible. */
.cred-strip{align-items:flex-start;gap:28px}.cred-label{padding-top:12px;flex-shrink:0}.client-names{justify-content:flex-start;gap:8px;flex:1}.client-tab{font:600 14px/1.35 Arial,sans-serif;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:3px;padding:10px 12px;cursor:pointer;text-align:left}.client-tab:hover{color:var(--paper);border-color:var(--line)}.client-tab[aria-pressed="true"]{color:var(--ink);background:var(--accent);border-color:var(--accent)}.client-tab:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.project[hidden],.work-category[hidden]{display:none!important}@media(max-width:650px){.client-tab{font-size:12px;padding:9px 10px}.client-names{gap:6px}}

.selected-work{padding-bottom:30px;border-bottom:1px solid var(--line)}.selected-work .cred-strip{border-bottom:0;margin-bottom:0;padding-bottom:16px}.carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 15px;color:var(--muted);font-size:10px}.carousel-arrow{background:transparent;color:var(--paper);border:1px solid var(--line);border-radius:3px;padding:8px 15px;font-size:20px;cursor:pointer;margin-left:6px}.carousel-arrow:hover{color:var(--accent);border-color:var(--accent)}.selected-carousel{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;overscroll-behavior-x:contain;scrollbar-color:var(--accent) transparent}.selected-project{flex:0 0 calc((100% - 36px)/3);min-width:0;scroll-snap-align:start}.selected-project[hidden]{display:none!important}.selected-project .project-thumb{height:240px;min-height:240px;aspect-ratio:auto}.selected-project .thumb-label{min-height:240px;padding:20px 20px 58px}.selected-project .project-context{font-size:19px}.selected-project .project-title{font-size:25px}.selected-carousel:focus-visible,.carousel-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:950px){.selected-project{flex-basis:calc((100% - 18px)/2)}}@media(max-width:650px){.selected-project{flex-basis:86%}.selected-project .project-title{font-size:24px}}

.project-format{font-size:11px;line-height:1.5;color:var(--paper);margin:0 0 13px}.carousel-arrow:disabled{opacity:.3;cursor:default}.selected-project .project-thumb{height:auto;min-height:260px}.selected-project .thumb-label{min-height:260px}.selected-project[data-group="Shooting"] .project-thumb{background:#1b2732;border-color:#3b5165;color:#b7d0e4}.selected-project[data-group="Editing"] .project-thumb{background:#252e38;border-color:#4b5e70;color:#c9d3dd}.selected-project .project-context{overflow-wrap:anywhere}@media print{.selected-work,.filters,.hero-actions,.nav,.player-dialog{display:none!important}}

/* round5 blue steel and silver identity. */
.brand-logo{width:60px;height:60px;object-fit:contain;flex-shrink:0}
.brand{gap:10px;letter-spacing:-1.4px}
.hero h1 span{color:#adc9e1}
.primary{background:linear-gradient(120deg,#c9d9e6,#91b3cf);box-shadow:inset 0 1px 0 #ffffff30}
.primary:hover{background:#d4e1ea}
.contact{background:linear-gradient(115deg,#c8d6e2,#a0b7ca)}
.project-thumb{background:linear-gradient(135deg,#21374a,#172737)}
.project[data-group="Shooting"] .project-thumb,.selected-project[data-group="Shooting"] .project-thumb{background:linear-gradient(135deg,#223341,#192631)}
.project[data-group="Editing"] .project-thumb,.selected-project[data-group="Editing"] .project-thumb{background:linear-gradient(135deg,#303c49,#222d39)}
@media(max-width:650px){.brand-logo{width:46px;height:46px}.brand{gap:7px}}

/* Original warm palette, balanced with the logo's steel blue and silver. */
:root{--bg:#121412;--panel:#1a1d19;--paper:#edece5;--muted:#abb1aa;--line:#363d38;--accent:#f2875b;--ink:#151a16}
.hero h1 span{color:var(--accent)}
.primary{background:var(--accent);box-shadow:none}.primary:hover{background:#ffab82}
.hero .eyebrow{color:#c3c9bf}.hero .dot{background:var(--accent)}
.project-thumb{background:linear-gradient(135deg,#26362e,#202b27);border-color:#46584a;color:#b7cda8}
.project[data-group="Shooting"] .project-thumb,.selected-project[data-group="Shooting"] .project-thumb{background:linear-gradient(135deg,#293b4a,#202c37);border-color:#4b6173;color:#bad1e5}
.project[data-group="Editing"] .project-thumb,.selected-project[data-group="Editing"] .project-thumb{background:linear-gradient(135deg,#3b322b,#302820);border-color:#665344;color:#e3bd98}
.project[data-group="Shooting&Editing"] .project-topic{color:#b7cda8}
.project[data-group="Shooting"] .project-topic{color:#bad1e5}
.project[data-group="Editing"] .project-topic{color:#e3bd98}
.about{background:#edece5;color:#151a16}.about .kicker{color:#626e60}.capabilities{border-color:#c7ccbf}.capabilities p{color:#5d6659}
.contact{background:#e9a079;color:#151a16;border-top:1px solid #edb18f}
.contact .kicker{color:#293429}.contact .email{border-color:#5c4b3e}.contact .email:hover{color:#253e54}
.brand{color:#e2e7eb}.player-dialog{background:#1a2229;border-color:#52606b}

/* Primary identity: logo navy/steel/silver. Orange and sage are supporting accents. */
:root{--bg:#111923;--panel:#1a2733;--paper:#e8edf1;--muted:#b0bcc5;--line:#35434e;--accent:#ed986e;--ink:#14202a}
.hero h1 span{color:#afc8dd}.hero .eyebrow{color:#b9c6cf}
.primary{background:#ed986e;color:#14202a}.primary:hover{background:#f6b18e}
.client-tab[aria-pressed="true"]{background:#aec7dc;border-color:#aec7dc;color:#14202a}
.project-thumb{background:linear-gradient(135deg,#2a3837,#202c31);border-color:#485c58;color:#bdcdbb}
.project[data-group="Shooting"] .project-thumb,.selected-project[data-group="Shooting"] .project-thumb{background:linear-gradient(135deg,#293c4f,#1d2b39);border-color:#4c657a;color:#bdd2e4}
.project[data-group="Editing"] .project-thumb,.selected-project[data-group="Editing"] .project-thumb{background:linear-gradient(135deg,#36353a,#292b32);border-color:#625b58;color:#dfbba3}
.about{background:#e7e9e7;color:#182630}.about .kicker{color:#5a686d}.capabilities{border-color:#bdc6c8}.capabilities p{color:#4f606b}
.contact{background:linear-gradient(115deg,#253b4d,#1c2c3a);color:#e8edf1;border-top:1px solid #465d6e}.contact .kicker{color:#ed986e}.contact .email{border-color:#93aabd}.contact .email:hover{color:#ed986e}

/* Source-video frame, readability shade, existing SVG artwork, then text/controls. */
.project-thumb{isolation:isolate}
.video-thumb-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;opacity:.86}
.project-thumb:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(9,17,24,.72) 0%,rgba(9,17,24,.36) 34%,rgba(9,17,24,.72) 68%,rgba(9,17,24,.94) 100%)}
.project-thumb .card-art{z-index:-1;opacity:.55}
.project-thumb .project-context,.project-thumb .project-title{text-shadow:0 2px 10px #000b}


#work .filters{gap:26px;border-bottom:1px solid var(--line);padding-bottom:0;margin-bottom:32px}#work .filter{background:none;border:0;border-radius:0;color:var(--muted);padding:15px 0;font-size:14px}#work .filter[aria-pressed=true]{color:var(--paper);box-shadow:inset 0 -2px var(--accent)}#work .work-count{margin-left:auto}#work .work-category{border:0;margin:0;padding:0}#work .category-heading{display:none}#work .project-thumb{min-height:240px;height:auto;aspect-ratio:16/9;container-type:inline-size}#work .project-title{font-size:clamp(20px,6.4cqi,24px);line-height:1.15;max-width:100%;margin:auto 0 0}#work .project-context{font-size:clamp(17px,4.8cqi,19px);line-height:1.2;flex-shrink:0}#work .thumb-label{position:absolute;inset:0;width:auto;min-height:0;height:100%;padding:20px 20px 62px;gap:12px}#work .project-details,#work .project-format,#work .project-watch{display:none}#work .project-copy{padding-top:16px}#work .project-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.65;margin:8px 0 0}#work .project-topic{font-size:11px}#work .grid{row-gap:34px;margin-bottom:34px}#work .gallery-paged-out{display:none!important}.gallery-more{text-align:center;padding:8px 0 24px}.gallery-more button{font:600 14px Arial;color:var(--paper);border:1px solid var(--line);background:transparent;border-radius:3px;padding:14px 26px;cursor:pointer}.gallery-more button:hover{border-color:var(--accent)}.gallery-more p{font:11px monospace;color:var(--muted);margin:16px}.gallery-more button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:650px){#work .filters{gap:16px;flex-wrap:wrap}#work .work-count{width:100%;margin:0;padding:12px 0}#work .project-title{font-size:clamp(20px,6.4cqi,24px)}}

.section-return{display:flex;justify-content:flex-end;margin-top:28px;grid-column:1/-1}.back-to-top{display:inline-flex;gap:9px;align-items:center;min-height:44px;padding:6px 0;font:500 13px/1.4 Arial,sans-serif;color:var(--muted);text-decoration:none}.back-to-top:hover{color:var(--paper)}.back-to-top:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.back-to-top span{color:var(--accent)}#top:focus{outline:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* Keep the return link legible on the About section’s light background. */
#about .back-to-top{color:#304252}#about .back-to-top span{color:currentColor}#about .back-to-top:hover{color:#0e1b29;text-decoration:underline;text-underline-offset:4px}#about .back-to-top:focus-visible{color:#0e1b29;outline-color:#304252;text-decoration:underline;text-underline-offset:4px}

.project-role{font:500 13px/1.55 Arial,Helvetica,sans-serif;color:var(--paper);margin:10px 0 0;overflow-wrap:break-word}.project-role>span{color:var(--muted);font-weight:400}.selected-project>.project-role{padding:0 2px;margin-top:12px}

/* Mobile section navigation; links remain available without JavaScript. */
.nav-toggle{display:none;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--paper);font:600 13px Arial;align-items:center;gap:14px}
@media(max-width:650px){.site-header{height:auto;min-height:79px;flex-wrap:wrap}.site-header .nav{width:100%;display:flex;flex-wrap:wrap;gap:8px;padding:0 0 16px}.site-header .nav a{display:block;min-height:44px;padding:13px 12px;font-size:14px}.site-header .nav .contact-nav{padding:12px}.site-header.nav-ready .nav-toggle{display:inline-flex}.site-header.nav-ready .nav{display:none}.site-header.nav-ready.nav-open .nav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:12px}.nav-toggle[aria-expanded=true]{border-color:var(--accent)}}

/* Selectable speech subtitles; song lyrics are excluded. */
.subtitle-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;color:#e7e9e7;background:#182b3b}
.subtitle-controls[hidden]{display:none}
.subtitle-controls label{font-weight:600}
.subtitle-controls select{font:inherit;min-height:44px;padding:8px 34px 8px 12px;color:#102132;background:#e7e9e7;border:1px solid #aec7d8;border-radius:5px}
.subtitle-controls select:focus-visible{outline:3px solid #eab98d;outline-offset:3px}
#subtitle-note{font-size:13px;color:#c8d6df;flex:1 1 260px}
#project-video::cue{font-family:Arial,sans-serif;background:rgba(0,0,0,.8);color:white}

/* Preserve the selected section label while exposing its heading semantics. */
.selected-work h2.cred-label{margin:0;}

/* Duration sits beside the play button, clear of title and category. */
.duration-badge{position:absolute;right:64px;bottom:23px;z-index:3;padding:3px 6px;border-radius:3px;background:#071019e6;color:#fff;font:600 12px/1.2 Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.3px;white-space:nowrap}.thumb-category{max-width:calc(100% - 165px)}

.project-copy .subtitle-availability,.selected-project .subtitle-availability{font:600 10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.7px;color:var(--accent);margin:10px 0 6px;}

.not-found{padding:90px 0;min-height:60vh;max-width:760px}.not-found h1{font-size:clamp(36px,7vw,72px);letter-spacing:-2px;margin:20px 0}.not-found>p:not(.kicker){color:var(--muted);line-height:1.7;margin-bottom:30px}

.email-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}.email-actions button{min-height:44px;padding:10px 15px;border:1px solid currentColor;border-radius:3px;background:transparent;color:inherit;font:600 13px Arial,sans-serif}.email-actions button:hover{background:#ffffff26}.email-actions button:focus-visible{outline:3px solid #e9edf1;outline-offset:4px}#copy-email-status{font-size:12px;line-height:1.5;max-width:270px}

/* Quiet, brief feedback: no looping motion or layout movement. */
@media(prefers-reduced-motion:no-preference){
  .nav a,.primary,.text-link,.client-tab,.filter,.carousel-arrow,.back-to-top,.email-actions button,.gallery-more button{transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
  .project-thumb{transition:border-color 220ms ease,box-shadow 220ms ease}
  .project-thumb:hover{box-shadow:0 5px 18px #00000024}
  .project-thumb .card-art{transition:none}
  .project-thumb:hover .card-art{transform:none}
}
@media(prefers-reduced-motion:reduce){.project-thumb:hover .card-art{transform:none}}

/* The mobile shell collapses to its real content height in both directions. */
.nav-shell,.nav-clip{display:contents}
.nav-toggle span{display:inline-block;transition:transform 220ms ease}
.nav-toggle[aria-expanded=true] span{transform:rotate(45deg)}
.nav a:not(.contact-nav){position:relative}
.nav a:not(.contact-nav)::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 220ms ease}
.nav a:not(.contact-nav):hover::after,.nav a:not(.contact-nav):focus-visible::after{transform:scaleX(1)}
@media(max-width:650px){
 .site-header.nav-ready .nav-shell{display:grid;width:100%;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows 280ms cubic-bezier(.22,1,.36,1),opacity 200ms ease,visibility 0s 280ms}
 .site-header.nav-ready .nav-clip{display:block;min-height:0;overflow:hidden}
 .site-header.nav-ready .nav,.site-header.nav-ready.nav-open .nav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding:12px 0 16px;margin:0;transform:translateY(-6px);transition:transform 280ms cubic-bezier(.22,1,.36,1)}
 .site-header.nav-ready.nav-open .nav-shell{grid-template-rows:1fr;opacity:1;visibility:visible;transition-delay:0s}
 .site-header.nav-ready.nav-open .nav{transform:translateY(0)}
 .nav a:not(.contact-nav)::after{left:12px;right:12px;bottom:6px}
 .client-tab:active,.filter:active,.carousel-arrow:active,.nav-toggle:active{background-color:#a9c6de20}
}
@media(prefers-reduced-motion:reduce){.nav-toggle span,.nav a::after,.nav-shell,.nav{transition:none!important}}

@keyframes round5-content-in{from{opacity:.12;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 .motion-enter{animation:round5-content-in 620ms cubic-bezier(.22,1,.36,1) var(--entry-delay,0ms) both}
 .project-thumb .video-thumb-image{transition:transform 450ms cubic-bezier(.22,1,.36,1)}
 .project-thumb:hover .video-thumb-image{transform:scale(1.025)}
}

@keyframes round5-modal-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes round5-modal-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.99)}}
@keyframes round5-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes round5-backdrop-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:no-preference){
 .player-dialog[open]{animation:round5-modal-in 260ms cubic-bezier(.22,1,.36,1) both}
 .player-dialog[open]::backdrop{animation:round5-backdrop-in 260ms ease both}
 .player-dialog[open].is-closing{animation:round5-modal-out 180ms ease both}
 .player-dialog[open].is-closing::backdrop{animation:round5-backdrop-out 180ms ease both}
}

.carousel-toolbar>div{display:flex;align-items:center;gap:8px}
.carousel-autoplay{min-height:40px;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--muted);padding:8px 12px;font:500 12px Arial,sans-serif;transition:color 180ms ease,border-color 180ms ease}
.carousel-autoplay:hover{color:var(--paper);border-color:var(--accent)}
.carousel-autoplay[hidden]{display:none}
.carousel-toolbar .carousel-arrow{margin-left:0;min-width:42px;min-height:40px}
@media(max-width:650px){.carousel-toolbar{flex-wrap:wrap;gap:12px}.carousel-toolbar>div{margin-left:auto}.carousel-autoplay{min-height:44px}.carousel-toolbar .carousel-arrow{min-height:44px}}