:root{color-scheme:light;--ink:#132124;--sea:#176368;--orange:#e2974d;--line:#d4dfdc;--paper:#f6f8f4}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.film-page{width:min(1240px,100%);margin:auto;padding:0 32px 52px}.film-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.brand-lockup{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:800;letter-spacing:.17em;line-height:1.25}.brand-lockup small{font-size:9px;color:#58706d}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--ink);font-size:16px;letter-spacing:-.12em}.brand-mark span{color:var(--sea)}.back-link{color:var(--sea);font-size:13px;font-weight:bold;text-underline-offset:4px}.intro{padding:48px 0 35px;max-width:780px}.eyebrow{color:var(--sea);font-size:11px;font-weight:800;letter-spacing:.18em}h1{font-size:clamp(39px,5.2vw,72px);line-height:1.04;letter-spacing:-.055em;margin:12px 0 18px;font-weight:600}h1 em{font-style:normal;color:var(--sea)}.intro>p:last-child{max-width:630px;color:#566560;font-size:17px;line-height:1.6;margin:0}
.film-shell{background:#fff;border:1px solid var(--line);box-shadow:0 20px 55px #223b3430}.film-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#eaf0ec}.project-switch{display:flex;gap:5px}.project-button{border:1px solid transparent;border-radius:100px;background:transparent;padding:9px 17px;color:#405552;font-size:13px;font-weight:700}.project-button.is-active{background:var(--ink);color:white}.film-type{font-size:10px;letter-spacing:.12em;font-weight:800;color:#4e6660}.film-type span{color:var(--sea);padding:0 6px}
.screen{background:#e6e9e5}.image-stage{height:clamp(460px,62vw,710px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;overflow:hidden;background:#e6e9e5}.scene-image{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;filter:none;transform:none}.caption-panel{background:#13272a;color:#f5f8f4;padding:23px 34px 24px;min-height:230px;display:flex;flex-direction:column;justify-content:space-between}.caption-meta,.caption-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;font-weight:800;letter-spacing:.14em}.frame-counter{color:#a6d2c8}.screen-project{color:#d0e2da}.screen-copy{padding:13px 0 15px}.scene-kicker{color:#a6d2c8;font-size:11px;font-weight:800;letter-spacing:.17em}.screen-copy h2{font-size:clamp(28px,3.4vw,43px);line-height:1.08;letter-spacing:-.04em;margin:6px 0 6px;font-weight:650}.screen-copy p{font-size:14px;line-height:1.35;margin:0;color:#d9e5dc}.evidence-badge{color:#a6d2c8;font-size:9px;letter-spacing:.1em}.screen-time{font-variant-numeric:tabular-nums;color:#d0e2da}
.film-controls{display:flex;align-items:center;gap:30px;padding:17px 21px}.transport{display:flex;align-items:center;gap:10px;white-space:nowrap}.play-button,.quiet-button{border:0;background:transparent;color:var(--ink);display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800}.play-button{padding:8px 14px 8px 8px}.play-button>span:first-child{width:36px;height:36px;background:var(--sea);color:white;border-radius:50%;display:grid;place-items:center;font-size:12px}.quiet-button{padding:11px}.quiet-button:hover,.back-link:hover{text-decoration:underline}.duration{font-size:10px;font-weight:800;letter-spacing:.1em;color:#84918d}.scrub-wrap{display:flex;align-items:center;flex:1;gap:10px;font-size:11px;font-weight:800;color:#60716c;white-space:nowrap}.scrub-wrap input{width:100%;accent-color:var(--sea);cursor:pointer}.scrub-wrap output{font-variant-numeric:tabular-nums}.chapter-nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.chapter{appearance:none;text-align:left;background:white;border:0;border-top:4px solid transparent;border-right:1px solid var(--line);min-height:105px;padding:16px 19px;display:grid;grid-template-columns:27px 1fr;column-gap:10px;align-content:center}.chapter:last-child{border-right:0}.chapter.is-current{border-top-color:var(--sea);background:#edf5f0}.chapter>span{grid-row:span 2;color:var(--sea);font-size:11px;font-weight:800;letter-spacing:.1em;padding-top:3px}.chapter strong{font-size:15px}.chapter small{font-size:11px;color:#687c76;margin-top:2px}.chapter:hover{background:#f1f6f2}.review-note{max-width:930px;margin:23px 0;color:#586962;font-size:13px;line-height:1.65}.review-note strong{color:var(--ink)}
@media(max-width:760px){.film-page{padding:0 16px 32px}.film-header{padding:14px 0}.intro{padding:28px 0 25px}.intro>p:last-child{font-size:15px}.film-type{display:none}.image-stage{height:clamp(420px,110vw,660px)}.caption-panel{min-height:230px;padding:20px 23px}.screen-copy h2{font-size:clamp(27px,5vw,38px)}.film-controls{display:block;padding:12px 15px}.transport{justify-content:space-between}.scrub-wrap{margin-top:10px}.chapter{min-height:80px;padding:12px 7px;display:block;text-align:center}.chapter>span,.chapter strong,.chapter small{display:block}.chapter strong{font-size:11px;line-height:1.2}.chapter small{font-size:9px;line-height:1.2}.chapter>span{padding:0 0 4px}.duration{display:none}}
@media(max-width:440px){.back-link{font-size:11px}.brand-lockup{font-size:8px}.brand-mark{width:39px;height:39px;font-size:14px}.eyebrow{font-size:9px}.project-button{padding:7px 12px}.image-stage{height:430px}.caption-panel{min-height:215px;padding:17px 19px}.screen-copy{padding:11px 0}.screen-copy h2{font-size:28px}.screen-copy p{font-size:12px}.scene-kicker{font-size:10px}.evidence-badge{font-size:8px}.screen-time{font-size:9px}.scrub-wrap>span{display:none}}
.is-embed{background:transparent}.is-embed .film-page{width:100%;padding:0}.is-embed .film-header,.is-embed .intro,.is-embed .review-note{display:none}.is-embed .film-shell{box-shadow:none}
/* Fixed portrait frame for local scene capture. Photo pixels stay unfiltered and fully visible. */
.is-export,.is-export body{width:720px;height:1080px;overflow:hidden;background:#e6e9e5}.is-export .film-page{width:720px;height:1080px;padding:0;margin:0}.is-export .film-header,.is-export .intro,.is-export .film-topline,.is-export .film-controls,.is-export .chapter-nav,.is-export .review-note{display:none}.is-export .film-shell{border:0;box-shadow:none}.is-export .screen{width:720px;height:1080px;display:flex;flex-direction:column}.is-export .image-stage{height:820px;flex:none}.is-export .caption-panel{height:260px;min-height:0;flex:none;padding:23px 34px 27px}.is-export .screen-copy{padding:8px 0}.is-export .screen-copy h2{font-size:38px}.is-export .screen-copy p{font-size:16px}.is-export .caption-meta,.is-export .caption-foot{font-size:11px}.is-export .scene-kicker{font-size:12px}
.is-export .screen-time{display:none}.is-export .caption-foot{justify-content:flex-start}
.is-export .screen[data-project="front"] .image-stage{height:540px}
.is-export .screen[data-project="front"] .caption-panel{height:540px;padding:38px 45px 43px}
.is-export .screen[data-project="front"] .caption-panel::before{content:"J + M  /  FROM FIRST LOOK TO FINISHED SPACE";display:block;color:#9fc7be;font-size:11px;font-weight:800;letter-spacing:.18em;border-bottom:1px solid #51706b;padding-bottom:25px}
.is-export .screen[data-project="front"] .screen-copy h2{font-size:52px;max-width:590px}
.is-export .screen[data-project="front"] .screen-copy p{font-size:19px;max-width:590px;line-height:1.45}
.is-export .screen[data-project="front"] .scene-kicker{font-size:13px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}