@font-face{font-family:Wonderland;src:url('assets/display-narrow.otf') format('opentype');font-display:swap;font-weight:700}
:root{--w:min(100vw,1536px);--ink:#010405;--bone:#ece7d9;--muted:#a1b1b2;--copper:#7c857f;--serif:Wonderland,'Arial Narrow',Arial,sans-serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--bone);font:16px/1.65 var(--sans);overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{border:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #e9e5d8;outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:700}[hidden]{display:none!important}::selection{background:#d8d5c8;color:#021015}.site-canvas{position:relative;isolation:isolate;width:var(--w);margin:auto;overflow:hidden;background:var(--ink)}.skip-link{position:fixed;top:-100px;left:15px;z-index:100;background:var(--bone);color:var(--ink);padding:12px 20px}.skip-link:focus{top:15px}.site-header{position:absolute;top:0;left:0;right:0;z-index:30;padding:20px 4.5%;display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.brand{width:clamp(66px,7vw,104px);mix-blend-mode:screen;display:block}.brand img{width:100%;height:auto}.site-nav{display:flex;gap:36px;padding-top:1px}.site-nav a{display:flex;align-items:center;min-height:44px;font-size:11px;letter-spacing:.12em;color:#d0d7d4}.site-nav a:hover{color:#fff}.menu-toggle{display:none}
.hero-scene{position:relative;height:calc(var(--w)*.573);min-height:600px;isolation:isolate;background:#03080b}.hero-world{position:absolute;top:0;left:0;width:100%;height:auto;z-index:-4;pointer-events:none}.hero-real-photo{position:absolute;top:9%;left:11%;width:61%;height:auto;z-index:-3;mask-image:url('assets/photo-water-mask.svg');-webkit-mask-image:url('assets/photo-water-mask.svg');mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;filter:saturate(.64) brightness(.8) contrast(1.08)}.hero-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 65%,#00000044 83%,#010405 100%),linear-gradient(90deg,#0002,transparent 30%)}.hero-copy{position:absolute;left:5.7%;bottom:5.7%;z-index:6}.hero-copy h1{font:700 clamp(52px,5.65vw,87px)/1 var(--serif);letter-spacing:.13em;text-transform:uppercase;color:#ece9dd;text-shadow:0 2px 12px #000b}.byline{margin-top:17px;border-left:1px solid #b7b7a466;padding-left:15px;font-size:12px;line-height:1.55;letter-spacing:.08em;color:#d5d3c8}.byline span{color:#adb6b4}.reel-entry{display:flex;align-items:center;gap:26px;margin-top:24px}.reel-cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 21px;border:1px solid #d9d7bc9c;background:#0008;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.reel-cta:hover{background:#e7e3d2;color:#081014}.play-icon{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #d9c86e}.reel-entry>span{font-size:10px;letter-spacing:.18em;color:#bac5c5}.niho-inlay{position:absolute;pointer-events:none;mask:url('/assets/niho-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/niho-mask.svg') center/100% 100% no-repeat;background:linear-gradient(135deg,#091215,#71838b 22%,#22353c 42%,#98a0a2 52%,#0a1c24 60%,#50636a 79%,#101c23);filter:drop-shadow(1px 1px 1px #c8e3e738) drop-shadow(-1px -1px 1px #000);opacity:.55}.hero-niho{width:54%;height:47%;left:46%;top:32%;transform:rotate(-25deg) skewY(-7deg);z-index:0;mask-image:linear-gradient(transparent,#000),url('/assets/niho-mask.svg');mask-composite:intersect;-webkit-mask-image:linear-gradient(transparent,#000),url('/assets/niho-mask.svg');-webkit-mask-composite:source-in}.hero-iwa{position:absolute;right:8%;top:9%;width:7%;height:auto;filter:grayscale(1) brightness(1.6);opacity:.6;z-index:2;pointer-events:none}
.film-world{position:relative;isolation:isolate;background:#010405}.films-environment{position:absolute;inset:0;z-index:-3;background:url('assets/films-ocean-environment.webp') top center/100% auto no-repeat;pointer-events:none;mask-image:linear-gradient(transparent,#000 5%,#000 90%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 5%,#000 90%,transparent)}.chapter,.eyebrow{font:11px/1.6 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#c2c9c4}.featured-project{position:relative;height:calc(var(--w)*.575);min-height:660px}.featured-project>.chapter{position:absolute;top:7.5%;left:5.7%}.feature-copy{position:absolute;left:8%;top:23%;width:46%;z-index:3}.feature-copy>.eyebrow{color:#9eb0b4;margin-bottom:28px}.feature-copy h2{font:700 clamp(67px,7.45vw,114px)/.9 var(--serif);text-transform:uppercase;letter-spacing:.005em}.feature-copy h2 span{display:inline-block;font-size:1.34em;margin-left:20%}.feature-role{font-size:clamp(16px,1.7vw,26px);line-height:1.5;letter-spacing:.035em;color:#d0d0c3;margin-top:25px}.text-action{display:flex;align-items:center;gap:15px;min-height:44px;font:11px/1.6 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#d9ddd2;margin-top:20px;padding-top:17px;border-top:1px solid #d5d6c140;text-align:left}.text-action:hover{color:white;border-color:#e7e4d7}.feature-copy>.text-action{max-width:280px;margin-top:26px}.poster-button{display:block;position:relative;line-height:0;box-shadow:14px 23px 30px #000b,1px 1px 0 #859ba43d;outline:1px solid #b8c8c82b;transition:transform .3s ease;transform-origin:center}.poster-button img{display:block;width:100%;height:auto;object-fit:contain}.poster-button:hover{transform:translateY(-6px)}.jared-poster{position:absolute;left:60.5%;top:12%;width:25.4%;transform:rotate(2.6deg);z-index:4}.jared-poster:hover{transform:rotate(2.6deg) translateY(-6px)}
.directors-world{position:relative;height:calc(var(--w)*.658);min-height:780px}.director-heading{position:absolute;left:5.7%;top:1.3%}.director-heading h2{font:700 clamp(56px,6.38vw,98px)/1 var(--serif);text-transform:uppercase;margin-top:28px;letter-spacing:.015em}.director-heading:after{content:'';display:block;width:270px;max-width:100%;height:1px;background:#c7c5ad38;margin-top:22px}.film-island{position:relative}.directors-world>.film-island{position:absolute;z-index:4}.island-saving-jaws{left:7.7%;top:37%;width:19.9%}.island-saving-jaws .poster-button{transform:rotate(-3.2deg)}.island-saving-jaws .poster-button:hover{transform:rotate(-3.2deg) translateY(-6px)}.island-orphan-myth{left:39.2%;top:22.5%;width:22.8%}.island-orphan-myth .poster-button{transform:rotate(1.7deg)}.island-orphan-myth .poster-button:hover{transform:rotate(1.7deg) translateY(-6px)}.island-lost-prince{left:70.4%;top:45%;width:19%}.island-lost-prince .poster-button{transform:rotate(3.2deg)}.island-lost-prince .poster-button:hover{transform:rotate(3.2deg) translateY(-6px)}.island-caption{position:relative;margin-top:29px;text-shadow:0 2px 8px #000,0 1px 2px #000}.island-caption:before{content:'';position:absolute;inset:-15px -20px;z-index:-1;background:radial-gradient(ellipse,#010405d9,transparent 75%);pointer-events:none}.island-caption h3{font:700 clamp(24px,2.15vw,33px)/1.1 var(--serif)}.film-role{font:clamp(13px,1.3vw,20px)/1.5 var(--sans);letter-spacing:.05em;color:#cbcfc1;margin-top:9px}.film-honors{display:block;font:11px/1.6 var(--sans);color:#a6b4b1;margin-top:13px;max-width:290px}.film-honors>small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.11em;color:#84999b;margin-bottom:4px}.island-caption .text-action{border:0;padding-top:0;margin-top:14px;font-size:10px;min-height:44px}.directors-niho{z-index:-1;left:53%;top:55%;width:49%;height:47%;transform:rotate(-30deg);opacity:.44}
.cinematography-feature{position:relative;height:calc(var(--w)*.392);min-height:590px;z-index:4}.shark-poster{position:absolute;left:13.1%;top:15%;width:22.5%;transform:rotate(-1.7deg)}.shark-poster:hover{transform:rotate(-1.7deg) translateY(-6px)}.shark-copy{position:absolute;left:44.3%;top:15%;width:50%;z-index:3}.shark-copy h2{font:700 clamp(67px,6.58vw,101px)/1 var(--serif);text-transform:uppercase;margin-top:24px;letter-spacing:.02em}.shark-copy h2 span{display:inline-block;margin-left:12%;font-size:.97em}.shark-copy .feature-role{margin-top:21px}.shark-copy .text-action{max-width:295px}.shark-copy .film-honors{font-size:12px}
.more-work{position:relative;padding:90px 5.7% 100px;background:#010405}.section-intro>.chapter{margin-bottom:24px}.section-intro>h2{font:700 clamp(45px,4.2vw,65px)/1.05 var(--serif);text-transform:uppercase;letter-spacing:.025em}.more-films{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:55px;margin-top:62px}.more-films .film-island{inset:auto;width:auto}.more-films .film-island:nth-child(even){margin-top:65px}.more-films .poster-button{max-width:240px;transform:none}.more-films .film-role{font-size:12px}.more-films .island-caption h3{font-size:28px}.more-films .film-honors{font-size:10px}.more-films .poster-button:hover{transform:translateY(-5px)}
.field-world{position:relative;isolation:isolate;padding:50px 5.7% 150px;background:#010405}.field-current{position:absolute;inset:0;z-index:-3;background:url('assets/films-ocean-environment.webp') right 46%/100% auto no-repeat;opacity:.7;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.field-photo{position:relative;display:block;width:70%;text-align:left;box-shadow:14px 25px 55px #000b;z-index:3;margin-top:70px;transform:rotate(-2deg);outline:1px solid #b4c4c52b}.field-photo>img{width:100%;height:auto;object-fit:contain}.field-photo>span{display:flex;justify-content:space-between;align-items:center;min-height:60px;padding:17px 23px;background:#031016e8;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#d6dacf}.field-photo b{font-weight:400}.field-land{width:66%;margin:125px 0 0 auto;transform:rotate(2deg)}.field-niho{left:-10%;top:39%;width:125%;height:41%;transform:rotate(8deg);opacity:.4;z-index:1}.filmmaker-world{position:relative;padding:40px 10% 100px;background:#010405}.about-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:9%;position:relative}.filmmaker-portrait{grid-column:1;grid-row:1/5;width:100%;height:auto;object-fit:contain;box-shadow:0 25px 55px #000b}.about-panel h2{grid-column:2;font:700 42px/1.05 var(--serif);margin-top:20px;letter-spacing:.015em}.portrait-role{grid-column:2;margin-top:15px;font:11px/1.5 var(--sans);letter-spacing:.1em;color:#b2c0b9;text-transform:uppercase}.about-details{grid-column:2;margin-top:25px;font:15px/1.8 var(--sans);color:#a6b6b1}.about-details summary{cursor:pointer;min-height:44px;color:#d9dfd4;font-size:12px}.about-details p{margin:15px 0}.about-details a{display:inline-block;min-height:44px;border-bottom:1px solid #b6bba155;padding:10px 0;font-size:13px}.filmmaker-iwa{position:absolute;right:5%;top:-4%;width:13%;height:auto;filter:grayscale(1) brightness(1.6);opacity:.26;pointer-events:none}.site-footer{padding:32px 5.7%;display:flex;gap:30px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-top:1px solid #b0b69e2c;font:10px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#cbd0bf;background:#010405}.site-footer>div{display:flex;gap:38px}.site-footer a{display:flex;align-items:center;min-height:44px}.version-links{width:100%;padding-top:16px;border-top:1px solid #b0b69e18;font-size:9px;color:#889e9f;gap:24px!important}.version-links>span{display:flex;align-items:center;min-height:44px}
@media(min-width:701px) and (max-width:1100px){.hero-scene{height:65vw;min-height:610px}.hero-world{height:100%;object-fit:cover;object-position:50% top}.hero-copy h1{font-size:6.1vw}.hero-copy{bottom:6%}.hero-real-photo{width:67%;top:12%;left:8%}.hero-niho{width:61%;left:40%;top:36%;height:43%}.hero-iwa{top:12%}.featured-project{min-height:600px}.feature-copy{top:27%}.feature-copy h2{font-size:8vw}.jared-poster{top:18%;width:28%}.directors-world{height:850px}.director-heading h2{font-size:7.4vw}.directors-world>.film-island{width:23%}.island-saving-jaws{left:6%;top:31%}.island-orphan-myth{left:38%;top:22%}.island-lost-prince{left:69%;top:39%}.island-caption{margin-top:25px}.film-role{font-size:13px}.film-honors{font-size:10px}.cinematography-feature{height:590px;min-height:0}.shark-poster{width:28%;left:9%;top:15%}.shark-copy{left:44%;top:13%}.shark-copy h2{font-size:7.7vw}.more-films{gap:26px}.more-work{padding-top:50px}.more-films .island-caption h3{font-size:25px}.about-panel h2{font-size:34px}}
@media(max-width:700px){.site-header{padding:16px 5%;gap:18px}.brand{width:66px}.menu-toggle{display:flex;align-items:center;gap:10px;min-height:44px;font-size:11px;margin-top:4px}.menu-toggle i{width:17px;height:9px;border-block:1px solid #d7e0df}.site-nav{display:none;position:absolute;left:5%;right:5%;top:95px;padding:18px 22px;background:#031016f5;border:1px solid #9eb6b656;box-shadow:0 20px 55px #000b;flex-direction:column;gap:3px}.site-nav.open{display:flex}.site-nav a{font-size:13px;min-height:44px;width:100%}.hero-scene{height:calc(100vw + 250px);min-height:620px;max-height:890px}.hero-world{width:160%;max-width:none;left:-31%;height:100%;object-fit:cover;object-position:50% top}.hero-real-photo{width:111%;max-width:none;left:-5%;top:16%;filter:saturate(.66) brightness(.85) contrast(1.05)}.hero-shade{background:linear-gradient(180deg,#00101722,transparent 56%,#0007 72%,#010405 100%)}.hero-copy{left:6%;bottom:6.5%;width:88%}.hero-copy h1{font-size:9.55vw;letter-spacing:.1em;line-height:1.05}.byline{font-size:10px;margin-top:15px;padding-left:12px}.reel-entry{gap:18px;margin-top:21px}.reel-cta{min-height:48px;padding:11px 15px;gap:12px;font-size:10px}.reel-entry>span{font-size:8px;letter-spacing:.1em}.hero-niho{left:37%;top:47%;width:89%;height:38%;transform:rotate(-29deg) skewY(-7deg);opacity:.62}.hero-iwa{top:13%;right:5%;width:10%;opacity:.55}.film-world{background:#010405}.films-environment{background-size:165% auto;background-position:62% 0;background-repeat:repeat-y;mask-image:linear-gradient(transparent,#000 3%,#000 94%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 3%,#000 94%,transparent)}.featured-project{height:calc(100vw + 135px);min-height:520px;max-height:790px}.featured-project>.chapter{left:6%;top:7%;font-size:9px}.feature-copy{left:6%;top:27%;width:46%}.feature-copy>.eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:20px}.feature-copy h2{font-size:9.5vw;line-height:.92;letter-spacing:0}.feature-copy h2 span{font-size:1.28em;margin-left:13%}.feature-role{font-size:13px;letter-spacing:.01em;margin-top:20px}.feature-copy>.text-action{font-size:9px;margin-top:18px;padding-top:14px;gap:10px}.jared-poster{left:55%;width:39%;top:22%;transform:rotate(2deg)}.jared-poster:hover{transform:rotate(2deg)}.chapter,.eyebrow{font-size:9px}.directors-world{height:calc(292vw + 300px);min-height:1250px;max-height:2370px}.director-heading{left:6%;top:2%;width:88%}.director-heading h2{font-size:11.9vw;margin-top:20px}.director-heading:after{width:52%;margin-top:18px}.directors-world>.film-island{width:53%}.island-saving-jaws{left:8%;top:14%}.island-orphan-myth{left:39%;top:41%;width:55%!important}.island-lost-prince{left:9%;top:69%}.island-caption{margin-top:24px}.island-caption h3{font-size:25px;line-height:1.15}.film-role{font-size:11px;margin-top:7px;line-height:1.55}.film-honors{font-size:9px;margin-top:10px;line-height:1.65}.film-honors>small{font-size:7px}.island-caption .text-action{font-size:9px;margin-top:9px;min-height:44px;gap:12px}.directors-niho{left:48%;top:76%;width:100%;height:17%;opacity:.55;transform:rotate(-28deg)}.cinematography-feature{height:calc(70vw + 250px);min-height:520px;max-height:730px}.shark-poster{left:6%;top:18%;width:40%;transform:rotate(-2deg)}.shark-copy{left:51%;top:17%;width:46%}.shark-copy>.chapter{font-size:7px;letter-spacing:.08em}.shark-copy h2{font-size:9.7vw;line-height:1.04;margin-top:23px;letter-spacing:0}.shark-copy h2 span{margin-left:0}.shark-copy .feature-role{font-size:12px;margin-top:16px}.shark-copy .film-honors{font-size:9px;max-width:92%}.shark-copy .text-action{font-size:8px;letter-spacing:.07em;gap:8px;max-width:90%;margin-top:15px;padding-top:13px}.more-work{padding:35px 6% 70px}.section-intro>.chapter{margin-bottom:19px}.section-intro>h2{font-size:11vw;line-height:1.05}.more-films{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px;row-gap:35px;margin-top:40px}.more-films .film-island:nth-child(even){margin-top:45px}.more-films .island-caption{margin-top:20px}.more-films .island-caption h3{font-size:24px}.more-films .film-role{font-size:10px}.more-films .film-honors{font-size:9px}.field-world{padding:25px 6% 75px}.field-current{background-size:180% auto;background-position:68% 30%;opacity:.8}.field-photo{width:94%;margin-top:50px;transform:rotate(-1.5deg)}.field-land{width:94%;margin:105px 0 0 auto;transform:rotate(1.5deg)}.field-photo>span{font-size:9px;min-height:50px;padding:15px 17px}.field-niho{left:-55%;top:35%;width:215%;height:42%;opacity:.48;transform:rotate(8deg)}.filmmaker-world{padding:20px 8% 65px}.about-panel{display:block}.filmmaker-portrait{width:94%;margin-left:auto}.about-panel h2{font-size:36px;line-height:1.1;margin-top:30px}.portrait-role{font-size:10px;margin-top:14px}.about-details{font-size:14px;margin-top:20px}.filmmaker-iwa{top:0;right:1%;width:20%;opacity:.3}.site-footer{padding:25px 6%;gap:18px;font-size:9px}.site-footer>div{gap:25px}.version-links{gap:18px!important;font-size:8px}.poster-button{box-shadow:8px 14px 30px #000b}.poster-button:hover{transform:none}}
@media(max-width:360px){.hero-copy h1{font-size:9.35vw}.reel-entry{gap:13px}.reel-cta{padding:11px 12px;font-size:9px}.reel-entry>span{font-size:7px}.feature-copy>.eyebrow{font-size:7px}.shark-copy .text-action{font-size:7px}.more-films{column-gap:20px}.island-caption h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Native dialogs preserve full posters and the original verified film data. */
.film-dialog,.photo-dialog{padding:0;border:1px solid #b69a5e66;background:#080d10;color:var(--bone);max-width:none;max-height:none}.film-dialog::backdrop,.photo-dialog::backdrop{background:#000b;backdrop-filter:blur(14px)}.film-dialog{width:min(1020px,92vw);max-height:92svh;overflow-y:auto}.dialog-close{position:absolute;top:22px;right:28px;display:flex;align-items:center;gap:20px;min-height:44px;font-size:14px;z-index:3}.dialog-close span{font-size:28px}.film-dialog-inner{padding:90px 8% 55px}.film-dialog.has-poster .film-dialog-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:38px;padding:80px 5% 50px;align-items:start}.dialog-poster-link{display:block}.dialog-poster-link img{width:100%;height:auto;object-fit:contain}.dialog-poster-link>span{font-size:12px;border-bottom:1px solid var(--copper);padding:10px 0;display:inline-block;margin-top:5px}.film-dialog .eyebrow{margin-bottom:25px}.film-dialog h2{font:clamp(42px,5vw,68px)/.95 var(--serif);letter-spacing:-.025em}.dialog-role{font-size:13px;border-top:1px solid #89785377;margin-top:26px;padding-top:20px;color:#c7d0bb}.dialog-description{font-size:16px;line-height:1.75;color:#a9b7ad;margin-top:25px}.dialog-links{display:flex;flex-wrap:wrap;align-items:center;gap:20px 25px;margin-top:30px}.solid-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--bone);color:var(--ink);padding:13px 20px;font-size:14px;line-height:1.5}.underlined{font-size:14px;border-bottom:1px solid var(--copper);padding-bottom:5px}.dialog-footnote{margin-top:30px;color:#99aa9c;font-size:11px;line-height:1.8}.photo-dialog{position:fixed;width:100vw;height:100svh;border:0;inset:0;margin:0;background:#010508}.photo-toolbar{position:absolute;top:0;left:0;width:100%;padding:28px 4vw;height:85px;z-index:2}.photo-toolbar .eyebrow{font-size:11px;margin-top:10px}.photo-toolbar .dialog-close{right:4vw;top:25px}.lightbox-stage{height:100%;padding:90px 6vw 110px;display:flex;align-items:center;justify-content:center}.lightbox-stage img{width:100%;height:100%;object-fit:contain}.photo-bottom{position:absolute;bottom:0;left:0;right:0;padding:24px 4vw 28px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(transparent,#010508 30%)}.photo-bottom>p{font:27px var(--serif)}.photo-controls{display:flex;gap:25px}.photo-controls button{font-size:14px;padding:9px 0;min-width:70px;border-bottom:1px solid var(--copper)}.film-recognition{margin-top:28px;padding-top:23px;border-top:1px solid #89785377}.film-recognition>h3{font:12px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:#d8bd87;margin:0 0 18px}.recognition-record+.recognition-record{margin-top:24px}.recognition-record>h4{font:normal 15px/1.5 var(--sans);color:#e5dccb;margin:0 0 9px}.recognition-record>ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.recognition-record li{font:14px/1.65 var(--sans);color:#b6c0b6}.recognition-record>a{font:12px/1.6 var(--sans);color:#d1b684;display:inline-block;border-bottom:1px solid #947d5b77;margin-top:13px;padding-bottom:3px}.recognition-artworks{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:22px 0 8px;max-width:290px}.recognition-artworks a{display:block;width:100%;padding:4px 0}.recognition-artworks img{display:block;width:100%;height:auto;object-fit:contain}

.hero-foreground{position:absolute;top:0;left:0;width:100%;height:auto;z-index:-2;pointer-events:none;clip-path:polygon(0 35%,15% 41%,28% 47%,40% 57%,55% 65%,70% 67%,83% 45%,100% 45%,100% 100%,0 100%)}
.hero-real-photo{width:57%;top:7%;left:13%}
@media(min-width:701px) and (max-width:1100px){.hero-foreground{height:100%;object-fit:cover;object-position:50% top}.hero-real-photo{width:64%;top:10%;left:10%}}
@media(max-width:700px){.hero-foreground{width:160%;max-width:none;left:-31%;height:100%;object-fit:cover;object-position:50% top}.hero-real-photo{width:111%;left:-5%;top:16%}.film-dialog{width:94vw;max-height:94svh}.dialog-close{top:14px;right:20px;font-size:13px}.film-dialog.has-poster .film-dialog-inner{display:flex;flex-direction:column;padding:75px 6% 35px;gap:30px}.dialog-poster-link{width:100%;max-width:430px;margin:auto}.film-dialog h2{font-size:48px}.film-dialog .eyebrow{font-size:10px;margin-bottom:22px}.dialog-role{font-size:12px}.dialog-description{font-size:16px}.dialog-links{gap:18px;margin-top:25px}.solid-button,.underlined{font-size:13px}.dialog-footnote{font-size:10px}.photo-toolbar{padding:22px 5vw}.photo-toolbar .eyebrow{font-size:9px}.photo-toolbar .dialog-close{top:16px;right:5vw}.lightbox-stage{padding:80px 3vw 130px}.photo-bottom{align-items:flex-start;flex-direction:column;padding:15px 6vw 24px;gap:6px}.photo-bottom>p{font-size:25px}.photo-controls{gap:30px}.photo-controls button{font-size:12px;padding:6px 0}.recognition-record li{font-size:13px}}
/* Phone scene keeps the same fold proportions instead of stretching the ocean. */
@media(max-width:700px){.hero-world,.hero-foreground{top:0;height:auto;object-fit:contain;object-position:center}.hero-scene{background:linear-gradient(#02090d,#07131a 60%,#010405)}}
/* On phones, the stagger follows the actual poster and accolade heights. */
@media(max-width:700px){.directors-world{height:auto;min-height:0;max-height:none;padding:45px 0 80px}.director-heading{position:relative;left:auto;top:auto;width:88%;margin:0 6% 75px}.directors-world>.film-island{position:relative;left:auto;top:auto;width:53%}.directors-world>.island-saving-jaws{margin-left:8%}.directors-world>.island-orphan-myth{margin:105px 6% 0 auto}.directors-world>.island-lost-prince{margin:105px 0 0 9%}.directors-niho{top:70%;height:22%}}
.hero-niho{background-image:linear-gradient(135deg,#08151d,#71838b99 24%,#20323a77 42%,#9ba8ad88 53%,#0a182033 64%,#4c6a7388),url('assets/hero-ocean-environment.webp');background-size:cover;background-blend-mode:screen;opacity:.48}
/* Measured condensed-font advances leave a clear gap to the adjacent posters. */
@media(max-width:700px){.feature-copy h2{font-size:8.3vw}.shark-copy h2{font-size:9vw}}

/* Full biography: normal page flow at every viewport, without abbreviation. */
.about-panel{align-items:start}.filmmaker-portrait{align-self:start}.about-bio{grid-column:2;margin-top:24px;font:16px/1.8 var(--sans);color:#bcc8c3;max-width:65ch}.about-bio p{margin:0 0 1.25em}.about-bio a{display:inline-block;min-height:44px;border-bottom:1px solid #b6bba155;padding:10px 0;font-size:13px}.about-bio p:last-of-type{margin-bottom:.6em}
@media(max-width:700px){.about-bio{margin-top:24px;font-size:16px;line-height:1.8;max-width:none}}

/* The complete 16:9 reel sits within the ocean scene; its controls remain outside the artwork. */
.has-inline-reel{height:auto;min-height:720px;max-height:none;padding-top:clamp(145px,10.6vw,164px)}.has-inline-reel .hero-real-photo{opacity:.25}.hero-reel{position:relative;z-index:5;width:65%;margin-left:12%;isolation:isolate}.reel-label{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#e6e6dc;text-shadow:0 2px 8px #000}.reel-label span{font-size:10px;color:#c2cdcb}.reel-screen{position:relative;aspect-ratio:16/9;background:#02090d;box-shadow:0 18px 55px #0009;outline:1px solid #a6bfc347}.reel-fallback{position:absolute;width:100%;height:100%;object-fit:contain;transition:opacity .35s ease}#reel-player{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s ease}#reel-player iframe{display:block;width:100%;height:100%;border:0}.reel-ready #reel-player{opacity:1;visibility:visible}.reel-ready .reel-fallback{opacity:0}.reel-controls{display:flex;align-items:center;flex-wrap:wrap;gap:4px 18px;padding:11px 15px;background:#01090ef5;border:1px solid #9eb4b52e;border-top:0}.reel-controls button,.reel-controls a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1.4;letter-spacing:.03em;padding:8px 2px}.reel-controls .reel-cta{padding:10px 13px;font-size:10px;letter-spacing:.06em;background:#e8e5d8;color:#09131a;border-color:#e8e5d8}.reel-controls .reel-cta:disabled{opacity:.55;cursor:wait}.reel-controls a{margin-left:auto;gap:10px;color:#d4dcd6}.reel-status{min-height:28px;margin-top:8px;font-size:11px;line-height:1.65;color:#bdcecc;text-shadow:0 2px 6px #000}.has-inline-reel .hero-copy{position:relative;left:auto;bottom:auto;margin:35px 5.7% 0;padding-bottom:65px}.has-inline-reel .hero-niho{top:47%;height:43%;z-index:0}.has-inline-reel .hero-shade{z-index:1;background:linear-gradient(180deg,transparent 60%,#010405 100%)}
@media(min-width:701px) and (max-width:1100px){.has-inline-reel{padding-top:145px;min-height:0}.hero-reel{width:73%;margin-left:8%}.has-inline-reel .hero-copy{margin-top:32px;padding-bottom:55px}}
@media(max-width:700px){.has-inline-reel{height:auto;min-height:0;max-height:none;padding-top:143px}.hero-reel{width:90%;margin-left:5%}.reel-label{font-size:11px;margin-bottom:11px}.reel-label span{font-size:9px}.reel-controls{gap:3px 15px;padding:9px 10px}.reel-controls button,.reel-controls a{font-size:10px}.reel-controls .reel-cta{font-size:10px;padding:9px 11px}.reel-controls a{margin-left:0}.reel-status{font-size:10px}.has-inline-reel .hero-copy{width:auto;margin:28px 6% 0;padding-bottom:55px}.has-inline-reel .hero-niho{top:43%;height:47%;left:21%;width:100%}.has-inline-reel .hero-iwa{top:110px}.has-inline-reel .hero-real-photo{opacity:.18}}
@media(prefers-reduced-motion:reduce){.reel-fallback,#reel-player{transition:none}}

/* Accolades lead the film sequence, with readable type beside complete posters. */
.recognition-world{position:relative;isolation:isolate;padding:35px 5.7% 90px}.recognition-heading{margin:0 0 32px}.recognition-world .film-island{position:relative;inset:auto;width:auto!important;z-index:2}.recognition-world .island-caption{margin-top:30px}.recognition-world .island-caption:before{inset:-22px -25px;background:linear-gradient(90deg,#010405e8,#010405c9 75%,#01040500);filter:blur(12px)}.recognition-world .island-caption h3{font-size:clamp(32px,3.4vw,52px);line-height:1.05}.recognition-world .film-role{font-size:clamp(15px,1.3vw,20px);letter-spacing:.025em}.recognition-world .film-honors{font:clamp(18px,1.45vw,22px)/1.4 var(--sans);color:#ece4cf;max-width:540px;margin-top:26px;padding-top:20px;border-top:1px solid #cbbb8759;letter-spacing:0}.recognition-world .film-honors>small{font-size:11px;line-height:1.5;letter-spacing:.12em;color:#b5c2bf;margin-bottom:9px}.recognition-world .film-honors>strong{display:block;font-weight:400;line-height:1.35}.recognition-world .honor-detail{display:block;font-size:clamp(16px,1.15vw,18px);line-height:1.6;color:#bdcbc7;margin-top:10px}.recognition-world .island-caption .text-action{font-size:11px;margin-top:20px;min-height:44px}.recognition-lead{margin:0 4% 115px}.recognition-lead>.film-island{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:13%;align-items:center}.recognition-lead .poster-button{width:100%;max-width:355px;margin:auto}.recognition-lead .island-caption{margin-top:0;max-width:530px}.recognition-lead .island-caption h3{font-size:clamp(48px,5.4vw,82px);text-transform:uppercase}.recognition-lead .film-role{font-size:clamp(18px,1.6vw,24px)}.recognition-lead .film-honors{font-size:clamp(22px,2.15vw,33px)}.recognition-lead .honor-detail{font-size:clamp(16px,1.4vw,21px)}.recognition-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13%;margin:0 6%}.recognition-pair .poster-button{width:88%;max-width:390px;transform:rotate(-1.7deg)}.recognition-pair>.film-island:nth-child(2){margin-top:125px}.recognition-pair>.film-island:nth-child(2) .poster-button{transform:rotate(2deg)}.recognition-pair .island-caption{max-width:440px}.recognition-pair .film-honors{font-size:clamp(21px,1.8vw,28px)}.recognition-niho{left:39%;top:35%;width:73%;height:30%;transform:rotate(-28deg);opacity:.4;z-index:-1}.recognition-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:7%;row-gap:70px;margin-top:150px}.recognition-more .poster-button{max-width:290px;width:90%;transform:rotate(-1.5deg)}.recognition-more>.film-island:nth-child(2){margin-top:75px}.recognition-more>.film-island:nth-child(2) .poster-button{transform:rotate(1.5deg)}.recognition-more .island-caption h3{font-size:clamp(30px,2.6vw,40px)}.recognition-more .film-honors{font-size:clamp(18px,1.4vw,21px)}.remaining-work{padding-top:50px}.remaining-work .more-films{grid-template-columns:repeat(2,minmax(0,1fr));gap:13%;max-width:970px;margin-inline:auto}.remaining-work .more-films .poster-button{max-width:300px;width:80%}.remaining-work .more-films .island-caption h3{font-size:32px}.remaining-work .more-films .film-role{font-size:15px}.film-recognition>h3{font-size:14px}.recognition-record>h4{font-size:18px}.recognition-record li{font-size:16px}.recognition-record>a{font-size:14px;min-height:44px;padding-top:10px}
@media(min-width:701px) and (max-width:1100px){.recognition-lead{margin-inline:2%}.recognition-lead>.film-island{column-gap:10%}.recognition-pair{gap:10%;margin-inline:3%}.recognition-more{grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 10%}.recognition-more>.film-island:last-child{margin-left:15%;margin-top:10px}.recognition-more .poster-button{max-width:280px}.recognition-world .film-honors{font-size:20px}.recognition-lead .film-honors{font-size:26px}.recognition-pair .film-honors{font-size:23px}}
@media(max-width:700px){.recognition-world{padding:30px 6% 65px}.recognition-heading{margin-bottom:28px}.recognition-lead{margin:0 0 80px}.recognition-lead>.film-island{display:block}.recognition-lead .poster-button{width:70%;max-width:350px;margin:0 0 0 5%}.recognition-lead .island-caption{width:94%;margin:30px 0 0 3%}.recognition-world .island-caption h3{font-size:36px}.recognition-lead .island-caption h3{font-size:48px}.recognition-world .film-role{font-size:15px;line-height:1.55;margin-top:10px}.recognition-lead .film-role{font-size:19px}.recognition-world .film-honors{font-size:20px;line-height:1.4;margin-top:23px;padding-top:18px}.recognition-lead .film-honors{font-size:25px}.recognition-world .honor-detail{font-size:16px;line-height:1.6}.recognition-world .film-honors>small{font-size:11px}.recognition-world .island-caption .text-action{font-size:11px;margin-top:18px}.recognition-pair{grid-template-columns:minmax(0,1fr);gap:80px;margin:0}.recognition-pair>.film-island{width:84%!important}.recognition-pair>.film-island:nth-child(2){margin:0 0 0 auto}.recognition-pair .poster-button{width:88%;max-width:370px}.recognition-pair .island-caption{width:100%;margin-top:28px}.recognition-pair .film-honors{font-size:22px}.recognition-niho{left:33%;top:25%;width:135%;height:22%;opacity:.4}.recognition-more{grid-template-columns:minmax(0,1fr);gap:80px;margin:95px 0 0}.recognition-more>.film-island{width:86%!important}.recognition-more>.film-island:nth-child(2){margin:0 0 0 auto}.recognition-more .poster-button{width:78%;max-width:330px}.recognition-more .island-caption{margin-top:27px}.recognition-more .island-caption h3{font-size:34px}.remaining-work{padding-top:25px}.remaining-work .more-films{grid-template-columns:minmax(0,1fr);gap:70px;margin-top:45px}.remaining-work .more-films .film-island{width:86%}.remaining-work .more-films .film-island:nth-child(even){margin:0 0 0 auto}.remaining-work .more-films .poster-button{width:78%;max-width:330px}.remaining-work .more-films .film-role{font-size:15px}.recognition-record li{font-size:16px}}

/* Custom site typography replaces only the selection line; the source PNG remains original. */
.festival-laurel{width:min(100%,430px);margin:28px 0 4px}.festival-laurel svg{display:block;width:100%;height:auto;overflow:visible}

/* The original molten-gold shore returns behind the films, within the ocean world. */
.featured-project{isolation:isolate}
.featured-project:before{content:"";position:absolute;inset:-3% 0 -14%;z-index:-1;pointer-events:none;background:url('/assets/portfolio/volcanic-ocean.webp') left top/100% auto no-repeat;mask-image:linear-gradient(180deg,transparent,#000 8%,#000 69%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 8%,#000 69%,transparent 100%)}
.featured-project .feature-copy:before{content:"";position:absolute;inset:-22px -28px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 35% 46%,#010405c9,#0104057a 50%,transparent 76%);filter:blur(14px)}
.featured-project>.chapter{text-shadow:0 2px 8px #000,0 1px 3px #000}

/* A complete caldera rises above the real photographs; its lava joins the lower currents. */
.field-world{padding-top:calc(var(--w)*.285)}
.field-world:before{content:"";position:absolute;left:0;top:0;width:100%;height:calc(var(--w)*.667);z-index:-2;pointer-events:none;background:url('/assets/portfolio/volcanic-caldera.webp') center top/100% auto no-repeat;mask-image:linear-gradient(180deg,transparent,#000 7%,#000 68%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 7%,#000 68%,transparent 100%)}
.field-world>.section-intro{position:relative;z-index:2;width:fit-content;max-width:100%;text-shadow:0 2px 8px #000,0 1px 3px #000}
.field-world>.section-intro:before{content:"";position:absolute;inset:-20px -30px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#010405df,#01040588 58%,transparent 78%);filter:blur(12px)}
.field-current{top:16%;opacity:.52}
@media(min-width:701px) and (max-width:1100px){.featured-project:before{background-size:auto 100%;background-position:24% top}.field-world{padding-top:calc(var(--w)*.29)}}
@media(max-width:700px){.featured-project:before{inset:-2% 0 -6%;background-size:auto 100%;background-position:left top;mask-image:linear-gradient(180deg,transparent,#000 7%,#000 62%,transparent 96%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 7%,#000 62%,transparent 96%)}.featured-project .feature-copy:before{inset:-16px -18px;background:radial-gradient(ellipse at 35% 45%,#010405d9,#01040588 55%,transparent 78%);filter:blur(10px)}.field-world{padding-top:calc(100vw*.42)}.field-world:before{height:calc(100vw*.667);background-size:100% auto}.field-world>.section-intro:before{inset:-14px -20px}.field-current{top:20%;opacity:.55}}

/* The supplied clean logo replaces the film-ident frame; only its empty black margins are framed out. */
.brand{position:relative;aspect-ratio:799/1034;overflow:hidden}
.brand img{position:absolute;left:0;top:0;width:138.048%;max-width:none;height:auto;transform:translate(-13.5086%,-8.9762%)}
@media(max-width:700px){.site-nav{top:110px}}

/* Warm gold connects the clean emblem and molten coast to the typography. */
:root{--gold:#e6c48a;--gold-light:#f2dbad;--gold-muted:#d0b583;--gold-line:#b89a5d77}
.hero-copy h1{color:var(--gold-light)}
.feature-copy h2,.island-caption h3,.section-intro>h2,.about-panel h2,.film-dialog h2{color:var(--gold)}
.feature-copy h2 span{color:var(--gold-light)}
.chapter,.reel-label,.reel-label span{color:var(--gold-muted)}
.recognition-world .film-honors>strong,.film-recognition>h3{color:var(--gold-light)}
.recognition-world .film-honors>small{color:var(--gold-muted)}
.text-action,.recognition-record>a,.about-bio a,.underlined{color:var(--gold)}
.text-action:hover,.site-nav a:hover,.site-footer a:hover{color:var(--gold-light)}
.text-action,.byline,.recognition-world .film-honors,.dialog-role,.film-recognition,.site-footer,.version-links,.underlined,.about-bio a{border-color:var(--gold-line)}
.poster-button,.field-photo,.reel-screen{outline-color:var(--gold-line)}
.reel-controls{border-color:#b89a5d40}
.reel-controls .reel-cta,.solid-button{background:var(--gold-light);border-color:var(--gold-light);color:#09131a}
.reel-controls .reel-cta:hover,.solid-button:hover{background:#f9e8c8;border-color:#f9e8c8}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--gold-light)}

/* Sampled from the supplied logo's mid/high gold, excluding black and glare. */
:root{--gold:#cb9e58;--gold-light:#d5a962;--gold-muted:#cb9e58;--gold-line:#b4864377}
.reel-controls .reel-cta:hover,.solid-button:hover{background:var(--gold-light);border-color:var(--gold-light)}

/* A shared atmosphere spans the full document instead of ending at a single image tile. */
.site-canvas>main{position:relative;isolation:isolate;background:#030a0e}
.site-canvas>main:before{content:"";position:absolute;inset:0;z-index:-5;pointer-events:none;background-image:linear-gradient(#0104058c,#0104058c),url('assets/continuous-ocean.svg');background-size:100% 100%,100% auto;background-position:center,center top;background-repeat:no-repeat,repeat-y}
.film-world,.more-work,.field-world,.filmmaker-world{background-color:transparent}
.films-environment{background-image:url('assets/continuous-ocean.svg');background-repeat:repeat-y}
.more-work>.section-intro{position:relative;isolation:isolate;width:fit-content;max-width:100%}
.more-work>.section-intro:before{content:"";position:absolute;inset:-20px -30px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#010405e8,#01040599 60%,transparent 80%);filter:blur(12px)}
.filmmaker-world{isolation:isolate}
.about-panel{isolation:isolate}
.about-panel:before{content:"";position:absolute;inset:-24px -30px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#01040522,#010405eb 45%,#010405ef);filter:blur(18px)}
@media(max-width:700px){.site-canvas>main:before{background-size:100% 100%,165% auto;background-position:center,62% top}.more-work>.section-intro:before{inset:-14px -20px}.about-panel:before{inset:-20px -24px;background:#010405e6}}
.recognition-heading{position:relative;isolation:isolate;width:fit-content;max-width:100%}
.recognition-heading:before{content:"";position:absolute;inset:-14px -22px;z-index:-1;pointer-events:none;background:#010405eb;filter:blur(8px)}

/* Additional films use genuine, uncropped promotional stills. */
.recent-films{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4%;margin:62px 0 100px}.recent-films .film-island{position:relative;inset:auto;width:auto}.recent-films .poster-button{width:100%;max-width:none;transform:none}.recent-films .film-still img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#010405}.recent-films .island-caption{margin-top:24px}.recent-films .island-caption h3{font-size:clamp(28px,2.7vw,40px);line-height:1.08}.recent-films .film-role{font-size:14px;line-height:1.6}.recent-films .film-year{font:11px/1.5 var(--sans);letter-spacing:.14em;color:#bca37b;margin-bottom:10px}.recent-films .film-honors{margin-top:21px;font-size:18px}.recent-films .honor-detail{font-size:13px}.recent-films .text-action{font-size:11px}.remaining-work .more-films{row-gap:80px}
@media(max-width:700px){.recent-films{grid-template-columns:minmax(0,1fr);gap:65px;margin:45px 0 80px}.recent-films .film-island{width:100%;max-width:460px}.recent-films .island-caption h3{font-size:34px}.recent-films .film-role{font-size:15px}.recent-films .poster-button{width:100%}}

/* Film alignment pass: shared frames, straight edges, and a consistent spacing scale.
   Full artwork is contained, never cropped or stretched. Other sections are unchanged. */
:root{--film-gap:24px;--film-row-gap:12px;--film-section-gap:80px}
.recognition-world .poster-button,.remaining-work .poster-button{transform:none!important}
.recognition-world .poster-button img,.remaining-work .poster-button:not(.film-still) img{width:100%;height:100%;aspect-ratio:2/3;object-fit:contain;object-position:center top;background:#010405}
.recognition-world .poster-button,.remaining-work .poster-button:not(.film-still){aspect-ratio:2/3}
.recent-films .film-still{aspect-ratio:16/10}
.recent-films .film-still img{width:100%;height:100%;object-fit:contain;object-position:center;background:#010405}
@media(min-width:701px){
 .recognition-pair,.recognition-more,.remaining-work .more-films,.recent-films{column-gap:clamp(24px,5vw,72px);row-gap:12px;margin-inline:0;max-width:none;align-items:stretch}
 .recognition-pair,.remaining-work .more-films{grid-template-columns:repeat(2,minmax(0,1fr))}
 .recognition-more,.recent-films{grid-template-columns:repeat(3,minmax(0,1fr))}
 .recognition-pair>.film-island,.recognition-more>.film-island,.remaining-work .more-films>.film-island,.recent-films>.film-island{display:grid;grid-template-rows:subgrid;grid-row:span 5;gap:12px;width:100%!important;max-width:none;margin:0!important;inset:auto}
 .recent-films>.film-island{grid-row:span 6}
 .recognition-pair .poster-button,.recognition-more .poster-button,.remaining-work .more-films .poster-button,.recent-films .poster-button{grid-row:1;width:100%;max-width:none;margin:0;align-self:start}
 .recognition-pair .island-caption,.recognition-more .island-caption,.remaining-work .more-films .island-caption,.recent-films .island-caption{display:contents}
 .recognition-pair .island-caption:before,.recognition-more .island-caption:before,.remaining-work .more-films .island-caption:before,.recent-films .island-caption:before{display:none}
 .recognition-pair .island-caption h3,.recognition-more .island-caption h3,.remaining-work .more-films .island-caption h3,.recent-films .island-caption h3{grid-row:2;margin:12px 0 0;align-self:start;font-size:clamp(30px,2.6vw,40px);line-height:1.1}
 .recognition-pair .film-role,.recognition-more .film-role,.remaining-work .more-films .film-role,.recent-films .film-role{grid-row:3;margin:0;align-self:start;font-size:15px;line-height:1.6}
 .recognition-pair .film-honors,.recognition-more .film-honors,.remaining-work .more-films .film-honors,.recent-films .film-honors{grid-row:4;margin:8px 0 0;max-width:none;align-self:start;font-size:20px;line-height:1.4}
 .recognition-pair .text-action,.recognition-more .text-action,.remaining-work .more-films .text-action,.recent-films .text-action{grid-row:5;align-self:end;margin:8px 0 0;padding:0;min-height:44px;font-size:11px}
 .recent-films .film-year{grid-row:2;margin:12px 0 0;align-self:start}
 .recent-films .island-caption h3{grid-row:3;margin-top:0}
 .recent-films .film-role{grid-row:4}
 .recent-films .film-honors{grid-row:5}
 .recent-films .text-action{grid-row:6}
 .recognition-pair,.remaining-work .more-films{max-width:970px}
 .recognition-more,.recent-films{margin-top:80px}
 .recent-films{margin-bottom:80px}
 .recognition-pair .poster-button,.remaining-work .more-films .poster-button{max-width:390px}
 .recognition-pair>.film-island,.remaining-work .more-films>.film-island{max-width:390px}
}
@media(min-width:701px) and (max-width:1000px){
 .recognition-more,.recent-films{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}
 .recognition-more>.film-island:nth-child(n+3),.recent-films>.film-island:nth-child(n+3){padding-top:56px}
}
@media(max-width:700px){
 .featured-project,.recognition-world,.remaining-work{padding:32px 6% 64px}
 .featured-project{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;height:auto;min-height:0;max-height:none}
 .featured-project>.chapter{position:static;margin:0;grid-row:1;font-size:10px}
 .featured-project>.jared-poster{position:relative;inset:auto;grid-row:2;width:100%;max-width:none;margin:0;aspect-ratio:2/3;transform:none!important}
 .featured-project>.jared-poster img{width:100%;height:100%;object-fit:contain;object-position:center top;background:#010405}
 .featured-project>.feature-copy{position:relative;inset:auto;grid-row:3;width:100%;margin:0}
 .feature-copy>.eyebrow{display:none}
 .featured-project .feature-copy h2,.featured-project .feature-copy h2 span{font-size:34px;line-height:1.1;margin:0;letter-spacing:0}
 .featured-project .feature-copy h2 br{display:none}
 .featured-project .feature-copy h2 span{margin-left:.18em}
 .featured-project .feature-role{font-size:15px;line-height:1.6;margin-top:12px;letter-spacing:.025em}
 .featured-project .feature-copy>.text-action{margin-top:24px;padding:0;border:0;min-height:44px;font-size:11px}
 .recognition-heading{margin:0 0 32px}
 .recognition-lead,.recognition-pair,.recognition-more,.remaining-work .more-films,.recent-films{display:grid;grid-template-columns:minmax(0,1fr);gap:64px;margin:0;width:100%;max-width:none}
 .recognition-lead{margin-bottom:64px}
 .recognition-more{margin-top:64px}
 .recent-films{margin-top:32px;margin-bottom:64px}
 .remaining-work .more-films{margin-top:0}
 .recognition-world .film-island,.remaining-work .film-island{display:block;width:100%!important;max-width:none;inset:auto;margin:0!important;padding:0}
 .recognition-world .poster-button,.remaining-work .poster-button,.remaining-work .more-films .poster-button{width:100%;max-width:none;margin:0;transform:none!important}
 .recognition-world .island-caption,.remaining-work .island-caption{display:block;width:100%;max-width:none;margin:24px 0 0}
 .recognition-world .island-caption h3,.remaining-work .island-caption h3,.remaining-work .more-films .island-caption h3{font-size:34px;line-height:1.1;margin:0;text-transform:none}
 .recognition-world .film-role,.remaining-work .film-role{font-size:15px;line-height:1.6;letter-spacing:.025em;margin:12px 0 0}
 .recognition-world .film-honors,.remaining-work .film-honors{font-size:20px;line-height:1.4;max-width:none;margin:24px 0 0;padding-top:20px;border-top:1px solid var(--gold-line)}
 .recognition-world .film-honors>small,.remaining-work .film-honors>small{font-size:11px;line-height:1.5;letter-spacing:.12em;margin-bottom:8px}
 .recognition-world .film-honors>strong,.remaining-work .film-honors>strong{display:block;font-weight:400;line-height:1.35;color:var(--gold-light)}
 .recognition-world .honor-detail,.remaining-work .honor-detail{display:block;font-size:15px;line-height:1.6;margin-top:8px}
 .recognition-world .island-caption .text-action,.remaining-work .island-caption .text-action{margin:24px 0 0;padding:0;min-height:44px;font-size:11px}
 .recent-films .film-year{margin:0 0 12px;font-size:11px}
 .recognition-world .festival-laurel{width:100%;max-width:430px;margin:24px 0 0}
}

/* Private preview: expose the original lava coastline above the aligned mobile card.
   Keep the full artwork at viewport width instead of enlarging it behind the poster. */
@media(max-width:700px){
 .featured-project{padding-top:calc(100vw * .5)}
 .featured-project:before{inset:0 0 auto;height:calc(100vw * .667);background-size:100% auto;background-position:center top}
}

/* Comparison preview: reveal only the existing niho/tattoo inlays more clearly. */
.hero-niho{opacity:1}
.recognition-niho{opacity:.96}
.field-niho{opacity:.96}

/* Mobile tatau is a visible foreground band before the reel, not hidden beneath it.
   Reuse the exact approved motif at 2:1, enlarged beyond both viewport edges and softened. */
@media(max-width:700px){
 .has-inline-reel .hero-niho{position:relative;inset:auto;top:auto;left:auto;width:120%;height:auto;aspect-ratio:2/1;margin:0 -10% 24px;transform:none;z-index:6;opacity:.5;background:linear-gradient(120deg,#cb9e58,#e6c48a 48%,#cb9e58);background-blend-mode:normal;mask:url('/assets/niho-mask.svg') center/contain no-repeat;-webkit-mask:url('/assets/niho-mask.svg') center/contain no-repeat;mask-composite:add;-webkit-mask-composite:source-over}
}

/* Opening composition: original logo beneath the tatau, with navigation kept clear. */
.site-header{justify-content:flex-end}
.has-inline-reel{padding-top:70px}
.has-inline-reel .hero-brand{position:relative;z-index:6;width:190px;margin:0 auto 32px}
@media(max-width:700px){
 .site-header{padding:8px 5%}
 .site-nav{top:62px}
 .has-inline-reel{padding-top:32px}
 .has-inline-reel .hero-niho{margin-bottom:28px}
 .has-inline-reel .hero-brand{position:absolute;top:calc(32px + 30vw);left:50%;width:46%;max-width:200px;margin:0;transform:translate(-50%,-50%)}
}

/* Keep the centered mobile logo clear; echo the approved tatau over open lava only. */
@media(max-width:700px){
 .has-inline-reel .hero-niho{mask-image:linear-gradient(90deg,#000 calc(50% - min(24vw,104.4px)),transparent calc(50% - min(21.8vw,94.8px)),transparent calc(50% + min(21.8vw,94.8px)),#000 calc(50% + min(24vw,104.4px))),url('/assets/niho-mask.svg');-webkit-mask-image:linear-gradient(90deg,#000 calc(50% - min(24vw,104.4px)),transparent calc(50% - min(21.8vw,94.8px)),transparent calc(50% + min(21.8vw,94.8px)),#000 calc(50% + min(24vw,104.4px))),url('/assets/niho-mask.svg');mask-size:100% 100%,contain;-webkit-mask-size:100% 100%,contain;mask-composite:intersect;-webkit-mask-composite:source-in}
 .featured-project:after{content:"";position:absolute;top:0;left:-10%;width:120%;height:42vw;z-index:0;pointer-events:none;background:linear-gradient(120deg,#cb9e58,#e6c48a 48%,#cb9e58);opacity:.24;mask:url('/assets/niho-mask.svg') center/100% auto no-repeat;-webkit-mask:url('/assets/niho-mask.svg') center/100% auto no-repeat}
}

/* Keep logo opacity full; screen blending removes its original black image background. */
.has-inline-reel .hero-brand,.has-inline-reel .hero-brand img{opacity:1;mix-blend-mode:normal;filter:none;mask:none;-webkit-mask:none}

.has-inline-reel .hero-brand{mix-blend-mode:screen}

/* Key only near-black into alpha; preserve original RGB and opaque gold, no screen blend. */
.logo-filter-defs{position:absolute;pointer-events:none}
.has-inline-reel .hero-brand{mix-blend-mode:normal}
.has-inline-reel .hero-brand img{opacity:1;mix-blend-mode:normal}