.note-page{width:min(1120px,88vw);margin:auto;padding:150px 0 90px}
.note-hero{display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:clamp(45px,8vw,110px);align-items:center;min-height:76vh;padding-bottom:100px;border-bottom:1px solid var(--line)}
.note-poster{position:relative;max-width:400px;margin:auto;transform:rotate(-1.2deg);box-shadow:0 40px 90px rgba(0,0,0,.28)}
.note-poster::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px rgba(20,20,17,.24);pointer-events:none}
.note-poster img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;filter:saturate(.7) contrast(.96) brightness(.86)}
.note-heading h1{margin-top:24px;font-size:clamp(46px,7vw,86px)}
.original-title{margin-top:14px;color:var(--faint);font:15px/1.5 var(--kai)}
.note-heading blockquote{max-width:650px;margin-top:56px;font-size:clamp(25px,3.2vw,40px);line-height:1.55}
.note-intro{max-width:620px;margin-top:32px;color:var(--body);font-size:14px;line-height:2}
.note-thesis{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;padding:clamp(90px,12vw,150px) 0}
.note-thesis h2{margin-top:22px;font-size:clamp(35px,5vw,62px);font-weight:400;line-height:1.25}
.note-thesis>p:last-child{align-self:end;color:var(--body);font-size:15px;line-height:2}
.personal-note{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;margin:0 0 clamp(100px,14vw,170px);padding:clamp(34px,5vw,62px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.personal-note header{align-self:start}.personal-note h2{max-width:480px;margin-top:22px;font-size:clamp(31px,4vw,48px);font-weight:400;line-height:1.35}.personal-note header>p:last-child{max-width:460px;margin-top:24px;color:var(--faint);font-size:12px;line-height:1.9}
.personal-note-editor label{display:block;margin-bottom:13px;color:var(--accent);font:13px/1 var(--kai)}
.personal-note-editor textarea{display:block;width:100%;min-height:230px;resize:vertical;border:1px solid rgba(220,211,197,.18);border-radius:0;padding:22px;background:rgba(255,255,255,.025);color:var(--ink);font:15px/1.9 var(--song);caret-color:var(--accent)}
.personal-note-editor textarea::placeholder{color:#716b64}.personal-note-editor textarea:focus-visible{outline:1px solid var(--accent);outline-offset:3px}
.personal-note-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px}.personal-note-actions span{color:var(--faint);font:11px/1.6 var(--ui)}.personal-note-actions button{border:0;border-bottom:1px solid rgba(174,184,169,.48);padding:8px 0;background:transparent;color:var(--accent);font:14px/1 var(--kai);cursor:pointer}.personal-note-actions button:active{transform:translateY(1px)}
.lens-list{border-top:1px solid var(--line)}
.lens-entry{display:grid;grid-template-columns:110px .8fr 1.2fr;gap:38px;padding:52px 4px;border-bottom:1px solid var(--line)}
.lens-entry>span{font:15px/1 var(--kai);color:var(--accent)}
.lens-entry h3{font-size:30px;font-weight:400;line-height:1.35}
.lens-entry p{color:var(--body);font-size:14px;line-height:2}
.research-trail{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;margin-top:clamp(100px,14vw,170px);padding:60px;background:rgba(131,145,127,.07)}
.research-trail h2{margin-top:20px;font-size:clamp(32px,4vw,50px);font-weight:400;line-height:1.3}
.research-trail p,.research-trail li{color:var(--body);font-size:13px;line-height:1.9}
.research-trail ul{margin:24px 0 28px;padding-left:1.2em}
.research-trail a{display:inline-block;margin:12px 22px 0 0;border-bottom:1px solid rgba(174,184,169,.4);font:14px/1.7 var(--kai);color:var(--accent)}
.note-pagination{display:grid;grid-template-columns:1fr auto 1fr;margin-top:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.note-pagination a{padding:24px;font:14px/1 var(--kai);color:var(--body)}
.note-pagination a:last-child{text-align:right}

@media(max-width:760px){.note-page{padding-top:120px}
.note-hero,.note-thesis,.personal-note,.research-trail{grid-template-columns:1fr}
.note-hero{gap:48px}
.note-poster{width:min(74vw,310px)}
.note-heading blockquote{margin-top:38px}
.lens-entry{grid-template-columns:1fr;gap:14px;padding:38px 4px}
.research-trail{padding:34px 26px}
.personal-note{gap:40px}.personal-note-actions{align-items:flex-end}.personal-note-actions span{max-width:170px}
.note-pagination a{padding:20px 8px;font-size:12px}
}


/* The page's signature: an annotated contact sheet sourced from each distributor trailer. */
.screen-evidence{padding-bottom:clamp(100px,14vw,170px)}
.evidence-heading{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:end;margin-bottom:52px}
.evidence-heading h2{margin-top:20px;font-size:clamp(38px,4.8vw,59px);font-weight:400;line-height:1.12}
.evidence-heading>p{max-width:500px;color:var(--faint);font-size:13px;line-height:1.9}
.evidence-sheet{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(13px,2vw,26px);align-items:start}
.evidence-still{margin:0}
.evidence-still:nth-child(1){grid-column:1/span 7}
.evidence-still:nth-child(2){grid-column:8/span 5;margin-top:clamp(65px,9vw,120px)}
.evidence-still:nth-child(3){grid-column:2/span 4;margin-top:clamp(24px,5vw,65px)}
.evidence-still:nth-child(4){grid-column:7/span 6;margin-top:clamp(18px,3vw,42px)}
.evidence-still:nth-child(5){grid-column:1/span 5;margin-top:clamp(55px,8vw,105px)}
.evidence-still:nth-child(6){grid-column:7/span 4;margin-top:clamp(15px,3vw,40px)}
.evidence-still:nth-child(7){grid-column:3/span 7;margin-top:clamp(65px,9vw,120px)}
.evidence-still:nth-child(8){grid-column:9/span 4;margin-top:clamp(16px,4vw,54px);transform:translateY(30%)}
.evidence-image{position:relative;overflow:hidden;background:#151613}
.evidence-still:nth-child(1) .evidence-image{aspect-ratio:1.6}
.evidence-still:nth-child(2) .evidence-image{aspect-ratio:1.14}
.evidence-still:nth-child(3) .evidence-image{aspect-ratio:.96}
.evidence-still:nth-child(4) .evidence-image{aspect-ratio:1.72}
.evidence-still:nth-child(5) .evidence-image{aspect-ratio:1.28}
.evidence-still:nth-child(6) .evidence-image{aspect-ratio:1.05}
.evidence-still:nth-child(7) .evidence-image{aspect-ratio:1.9}
.evidence-still:nth-child(8) .evidence-image{aspect-ratio:1.18}
.evidence-image::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 60px rgba(0,0,0,.38);background:linear-gradient(180deg,transparent 60%,rgba(11,12,10,.35))}
.evidence-image img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(1.02) brightness(.8) blur(.8px);transition:filter 360ms cubic-bezier(.23,1,.32,1)}
.evidence-still:hover img{filter:saturate(.95) contrast(1.04) brightness(.92) blur(0)}
.evidence-still figcaption{max-width:34em;margin-top:12px;color:var(--faint);font:12px/1.8 var(--kai)}
.evidence-still:nth-child(even) figcaption{margin-left:8%}

.note-trailer{width:74%;margin:clamp(60px,8vw,105px) 0 0 auto}
.note-trailer>header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:16px}
.note-trailer h3{margin-top:14px;font-size:clamp(25px,3.4vw,42px);font-weight:400}
.note-trailer>header>p{max-width:250px;color:var(--faint);font:11px/1.7 var(--ui);text-align:right}
.note-trailer-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#080908;border:1px solid rgba(220,211,197,.18)}
.note-trailer-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.note-trailer-frame button{position:absolute;inset:0;width:100%;border:0;cursor:pointer;color:var(--ink);background-position:center;background-size:cover;text-align:left}
.note-trailer-frame button::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,11,9,.78),rgba(10,11,9,.18)),repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 3px 4px)}
.note-trailer-frame button span{position:absolute;z-index:2;left:clamp(24px,5vw,60px);bottom:clamp(24px,5vw,52px);display:flex;align-items:center;gap:18px}
.note-trailer-frame button b{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(231,224,213,.7);border-radius:50%;font:15px/1 var(--ui);transition:transform .3s,background .3s}
.note-trailer-frame button em{font:14px/1 var(--kai);font-style:normal}
.note-trailer-frame button:hover b{transform:scale(1.08);background:rgba(255,255,255,.1)}
.evidence-source{max-width:680px;margin:38px 0 0 auto;color:var(--faint);font-size:10px;line-height:1.9}
.evidence-source a{color:var(--accent);border-bottom:1px solid rgba(174,184,169,.35)}

@media(max-width:760px){.evidence-heading{grid-template-columns:1fr;gap:26px}
.evidence-sheet{display:block}
.evidence-still:nth-child(n){margin:0 0 38px}
.evidence-still:nth-child(2){width:82%;margin-left:auto}
.evidence-still:nth-child(3){width:72%}
.evidence-still:nth-child(4){width:92%;margin-left:auto}
.evidence-still:nth-child(5){width:78%}
.evidence-still:nth-child(6){width:88%;margin-left:auto}
.evidence-still:nth-child(7){width:100%}
.evidence-still:nth-child(8){width:74%;margin-left:auto;transform:none}
.note-trailer{width:100%;margin-top:70px}
.note-trailer>header{display:block}
.note-trailer>header>p{margin-top:14px;text-align:left}
}