@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;550;600;650;700&display=swap');
:root{--bg:#1b201e;--ink:#f1f0e9;--muted:#cbd1cb;--accent:#d1bc94;--light:#e8e9e1;--line:#ffffff25;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.skip{position:fixed;top:-80px;left:15px;padding:15px;background:var(--ink);color:var(--bg);z-index:30}.skip:focus{top:10px}.scroll-progress{height:2px;background:var(--accent);position:fixed;left:0;top:0;z-index:30;width:0}.site-header{max-width:1450px;margin:auto;padding:30px 6%;display:flex;justify-content:space-between;align-items:center;gap:25px}.wordmark{display:flex;flex-direction:column;font-size:20px;font-weight:600;letter-spacing:-.6px}.wordmark span{font-size:10px;color:var(--muted);font-weight:400;letter-spacing:.3px;margin-top:4px}nav{display:flex;gap:30px;align-items:center;font-size:12px}nav a{transition:color .2s}nav a:hover{color:var(--accent)}.contact-link{padding:10px 0;border-bottom:1px solid var(--accent)}.contact-link span{margin-left:15px}.section{max-width:1450px;margin:auto;padding:100px 6%}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:9%;align-items:center;padding-top:65px;padding-bottom:80px}.eyebrow{font-size:11px;font-weight:500;line-height:1.6;letter-spacing:.3px;color:var(--accent);margin:0 0 24px}h1{font-size:clamp(45px,5.4vw,79px);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin:0 0 30px}h1>span{color:#d1d9cc}.hero-intro{font-size:17px;line-height:1.7;max-width:510px}.hero-description{font-size:14px;line-height:1.8;color:var(--muted);max-width:470px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.button{background:var(--ink);color:var(--bg);padding:17px 22px;border-radius:10px;display:inline-flex;align-items:center;gap:35px;font-size:12px;font-weight:550;transition:transform .35s var(--ease),background .3s}.button:hover{transform:translateY(-3px);background:var(--accent)}.button span{font-size:17px}.text-link{font-size:12px;border-bottom:1px solid #ffffff35;padding-bottom:5px;transition:color .25s}.text-link:hover{color:var(--accent)}.hero-roles{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:38px}.hero-roles>span{color:#6f7f72}.portrait-block{margin:0;max-width:420px;width:100%;justify-self:end}.portrait{position:relative;aspect-ratio:1;overflow:hidden;border-radius:15px;background:#384735}.portrait img{position:absolute;max-width:none;width:330.769%;height:auto;top:-11.111%;left:-11.111%;transition:transform 1.2s var(--ease);transform-origin:18% 12%}.portrait:hover img{transform:scale(1.025)}figcaption{display:flex;justify-content:space-between;gap:15px;font-size:10px;padding-top:17px;color:var(--muted)}figcaption strong{font-weight:500;color:var(--ink)}.experience-strip{display:flex;justify-content:space-between;gap:20px;padding:25px 6%;max-width:1450px;margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:#cbd2c9}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}h2{font-size:clamp(35px,4.1vw,59px);letter-spacing:-.05em;line-height:1.12;font-weight:600;margin:0}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.9;max-width:330px;margin:0}.section-heading .eyebrow{margin-bottom:17px}.project{border-top:1px solid var(--line)}.project:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:40px 1fr 220px 22px;align-items:center;gap:18px;padding:30px 0;transition:color .25s}summary::-webkit-details-marker{display:none}summary:hover{color:var(--accent)}.project-number{font-size:11px;color:#bac7bd}.project-category{font-size:10px;color:var(--muted)}h3{font-weight:500}.project h3{font-size:clamp(20px,2.2vw,31px);letter-spacing:-.6px;margin:8px 0 0}.project-role{font-size:11px;color:var(--muted);justify-self:end;text-align:right}.expand{font-size:23px;font-weight:400;transition:transform .4s var(--ease);text-align:center}.project[open] .expand{transform:rotate(45deg)}.project-body{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:0 40px 30px 58px;animation:appear .5s var(--ease);font-size:13px;line-height:1.9;color:var(--muted)}.project-body p{margin:0;max-width:420px}.project-body ul{padding-left:16px;margin:0}.project-body li{padding-left:5px;margin-bottom:7px}.about-section{background:var(--light);color:#26332b}.about-section .eyebrow{color:#6d654f}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.about-grid h2>span{color:#50634f}.about-facts{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:#425345;margin-top:30px}.about-facts span{border-bottom:1px solid #acb7a9;padding-bottom:8px}.about-copy p{font-size:14px;line-height:1.85;color:#425044;margin-top:0;margin-bottom:22px}.about-copy .lead{font-size:20px;line-height:1.6;color:#2b3d30;letter-spacing:-.3px}.about-copy .text-link{border-color:#94a08f;display:inline-block;margin-top:5px}.about-copy .text-link:hover{color:#6d654f}.practice-list{margin-top:70px}.practice-list>div{display:grid;grid-template-columns:40px 1fr 1.2fr;gap:22px;padding:24px 0;border-top:1px solid #b9c2b5;align-items:start}.practice-list>div:last-child{border-bottom:1px solid #b9c2b5}.practice-list span{font-size:10px;color:#45583f;padding-top:5px}.practice-list h3{font-size:18px;letter-spacing:-.4px;margin:0}.practice-list p{font-size:12px;line-height:1.8;color:#425044;margin:0;max-width:420px}.credits{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.credits>div{border-top:1px solid var(--line);padding:24px 0 30px}.credits>div>span{font-size:10px;color:var(--accent)}.credits h3{font-size:19px;margin:13px 0 9px;letter-spacing:-.3px}.credits p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.contact-section{background:#28332c}.contact-section .section{padding-top:80px;padding-bottom:25px}.contact-section h2{font-size:clamp(46px,6vw,85px);max-width:950px}.contact-section h2>span{color:#d3decf}.contact-section p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin:25px 0}.email-link{display:inline-block;font-size:12px;margin-left:25px;color:#c7cec4}.contact-section footer{margin-top:90px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:25px;font-size:10px;color:var(--muted)}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .reveal.visible{opacity:1;transform:translateY(0)}@keyframes appear{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.hero{gap:6%}.hero-actions{gap:20px}.hero-actions .text-link{font-size:11px}.hero-intro{font-size:15px}.hero-description{font-size:13px}.hero-roles{gap:8px;font-size:9px}.section{padding-top:75px;padding-bottom:75px}summary{grid-template-columns:25px 1fr 170px 20px;gap:15px}.project-body{padding-left:40px}.about-grid{gap:7%}.section-heading>p{max-width:290px}.email-link{font-size:11px}}
@media(max-width:700px){.site-header{padding:22px 6%;gap:15px}.wordmark{font-size:17px}.wordmark span{font-size:8px}nav{gap:15px;font-size:10px}.contact-link span{margin-left:3px}.hero{grid-template-columns:1fr;gap:40px;padding-top:40px;padding-bottom:50px}.eyebrow{font-size:10px}h1{font-size:clamp(43px,9vw,62px)}.hero-intro{font-size:16px;max-width:490px}.hero-description{font-size:13px}.hero-actions{gap:22px}.hero-roles{font-size:10px;margin-top:30px;gap:9px}.portrait-block{max-width:420px;justify-self:start}.portrait{aspect-ratio:1}.experience-strip{gap:12px;flex-wrap:wrap;font-size:10px;padding:22px 6%}.section{padding-top:60px;padding-bottom:60px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:24px;max-width:450px;font-size:12px}h2{font-size:39px}summary{grid-template-columns:22px 1fr 20px;padding:25px 0;gap:12px}.project-category{font-size:9px}.project h3{font-size:22px;line-height:1.25;overflow-wrap:anywhere}.project-role{grid-column:2;grid-row:2;justify-self:start;text-align:left;font-size:10px;margin-top:-2px}.expand{grid-column:3;grid-row:1/3}.project-body{grid-template-columns:1fr;gap:17px;padding:0 24px 25px 34px;font-size:12px}.about-grid{grid-template-columns:1fr;gap:35px}.about-copy .lead{font-size:19px}.about-copy p{font-size:13px}.practice-list{margin-top:45px}.practice-list>div{grid-template-columns:20px 1fr;gap:9px 15px}.practice-list p{grid-column:2;font-size:12px}.practice-list h3{font-size:18px}.credits{grid-template-columns:1fr}.credits h3{font-size:19px}.contact-section .section{padding-top:60px}.contact-section h2{font-size:clamp(43px,10vw,65px)}.contact-section p:not(.eyebrow){font-size:13px}.email-link{display:block;margin:24px 0 0;font-size:12px}.contact-section footer{margin-top:60px;font-size:9px;gap:15px}.contact-section footer span:first-child{width:100%}}
@media(max-width:370px){nav{gap:10px;font-size:9px}.wordmark{font-size:16px}.hero-roles{font-size:9px;gap:7px}.hero-actions .text-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}}

/* Readability and small shape refinements */
body{font-weight:450}.hero-intro{font-weight:500}.hero-description{font-size:15px}.wordmark span{font-weight:500;font-size:11px}nav{font-size:13px;font-weight:500}.eyebrow{font-size:12px;font-weight:600}.hero{padding-top:45px;padding-bottom:55px}h1{font-size:clamp(43px,5.2vw,75px);letter-spacing:-.045em}.hero-roles{font-size:12px;font-weight:500}.hero-roles>span{color:#a4b3a6}.button,.text-link{font-size:13px;font-weight:600}.button{padding:17px 24px}figcaption{font-size:12px}figcaption strong{font-weight:600}.section-heading>p{font-size:14px}.project-category,.project-role,.project-number{font-size:12px}.project-body{font-size:14px}.project h3,.credits h3,.practice-list h3{font-weight:600}.about-facts{font-size:12px}.about-copy p{font-size:15px}.practice-list p{font-size:14px}.practice-list span{font-size:12px}.credits>div>span,.credits p{font-size:12px}.email-link{font-size:13px}.contact-section footer{font-size:12px}.contact-section p:not(.eyebrow){font-size:15px}.experience-strip{font-size:13px}
.reel-section{padding-top:30px;padding-bottom:65px}.reel-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.reel-heading .eyebrow{margin-bottom:12px}.reel-heading h2{font-size:clamp(29px,3vw,43px)}.reel-heading>p{font-size:12px;color:var(--muted);margin:0 0 4px}.reel-player{aspect-ratio:16/9;background:#111714;border:1px solid #ffffff2d;border-radius:15px;overflow:hidden;position:relative}.reel-placeholder{height:100%;display:grid;place-items:center;padding:65px 20px;text-align:center;background:radial-gradient(ellipse at 50% 60%,#28362c88,transparent 70%)}.reel-frame-label,.reel-frame-footer{position:absolute;left:25px;font-size:11px;font-weight:500;color:#c1cbbf}.reel-frame-label{top:22px}.reel-frame-footer{bottom:22px}.reel-placeholder-copy strong{font-size:clamp(20px,2.5vw,32px);font-weight:550;letter-spacing:-.5px;display:block}.reel-placeholder-copy p{font-size:14px;color:var(--muted);line-height:1.8;margin:14px 0 0}.reel-symbol{width:58px;height:58px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;margin:0 auto 23px;background:#ffffff06}.reel-symbol svg{width:25px;height:25px;fill:var(--ink);margin-left:3px}.reel-player video{width:100%;height:100%;object-fit:contain;background:#000}.reel-player video[hidden]{display:none}.reel-project-link{display:inline-block;margin-top:20px}
@media(max-width:1000px){.hero-description{font-size:14px}.hero-roles{font-size:11px;gap:8px}.hero-actions .text-link{font-size:12px}.section-heading>p{font-size:14px}}
@media(max-width:700px){.site-header{display:grid;grid-template-columns:1fr;padding-top:24px;gap:19px}.site-header nav{justify-content:space-between;gap:12px;font-size:12px}.wordmark span{font-size:10px}.hero{padding-top:28px;padding-bottom:42px;gap:30px}.eyebrow{font-size:11px}h1{font-size:clamp(43px,10.5vw,62px)}.hero-intro{font-size:17px}.hero-description{font-size:15px}.hero-roles{font-size:11px;margin-top:27px}.hero-actions .text-link{font-size:12px}.button{font-size:13px}.reel-section{padding-top:15px;padding-bottom:45px}.reel-heading{display:block;margin-bottom:20px}.reel-heading>p{margin-top:16px;font-size:12px}.reel-player{aspect-ratio:16/10;border-radius:12px}.reel-placeholder{padding:38px 18px}.reel-frame-label{font-size:9px;top:15px;left:17px}.reel-frame-footer{font-size:9px;bottom:15px;left:17px}.reel-symbol{width:40px;height:40px;margin-bottom:14px}.reel-symbol svg{width:18px;height:18px}.reel-placeholder-copy strong{font-size:19px}.reel-placeholder-copy p{font-size:11px;line-height:1.7;margin-top:10px}.section-heading>p{font-size:14px}.project-role,.project-category,.project-number{font-size:11px}.project-body{font-size:13px}.about-copy p{font-size:14px}.practice-list p{font-size:13px}.credits p{font-size:12px}.contact-section p:not(.eyebrow){font-size:14px}.contact-section footer{font-size:11px}.hero-actions .text-link{font-size:12px}.experience-strip{font-size:12px}}
@media(max-width:370px){.site-header nav{font-size:11px;gap:10px}.hero-roles{font-size:10px}.reel-placeholder-copy strong{font-size:17px}.reel-placeholder-copy p{font-size:10px}.reel-frame-label,.reel-frame-footer{font-size:8px}}
.reel-placeholder[hidden]{display:none}

/* Real production photography */
.portrait img{position:static;max-width:100%;width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform-origin:center}.on-set-section{padding-top:75px;padding-bottom:30px}.on-set-gallery{display:grid;grid-template-columns:1fr 1fr;gap:35px}.set-photo{margin:0;min-width:0}.set-photo-frame{aspect-ratio:3/4;overflow:hidden;border-radius:15px;background:#111714}.set-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block;transition:transform 1s var(--ease)}.set-photo:hover img{transform:scale(1.02)}.focus-photo img{object-position:50% 66%}.set-photo figcaption{padding-top:16px;font-size:12px;line-height:1.6}.project-evidence{grid-column:1/-1;margin:10px 0 0;max-width:850px}.project-evidence img{width:100%;height:auto;display:block;border-radius:12px}.project-evidence figcaption{font-size:12px;color:var(--muted);padding-top:12px}
@media(max-width:700px){.on-set-section{padding-top:50px;padding-bottom:10px}.on-set-gallery{grid-template-columns:1fr;gap:35px}.set-photo-frame{aspect-ratio:4/5;border-radius:13px}.focus-photo .set-photo-frame{aspect-ratio:3/4}.set-photo figcaption{font-size:11px;gap:10px}.project-evidence{margin-top:5px}.project-evidence figcaption{font-size:11px}}

/* Social production and project evidence */
.hero h1{font-size:clamp(40px,4.7vw,68px)}.hero-roles{gap:9px;line-height:1.8}.portrait img{transform:scale(1.18);transform-origin:50% 0%}.portrait:hover img{transform:scale(1.2)}.social-section{background:#e8e9e1;color:#26332b}.social-section .eyebrow{color:#665c43}.social-section .section{padding-top:75px;padding-bottom:75px}.social-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.social-lead{font-size:17px;line-height:1.8;max-width:560px;margin:27px 0;color:#405243}.social-services{margin-top:28px}.social-services>div{border-top:1px solid #b4bfaf;padding:18px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.social-services h3{font-size:15px;font-weight:600;margin:0;line-height:1.5}.social-services p{font-size:13px;line-height:1.8;color:#425044;margin:0}.social-field-photo{margin:0;align-self:start;padding-top:25px}.social-field-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;display:block;border-radius:15px}.social-section figcaption{font-size:12px;line-height:1.6;color:#425044}.client-feature{border-top:1px solid #b4bfaf;margin-top:48px;padding-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.client-feature h3{font-size:clamp(26px,3vw,41px);line-height:1.2;letter-spacing:-.9px;font-weight:600;margin:0 0 20px}.client-feature h3 span{font-size:.72em;font-weight:500;color:#52654f}.client-feature p:not(.eyebrow){font-size:15px;line-height:1.85;color:#425044;max-width:470px}.client-feature .client-role{font-size:12px!important;border-top:1px solid #bac5b5;padding-top:16px;margin-top:23px}.peter-photo{margin:0}.peter-photo>div{aspect-ratio:4/3;overflow:hidden;border-radius:15px;background:#29342b}.peter-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 37%;display:block}.project-evidence img[src*="location-focus"]{max-height:580px;aspect-ratio:4/3;object-fit:cover;object-position:50% 40%}.credit-photo{margin-top:15px}.credit-photo summary{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:12px 0 8px;border-top:1px solid var(--line);color:var(--ink)}.credit-photo summary span{font-size:18px;transition:transform .3s}.credit-photo[open] summary span{transform:rotate(45deg)}.credit-photo figure{margin:12px 0 0}.credit-photo img{width:100%;height:auto;border-radius:11px;display:block}.credit-photo figcaption{font-size:11px;line-height:1.7;color:var(--muted);padding-top:10px}
@media(max-width:1000px){.social-intro,.client-feature{gap:6%}.social-services>div{grid-template-columns:1fr;gap:7px}.social-lead{font-size:15px}.social-field-photo{padding-top:20px}.hero-roles{font-size:10px}}
@media(max-width:700px){.hero h1{font-size:clamp(39px,9.7vw,59px)}.site-header nav{gap:10px;flex-wrap:wrap;font-size:11px}.hero-roles{font-size:11px;gap:5px 9px}.social-section .section{padding-top:55px;padding-bottom:55px}.social-intro,.client-feature{grid-template-columns:1fr;gap:28px}.social-section h2{font-size:36px}.social-lead{font-size:15px;margin:23px 0}.social-services>div{grid-template-columns:1fr;gap:8px;padding:17px 0}.social-services p{font-size:13px}.social-field-photo{padding-top:0}.social-field-photo img{aspect-ratio:4/3;border-radius:13px}.social-section figcaption{font-size:11px}.client-feature{margin-top:35px;padding-top:30px}.client-feature h3{font-size:30px}.client-feature p:not(.eyebrow){font-size:14px}.peter-photo>div{aspect-ratio:4/3;border-radius:13px}.project-evidence img[src*="location-focus"]{aspect-ratio:3/4;object-position:50% 66%}.hero-actions{gap:18px}}
.social-field-photo img{height:auto}

/* Media examples, carousel, and restrained motion */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.social-carousel{min-width:0;align-self:start;margin-top:25px}.carousel-viewport{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:15px;background:#1b241d}.carousel-slide{position:absolute;inset:0;margin:0;overflow:hidden;animation:photo-enter .8s var(--ease)}.carousel-slide[hidden]{display:none}.carousel-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;animation:photo-drift 7s ease-out both}.peter-slide img{object-position:50% 37%}.carousel-caption{display:flex;justify-content:space-between;gap:15px;margin-top:17px;font-size:12px;line-height:1.6;color:#425044}.carousel-count{white-space:nowrap;font-variant-numeric:tabular-nums}.carousel-controls{display:flex;align-items:center;gap:10px;margin-top:14px}.carousel-controls button{font:inherit;cursor:pointer;min-width:44px;min-height:44px;border:1px solid #96a58f;background:transparent;color:#26332b;border-radius:50%;transition:background .25s,transform .25s}.carousel-controls button:hover{background:#d2d9cb;transform:translateY(-2px)}.carousel-controls button[data-carousel=pause]{border-radius:25px;font-size:11px;padding:0 16px;min-width:72px}.carousel-dots{display:flex;gap:7px;margin-right:auto}.carousel-dots button{min-width:24px;min-height:44px;border:0;position:relative;background:transparent!important}.carousel-dots button:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#80907a;left:9px;top:19px;transition:width .3s,left .3s}.carousel-dots button[aria-pressed=true]:after{width:18px;left:3px;background:#314b35}.social-section button:focus-visible{outline:2px solid #314b35;outline-offset:4px}.video-showcase{border-top:1px solid #b4bfaf;margin-top:45px;padding-top:40px}.media-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.media-heading .eyebrow{margin-bottom:12px}.media-heading h3,.podcast-example h3{font-size:30px;line-height:1.2;letter-spacing:-.8px;font-weight:550;margin:0}.media-heading>p{font-size:12px;color:#425044;margin:0;line-height:1.8}.vertical-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.media-example{min-width:0}.media-frame{position:relative;border-radius:14px;overflow:hidden;background:#26332b;isolation:isolate}.vertical .media-frame{aspect-ratio:9/16}.horizontal .media-frame{aspect-ratio:16/9}.media-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:28px 20px;text-align:center;border:1px solid #61705e;border-radius:inherit;color:#ebeee6;background:linear-gradient(160deg,#344238,#1d2822)}.media-placeholder[hidden]{display:none}.format-label{position:absolute;top:19px;left:20px;font-size:11px;color:#c5d0c1}.media-placeholder strong{font-weight:500;font-size:18px;letter-spacing:-.3px}.media-placeholder p{font-size:12px;line-height:1.7;color:#d0d9cb;max-width:180px;margin:12px auto 0}.media-frame video{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#000}.media-frame video[hidden]{display:none}.media-example-caption{padding-top:16px}.media-example-caption h4{font-size:16px;line-height:1.4;letter-spacing:-.3px;font-weight:600;margin:0 0 6px}.media-example-caption p{font-size:11px;line-height:1.7;color:#425044;margin:0}.podcast-example{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center;margin-top:45px;padding-top:40px;border-top:1px solid #b4bfaf}.podcast-example>div>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#425044;max-width:410px}.client-feature{display:block}.client-copy{max-width:650px;margin-bottom:30px}.client-feature .client-copy p:not(.eyebrow){max-width:600px}.peter-comparison{display:grid;grid-template-columns:1fr 1fr;gap:25px}.peter-comparison figure{margin:0;min-width:0}.comparison-frame{aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#28332c;position:relative}.comparison-frame img{width:100%;height:100%;object-fit:contain;display:block}.comparison-frame img[hidden]{display:none}.bts-frame img{object-fit:cover;object-position:50% 37%}.finished-placeholder{height:100%;display:grid;place-content:center;padding:25px;text-align:center;color:#f1f0e9;border:1px solid #73816e;border-radius:inherit}.finished-placeholder[hidden]{display:none}.finished-placeholder strong{font-size:21px;font-weight:500;letter-spacing:-.4px}.finished-placeholder p{color:#d0d9cb!important;font-size:13px!important;line-height:1.8!important;max-width:250px!important;margin:13px auto 0!important}.about-portrait{max-width:350px;margin:32px 0 0}.about-portrait img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 32%;border-radius:15px;display:block;transition:transform .8s var(--ease)}.about-portrait:hover img{transform:translateY(-4px)}.about-portrait figcaption{font-size:11px;color:#425044;line-height:1.7}.about-grid{align-items:center}.event-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.event-photo-grid figure{min-width:0}.event-photo-grid img{aspect-ratio:3/2;object-fit:cover}.hero-copy>*{animation:gentle-rise .85s var(--ease) both}.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}.hero-copy>*:nth-child(4){animation-delay:.22s}.hero-copy>*:nth-child(5){animation-delay:.28s}.hero-copy>*:nth-child(6){animation-delay:.32s}.portrait-block{animation:gentle-rise 1s var(--ease) .15s both}.project{transition:background .3s,padding .4s var(--ease)}.project:hover{background:#ffffff03}.social-services>div{transition:padding-left .35s var(--ease)}.social-services>div:hover{padding-left:6px}.js .reveal{transition-duration:.95s;transform:translateY(22px)}.js .reveal.visible{transform:translateY(0)}@keyframes photo-enter{from{opacity:0;transform:translateX(7px)}to{opacity:1;transform:translateX(0)}}@keyframes photo-drift{from{transform:scale(1)}to{transform:scale(1.035)}}@keyframes gentle-rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.social-carousel{margin-top:20px}.vertical-examples{gap:15px}.media-placeholder strong{font-size:16px}.media-placeholder p{font-size:11px}.podcast-example{gap:6%}.media-heading h3,.podcast-example h3{font-size:26px}.peter-comparison{gap:20px}}
@media(max-width:700px){.social-carousel{margin-top:0}.carousel-caption{font-size:11px}.carousel-viewport{border-radius:13px}.carousel-controls{gap:8px}.media-heading{display:block}.media-heading>p{margin-top:15px}.vertical-examples{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 15px;scrollbar-color:#86947d transparent;scrollbar-width:thin}.vertical-examples .media-example{flex:0 0 78%;scroll-snap-align:start}.vertical .media-frame{max-height:460px}.media-placeholder strong{font-size:18px}.media-placeholder p{font-size:12px}.video-showcase{margin-top:35px;padding-top:30px}.podcast-example{grid-template-columns:1fr;gap:22px;margin-top:30px;padding-top:30px}.podcast-example>div>p:not(.eyebrow){font-size:13px}.media-heading h3,.podcast-example h3{font-size:28px}.peter-comparison{grid-template-columns:1fr;gap:25px}.comparison-frame{border-radius:13px}.about-portrait{max-width:340px}.about-portrait img{aspect-ratio:4/3;object-position:50% 24%}.event-photo-grid{grid-template-columns:1fr;gap:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-copy>*,.portrait-block{opacity:1;transform:none}.js .reveal{opacity:1;transform:none}.carousel-slide img{transform:none}}

/* Podcast preview: full media is requested only after an intentional click. */
.media-frame .hover-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.media-frame .teaser-start{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:flex-start;gap:12px;padding:22px;background:linear-gradient(transparent 48%,rgba(0,0,0,.75));color:#fff;text-align:left;border:0;cursor:pointer;width:100%;border-radius:inherit;font:inherit;font-weight:600}
.teaser-start small{display:block;font-size:12px;font-weight:400;margin-top:3px}.teaser-play-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;background:#1b201e80}.teaser-start:focus-visible{outline:3px solid #9a713c;outline-offset:4px}.preview-note{font-size:12px!important;margin-top:9px!important}.teaser-start[hidden],.hover-preview[hidden],.full-teaser[hidden]{display:none!important}

.peter-comparison .comparison-frame{aspect-ratio:16/9}

.hero-proof{font-size:13px;line-height:1.8;color:#cbd1cb;margin:22px 0 0}.hero-proof strong{font-weight:600;color:#e5d2b1}.social-proof{border-left:2px solid #7b8b72;padding:3px 0 3px 20px;margin:28px 0 32px}.social-proof strong{font-size:clamp(21px,2vw,28px);line-height:1.35;font-weight:500;letter-spacing:-.7px;color:#26332b}.social-proof p{font-size:13px;line-height:1.8;color:#425044;margin:10px 0 0;max-width:440px}

.media-example-caption .video-reach{margin-top:12px;color:#344733;font-size:13px;line-height:1.7}.video-reach strong{font-weight:600}.vertical .teaser-start{padding:18px;gap:10px}.vertical .teaser-play-icon{flex-shrink:0}.vertical .preview-note{line-height:1.7}
/* Mobile presentation only. Desktop composition stays unchanged. */
.mobile-hero,.mobile-contact,.mobile-video-heading,.mobile-video-hint,.mobile-production-label,.preview-toggle{display:none}
@media(max-width:700px){
 html{scroll-padding-top:18px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:18px 6% 12px;gap:16px}.site-header nav{display:none}.wordmark{font-size:18px;letter-spacing:-.5px}.wordmark span{font-size:10px;margin-top:3px}.mobile-contact{display:inline-flex;align-items:center;gap:14px;font-size:12px;padding:10px 15px;border:1px solid #ffffff45;border-radius:30px;font-weight:500;min-height:42px}.mobile-contact span{font-size:16px}
 .hero{display:block;padding:13px 6% 23px}.hero>.hero-copy,.hero>.portrait-block{display:none}.mobile-hero{display:block}.mobile-location{font-size:11px;letter-spacing:.15px;color:#cbd1cb;margin:0 0 12px}.mobile-hero h1{font-size:clamp(34px,9.1vw,49px);font-weight:500;letter-spacing:-1.6px;line-height:1.05;margin:0 0 18px}.mobile-hero h1 span{color:#d1d9cc}.mobile-hero-visual{position:relative;height:clamp(190px,31svh,275px);overflow:hidden;border-radius:19px;background:#394831}.mobile-hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:50% 27%;transform-origin:50% 20%;animation:mobile-photo-breathe 10s ease-in-out infinite alternate}.mobile-hero-visual:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#111a13d9);pointer-events:none}.mobile-proof{position:absolute;left:17px;bottom:15px;z-index:1;display:flex;flex-direction:column;gap:4px;color:#fff}.mobile-proof strong{font-size:18px;font-weight:600;letter-spacing:-.4px}.mobile-proof span{font-size:10px;color:#eef0e8}.mobile-hero-actions{display:flex;align-items:center;gap:17px;margin-top:17px}.mobile-hero-actions .button{justify-content:center;gap:12px;padding:15px 20px;min-height:48px;border-radius:28px;font-size:13px;flex:1}.mobile-hero-actions .button span{font-size:12px}.mobile-secondary{font-size:12px;font-weight:500;padding:12px 0;white-space:nowrap}.mobile-scroll-cue{display:flex;justify-content:space-between;align-items:center;color:#bdcabc;font-size:10px;letter-spacing:.25px;padding-top:18px}.mobile-scroll-cue span{font-size:20px;animation:scroll-invite 1.8s ease-in-out 4}
 .mobile-hero>*{animation:gentle-rise .7s var(--ease) both}.mobile-hero>*:nth-child(2){animation-delay:.06s}.mobile-hero>*:nth-child(3){animation-delay:.12s}.mobile-hero>*:nth-child(4){animation-delay:.18s}.mobile-hero>*:nth-child(5){animation-delay:.22s}
 #social-videos{padding:34px 6% 30px;margin:0;border:0;background:var(--light);color:#26332b;max-width:none}.desktop-video-heading{display:none}.mobile-video-heading{display:block!important;font-size:31px!important;font-weight:600;letter-spacing:-1px;margin:0}.mobile-video-hint{display:flex;justify-content:space-between;gap:10px;font-size:11px!important;line-height:1.6;color:#425044!important;margin:12px 0 0!important}.mobile-video-hint span{font-size:17px}.media-heading{margin-bottom:22px}.media-heading>p{display:none}.media-heading .eyebrow{font-size:10px;color:#665c43;margin-bottom:10px}.vertical-examples{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;padding-bottom:12px;overscroll-behavior-x:contain}.vertical-examples .media-example{flex:0 0 80%;min-width:0;scroll-snap-align:start}.vertical .media-frame{aspect-ratio:9/16;max-height:none;border-radius:17px}.media-example-caption{padding-top:14px}.media-example-caption h4{font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-.25px;margin:0 0 6px}.media-example-caption>p:not(.video-reach){display:none}.media-example-caption .video-reach{font-size:12px;margin-top:6px;color:#344733}.vertical .teaser-start{padding:16px;align-items:flex-end;font-size:12px}.teaser-start small{font-size:10px}.teaser-play-icon{width:38px;height:38px}.preview-note{font-size:10px!important;color:#52634e;line-height:1.7;margin-top:7px!important}.preview-toggle{display:inline-flex;font-family:inherit;font-size:10px;min-height:36px;align-items:center;border:1px solid #a2ad9b;background:transparent;color:#344733;border-radius:20px;padding:7px 12px;margin-top:8px;cursor:pointer}.preview-toggle[hidden]{display:none}.preview-playing .teaser-start{background:linear-gradient(transparent 65%,#0008)}
 #on-set{padding:34px 6% 32px}.on-set-section .section-heading{margin-bottom:22px}.on-set-section .section-heading>p{display:none}.on-set-section h2{font-size:32px}.on-set-section .eyebrow{margin-bottom:9px;font-size:10px}.on-set-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#647360 transparent}.on-set-gallery .set-photo{flex:0 0 83%;scroll-snap-align:start}.set-photo-frame,.focus-photo .set-photo-frame{aspect-ratio:4/5;max-height:390px;border-radius:17px}.set-photo figcaption{font-size:11px;padding-top:12px}.set-photo img{object-position:50% 35%}.focus-photo img{object-position:50% 66%}
 #podcast{display:block;background:var(--light);color:#26332b;padding:34px 6%;margin:0;border:0;max-width:none}#podcast .eyebrow{font-size:10px;color:#665c43;margin-bottom:9px}#podcast h3{font-size:29px;line-height:1.15;margin:0 0 20px}#podcast>div>p:not(.eyebrow){display:none}#podcast .media-frame{border-radius:16px}#podcast .media-example-caption h4{font-size:14px}#podcast .preview-note{font-size:10px!important}#podcast .preview-toggle{margin-top:5px}
 .social-section .section{padding:32px 6%}.social-intro{display:block}.social-intro>.reveal:not(.social-carousel){display:none}.mobile-production-label{display:block;font-size:25px;font-weight:600;letter-spacing:-.7px;color:#26332b;margin:0 0 18px}.social-carousel{margin:0}.carousel-viewport{aspect-ratio:4/3;border-radius:17px}.carousel-caption{font-size:10px;margin-top:11px}.carousel-controls{margin-top:8px}.client-feature{margin-top:28px;padding-top:27px}.client-feature .eyebrow{display:none}.client-feature h3{font-size:25px;margin-bottom:13px}.client-feature p:not(.eyebrow){font-size:12px;line-height:1.8}.client-feature .client-role{display:none}.peter-comparison{grid-template-columns:1fr 1fr;gap:12px;margin-top:19px}.peter-comparison .comparison-frame{border-radius:11px}.peter-comparison figcaption{font-size:9px;line-height:1.5;padding-top:9px}.experience-strip{display:none}
 .work{padding:35px 6%}.work h2{font-size:32px}.work .section-heading{margin-bottom:20px}.work .section-heading>p{display:none}.work .eyebrow{font-size:10px;margin-bottom:10px}.project summary{padding:21px 0}.project h3{font-size:21px}.project-body{font-size:12px}
 .reel-section:not(.has-reel){padding:25px 6%;border-top:1px solid #ffffff25}.reel-section:not(.has-reel) .reel-heading{display:flex;align-items:center;justify-content:space-between;margin:0;gap:20px}.reel-section:not(.has-reel) .reel-heading h2{font-size:22px}.reel-section:not(.has-reel) .reel-heading .eyebrow{display:none}.reel-section:not(.has-reel) .reel-heading>p{font-size:10px;margin:0;max-width:95px;text-align:right;line-height:1.6}.reel-section:not(.has-reel) .reel-player,.reel-section:not(.has-reel) .reel-project-link{display:none}
 .about-section .section{padding:35px 6%}.about-section h2{font-size:32px}.about-grid{gap:25px}.about-facts{font-size:10px;gap:12px;margin-top:20px}.about-portrait{margin-top:23px;max-width:100%}.about-portrait img{aspect-ratio:4/3}.about-copy .lead{font-size:17px;line-height:1.7}.about-copy p{font-size:13px}.practice-list{margin-top:30px}.practice-list>div{padding:17px 0}.practice-list p{font-size:12px}.more-work{padding:35px 6%}.more-work h2{font-size:31px}.more-work .section-heading>p{display:none}.contact-section .section{padding-top:40px;padding-bottom:25px}.contact-section h2{font-size:43px}
}
@media(max-width:370px){.mobile-hero h1{font-size:33px}.mobile-hero-visual{height:28svh;min-height:175px}.mobile-hero-actions{gap:12px}.mobile-hero-actions .button{padding:14px 16px}.mobile-secondary{font-size:11px}.mobile-contact{padding:9px 12px}.mobile-scroll-cue{padding-top:14px}}
@keyframes mobile-photo-breathe{from{transform:scale(1.16)}to{transform:scale(1.21)}}
@keyframes scroll-invite{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(prefers-reduced-motion:reduce){.mobile-hero-visual>img{transform:scale(1.16)}.mobile-hero>*{opacity:1;transform:none}}

/* Personal mobile introduction and early reel; desktop remains unchanged. */
.mobile-reel-title,.mobile-reel-status,.mobile-reel-message,.mobile-reel-work-link{display:none}
@media(max-width:700px){
 .mobile-hero h1{font-size:clamp(30px,8.4vw,44px);line-height:1.1;letter-spacing:-1.35px}.mobile-proof strong{font-size:21px}.mobile-proof span{font-size:11px}.mobile-hero-actions .button{flex:1;gap:22px}.mobile-secondary span{margin-left:5px}
 .reel-section{padding:28px 6% 32px!important;border-top:1px solid #ffffff20}.reel-section .reel-heading,.reel-section:not(.has-reel) .reel-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 19px;gap:15px}.reel-section .reel-heading h2,.reel-section:not(.has-reel) .reel-heading h2{font-size:28px;line-height:1.15;letter-spacing:-.7px}.desktop-reel-title{display:none}.mobile-reel-title{display:inline}.reel-section .reel-heading .eyebrow,.reel-section #reel-status{display:none}.reel-section .mobile-reel-status,.reel-section:not(.has-reel) .mobile-reel-status{display:block;max-width:none;margin:0;font-size:11px;line-height:1.6;color:#d1bc94;text-align:right}.reel-section:not(.has-reel) .reel-player{display:block;aspect-ratio:16/9;border-radius:16px;border:1px solid #ffffff30;background:#121a15}.reel-section:not(.has-reel) .reel-placeholder{display:grid;padding:30px 20px;place-items:center;background:radial-gradient(ellipse at 50% 70%,#35463477,transparent 80%)}.reel-section:not(.has-reel) .reel-placeholder-copy,.reel-section:not(.has-reel) .reel-frame-label,.reel-section:not(.has-reel) .reel-frame-footer{display:none}.mobile-reel-message{display:block;text-align:center}.mobile-reel-message strong{display:block;font-size:19px;font-weight:500;letter-spacing:-.5px;line-height:1.4}.mobile-reel-message p{font-size:12px;color:#cbd1cb;line-height:1.8;margin:12px 0 0}.mobile-reel-work-link{display:flex;align-items:center;justify-content:space-between;padding-top:17px;font-size:12px;font-weight:500;color:#d8dfd2}.mobile-reel-work-link span{font-size:18px}.has-reel .mobile-reel-status{display:none}
}
