/* Alternate editorial direction — local unpublished draft. */
:root{--serif:Arial,Helvetica,sans-serif;--sans:Arial,Helvetica,sans-serif;--navy:#071c38;--gold:#a5d8ff;--line:#cadbea}
body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:#071c38}h1,h2,h3,h4{font-family:Arial,Helvetica,sans-serif;font-weight:500;letter-spacing:-.055em}p{line-height:1.7}.section-pad{padding:100px 5vw}.eyebrow{font-size:12px;letter-spacing:.19em;font-weight:500}.status-dot{display:none}.wordmark{font-family:Arial,Helvetica,sans-serif;font-size:25px;letter-spacing:.22em}.wordmark span{letter-spacing:.23em;font-size:10px}.header{height:105px;padding:0 4vw}.desktop-nav{gap:25px}.desktop-nav a,.header-contact{font-size:12px;text-transform:uppercase;letter-spacing:.14em}.header-contact{padding:12px 18px}.header.scrolled{background:#071c38f5}.hero{height:100svh;min-height:720px;max-height:1100px;background:#071c38}.hero-stage{position:absolute;inset:0}.hero-stage .hero-image,.hero-stage .hero-youtube{inset:0;width:100%;height:100%;opacity:.8}.hero-shade{background:linear-gradient(90deg,#071c38ed 0%,#071c38a8 40%,#071c380d 80%),linear-gradient(0deg,#071c38 0%,transparent 40%)}.hero-content{position:absolute;top:47%;left:0;transform:translateY(-30%);padding:0 6vw;max-width:78%;z-index:2}.hero-content h1{font-size:clamp(64px,8vw,128px);font-weight:400;line-height:.99;letter-spacing:-.065em;margin:26px 0}.hero-content h1 em{font-style:normal;color:#a5d8ff}.hero-content .hero-intro{font-size:17px;color:#deecf7}.hero .line-link{font-size:12px;text-transform:uppercase;letter-spacing:.16em;padding-bottom:14px;margin-top:32px}.hero-play{right:5vw;bottom:90px;padding:16px;background:#071c3866;border-color:#ffffff55}.hero-bottom{left:5vw;right:5vw;font-size:11px;letter-spacing:.12em}.hero-motion{top:130px!important;right:5vw!important}.section-heading{gap:55px}.section-heading h2,.showcase-section h2,.uniform-story h2{font-size:clamp(40px,5.3vw,78px);line-height:1;letter-spacing:-.055em;text-transform:uppercase;font-weight:500}.section-heading>p{font-size:16px}.josh-intro{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:8vw}#meet-josh .josh-bio h2{font-size:clamp(36px,4.2vw,62px);line-height:1.03;text-transform:uppercase;font-weight:500}#meet-josh .josh-bio h2 em{font-style:normal;color:#337dab}.josh-portrait{max-width:340px}.josh-portrait img{aspect-ratio:4/5}.bio-lead{font-size:18px!important}.josh-bio>p:not(.eyebrow){max-width:650px}.section-cta{font-size:13px;text-transform:uppercase;letter-spacing:.07em;padding:16px 22px}.bio-social-links{gap:10px 20px}.bio-social-links a{font-size:13px}
#recent{background:#e4f2fc;color:#071c38;border:0}#recent .gold,#recent .duration{color:#2c648b}#recent .section-heading>p,#recent .film-subtitle,#recent .small-note{color:#405970}#recent .film-title{color:#071c38}.recent-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.recent-highlights .recent-film{width:100%;max-width:none}.recent-highlights .film-cover{aspect-ratio:4/5!important;max-height:none}.film-title,.film-card .film-title,.section-previews .film-title{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.03em}.film-meta{margin-top:18px}.film-subtitle{margin-top:12px}.film-badge{font-size:11px;letter-spacing:.1em}.film-play span{width:58px;height:58px;font-size:11px;background:#071c38a0}.film-cover{border-radius:0}.more-recent>summary{font-size:14px;text-transform:uppercase;letter-spacing:.1em;padding:22px 0;min-height:70px}.more-recent{border-color:#aac8de}#recent .more-recent>summary,#recent .disclosure-sign{color:#071c38}.section-action-row{margin-top:30px}
#collection{background:#fff;color:#071c38;padding-top:70px;padding-bottom:70px}.collection-label{border-color:#cadbea;color:#28618b}.showcase-section{padding:75px 0;border-color:#cadbea}.showcase-section .eyebrow,.collection .gold{color:#28618b}.showcase-section .section-heading>p,.collection .small-note,.collection .film-subtitle,.collection .duration,.collection .card-kicker{color:#42576c!important}.collection h2,.collection .film-title,.collection .card h4,.collection .more-recent>summary,.collection .disclosure-sign{color:#071c38!important}.collection .section-cta{background:#071c38;color:white!important;border-color:#071c38}.collection .section-cta span{color:#a5d8ff}.section-previews{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.section-previews .film-cover{aspect-ratio:4/3}.collection-end{border-color:#cadbea}.collection-end a{color:#071c38}.card h4{font-family:Arial,Helvetica,sans-serif;font-weight:500}.collection .more-recent{border-color:#cadbea}
#approach{background:#071c38;color:white;padding-top:110px;padding-bottom:110px}.story-preview{background:transparent;border:0;border-top:1px solid #7d9ab5;padding:26px 0;min-height:230px}.story-preview .principle-number{margin-bottom:30px}.story-preview h3{font-family:Arial,Helvetica,sans-serif;font-size:27px;letter-spacing:-.03em}.story-preview p{line-height:1.7}#contact{background:#fff!important}#contact .audience-previews{gap:40px 60px}#contact .audience-previews .story-preview{background:#fff;border:0;border-top:2px solid #a5d8ff;padding:26px 0;min-height:230px}#contact .audience-previews h3{font-size:30px}#contact .section-heading h2{max-width:750px}.social-connect{background:#d9edfc;padding-top:90px;padding-bottom:90px}.social-connect h2{text-transform:uppercase}.social-card{background:transparent;border:0;border-top:1px solid #95b6cf;padding:24px 0;min-height:240px}.social-card:hover{transform:translateY(-3px)}.social-symbol{background:transparent;border-radius:0;color:#071c38;border:1px solid #84acc9}.social-card h3{font-size:25px}.social-handle{font-size:13px}.social-cards{gap:25px}.footer{background:#071c38;padding:55px 5vw 28px}.footer-top{grid-template-columns:1.5fr 1fr 1fr}.footer-bottom{border-color:#3c5572}.film-dialog h2,.case-copy h2{font-weight:500;text-transform:none}
@media(max-width:1000px){.desktop-nav{gap:16px}.desktop-nav a{font-size:11px}.header-contact{padding:10px;font-size:11px}.section-pad{padding:75px 5vw}.hero-content{max-width:90%}.hero-content h1{font-size:9vw}.josh-intro{gap:5vw}.section-previews{gap:20px}.social-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.header{height:80px}.hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding:0 0 28px}.hero-content{position:relative;top:auto;left:auto;transform:none;max-width:none;padding:135px 6vw 45px;order:0}.hero-content h1{font-size:clamp(55px,10.8vw,85px);margin:25px 0}.hero-stage{position:relative;inset:auto;order:1;aspect-ratio:16/9;width:100%}.hero-stage .hero-image,.hero-stage .hero-youtube{position:absolute;inset:0;width:100%;height:100%}.hero-shade{display:none}.hero-stage .hero-motion{top:12px!important;right:5vw!important}.hero-play{position:relative;left:auto;right:auto;bottom:auto;order:2;margin:22px 6vw 0;align-self:start;background:transparent}.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;order:3;margin:26px 6vw 0;gap:20px}.josh-intro{grid-template-columns:1fr}.josh-portrait{max-width:280px;justify-self:start}.josh-bio h2{max-width:650px}.section-heading h2,.showcase-section h2,.uniform-story h2{font-size:clamp(38px,7vw,58px)}.section-heading,.showcase-section .section-heading,.uniform-story .section-heading{display:block!important}.recent-highlights{gap:18px}.film-title,.section-previews .film-title{font-size:22px}.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.section-pad{padding:60px 6vw}.wordmark{font-size:21px}.hero-content h1{font-size:14vw}.hero-bottom>span{font-size:10px}.hero-bottom>a{font-size:10px}.recent-highlights{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.recent-highlights .recent-film{flex:0 0 78vw;max-width:none}.recent-expanded{grid-template-columns:1fr}.recent-expanded .film-cover{aspect-ratio:4/5}.showcase-section{padding:55px 0}.showcase-section>.section-previews{display:flex;overflow-x:auto}.showcase-section>.section-previews>*{flex:0 0 80vw}.story-previews{display:grid;grid-template-columns:1fr;overflow:visible}.story-preview{min-height:0;padding:25px 0}#contact .audience-previews{gap:20px}#contact .audience-previews .story-preview{min-height:0}.social-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.social-card:first-child{grid-column:1/-1}.social-card{min-height:0}.social-card h3{font-size:24px}.footer-top{grid-template-columns:1fr}.bio-social-links{gap:14px}.section-heading h2,.showcase-section .section-heading h2,.uniform-story .section-heading h2{font-size:38px}.josh-portrait img{aspect-ratio:1/1}}
.hero{width:100%;aspect-ratio:auto}.hero-stage{overflow:hidden}.header{background:linear-gradient(#071c3880,transparent)}
.hero-intro br{display:block}.hero-intro{line-height:1.7}.recent-highlights{max-width:none}.recent-highlights .recent-film{max-width:none!important}
/* One example per category, with a compact reading rhythm. */
.section-pad{padding-top:58px;padding-bottom:58px}#collection{padding-top:38px;padding-bottom:38px}.showcase-section{padding:38px 0}#approach{padding-top:58px;padding-bottom:58px}.social-connect{padding-top:58px;padding-bottom:58px}.section-heading,.showcase-section .section-heading,.uniform-story .section-heading{margin-bottom:25px}.more-recent{margin-top:20px}.section-action-row{margin-top:20px}.single-example,.recent-highlights.single-example{display:grid!important;grid-template-columns:minmax(0,1fr);width:min(100%,620px);overflow:visible;padding-bottom:0}.recent-highlights.single-example{width:min(100%,340px)}.single-example>.film,.single-example>.card,.single-example>.recent-film{width:100%;max-width:none;flex:none}.single-example .film-cover{aspect-ratio:16/10}.recent-highlights.single-example .film-cover{aspect-ratio:4/5!important}.showcase-section .expanded-content>.section-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.section-heading>p{margin-top:16px}@media(max-width:800px){.section-pad{padding-top:40px;padding-bottom:40px}.showcase-section{padding:30px 0}#approach,.social-connect{padding-top:40px;padding-bottom:40px}.showcase-section .expanded-content>.section-previews{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.showcase-section .expanded-content>.section-previews{grid-template-columns:1fr}.single-example>*{flex:none!important}.recent-highlights.single-example .recent-film{flex:none;width:100%}.section-heading h2,.showcase-section .section-heading h2{font-size:34px}}
/* Film-led chapters: alternating navy, white, and pale blue. */
#recent{background:#071c38;color:#fff}#recent .section-heading h2,#recent .film-title,#recent .more-recent>summary,#recent .disclosure-sign{color:#fff}#recent .gold,#recent .duration{color:#a5d8ff}#recent .section-heading>p,#recent .film-subtitle{color:#c1d4e6}#recent .more-recent{border-color:#385470}
#architecture,#emotion{background:#071c38;color:#fff;margin-left:-5vw;margin-right:-5vw;padding-left:5vw;padding-right:5vw;border:0}#architecture .section-heading h2,#emotion .section-heading h2,#architecture .film-title,#emotion .film-title,#architecture .more-recent>summary,#emotion .more-recent>summary,#architecture .disclosure-sign,#emotion .disclosure-sign{color:#fff!important}#architecture .eyebrow,#emotion .eyebrow{color:#a5d8ff}#architecture .section-heading>p,#emotion .section-heading>p,#architecture .film-subtitle,#emotion .film-subtitle,#architecture .duration,#emotion .duration{color:#c1d4e6!important}#architecture .more-recent,#emotion .more-recent{border-color:#385470}
.slider-stage,.recent-highlights.slider-stage{width:100%;max-width:none;display:block!important}.slider-stage>.film,.slider-stage>.film-card,.slider-stage>.recent-film{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);column-gap:5vw;align-items:center;text-align:left;max-width:none!important;width:100%}.slider-stage .film-cover,.recent-highlights.slider-stage .film-cover{grid-column:1;grid-row:1/4;aspect-ratio:16/10!important;max-height:450px}.slider-stage .film-meta{grid-column:2;align-self:end;margin:0 0 18px;display:flex!important;gap:15px}.slider-stage .film-subtitle{grid-column:2;align-self:start;max-width:450px;font-size:17px;line-height:1.7;margin:0}.slider-stage .film-title{font-size:clamp(24px,3vw,43px);line-height:1.1}.slider-stage .duration{display:block;flex-shrink:0}.slider-stage>a.card{max-width:650px;display:block}.slider-controls{display:flex;align-items:center;justify-content:space-between;max-width:100%;margin:20px 0 0;padding:0 0 18px;border-bottom:1px solid #b8cee0}.slider-controls>div{display:flex;gap:10px}.slider-controls button{width:48px;height:48px;background:transparent;border:1px solid currentColor;color:inherit;font-size:24px;line-height:1;transition:background .15s,color .15s}.slider-controls button:hover{background:#a5d8ff;color:#071c38}.slider-position{font-size:12px;letter-spacing:.17em;font-variant-numeric:tabular-nums}.slider-controls+details{margin-top:0}.slider-controls button:focus-visible{outline:3px solid #5ba6df;outline-offset:3px}#recent .slider-controls,#architecture .slider-controls,#emotion .slider-controls{border-color:#385470}.showcase-section .section-heading{padding-top:5px}.film-cover img{transition:opacity .25s}.social-card:hover{background:#ffffff55}.bio-social-links a{padding:5px 0}
@media(max-width:800px){.slider-stage>.film,.slider-stage>.film-card,.slider-stage>.recent-film{display:block!important}.slider-stage .film-meta{display:flex!important;margin:20px 0 12px;align-items:start}.slider-stage .film-cover,.recent-highlights.slider-stage .film-cover{aspect-ratio:16/10!important}.slider-stage .film-subtitle{font-size:16px}.slider-stage .film-title{font-size:28px}}
@media(max-width:520px){#architecture,#emotion{margin-left:-6vw;margin-right:-6vw;padding-left:6vw;padding-right:6vw}.slider-stage .film-cover,.recent-highlights.slider-stage .film-cover{aspect-ratio:4/3!important}.slider-controls{margin-top:16px}.slider-stage .film-title{font-size:26px}.slider-stage .film-subtitle{line-height:1.6}.recent-highlights.slider-stage .recent-film{max-width:none!important}}
.enquiry-section{display:grid;grid-template-columns:1fr 1.2fr;gap:7vw;background:#e1f1fd;color:#071c38;border-top:1px solid #b9d6e9}.enquiry-section h2{font-size:clamp(38px,5vw,70px);line-height:1.02;text-transform:uppercase;margin:20px 0 25px}.enquiry-intro>p{max-width:420px;color:#42576c}.enquiry-direct{margin-top:30px;font-size:16px;line-height:1.8}.enquiry-form{display:grid;gap:20px}.enquiry-form label{display:grid;gap:8px;font-size:14px;color:#071c38}.enquiry-form label span{display:contents;color:#42576c}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.enquiry-form input,.enquiry-form textarea{font:inherit;font-size:16px;line-height:1.5;color:#071c38;background:#fff;border:1px solid #9bb9ce;border-radius:0;padding:13px 14px;width:100%;min-width:0}.enquiry-form textarea{resize:vertical}.enquiry-form input:focus,.enquiry-form textarea:focus{outline:2px solid #28618b;outline-offset:2px}.enquiry-form .section-cta{background:#071c38;color:#fff!important;border-color:#071c38;justify-self:start}.enquiry-form .section-cta span{color:#a5d8ff}.form-note{font-size:13px;line-height:1.6;color:#42576c}@media(max-width:700px){.enquiry-section{grid-template-columns:1fr;gap:30px}}@media(max-width:440px){.form-pair{grid-template-columns:1fr}}
.slider-stage .film-cover,.recent-highlights.slider-stage .film-cover{aspect-ratio:16/9!important;max-height:none}.slider-stage .film-cover>img,.slider-stage .hover-preview{object-fit:contain}
/* Midnight finish: depth, restrained light, and motion. */
:root{--navy:#030b1b}body{scrollbar-color:#82bff0 #030b1b}.hero,#recent,#architecture,#emotion,#approach,.footer{background-color:#030b1b;background-image:radial-gradient(ellipse at 85% 5%,#11325566 0%,transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.025' filter='url(%23n)'/%3E%3C/svg%3E")}.header.scrolled,.mobile-nav{background:#030b1bf5}.hero-shade{background:linear-gradient(90deg,#030b1bf2 0%,#030b1ba8 40%,#030b1b0d 80%),linear-gradient(0deg,#030b1b 0%,transparent 40%)}.film-cover{transition:box-shadow .25s,outline-color .25s;outline:1px solid transparent;outline-offset:0}.film:hover .film-cover,.film-card:hover .film-cover,.card:hover .card-image{outline-color:#8dcfff;box-shadow:0 0 28px #71bfff35}.slider-controls button{transition:box-shadow .2s,background .2s,color .2s,transform .2s}.slider-controls button:hover{box-shadow:0 0 22px #71bfff55;transform:translateY(-2px)}.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;z-index:1000;background:#9dd4ff;box-shadow:0 0 9px #9dd4ff;pointer-events:none}.slider-stage{overflow:hidden}@media(prefers-reduced-motion:reduce){.film-cover,.slider-controls button{transition:none}.slider-controls button:hover{transform:none}}

/* Compact, touch-scrollable collection thumbnails. */
.thumbnail-rail{display:flex;gap:12px;overflow-x:auto;padding:8px 3px 14px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#78b9ec #14243b;overscroll-behavior-x:contain;position:relative;margin-top:12px}
.collection-thumb{flex:0 0 156px;min-width:0;padding:4px;border:2px solid transparent;border-radius:9px;background:rgba(128,177,221,.10);color:inherit;text-align:left;cursor:pointer;scroll-snap-align:center;transition:border-color .2s,background .2s}
.collection-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:5px}
.collection-thumb span{display:block;padding:7px 3px 3px;font-size:11px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collection-thumb:hover,.collection-thumb[aria-pressed="true"]{border-color:#88c9ff;background:rgba(128,177,221,.20)}
.collection-thumb:focus-visible{outline:3px solid #58aafa;outline-offset:2px}
@media(max-width:600px){.collection-thumb{flex-basis:124px}.thumbnail-rail{gap:8px}}

#connect.social-connect{background:#fff;color:#18202a;border-top-color:#e4e4e4}
#connect .eyebrow,#connect h2,#connect .social-card h3,#connect .social-handle{color:#18202a}#connect .section-heading>p,#connect .social-card p{color:#545454}#connect .social-symbol{color:#18202a;border-color:#ccc}#connect .social-card{border-top-color:#ddd}#connect .social-card:hover{background:#f5f5f5}

.connect-identity{display:flex;align-items:center;gap:20px;margin:0 0 32px;padding-bottom:26px;border-bottom:1px solid #dedede}.connect-identity img{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:center 24%}.connect-identity strong{display:block;font-size:24px;letter-spacing:-.03em}.connect-identity p{font-size:14px;color:#666;margin-top:7px}#connect .social-cards{gap:16px}#connect .social-card{background:#fafafa;border:1px solid #e6e6e6;border-radius:16px;padding:24px 20px;min-height:245px;box-shadow:0 4px 18px #00000004}#connect .social-card:hover{background:#fff;border-color:#aaa;box-shadow:0 12px 28px #0000000c}#connect .social-symbol{background:#202020;color:white;border:0;border-radius:12px;width:48px;height:48px;font-size:26px}#connect .social-card h3{letter-spacing:-.035em;font-weight:600}#connect .social-handle{padding-top:16px;border-top:1px solid #ddd;font-weight:600;width:100%}@media(max-width:600px){.connect-identity strong{font-size:21px}.connect-identity p{line-height:1.5}.connect-identity img{flex-shrink:0;width:66px;height:66px}#connect .social-card{padding:20px 16px}}
#meet-josh .presentation-book{max-width:340px;overflow:visible}
#meet-josh .presentation-book a{display:block;color:#0b2543;text-decoration:none}
#meet-josh .presentation-book img{display:block;width:100%;height:auto;aspect-ratio:453/519;object-fit:contain;box-shadow:0 18px 45px #071c3826;transition:transform .2s ease,box-shadow .2s ease}
#meet-josh .presentation-book a:hover img{transform:translateY(-4px);box-shadow:0 24px 50px #071c3838}
#meet-josh .presentation-book-label{display:flex;justify-content:space-between;gap:12px;margin-top:16px;padding-bottom:9px;border-bottom:1px solid #91a8bd;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
@media (prefers-reduced-motion:reduce){#meet-josh .presentation-book img{transition:none}}