/* One hinged panel; simultaneous forward movement, a pause, then a dissolve. */
.door-intro.door-sequence{background:#f5f0e8;transition:none}
.entrance-composition{width:min(540px,62svh,86vw);aspect-ratio:1;position:relative;margin:15px 0 0}
.entrance-camera{position:absolute;inset:0;transform-origin:58% 54%;transform:scale(1);transition:transform 4.6s cubic-bezier(.48,.02,.3,1);will-change:transform}
.entrance-stage{position:absolute;inset:0;perspective:1000px;perspective-origin:58% 48%}
.entrance-scene,.entrance-panel{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}
.entrance-leaf{position:absolute;inset:0;transform-origin:74% 50%;transform-style:preserve-3d;transform:rotateY(0deg);transition:transform 4.6s cubic-bezier(.48,.02,.3,1);will-change:transform}
.entrance-panel{transform:translateZ(.5px);backface-visibility:hidden}
.entrance-edge,.entrance-face-shade{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.entrance-face-shade{transform:translateZ(1px);opacity:0;transition:opacity 4s ease;backface-visibility:hidden}
.door-sequence.is-opening .entrance-leaf{transform:rotateY(-84deg)}
.door-sequence.is-opening .entrance-face-shade{opacity:1}
.door-sequence.is-opening .door-invitation,.door-sequence.is-opening .door-intro-name{opacity:0;transition:opacity .65s ease}
.door-sequence.is-opening .entrance-camera{transform:scale(5.4)}
.door-intro.door-sequence.is-leaving{opacity:0;pointer-events:none;transition:opacity 1.9s cubic-bezier(.4,0,.2,1)}
/* The image shares the text column's top and bottom edges. */
.cinema-home .personal-section{padding-top:55px;padding-bottom:55px;grid-template-columns:1.2fr 1fr;align-items:stretch}
.cinema-home .personal-photo{position:relative;height:auto;aspect-ratio:auto;min-height:330px;max-height:none;align-self:stretch;overflow:hidden}
.cinema-home .personal-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%}
.cinema-home .personal-copy{display:flex;flex-direction:column;align-items:flex-start}
.cinema-home .personal-copy>.eyebrow{margin:0 0 20px}
.cinema-home .personal-copy h2{margin:0 0 22px;font-size:clamp(3rem,4.1vw,4.5rem)}
.cinema-home .personal-copy>.text-link{margin-top:auto;padding-top:8px}
@media(max-width:850px){.entrance-composition{width:min(500px,56svh,88vw);margin-top:55px}.cinema-home .personal-section{padding-top:42px;padding-bottom:42px}.cinema-home .personal-photo{height:auto;aspect-ratio:8/5;min-height:0;max-height:none;margin-bottom:28px}.door-sequence.is-opening .entrance-camera{transform:scale(4.6)}}
@media(max-height:650px) and (min-width:700px){.entrance-composition{width:48svh;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.entrance-camera,.entrance-leaf,.entrance-face-shade,.door-intro.door-sequence.is-leaving{transition:none}.door-sequence.is-opening .entrance-camera{transform:none}}

/* A continuous solid edge joins the arched wooden face to its rear plane. */
.entrance-leaf{--door-depth:clamp(7px,1vw,13px)}
.entrance-solid-edge{position:absolute;height:var(--door-depth);transform-origin:0 0;display:block;background:linear-gradient(180deg,#b18d68 0%,#886347 12%,#513b2c 38%,#886347 88%,#38271c 100%);box-shadow:inset 0 1px #aa8260,inset 0 -1px #38271c;backface-visibility:visible}
.entrance-recess{opacity:.42;transition:opacity 4.6s ease}
.door-sequence.is-opening .entrance-recess{opacity:.25}
.entrance-face-shade{transition-duration:4.6s}
.door-sequence.is-opening .entrance-camera{transition-delay:.15s}

.entrance-door-back{position:absolute;inset:0;display:block;width:100%;height:100%;transform:translateZ(calc(-1 * var(--door-depth)));pointer-events:none}
