:root{--bg:#101514;--fg:#f3f3e9;--muted:#a3b0ac;--teal:#07546a;--accent:#ffc03d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24}.wordmark{font-size:40px;line-height:1;font-weight:900;letter-spacing:-3px}.wordmark span{font-size:14px;vertical-align:top;letter-spacing:0;margin-left:6px}nav{display:flex;gap:34px;font-size:14px;letter-spacing:1px}nav a:hover{color:var(--accent)}section{padding:90px 5%}.hero{padding-top:55px}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:600;margin:0 0 28px}.hero h1{font-size:clamp(48px,7.8vw,112px);line-height:1.18;letter-spacing:-.055em;margin:35px 0;font-weight:700}.hero em{font-style:normal;color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.hero-bottom p{color:var(--muted)}.round-link{display:flex;align-items:center;gap:35px;font-size:14px}.round-link span{display:grid;place-items:center;border:1px solid #6b7673;width:55px;height:55px;border-radius:50%;font-size:25px}.hero-image{height:clamp(240px,42vw,570px);position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image>span{position:absolute;bottom:20px;left:24px;font-size:12px;letter-spacing:2px;background:#101514d9;padding:8px 14px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.section-head>p{color:var(--muted)}h2{font-size:clamp(32px,4vw,55px);letter-spacing:-.05em;line-height:1.3;margin:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 28px}.project-image{display:block;aspect-ratio:16/9;position:relative;overflow:hidden;background:#212927}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project-image:hover img{transform:scale(1.035)}.project-image>span{position:absolute;bottom:12px;right:12px;font-size:13px;background:#111c;padding:6px 12px}.caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.caption h3{font-size:20px;font-weight:500;margin:0}.caption p{font-size:12px;letter-spacing:1px;color:var(--muted);margin:0}.about{background:var(--teal);display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding-top:100px;padding-bottom:100px}.about-copy{max-width:580px;color:#d2e1e5;margin:30px 0;line-height:1.9}.services{display:flex;flex-wrap:wrap;gap:10px}.services span{border:1px solid #ffffff60;border-radius:30px;padding:7px 18px;font-size:14px}.director h3{font-size:34px;margin:0}.director h3 span{font-size:16px;font-weight:400;margin-left:10px}.director>p:not(.eyebrow){color:#d2e1e5}dl{margin-top:34px}dl>div{border-top:1px solid #ffffff35;padding:16px 0;display:flex;gap:25px;font-size:14px}dt{min-width:85px;color:var(--accent)}dd{margin:0}.credits{padding-top:50px;padding-bottom:50px;border-bottom:1px solid #ffffff30}.credits>p:last-child{font-size:clamp(20px,2.4vw,32px);line-height:2}.credits span{color:var(--accent);padding:0 12px}.contact{padding-top:95px;padding-bottom:55px}.contact h2{font-size:clamp(45px,6vw,86px)}.phone{display:inline-block;color:var(--accent);font-size:clamp(25px,4vw,52px);margin-top:30px;letter-spacing:-1px}.contact-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:40px}.contact-bottom p{color:var(--muted)}.contact-bottom .wordmark{font-size:90px;color:var(--accent)}footer{display:flex;justify-content:space-between;padding:25px 5%;border-top:1px solid #ffffff30;font-size:12px;color:var(--muted)}@media(max-width:700px){header{height:75px}nav{gap:16px;font-size:12px}.wordmark{font-size:32px}section{padding:60px 6%}.eyebrow{font-size:12px;letter-spacing:1.4px}.hero{padding-top:40px}.hero-bottom{align-items:start;gap:18px}.hero-bottom p{font-size:14px}.round-link{gap:10px;font-size:12px;white-space:nowrap}.round-link span{width:35px;height:35px}.section-head{display:block}.section-head>p{font-size:14px}.grid{grid-template-columns:1fr;gap:35px}.caption h3{font-size:18px}.caption p{font-size:12px;letter-spacing:0}.about{grid-template-columns:1fr;gap:55px;padding:65px 6%}.contact-bottom .wordmark{font-size:65px}.contact-bottom p{font-size:14px}footer{flex-wrap:wrap;gap:12px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-image img{transition:none}}

/* Full portfolio sheets retain the original PDF composition. */
.work{max-width:1640px;margin-inline:auto}.portfolio-overview,.portfolio-sheet{margin:0 0 40px;background:#000}.portfolio-overview img,.portfolio-sheet img{display:block;width:100%;height:auto;object-fit:contain}.portfolio-overview{background:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.work{padding-inline:0}.work .section-head{padding-inline:6%}.portfolio-sheet,.portfolio-overview{margin-bottom:18px}}

/* Original JUST identity, director first, native text credits. */
:root{--bg:#0b0d0d;--fg:#f4f4ef;--muted:#adb7b3}
header{height:94px}.brand{display:flex;align-items:center}.brand img{width:155px;height:auto;display:block}.footer-logo{width:190px;height:auto;display:block}.director-page{max-width:1450px;margin:auto;padding-top:60px;padding-bottom:70px}.director-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8%;margin:25px 0 48px}.director-photo{width:100%;height:auto;display:block}.director-label{color:var(--accent);font-size:16px;margin:0 0 12px}.director-intro h1{font-size:clamp(46px,5vw,72px);line-height:1.2;letter-spacing:-.045em;margin:0 0 24px}.director-roles{font-size:20px;line-height:1.8;margin:0;color:#d3dad7}.career{margin:0;max-width:1120px}.career>div{padding:13px 0;gap:35px;font-size:16px}.career dt{min-width:108px}.career dd{line-height:1.7}.work{padding-top:65px;border-top:1px solid #ffffff25}.credit-columns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin-bottom:100px}.credit-group{margin-bottom:38px}.credit-group h3{font-size:23px;color:var(--accent);margin:0 0 22px;font-weight:600}.credit-group p{font-size:14px;line-height:1.9;color:#d3dad7;margin:0 0 18px;overflow-wrap:anywhere}.portfolio-sheet{margin-bottom:48px}.contact{border-top:1px solid #ffffff25}@media(max-width:1100px){.credit-columns{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){header{height:78px}.brand img{width:110px}nav{gap:12px;font-size:11px;letter-spacing:.4px}.director-page{padding:38px 6% 50px}.director-intro{grid-template-columns:1fr;gap:28px;margin-bottom:32px}.director-intro h1{font-size:48px}.director-roles{font-size:18px}.career>div{font-size:14px;gap:15px}.career dt{min-width:87px}.credit-columns{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 6%;gap:24px;margin-bottom:50px}.credit-group h3{font-size:21px}.credit-group p{font-size:14px}.footer-logo{width:130px}}@media(max-width:420px){.credit-columns{grid-template-columns:1fr}.credit-group p{font-size:16px}.credit-group{margin-bottom:26px}}

/* Two opening chapters: direction, then end-to-end production. */
.opening{max-width:1640px;margin:auto;min-height:calc(100svh - 94px);display:flex;flex-direction:column;justify-content:center;padding:55px 5% 32px}.opening-top{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.opening-top .eyebrow{color:var(--accent);margin:0}.opening-since{font-size:12px;letter-spacing:1.6px;color:var(--muted);margin:0}.opening h1{font-size:clamp(48px,6.8vw,108px);letter-spacing:-.055em;line-height:1.26;font-weight:700;margin:65px 0 50px;word-break:keep-all}.opening h1 span{color:var(--accent)}.opening-bottom{display:flex;justify-content:space-between;gap:50px;align-items:start;padding-bottom:45px}.opening-lead{font-size:clamp(20px,2vw,29px);letter-spacing:-.025em;line-height:1.7;margin:0}.opening-note{width:300px;flex-shrink:0}.opening-note>p{font-size:16px;color:var(--muted);line-height:1.9;margin:0 0 27px}.opening-scroll{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1.5px;padding-top:17px;border-top:1px solid #ffffff40}.opening-scroll span{font-size:25px;color:var(--accent)}.opening-line{height:4px;background:linear-gradient(to right,var(--accent) 0 16%,#07546a 16% 100%);margin-top:auto}.approach{background:#064b5f;padding:90px 5% 42px}.approach-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:9%;align-items:end;max-width:1480px;margin:auto}.approach .eyebrow{color:#ffcb61}.approach h2{font-size:clamp(35px,3.7vw,56px);line-height:1.4;letter-spacing:-.045em}.approach h2 span{color:#b9d6dc}.approach-description{font-size:17px;line-height:1.95;color:#dfebee;margin:0;max-width:500px;word-break:keep-all}.production-stages{max-width:1480px;margin:68px auto 58px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.production-stage{border-top:1px solid #9bc0ca70;padding-top:24px}.stage-index{font-size:12px;letter-spacing:1.5px;color:#ffcb61;margin:0 0 30px}.production-stage h3{font-size:clamp(22px,2vw,29px);font-weight:600;letter-spacing:-.045em;margin:0 0 20px;line-height:1.5;word-break:keep-all}.production-stage>p:not(.stage-index){font-size:16px;line-height:1.9;color:#d0e0e5}.production-stage .stage-detail{margin:26px 0 0;color:#fff!important;font-size:14px!important}.approach-ending{max-width:1480px;margin:auto;border-top:1px solid #9bc0ca70;padding-top:26px;display:flex;justify-content:space-between;align-items:center;gap:25px}.approach-ending p{font-size:21px;letter-spacing:-.025em;margin:0}.approach-ending span{font-size:12px;letter-spacing:1px;color:#bfd4da}.director-name{font-size:clamp(46px,5vw,72px);line-height:1.2;letter-spacing:-.045em;margin:0 0 24px}.director-page{padding-top:85px}@media(min-width:1650px){.opening{padding-inline:82px}}@media(max-width:900px){.opening h1{font-size:7.5vw}.opening-note{width:260px}.approach-heading{grid-template-columns:1fr;gap:30px}.approach-description{max-width:650px}.production-stages{gap:24px}.production-stage p br{display:none}.approach-ending{align-items:start;flex-direction:column;gap:12px}}@media(max-width:700px){header{padding-inline:6%}nav{gap:10px;font-size:11px}.brand img{width:90px}.opening{min-height:calc(88svh - 78px);padding:38px 6% 26px}.opening-top{align-items:start}.opening-top .eyebrow{font-size:11px;letter-spacing:1px}.opening-since{font-size:11px;letter-spacing:.5px}.opening h1{font-size:8.5vw;margin:55px 0 35px;line-height:1.4;letter-spacing:-.06em}.opening-bottom{flex-direction:column;gap:28px;padding-bottom:30px}.opening-lead{font-size:20px}.opening-note{width:100%}.opening-note>p{font-size:15px}.opening-note>p br{display:none}.opening-scroll{max-width:260px}.approach{padding:60px 6% 35px}.approach h2{font-size:32px}.approach-description{font-size:16px}.production-stages{grid-template-columns:1fr;margin:42px 0;gap:36px}.stage-index{margin-bottom:18px}.production-stage h3{font-size:25px;margin-bottom:12px}.production-stage .stage-detail{margin-top:15px}.approach-ending p{font-size:19px}.approach-ending span{font-size:11px;letter-spacing:.3px}.director-page{padding-top:60px}}

.contact-email{display:block;width:fit-content;font-size:clamp(20px,2.5vw,32px);margin-top:12px;color:var(--fg);text-underline-offset:6px}.contact-email:hover{text-decoration:underline}