@font-face{font-family:InterTight;src:url('/fonts/inter-tight-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Outfit;src:url('/fonts/outfit-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}

:root{--ink:#10100f;--paper:#f0ede4;--paper-2:#e5e0d4;--orange:#ff5a24;--lime:#d5ff3f;--line:rgba(16,16,15,.18);--muted:#756f65;--pad:clamp(1.15rem,3vw,3.5rem);--radius:1.2rem}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:InterTight,Arial,sans-serif;font-size:16px;line-height:1.45;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img,video{display:block;width:100%}
button,input,select,textarea{font:inherit}
button{color:inherit}
::selection{background:var(--orange);color:#fff}
.site-header{height:78px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:50;background:var(--ink);color:#fff;border-bottom:1px solid rgba(255,255,255,.15)}
.brand{display:flex;align-items:center;gap:.75rem;width:max-content;font-family:Outfit,sans-serif;font-weight:650;letter-spacing:-.02em}
.brand img{width:3.4rem;height:auto}
.site-header nav{display:flex;gap:clamp(1.2rem,3vw,3rem);font-size:.76rem;text-transform:uppercase;letter-spacing:.14em}
.site-header nav a,.contact-pill{transition:opacity .2s ease}.site-header nav a:hover,.contact-pill:hover{opacity:.62}
.contact-pill{justify-self:end;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:.67rem .95rem .66rem 1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.contact-pill span{display:inline-block;margin-left:.45rem}
.menu-button{display:none;background:none;border:0;cursor:pointer;color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}
.eyebrow{margin:0 0 1.3rem;font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.16em;font-weight:650}.availability-dot{display:inline-block;width:.5rem;height:.5rem;margin-right:.55rem;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(213,255,63,.13);vertical-align:.04rem}
h1,h2,h3,p{margin-top:0}h1,h2{font-family:Outfit,sans-serif;font-weight:520;letter-spacing:-.055em;line-height:.91}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}
.hero{min-height:calc(100svh - 78px);padding:var(--pad);display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2rem,4vw,5rem);background:var(--ink);color:#fff}.hero-copy{display:flex;flex-direction:column;justify-content:space-between;padding-top:clamp(1rem,3vw,3rem);padding-bottom:1rem}.hero h1{font-size:clamp(4.8rem,9.5vw,10.5rem);margin:.2rem 0 3rem;line-height:.78}.hero h1 em{color:var(--orange)}.hero-lower{max-width:37rem}.hero-lower>p{font-size:clamp(1.15rem,1.5vw,1.55rem);line-height:1.35;letter-spacing:-.025em;color:rgba(255,255,255,.72)}
.hero-actions,.inline-links,.showreel-actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:.95rem 1.2rem;font-size:.75rem;line-height:1;text-transform:uppercase;letter-spacing:.11em;font-weight:700;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}.button:hover{transform:translateY(-2px)}.button-light{background:#fff;color:var(--ink)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:var(--orange)}.text-link,.inline-links a{font-size:.78rem;text-transform:uppercase;letter-spacing:.11em;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:.25rem}
.hero-art{margin:0;min-height:0;display:grid;grid-template-rows:1fr auto;background:#191918;overflow:hidden;border-radius:var(--radius)}.hero-art video{height:100%;min-height:28rem;object-fit:cover}.hero-art figcaption{padding:1rem 1.1rem;display:grid;grid-template-columns:1fr auto auto;gap:1.3rem;align-items:center;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.62)}.hero-art figcaption strong{color:#fff;font-size:.72rem;font-weight:620}.hero-art figcaption a{color:#fff}
.work-section,.services-section,.journal-teaser,.inner-page,.project-page,.showreel-page{padding-left:var(--pad);padding-right:var(--pad)}.work-section{padding-top:clamp(6rem,12vw,11rem);padding-bottom:clamp(5rem,10vw,10rem)}.section-heading{display:grid;grid-template-columns:1fr 1.25fr .75fr;gap:2rem;align-items:end;margin-bottom:clamp(3rem,6vw,6rem)}.section-heading .eyebrow{align-self:start}.section-heading h2{font-size:clamp(3.8rem,7.5vw,8rem);margin:0}.section-heading>p:last-child{font-size:1.18rem;letter-spacing:-.02em;color:var(--muted);max-width:27rem;justify-self:end}.section-heading.compact{grid-template-columns:.65fr 1.25fr 1fr}.section-heading.compact h2{font-size:clamp(3.3rem,6vw,6.2rem)}
.filter-row{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:1.3rem;border-top:1px solid var(--line);padding-top:1.2rem}.filter-row button{appearance:none;background:transparent;border:1px solid var(--line);border-radius:999px;padding:.7rem 1rem;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;cursor:pointer;transition:.2s ease}.filter-row button span{display:inline-block;margin-left:.55rem;opacity:.5}.filter-row button:hover,.filter-row button.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(.75rem,1.6vw,1.6rem)}.project-card{grid-column:span 5;min-height:25rem;overflow:hidden;border-radius:var(--radius);background:#1a1a19}.project-card-wide{grid-column:span 7}.project-card a{height:100%;display:grid;position:relative;overflow:hidden}.project-card img{height:100%;min-height:25rem;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s ease}.project-card:hover img{transform:scale(1.035);filter:saturate(1.08)}.project-overlay{position:absolute;inset:auto 0 0;padding:3.8rem 1.2rem 1.2rem;display:grid;grid-template-columns:3rem 1fr auto;align-items:end;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.82))}.project-index{font-size:.68rem;letter-spacing:.12em}.project-overlay p{margin:0 0 .3rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.7)}.project-overlay h3{margin:0;font-family:Outfit,sans-serif;font-size:clamp(1.35rem,2vw,2rem);font-weight:550;letter-spacing:-.035em}.project-arrow{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);transition:transform .25s ease}.project-card:hover .project-arrow{transform:rotate(45deg)}
.services-strip{padding:1.2rem var(--pad);display:flex;gap:1.5rem;align-items:center;justify-content:space-between;overflow:hidden;background:var(--orange);color:var(--ink);white-space:nowrap}.services-strip p{margin:0;font-family:Outfit,sans-serif;font-size:clamp(1.6rem,3vw,3.4rem);font-weight:600;letter-spacing:-.04em}.services-strip span{font-size:1.1rem}.services-section{padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(6rem,10vw,10rem);background:var(--paper-2)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:2.5rem}.service-grid article{padding:clamp(1.5rem,3vw,3.2rem);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.service-grid article>span,.principles article>span{font-size:.68rem;letter-spacing:.14em}.service-grid h3{font-family:Outfit,sans-serif;font-size:clamp(1.6rem,2.3vw,2.5rem);font-weight:560;letter-spacing:-.04em;margin:3.5rem 0 1.2rem}.service-grid p,.service-grid li{color:var(--muted)}.service-grid ul{margin:2rem 0 0;padding:1rem 0 0;list-style:none;border-top:1px solid var(--line)}.service-grid li{padding:.38rem 0}.service-grid li::before{content:'—';margin-right:.65rem;color:var(--orange)}
.process-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,8rem);padding:clamp(6rem,10vw,10rem) var(--pad);background:var(--ink);color:#fff}.process-section h2{font-size:clamp(3.6rem,6.7vw,7rem);margin:0}.process-section h2 em{color:var(--orange)}.process-section ol{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.25)}.process-section li{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.25)}.process-section li>span{font-size:.68rem;letter-spacing:.14em;color:var(--orange)}.process-section h3{font-family:Outfit,sans-serif;font-size:1.55rem;font-weight:550;margin:0 0 .45rem}.process-section li p{margin:0;color:rgba(255,255,255,.58);max-width:28rem}
.about-split{display:grid;grid-template-columns:.78fr 1.22fr;min-height:50rem;background:var(--paper)}.portrait-wrap{min-height:44rem;overflow:hidden}.portrait-wrap img{height:100%;object-fit:cover;filter:grayscale(100%)}.about-split>div:last-child{padding:clamp(3rem,7vw,8rem) var(--pad);align-self:center}.about-split h2{font-size:clamp(3.5rem,6.8vw,7rem)}.about-split>div:last-child>p:not(.eyebrow){font-size:clamp(1.1rem,1.5vw,1.45rem);letter-spacing:-.02em;color:var(--muted);max-width:43rem}.inline-links a:first-child{color:var(--orange)}
.journal-teaser{padding-top:clamp(6rem,10vw,9rem);padding-bottom:clamp(6rem,10vw,9rem);background:var(--paper-2)}.post-list{border-top:1px solid var(--line)}.post-list>a{display:grid;grid-template-columns:10rem 1fr auto;gap:2rem;align-items:center;padding:1.5rem .2rem;border-bottom:1px solid var(--line)}.post-list time,.post-list span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.post-list h3{font-family:Outfit,sans-serif;font-weight:520;font-size:clamp(1.4rem,2.3vw,2.3rem);letter-spacing:-.04em;margin:0;transition:color .2s ease}.post-list a:hover h3{color:var(--orange)}
.site-footer{padding:clamp(5rem,9vw,9rem) var(--pad) 1.5rem;background:var(--ink);color:#fff}.footer-callout{display:grid;grid-template-columns:1fr 2fr auto;gap:2rem;align-items:end;padding-bottom:clamp(5rem,9vw,9rem)}.footer-callout h2{font-size:clamp(4rem,8vw,8.5rem);margin:0}.footer-callout h2 em{color:var(--orange)}.circle-cta{display:grid;place-items:center;width:clamp(5rem,9vw,8.5rem);height:clamp(5rem,9vw,8.5rem);border-radius:50%;background:var(--orange);font-size:2rem;transition:transform .25s ease}.circle-cta:hover{transform:rotate(45deg)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;padding:2rem 0 4rem;border-top:1px solid rgba(255,255,255,.2)}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.footer-label{margin-bottom:1rem;color:rgba(255,255,255,.42);font-size:.67rem;text-transform:uppercase;letter-spacing:.14em}.footer-grid a{font-size:1.05rem}.footer-grid a:hover{color:var(--orange)}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.2);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.45)}
.inner-page,.showreel-page{padding-top:clamp(5rem,9vw,9rem);padding-bottom:clamp(6rem,10vw,10rem)}.inner-hero{display:grid;grid-template-columns:.5fr 1.5fr .75fr;gap:2rem;align-items:end;margin-bottom:clamp(5rem,9vw,9rem)}.inner-hero h1{font-size:clamp(4.8rem,9vw,10rem);margin:0}.inner-hero>p:last-child{font-size:1.2rem;letter-spacing:-.02em;color:var(--muted);max-width:28rem}
.service-detail-list{border-top:1px solid var(--line)}.service-detail-list article{display:grid;grid-template-columns:.25fr 1fr .7fr;gap:2rem;padding:clamp(2rem,4vw,4rem) 0;border-bottom:1px solid var(--line)}.service-detail-list>article>span{font-size:.7rem;letter-spacing:.14em;color:var(--orange)}.service-detail-list h2{font-size:clamp(2.6rem,5vw,5rem);margin:0 0 1.6rem}.service-detail-list h3{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:520;letter-spacing:-.02em}.service-detail-list p{max-width:35rem;color:var(--muted)}.service-detail-list ul{list-style:none;margin:0;padding:0}.service-detail-list li{padding:.8rem 0;border-bottom:1px solid var(--line);color:var(--muted)}.service-detail-list li::before{content:'↳';color:var(--orange);margin-right:.7rem}
.engagement{padding:clamp(6rem,10vw,10rem) 0}.engagement>div:first-child{display:grid;grid-template-columns:.5fr 1.5fr;gap:2rem;margin-bottom:3rem}.engagement h2{font-size:clamp(3.5rem,6vw,6rem)}.engagement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.engagement-grid article{padding:2rem;background:var(--paper)}.engagement-grid h3{font-size:1.5rem;font-family:Outfit,sans-serif;font-weight:550;letter-spacing:-.03em}.engagement-grid p{color:var(--muted)}.deliverable-note{margin:0 calc(var(--pad) * -1) calc(clamp(6rem,10vw,10rem) * -1);padding:clamp(3rem,6vw,6rem) var(--pad);display:flex;align-items:center;justify-content:space-between;gap:3rem;background:var(--orange)}.deliverable-note p{max-width:52rem;margin:0;font-size:clamp(1.4rem,2.5vw,2.6rem);line-height:1.16;letter-spacing:-.035em}
.about-hero{grid-template-columns:.5fr 1.5fr}.about-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,9rem);align-items:start}.about-body figure{margin:0;position:sticky;top:2rem;overflow:hidden;border-radius:var(--radius)}.about-body figure img{aspect-ratio:4/5;object-fit:cover;filter:grayscale(100%)}.about-body>div{padding:2rem 0}.about-body p{font-size:clamp(1.1rem,1.6vw,1.45rem);color:var(--muted)}.about-body .large-copy{font-family:Outfit,sans-serif;font-size:clamp(2.1rem,4vw,4.2rem);font-weight:500;line-height:1.05;letter-spacing:-.045em;color:var(--ink)}.principles{padding-top:clamp(6rem,10vw,10rem)}.principles>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.principles article{padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.principles h2{font-size:2rem;margin:4rem 0 1rem}.principles p{color:var(--muted)}
.contact-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(3rem,8vw,9rem)}.contact-layout form{display:flex;flex-direction:column;gap:1.2rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.contact-layout label{display:flex;flex-direction:column;gap:.55rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:650}.contact-layout input,.contact-layout select,.contact-layout textarea{width:100%;padding:1rem;background:transparent;border:1px solid var(--line);border-radius:.45rem;color:var(--ink);outline:none;text-transform:none;letter-spacing:normal;transition:border-color .2s ease}.contact-layout input:focus,.contact-layout select:focus,.contact-layout textarea:focus{border-color:var(--orange)}.contact-layout textarea{resize:vertical;min-height:11rem}.contact-layout form .button{align-self:flex-start;margin-top:.6rem}.contact-layout aside{border-left:1px solid var(--line);padding-left:clamp(1.5rem,4vw,4rem)}.contact-layout aside>div{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:3.5rem}.contact-layout aside a{font-size:1.2rem}.contact-layout aside a:hover{color:var(--orange)}.contact-note{color:var(--muted);max-width:20rem}
.journal-index{border-top:1px solid var(--line)}.journal-index article{display:grid;grid-template-columns:4rem 10rem 1fr auto;gap:2rem;align-items:start;padding:2rem 0;border-bottom:1px solid var(--line)}.journal-index article>span,.journal-index time{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.journal-index h2{font-size:clamp(2rem,4vw,4.2rem);margin:0 0 .7rem}.journal-index p{color:var(--muted);max-width:48rem}.journal-index article>a:last-child{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid var(--line);border-radius:50%}.journal-index article:hover h2{color:var(--orange)}
.article-page{padding:clamp(5rem,9vw,9rem) var(--pad) clamp(6rem,10vw,10rem);display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(4rem,10vw,12rem);align-items:end}.article-page article{max-width:55rem}.article-page header{padding-bottom:3rem;border-bottom:1px solid var(--line)}.back-link{display:inline-block;margin-bottom:5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.article-page h1{font-size:clamp(4.2rem,8vw,8.5rem)}.article-page header>p:last-child{font-size:1.25rem;color:var(--muted);max-width:42rem}.article-body{padding-top:3rem}.article-body p{font-family:Georgia,serif;font-size:clamp(1.25rem,1.7vw,1.65rem);line-height:1.65}.article-page aside{position:sticky;bottom:2rem;padding:2rem;background:var(--paper-2)}
.showreel-page>section:first-child{display:grid;grid-template-columns:.45fr 1.35fr .7fr;gap:2rem;align-items:end;margin-bottom:3rem}.showreel-page h1{font-size:clamp(4.5rem,8vw,8.5rem);margin:0}.showreel-page>section:first-child>p:last-child{color:var(--muted);font-size:1.1rem}.showreel-player{background:#000;border-radius:var(--radius);overflow:hidden}.showreel-player video{max-height:80svh;aspect-ratio:16/9;object-fit:contain}
.project-page{padding-top:clamp(4rem,7vw,7rem);padding-bottom:clamp(6rem,10vw,10rem)}.project-hero{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,7vw,8rem);align-items:end}.project-title-block{padding-bottom:1rem}.project-title-block h1{font-size:clamp(4.3rem,8.5vw,9rem);margin:0 0 2rem}.project-title-block>p:last-child{font-size:1.25rem;color:var(--muted);max-width:38rem}.project-hero figure{margin:0;overflow:hidden;border-radius:var(--radius)}.project-hero img{aspect-ratio:4/5;object-fit:cover}.project-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:clamp(4rem,7vw,7rem) 0;background:var(--line);border:1px solid var(--line)}.project-facts>div{padding:1.35rem;background:var(--paper)}.project-facts span{display:block;margin-bottom:1rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.project-facts p{margin:0}.project-film{margin-bottom:clamp(5rem,9vw,9rem);background:#000;border-radius:var(--radius);overflow:hidden}.project-film video{max-height:84svh;aspect-ratio:16/9;object-fit:contain}
.case-study-copy{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,9rem);padding-bottom:clamp(5rem,9vw,9rem)}.case-study-copy>div{border-top:1px solid var(--line);padding-top:1.5rem}.case-study-copy h2{font-size:clamp(2.8rem,5vw,5rem)}.case-study-copy>div>p:last-child{font-family:Georgia,serif;font-size:clamp(1.1rem,1.5vw,1.4rem);line-height:1.65;color:#3f3b35}.case-value{grid-column:2;padding-top:clamp(3rem,6vw,6rem)!important;border-top:0!important}.case-value h2{color:var(--orange)}.project-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(.7rem,1.5vw,1.5rem);padding-bottom:clamp(5rem,9vw,9rem)}.project-gallery figure{grid-column:span 6;margin:0;overflow:hidden;border-radius:var(--radius);background:var(--paper-2)}.project-gallery figure:nth-child(3n){grid-column:span 12}.project-gallery img{height:100%;max-height:85svh;object-fit:cover}
.project-links,.rating-share{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,9rem);padding:clamp(4rem,7vw,7rem) 0;border-top:1px solid var(--line)}.project-links h2,.rating-share h2{font-size:clamp(3rem,5vw,5rem)}.project-links>div>p:last-child,.rating-share>div>p:last-child{color:var(--muted);max-width:32rem}.project-link-buttons{display:flex;flex-direction:column;justify-content:center;gap:.75rem}.project-link-buttons span{display:block;padding:1rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.rating-controls{align-self:center}.stars{display:flex;gap:.3rem;margin-bottom:1.5rem}.stars button{appearance:none;border:0;background:none;padding:.2rem;color:#bbb3a7;font-size:2rem;cursor:pointer}.stars button.is-active{color:var(--orange)}.status-message{min-height:1.3rem;margin:.8rem 0 0;color:var(--muted);font-size:.75rem}.project-pagination{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-pagination a{padding:2rem 0;display:flex;flex-direction:column;gap:.5rem}.project-pagination a:last-child{text-align:right;border-left:1px solid var(--line);padding-left:2rem}.project-pagination span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.project-pagination strong{font-family:Outfit,sans-serif;font-size:clamp(1.5rem,2.6vw,2.7rem);font-weight:520;letter-spacing:-.04em}
.resume-page{padding-top:clamp(4rem,7vw,7rem)}.resume-hero{display:grid;grid-template-columns:minmax(16rem,.56fr) 1.44fr;gap:clamp(3rem,8vw,9rem);align-items:end;padding-bottom:clamp(4rem,8vw,8rem)}.resume-hero figure{margin:0;overflow:hidden;border-radius:var(--radius);background:var(--paper-2)}.resume-hero figure img{aspect-ratio:4/5;object-fit:cover}.resume-hero h1{font-size:clamp(4.5rem,9vw,9.5rem);margin:0 0 1.7rem}.resume-hero h1 em{color:var(--orange)}.resume-role{font-family:Outfit,sans-serif;font-size:clamp(1.25rem,2vw,2rem);font-weight:530;letter-spacing:-.03em}.resume-intro{max-width:53rem;font-family:Georgia,serif;font-size:clamp(1.08rem,1.45vw,1.35rem);line-height:1.65;color:var(--muted)}.resume-actions{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap;margin-top:2rem}.resume-contact{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-bottom:clamp(6rem,10vw,10rem)}.resume-contact>*{padding:1rem 1.2rem;border-right:1px solid var(--line);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.resume-contact>*:last-child{border-right:0}.resume-contact a:hover{color:var(--orange)}.resume-section{display:grid;grid-template-columns:.42fr 1.58fr;gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,8vw,8rem) 0;border-top:1px solid var(--line)}.resume-section>header h2{font-size:clamp(3rem,5.5vw,5.8rem);margin-bottom:1.5rem}.resume-section>header>p:last-child:not(.eyebrow){color:var(--muted);max-width:18rem}.resume-entries{border-top:1px solid var(--line)}.resume-entry{display:grid;grid-template-columns:.66fr 1.34fr;gap:clamp(2rem,5vw,5rem);padding:2rem 0;border-bottom:1px solid var(--line)}.resume-entry time{display:block;margin-bottom:1.2rem;color:var(--orange);font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em}.resume-entry h3,.capability-grid h3,.resume-two-column h3{font-family:Outfit,sans-serif;font-size:clamp(1.45rem,2.2vw,2.25rem);font-weight:550;letter-spacing:-.035em;margin:0 0 .45rem}.resume-organization{color:var(--muted);max-width:22rem}.resume-entry>div:last-child>p,.resume-entry>p{font-family:Georgia,serif;font-size:1.08rem;line-height:1.65;color:#48433c}.tool-tags{display:flex;gap:.45rem;flex-wrap:wrap;list-style:none;margin:1.4rem 0 0;padding:0}.tool-tags li{padding:.4rem .6rem;border:1px solid var(--line);border-radius:999px;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.skill-list{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 3rem}.skill-item>div:first-child{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.skill-item strong{font-size:.67rem;color:var(--muted)}.skill-track{height:.4rem;background:#d4cec0;overflow:hidden}.skill-track i{display:block;height:100%;background:var(--orange)}.capability-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.capability-grid article{padding:clamp(1.4rem,2.5vw,2.5rem);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.capability-grid p{margin:0;color:var(--muted)}.resume-two-column{display:grid;grid-template-columns:.6fr 1.4fr;gap:clamp(2rem,6vw,6rem)}.resume-two-column>div{padding:2rem;border:1px solid var(--line)}.resume-two-column p{font-size:1.1rem}.resume-two-column ul{margin:0;padding-left:1.2rem;color:var(--muted)}.resume-two-column li{padding:.35rem 0}
@media (max-width:1050px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:37rem}.hero-art video{min-height:38rem}.section-heading,.section-heading.compact,.inner-hero,.showreel-page>section:first-child{grid-template-columns:.55fr 1.45fr}.section-heading>p:last-child,.inner-hero>p:last-child,.showreel-page>section:first-child>p:last-child{grid-column:2;justify-self:start}.service-grid{grid-template-columns:1fr 1fr}.service-grid article:last-child{grid-column:span 2}.project-hero{grid-template-columns:1fr}.project-title-block{max-width:50rem}.project-hero img{aspect-ratio:16/10}}
@media (max-width:760px){:root{--radius:.85rem}.site-header{grid-template-columns:1fr auto;height:68px}.site-header nav{display:none;position:fixed;inset:68px 0 0;background:var(--ink);padding:3rem var(--pad);flex-direction:column;align-items:flex-start;gap:1.2rem;font-family:Outfit,sans-serif;font-size:clamp(2.5rem,11vw,4rem);letter-spacing:-.04em;text-transform:none}.site-header nav.is-open{display:flex}.menu-button{display:flex;gap:.8rem;align-items:center}.menu-button i{display:block;width:.55rem;height:.55rem;background:var(--orange);border-radius:50%}.contact-pill{display:none}.brand span{display:none}.hero{min-height:calc(100svh - 68px);padding-top:2rem}.hero-copy{min-height:auto}.hero h1{font-size:clamp(4.3rem,22vw,7rem);margin:2rem 0 3rem}.hero-art video{min-height:24rem}.hero-art figcaption{grid-template-columns:1fr auto}.hero-art figcaption a{grid-column:1/-1}.section-heading,.section-heading.compact,.inner-hero,.showreel-page>section:first-child{display:block}.section-heading h2,.section-heading.compact h2{margin-bottom:2rem}.section-heading>p:last-child,.inner-hero>p:last-child{font-size:1rem}.project-grid{display:block}.project-card,.project-card-wide{min-height:24rem;margin-bottom:.8rem}.project-card img{min-height:24rem}.project-overlay{grid-template-columns:2.5rem 1fr auto;padding-left:1rem;padding-right:1rem}.services-strip{gap:1rem;justify-content:flex-start}.services-strip p{font-size:1.6rem}.service-grid,.engagement-grid,.principles>div{display:block;border-left:1px solid var(--line)}.service-grid article:last-child{grid-column:auto}.process-section,.about-split,.about-body,.contact-layout,.article-page,.project-links,.rating-share,.case-study-copy{grid-template-columns:1fr}.process-section{gap:4rem}.about-split{display:flex;flex-direction:column}.portrait-wrap{min-height:30rem}.about-split>div:last-child{padding:4rem var(--pad)}.post-list>a{grid-template-columns:1fr auto;gap:.7rem}.post-list time{grid-column:1/-1}.post-list span{grid-column:2;grid-row:2}.footer-callout{display:block}.footer-callout h2{margin:2rem 0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.inner-hero h1{font-size:clamp(4rem,18vw,6.2rem);margin:2rem 0}.service-detail-list article{grid-template-columns:3rem 1fr}.service-detail-list article ul{grid-column:2}.engagement>div:first-child{display:block}.deliverable-note{align-items:flex-start;flex-direction:column}.about-body figure{position:static}.about-body>div{padding-top:0}.field-row{grid-template-columns:1fr}.contact-layout aside{border-left:0;border-top:1px solid var(--line);padding:2rem 0 0}.journal-index article{grid-template-columns:2.5rem 1fr auto;gap:1rem}.journal-index time{grid-column:2}.journal-index article>div{grid-column:2/-1}.journal-index article>a:last-child{grid-column:3;grid-row:1/3}.article-page{display:block}.article-page aside{position:static;margin-top:4rem}.project-title-block h1{font-size:clamp(3.9rem,18vw,6.2rem)}.project-facts{grid-template-columns:1fr 1fr}.case-value{grid-column:auto!important;padding-top:1.5rem!important;border-top:1px solid var(--line)!important}.project-gallery{display:block}.project-gallery figure{margin-bottom:.8rem}.project-pagination{grid-template-columns:1fr}.project-pagination a:last-child{border-left:0;border-top:1px solid var(--line);padding-left:0}}
@media (max-width:760px){.resume-hero,.resume-section{grid-template-columns:1fr}.resume-hero figure{max-width:22rem}.resume-hero h1{font-size:clamp(4rem,18vw,6.5rem)}.resume-contact{grid-template-columns:1fr 1fr}.resume-contact>*{border-bottom:1px solid var(--line)}.resume-entry{grid-template-columns:1fr;gap:1rem}.skill-list,.capability-grid,.resume-two-column{grid-template-columns:1fr}.resume-section{gap:2.5rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-art video{display:none}.hero-art{background:url('/media/projects/peach-product-film/hero.jpg') center/cover no-repeat;min-height:28rem}.hero-art figcaption{align-self:end;background:rgba(0,0,0,.85)}}

/* Portfolio-first direction: compact identity, immediate work index, quiet editorial UI. */
:root{--ink:#111;--paper:#fff;--paper-2:#f4f4f1;--orange:#ef5226;--lime:#2dc66d;--line:rgba(17,17,17,.16);--muted:#65635f;--radius:.25rem}
html{background:var(--paper)}
body{background:var(--paper)}
.site-header{height:92px;padding:0 var(--pad);grid-template-columns:1fr auto auto;gap:clamp(1.5rem,4vw,4rem);background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.brand{gap:1rem}
.brand img{width:3.25rem;height:auto}
.brand-copy{display:flex;flex-direction:column;gap:.12rem;line-height:1}
.brand-copy strong{font-size:.95rem;font-weight:700;letter-spacing:-.02em}
.brand-copy small{font-size:.62rem;font-weight:500;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.site-header nav{gap:clamp(1.1rem,2.5vw,2.6rem);font-size:.69rem}
.contact-pill{border:0;border-radius:0;padding:.2rem 0;border-bottom:1px solid currentColor;font-size:.68rem}
.menu-button{color:var(--ink)}
.portfolio-intro{display:grid;grid-template-columns:.55fr 1.35fr .72fr;gap:clamp(2rem,5vw,6rem);align-items:end;padding:clamp(2.3rem,5vw,5rem) var(--pad) clamp(2rem,4vw,4rem);border-bottom:1px solid var(--line)}
.portfolio-intro .eyebrow{align-self:start;margin:0;padding-top:.45rem}
.portfolio-intro h1{margin:0;font-size:clamp(2.9rem,5.8vw,6.7rem);line-height:.89;font-weight:560;letter-spacing:-.06em}
.portfolio-intro-copy{max-width:25rem;justify-self:end}
.portfolio-intro-copy p{font-size:clamp(.95rem,1.25vw,1.16rem);line-height:1.45;color:var(--muted)}
.portfolio-intro-copy .text-link{display:inline-block;margin-top:1rem}
.reel-hero{position:relative;isolation:isolate;min-height:calc(100svh - 92px);overflow:hidden;color:#fff}
.reel-hero-video,.reel-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.reel-hero-video{z-index:-2;object-fit:cover;background:#111}
.reel-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.32) 58%,rgba(0,0,0,.64) 100%)}
.reel-hero .portfolio-intro-copy p{color:rgba(255,255,255,.82)}
.reel-hero-links{display:flex;gap:1.2rem;flex-wrap:wrap}
.availability-dot{background:var(--lime);box-shadow:none}
.work-section.portfolio-home{padding:0}
.work-index-heading{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;padding:1.25rem var(--pad);border-bottom:1px solid var(--line)}
.work-index-heading h2{margin:0;font-family:InterTight,Arial,sans-serif;font-size:.72rem;line-height:1;text-transform:uppercase;letter-spacing:.14em;font-weight:700}
.work-index-heading p{margin:0;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.portfolio-home .filter-row{margin:0;padding:.8rem var(--pad);border-top:0;border-bottom:1px solid var(--line);gap:0}
.portfolio-home .filter-row button{border:0;border-right:1px solid var(--line);border-radius:0;padding:.42rem .9rem;background:transparent;color:var(--muted)}
.portfolio-home .filter-row button:first-child{padding-left:0}
.portfolio-home .filter-row button:last-child{border-right:0}
.portfolio-home .filter-row button:hover,.portfolio-home .filter-row button.is-active{background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:.28rem}
.portfolio-home .project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:12vw;gap:2px;background:#fff}
.portfolio-home .project-card{grid-column:span 1;grid-row:span 2;min-height:0;aspect-ratio:auto;border-radius:0;background:#171717}
.portfolio-home .project-card-wide{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.portfolio-home .project-card-tall{grid-row:span 3;aspect-ratio:auto}
.portfolio-home .project-card a{display:block;height:100%}
.portfolio-home .project-card img,.portfolio-home .project-card video{width:100%;height:100%;min-height:0;object-fit:cover;transition:transform .6s cubic-bezier(.2,.75,.2,1),filter .35s ease}
.portfolio-home .project-card:hover img,.portfolio-home .project-card:hover video{transform:scale(1.025);filter:saturate(1.06)}
.portfolio-home .project-overlay{inset:0;padding:clamp(3rem,10vw,7rem) 1rem 1rem;grid-template-columns:2.4rem 1fr auto;opacity:0;transform:translateY(.45rem);background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.78));transition:opacity .25s ease,transform .25s ease}
.portfolio-home .project-card:hover .project-overlay,.portfolio-home .project-card:focus-within .project-overlay{opacity:1;transform:none}
.portfolio-home .project-overlay h3{font-size:clamp(1.1rem,1.7vw,1.85rem)}
.portfolio-home .project-arrow{width:2.25rem;height:2.25rem;font-size:.8rem}
.showreel-card::before{content:'▶';position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:50%;background:rgba(255,255,255,.9);color:#111;font-size:.9rem;pointer-events:none;transition:opacity .2s ease}
.showreel-card{position:relative}
.showreel-card:hover::before{opacity:0}
.commission-strip{display:grid;grid-template-columns:.55fr 1.15fr .65fr;gap:clamp(2rem,6vw,7rem);padding:clamp(4.5rem,8vw,8rem) var(--pad);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper-2)}
.commission-strip h2{margin:0;font-size:clamp(2.6rem,4.8vw,5.5rem);line-height:.95}
.commission-strip>div{align-self:end;color:var(--muted)}
.commission-strip .text-link{display:inline-block;margin-top:1rem;color:var(--ink)}
.studio-note{display:grid;grid-template-columns:minmax(18rem,.7fr) 1.3fr;gap:clamp(3rem,8vw,10rem);padding:clamp(5rem,9vw,9rem) var(--pad);align-items:center}
.studio-note figure{margin:0;max-width:38rem;overflow:hidden;background:var(--paper-2)}
.studio-note figure img{aspect-ratio:4/5;object-fit:cover}
.studio-note h2{font-size:clamp(3rem,5.8vw,6.5rem);margin-bottom:2rem}
.studio-note>div>p:not(.eyebrow){max-width:43rem;font-size:clamp(1.05rem,1.4vw,1.35rem);color:var(--muted)}
.journal-teaser{background:var(--paper-2);padding-top:clamp(4rem,7vw,7rem);padding-bottom:clamp(4rem,7vw,7rem)}
.journal-heading{display:grid;grid-template-columns:.55fr 1.25fr .65fr;gap:2rem;align-items:end;margin-bottom:3rem}
.journal-heading h2{margin:0;font-size:clamp(2.8rem,5vw,5.5rem)}
.journal-heading .text-link{justify-self:end}
.site-footer{padding:clamp(4rem,7vw,7rem) var(--pad) 1.5rem;background:#fff;color:var(--ink);border-top:1px solid var(--line)}
.footer-callout{grid-template-columns:.55fr 1.25fr .65fr;align-items:end;padding-bottom:clamp(4rem,7vw,7rem)}
.footer-callout h2{font-size:clamp(2.8rem,5.5vw,6rem)}
.footer-callout .text-link{justify-self:end}
.footer-grid{border-top:1px solid var(--line);padding:2rem 0 4rem}
.footer-label{color:var(--muted)}
.footer-grid a{font-size:.95rem}
.footer-grid a:hover{color:var(--orange)}
.footer-bottom{border-top:1px solid var(--line);color:var(--muted)}
.inner-page,.project-page,.showreel-page{background:#fff}
.inner-hero h1,.showreel-page h1{font-size:clamp(4rem,7vw,7.2rem)}
.project-title-block h1{font-size:clamp(4rem,7vw,7.2rem)}
.project-hero figure,.project-film,.project-gallery figure,.showreel-player,.about-body figure,.resume-hero figure{border-radius:0}
.deliverable-note{background:var(--ink);color:#fff}
.resume-hero h1 em,.case-value h2{color:var(--orange)}

@media (max-width:1100px){
  .portfolio-intro{grid-template-columns:.45fr 1.55fr}.portfolio-intro-copy{grid-column:2;justify-self:start}
  .portfolio-home .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:16vw}
  .commission-strip{grid-template-columns:.45fr 1.55fr}.commission-strip>div{grid-column:2}
}
@media (max-width:760px){
  .site-header{height:72px;grid-template-columns:1fr auto}.brand img{width:2.85rem}.brand-copy small{display:none}
  .site-header nav{inset:72px 0 0;background:#fff;color:var(--ink);border-top:1px solid var(--line)}
  .portfolio-intro{display:block;padding-top:3rem}.portfolio-intro h1{font-size:clamp(3.2rem,16vw,5.3rem);margin:2rem 0}.portfolio-intro-copy{max-width:30rem}
  .work-index-heading{align-items:flex-start;flex-direction:column;gap:.5rem}
  .portfolio-home .filter-row{overflow-x:auto;flex-wrap:nowrap}.portfolio-home .filter-row button{white-space:nowrap}
  .portfolio-home .project-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto}
  .portfolio-home .project-card,.portfolio-home .project-card-wide,.portfolio-home .project-card-tall{grid-column:span 1;grid-row:auto;aspect-ratio:4/5;margin:0}
  .portfolio-home .project-card-wide{grid-column:span 2;aspect-ratio:16/9}
  .portfolio-home .project-overlay{opacity:1;transform:none;padding:4rem .8rem .8rem;grid-template-columns:1fr auto}.portfolio-home .project-index{display:none}.portfolio-home .project-overlay h3{font-size:1.15rem}.portfolio-home .project-arrow{display:none}
  .commission-strip{display:block;padding-top:4rem;padding-bottom:4rem}.commission-strip h2{margin:2rem 0}.studio-note{grid-template-columns:1fr;padding-top:4rem;padding-bottom:4rem}.studio-note figure{max-width:24rem}
  .journal-heading{display:block}.journal-heading h2{margin:1rem 0 1.5rem}.journal-heading .text-link{display:inline-block}
  .footer-callout{display:block}.footer-callout h2{margin:1rem 0 1.5rem}.footer-callout .text-link{display:inline-block}
}
@media (max-width:480px){.portfolio-home .project-grid{grid-template-columns:1fr}.portfolio-home .project-card,.portfolio-home .project-card-wide{grid-column:1;aspect-ratio:4/5}.portfolio-home .showreel-card{aspect-ratio:16/10}}

/* 2026 portfolio refinement: visible identity, edge-to-edge work wall and output-first case studies. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header{background:radial-gradient(circle at 12% 130%,rgba(239,82,38,.24),transparent 28%),linear-gradient(118deg,transparent 0 47%,rgba(255,255,255,.06) 47% 47.2%,transparent 47.2% 71%,rgba(239,82,38,.14) 71% 71.15%,transparent 71.15%),#070707;color:#fff;border-bottom-color:rgba(255,255,255,.17)}
.site-header .brand img{filter:drop-shadow(0 0 1.1rem rgba(255,255,255,.12))}
.site-header .brand-copy small{color:rgba(255,255,255,.58)}
.site-header .menu-button{color:#fff}
.site-header .contact-pill{color:#fff}
.social-coming-soon{font-size:.82rem;color:var(--muted)}

.portfolio-home .project-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:12.5vw;gap:0;background:#090909}
.portfolio-home .project-card,.portfolio-home .project-card-tall{grid-column:span 1;grid-row:span 1;min-height:0;margin:0;aspect-ratio:auto;border-radius:0}
.portfolio-home .project-card-wide{grid-column:span 2;grid-row:span 2}
.portfolio-home .project-card img,.portfolio-home .project-card video{transform:scale(1.003);object-fit:cover}
.portfolio-home .project-card:hover img,.portfolio-home .project-card:hover video{transform:scale(1.04)}
.portfolio-home .project-grid-compact{grid-template-columns:repeat(auto-fit,minmax(clamp(11rem,19vw,23rem),1fr));grid-auto-rows:clamp(14rem,24vw,24rem)}
.portfolio-home .project-grid-compact .project-card,.portfolio-home .project-grid-compact .project-card-wide{grid-column:span 1;grid-row:span 1}

.project-page{padding:0 0 clamp(6rem,10vw,10rem)}
.project-opening{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(21rem,.58fr);min-height:calc(100svh - 92px);border-bottom:1px solid var(--line)}
.project-output-stage{height:calc(100svh - 92px);min-height:38rem;margin:0;display:grid;place-items:center;overflow:hidden;background:#080808}
.project-output-stage img,.project-output-stage video{width:100%;height:100%;object-fit:contain}
.project-title-block{align-self:stretch;display:flex;flex-direction:column;max-width:none;padding:clamp(2rem,4vw,4.5rem)}
.project-title-block h1{font-size:clamp(3rem,5.4vw,6.4rem);line-height:.9;margin:clamp(2rem,6vh,5rem) 0 1.7rem}
.project-title-block .project-summary{font-size:clamp(1rem,1.22vw,1.18rem);line-height:1.55;color:var(--muted);max-width:35rem}
.project-title-block>.project-summary:last-of-type{color:var(--muted)}
.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:auto 0 0;background:transparent;border:0;border-top:1px solid var(--line)}
.project-facts>div{padding:1rem 1rem 1rem 0;background:transparent;border-bottom:1px solid var(--line)}
.project-facts>div:nth-child(even){padding-left:1rem;border-left:1px solid var(--line)}
.project-facts dt{margin-bottom:.45rem;font-size:.61rem;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}
.project-facts dd{margin:0;font-size:.84rem;line-height:1.35}
.case-study-copy,.project-links,.rating-share,.project-pagination{margin-left:var(--pad);margin-right:var(--pad)}
.case-study-copy{padding-top:clamp(5rem,9vw,9rem)}
.project-gallery{padding-left:var(--pad);padding-right:var(--pad)}
.project-gallery .gallery-lead{grid-column:1/-1}
.project-gallery .gallery-lead img{width:100%;height:auto;max-height:none;object-fit:contain;background:#080808}
.project-link-buttons a,.project-link-buttons span{display:block;padding:1rem;border:1px solid var(--line);border-radius:999px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.project-link-buttons a{color:var(--ink);transition:background .2s ease,color .2s ease}
.project-link-buttons a:hover{background:var(--ink);color:#fff}
.project-link-buttons span{color:var(--muted)}
.rating-summary{display:flex;align-items:baseline;gap:.85rem;margin-bottom:.45rem}
.rating-summary strong{font-family:Outfit,sans-serif;font-size:clamp(2.7rem,5vw,5.4rem);font-weight:570;letter-spacing:-.055em;line-height:1}
.rating-summary span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}

.showreel-page{padding:0 0 clamp(4rem,7vw,7rem)}
.showreel-player-primary{height:calc(100svh - 92px);min-height:36rem;border-radius:0}
.showreel-player-primary video{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;background:#000}
.showreel-info{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;padding:clamp(2rem,4vw,4rem) var(--pad) 0}
.showreel-info>div:first-child>p:last-child{margin:.55rem 0 0;color:var(--muted);font-size:clamp(1rem,1.35vw,1.2rem)}
.showreel-info .showreel-actions{margin:0}

.resume-contact{grid-template-columns:repeat(5,1fr)}
.resume-tool-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.resume-tool-grid article{padding:clamp(1.35rem,2vw,2.1rem);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.resume-tool-grid h3{margin:0 0 .6rem;font-family:Outfit,sans-serif;font-size:clamp(1.2rem,1.7vw,1.75rem);font-weight:550;letter-spacing:-.035em}
.resume-tool-grid p{margin:0;color:var(--muted)}
.resume-highlight{align-items:start}

@media (max-width:1100px){
  .project-opening{grid-template-columns:minmax(0,1.3fr) minmax(19rem,.7fr)}
  .resume-contact{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
  .site-header nav{background:#070707;color:#fff;border-top-color:rgba(255,255,255,.17)}
  .portfolio-home .project-grid,.portfolio-home .project-grid-compact{grid-template-columns:1fr 1fr;grid-auto-rows:auto}
  .portfolio-home .project-card,.portfolio-home .project-card-wide,.portfolio-home .project-card-tall,.portfolio-home .project-grid-compact .project-card,.portfolio-home .project-grid-compact .project-card-wide{grid-column:span 1;grid-row:auto;aspect-ratio:4/5}
  .portfolio-home .project-card-wide{grid-column:span 2;aspect-ratio:16/9}
  .portfolio-home .project-grid-compact .project-card:last-child:nth-child(odd){grid-column:span 2;aspect-ratio:16/9}
  .project-opening{display:block;min-height:0}
  .project-output-stage{height:auto;min-height:0;aspect-ratio:16/10}
  .project-title-block{padding:2.4rem var(--pad) 3rem}
  .project-title-block h1{margin:2rem 0 1.4rem}
  .project-facts{margin-top:3rem}
  .showreel-player-primary{height:auto;min-height:0;aspect-ratio:16/9}
  .showreel-info{grid-template-columns:1fr}
  .showreel-info .showreel-actions{align-items:flex-start}
  .resume-contact{grid-template-columns:1fr 1fr}
  .resume-tool-grid{grid-template-columns:1fr}
}
@media (max-width:480px){
  .portfolio-home .project-grid,.portfolio-home .project-grid-compact{grid-template-columns:1fr}
  .portfolio-home .project-card,.portfolio-home .project-card-wide,.portfolio-home .project-grid-compact .project-card,.portfolio-home .project-grid-compact .project-card-wide{grid-column:1;aspect-ratio:4/5}
  .project-facts{grid-template-columns:1fr}
  .project-facts>div:nth-child(even){padding-left:0;border-left:0}
}