/* Portrait tablets need a photographic composition, not a narrow desktop spread.
   Includes the 1024/1032 px portrait layouts of the large iPad Pro. */
@media(min-width:701px) and (max-width:1100px) and (orientation:portrait) {
  :root {--reading-size:20px;--supporting-size:16px}
  .section-pad {padding-top:90px;padding-bottom:90px}
  .desktop-nav a {font-size:15px;min-height:44px;display:inline-flex;align-items:center}
  .intro-pin {--tablet-photos-top:max(34svh,calc(var(--landing-copy-bottom,400px) + 40px));--tablet-print-height:min(51svh,calc((100vw - 2 * var(--gutter) - 32px) / 1.267),calc(100svh - var(--tablet-photos-top) - 80px))}
  .landing-copy {top:max(114px,10svh)}
  .landing-copy h1 {font-size:clamp(58px,7.2vw,80px);line-height:1.05;white-space:normal}
  .landing-copy h1 br {display:block}
  .landing-copy h1 em {margin-left:0}
  .landing-copy .hero-subline {display:block;max-width:42ch;font-size:19px;line-height:1.5;margin-top:22px}
  .landing-copy .button {float:none;display:flex;width:fit-content;min-height:52px;margin-top:22px;font-size:16px}
  .photo-plane {top:var(--tablet-photos-top);height:var(--tablet-print-height)}
  .plane-a {left:var(--gutter);width:calc(var(--tablet-print-height) * .66667)}
  .plane-b {left:auto;right:var(--gutter);width:calc((var(--tablet-print-height) - 24px) * .6);height:calc((var(--tablet-print-height) - 24px) * .4)}
  .plane-c {left:auto;right:calc(var(--gutter) + 3vw);top:calc(var(--tablet-photos-top) + (var(--tablet-print-height) - 24px) * .4 + 24px);width:calc((var(--tablet-print-height) - 24px) * .4);height:calc((var(--tablet-print-height) - 24px) * .6)}
  .landing-note {font-size:12px}
  .no-js .intro-pin {--landing-copy-bottom:500px}
  .portfolio-intro {display:grid;grid-template-columns:1.15fr 1fr;gap:30px 45px;align-items:end}
  .portfolio-intro>.eyebrow {grid-column:1/-1}
  .portfolio-intro h2 {font-size:clamp(64px,8vw,88px);max-width:none;margin-top:0}
  .portfolio-aside {position:static;max-width:30ch;font-size:18px}
  .region-teaser {font-size:16px}
  .chapter-copy>p:last-child {font-size:18px}
  .album-photo figcaption>span,.memory-print figcaption>span {font-size:15px}
  .memory-heading h2 {font-size:clamp(44px,5.6vw,62px)}
  .memory-cinema .memory-description {font-size:18px!important;line-height:1.6}
  .memory-details .memory-track {grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 45px;padding-top:55px;padding-bottom:55px}
  .memory-details .memory-print:nth-child(n) {grid-column:auto;width:100%;margin-top:0;justify-self:stretch}
  .memory-details .memory-print:nth-child(2) {width:100%;justify-self:stretch}
  .feeling-extra {--portrait-height:min(60svh,calc(100svh - 470px),87vw);left:calc(50% - var(--portrait-height) / 3);top:max(110px,10svh);width:calc(var(--portrait-height) * 2 / 3);height:var(--portrait-height)}
  .feeling-copy {bottom:9%}
  .feeling-copy h2 {font-size:clamp(62px,8.5vw,94px)}
  .feeling-copy h2 br {display:none}
  .feeling-copy h2 em {margin-left:.12em}
  .feeling-caption {font-size:18px}
  .about-statement {font-size:clamp(62px,8vw,90px)}
  .about-bottom {grid-template-columns:1fr 1fr;gap:6%;align-items:center}
  .services-heading {gap:28px 50px}
  .services-heading h2 {font-size:clamp(58px,7vw,78px)}
  .services-heading>p:last-child {max-width:none}
  .service-row {grid-template-columns:26px minmax(0,1fr) minmax(0,1.2fr);gap:24px 30px;align-items:start;padding:52px 0}
  .service-row .row-number {grid-column:1;grid-row:1;font-size:14px}
  .service-row h3 {grid-column:2;grid-row:1;font-size:clamp(38px,4.7vw,52px)}
  .service-row>img {grid-column:3;grid-row:1/3;align-self:center;width:100%}
  .service-row>div {grid-column:2;grid-row:2}
  .service-row div>span {font-size:15px;line-height:1.6}
  .questions {gap:48px}
  .questions h2 {font-size:clamp(44px,5.3vw,58px)}
  .questions summary {font-size:19px;line-height:1.6}
  .closing {height:82vw;min-height:650px;max-height:920px}
  .closing .closing-copy {max-width:50%}
  .closing .closing-copy h2 {font-size:22vw}
  .closing-copy {--eyebrow-size:26px}
  .contact {grid-template-columns:minmax(0,1fr);gap:45px}
  .contact-heading {position:relative;top:auto;max-width:850px}
  .contact h2 {font-size:clamp(58px,7vw,78px)}
  .contact-form-wrap {padding-top:0}
  .contact .field-pair {grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
  .reduced-motion .feeling-extra,.no-js .feeling-extra {left:auto;top:auto;width:100%;height:65svh}
  .reduced-motion .feeling-copy,.no-js .feeling-copy {bottom:auto}
  .reduced-motion .album-chapter,.no-js .album-chapter {min-height:max(1040px,120vw)}
}
@media(min-width:901px) and (max-width:1100px) and (orientation:portrait) {
  .chapter-copy {top:14%}
  .chapter-copy h3 {font-size:8.2vw}
  .chapter-one .photo-main,.chapter-three .photo-main {width:40vw;left:30%;top:27%}
  .chapter-one .photo-side {width:min(30vw,25svh);left:4%;top:47%}
  .chapter-one .photo-third {width:min(29vw,25svh);right:4%;top:45%}
  .chapter-two .photo-main {width:80vw;left:10%;top:30%}
  .chapter-two .photo-side {width:min(46vw,39svh);left:4%;top:58%}
  .chapter-two .photo-third {width:min(46vw,39svh);right:4%;top:57%}
  .chapter-three .photo-side {width:min(50vw,40svh);left:4%;top:56%}
  .chapter-three .photo-third {width:48vw;right:3%;top:49%}
  .album-nav button {font-size:16px;min-height:48px}
  .album-nav span {font-size:14px}
  .js:not(.reduced-motion) .memory-cinema .memory-track {--print-height:min(60svh,85vw,calc(100svh - 390px))}
  .memory-cinema .memory-print {max-width:86vw}
}