/* Static director's contact sheet: photo, archival marks and three frames. */
.about-hero.about-contact-sheet{height:auto;aspect-ratio:auto;overflow:hidden;position:relative;background:#0b0c0a;border:1px solid #aa8d4f55;isolation:isolate;--contact-amber:#e5ac58}
.about-contact-sheet::after{display:none}
.contact-stage{position:relative;aspect-ratio:2.65/1;overflow:hidden}
.contact-main-photo{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 49%;filter:grayscale(1)}
.contact-stage::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#090a09 0%,#090a09e8 18%,#090a0990 31%,transparent 53%);pointer-events:none}
.contact-stage::after{content:'';position:absolute;inset:12px 21px 0;border:1px solid #d2b07833;border-bottom:0;z-index:2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.1' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.4}
.contact-topline{position:absolute;z-index:3;left:4.3%;top:6%;width:33%;padding-bottom:8px;border-bottom:1px solid #b5aa8a77;color:#d9d0bd;font:clamp(6px,.65vw,10px)/1.4 Georgia,serif;letter-spacing:.26em;white-space:nowrap}
.contact-topline span{position:absolute;right:-36px;color:var(--contact-amber);font:italic 22px Georgia,serif;top:-6px}
.contact-copy{position:absolute;z-index:3;left:6.1%;top:25%;color:#eee5d6}
.contact-copy h2{font:400 clamp(18px,2.65vw,42px)/1.1 Georgia,serif;letter-spacing:.28em;margin:0}
.contact-gold-rule{display:block;width:27px;height:1px;background:var(--contact-amber);margin:20px 0}
.contact-copy p{font:400 clamp(10px,1.35vw,22px)/1.85 Georgia,serif;letter-spacing:.25em;margin:0}
.contact-tape{display:inline-block;margin-top:clamp(15px,2.5vw,40px);padding:8px 20px;color:#302a20;background:#d1c19f;clip-path:polygon(2% 6%,97% 0,100% 92%,3% 100%,0 64%);font:italic clamp(12px,1.7vw,25px)/1.25 cursive;transform:rotate(-8deg)}
.contact-edge{position:absolute;z-index:3;color:var(--contact-amber);font:clamp(6px,.7vw,11px)/1 monospace;letter-spacing:.1em;writing-mode:vertical-rl}
.contact-edge-left{left:9px;top:34%;transform:rotate(180deg)}.contact-edge-right{right:9px;top:4%}
.contact-signature{position:absolute;z-index:3;right:2.5%;top:40%;writing-mode:vertical-rl;font:italic clamp(17px,2.3vw,36px)/1.1 cursive;color:var(--contact-amber);transform:rotate(9deg) scale(.25);transform-origin:top center}
.contact-strip{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2.2vw,36px);padding:13px 3.5% 10px;border-top:1px solid #b297604d;background:linear-gradient(120deg,#9f7e3012,transparent 60%),#0a0b09}
.contact-strip figure{margin:0;min-width:0}.contact-thumb{position:relative;aspect-ratio:2.8/1;border:1px solid #b8994d38;padding:4px;background:#11120f}
.contact-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}
.contact-selected .contact-thumb{border-color:var(--contact-amber);outline:1px solid #e5ac5855;outline-offset:3px;transform:rotate(-.45deg)}
.contact-check{position:absolute;width:38px;right:-15px;bottom:4px;fill:none;stroke:var(--contact-amber);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.contact-strip figcaption{font:clamp(7px,.8vw,12px)/1.2 monospace;color:var(--contact-amber);letter-spacing:.08em;margin-top:9px}.contact-strip figcaption span{margin-left:8px}.contact-strip time{float:right;font-size:.85em}
@media(max-width:760px){.contact-stage{aspect-ratio:1.65/1}.contact-main-photo{object-position:59% 50%}.contact-topline{left:7%;top:5%;width:52%;font-size:6px;letter-spacing:.13em}.contact-topline span{right:-20px;font-size:15px}.contact-copy{left:8%;top:23%}.contact-copy h2{font-size:20px}.contact-gold-rule{margin:12px 0}.contact-copy p{font-size:10px;line-height:1.85;letter-spacing:.18em}.contact-tape{margin-top:16px;font-size:13px;padding:5px 9px}.contact-signature{right:4%;font-size:20px}.contact-stage::after{inset:8px 13px 0}.contact-edge-left{left:4px}.contact-edge-right{right:4px}.contact-strip{gap:12px;padding:12px 6%}.contact-thumb{aspect-ratio:1.45/1;padding:2px}.contact-check{width:22px;right:-8px}.contact-strip figcaption{font-size:7px}.contact-strip time{display:none}}
@media(max-width:420px){.contact-stage{aspect-ratio:1.45/1}.contact-copy{top:24%}.contact-copy p{font-size:9px}.contact-signature{font-size:18px}.contact-tape{margin-top:12px}.contact-copy h2{font-size:18px}}

/* Keep the studio portrait head visible and frame the new outdoor photograph. */
.contact-strip figure:first-child .contact-thumb img{object-position:50% 33%}
.contact-strip figure:nth-child(3) .contact-thumb img{object-position:50% 0%}
@media(max-width:760px){.contact-strip figure:first-child .contact-thumb img{object-position:50% 50%}}