@media (orientation: landscape) and (max-height: 500px) and (min-width: 768px) {
 .fold-landscape .personal-introduction.about-composition {
  height: 100svh;
  padding: 86px 5% 20px;
 }
 .fold-landscape .personal-introduction > .about-heading {
  width: 37%;
  margin-left: auto;
  text-align: left;
 }
 .fold-landscape .personal-introduction .about-heading h2 {
  font-size: clamp(24px, 3.3vw, 34px);
  margin-block: 10px;
  line-height: 1.18;
 }
 .fold-landscape .personal-introduction .about-heading h2 .about-title-line {display:block}
 .fold-landscape .personal-introduction .about-heading > p {
  line-height: 1.55;
  margin-bottom: 10px;
 }
 .fold-landscape .personal-introduction .about-actions {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 5px;
 }
 .fold-landscape .personal-introduction .experience-pill {
  padding: 6px 9px;
  font-size: 11px;
 }
 .fold-landscape .personal-introduction > .portrait-toggle {
  left: 31%;
  width: min(38vw, 66svh);
 }
 .fold-landscape .personal-introduction > .resume-toggle {
  top: 77px; left: 5%; right: auto;
 }
 .fold-landscape .personal-introduction > .career-orbit {
  inset: 130px auto 22px 5%;
  transform: none;
  width: 51%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-template-rows: repeat(2,minmax(0,1fr));
  gap: 8px;
 }
 .fold-landscape .career-orbit .career-glass {
  position: relative;
  inset: auto;
  transform: none !important;
  rotate: none !important;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: 10px 12px;
  gap: 5px;
  border-radius: 12px;
 }
 .fold-landscape .career-orbit .career-glass h3 {font-size: 14px;margin-block: 4px}
 .fold-landscape .career-orbit .career-glass p {font-size: 11px;line-height: 1.3;margin-top: 5px}
 .fold-landscape .career-orbit .career-glass-icon {width: 20px;height: 20px}
 .fold-landscape .career-orbit .career-detail-link span {display:none}
 .fold-landscape .personal-introduction:has(.resume-toggle[aria-expanded="true"]) > .portrait-toggle {opacity:.18}

 .fold-landscape .projects-screen.folder-projects {
  grid-template-columns: minmax(0, 43%) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  column-gap: 5%;
  padding: 84px 5% 68px;
 }
 .fold-landscape .projects-screen > .about-footer {
  left:5%;
  right:auto;
  justify-content:flex-start;
 }
 .fold-landscape .folder-projects .projects-heading {
  align-self:center;
  text-align:left;
 }
 .fold-landscape .folder-projects .projects-heading h2 {
  font-size:clamp(22px,3.3vw,32px);
 }
 .fold-landscape .folder-projects .projects-heading h2 > span {display:block}
 .fold-landscape .reference-folder-stage.reference-folder-grid.project-page-grid {
  width:100%;
  gap:12px 24px;
 }
 .fold-landscape .project-page-grid .project-page-stack {inset:15px 3% 5px}
 .fold-landscape .project-page-grid .page-stack-entry .project-stack-sheet {
  transform:translateY(calc(var(--page-depth) * -4px)) rotateX(-10deg) scale(calc(1 - var(--page-depth) * .045));
 }
 .fold-landscape .project-page-grid .page-stack-entry .reference-folder-label {
  left:7%;
  right:7%;
  bottom:9px;
  max-width:none;
  box-sizing:border-box;
  padding:9px 7px 3px;
  background:linear-gradient(transparent, #101311d9);
  text-shadow:0 1px 3px #000;
  pointer-events:none;
 }
 .fold-landscape .project-page-grid .reference-folder-label h3 {
  font-size:12px;
  color:#fff;
  margin-bottom:0;
 }
 .fold-landscape .project-page-grid .reference-folder-label p {margin-top:2px;font-size:9px;color:#eee}
 .fold-landscape .project-page-grid .reference-folder-play::before {
  top:40%;
  width:32px;
  height:32px;
 }
 .fold-landscape .project-page-grid .reference-folder-play svg {
  top:40%;
  width:17px;
  height:17px;
 }

 .fold-landscape .perspective-archive .archive-viewport {top:118px}
 .fold-landscape .perspective-archive .archive-scene {top:42%}

 .fold-landscape main > footer #all,
 .fold-landscape .personal-introduction > .about-footer,
 .fold-landscape .projects-screen > .about-footer,
 .fold-landscape #work-collection > .collection-back {display:none!important}

 .fold-landscape .contact-viewer {width:min(820px,92vw);max-height:calc(100svh - 24px)}
 .fold-landscape .contact-glass {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) clamp(110px,17vw,152px);
  grid-template-rows:auto auto auto;
  align-content:center;
  column-gap:clamp(18px,3vw,32px);
  padding:38px clamp(22px,4vw,38px) 28px;
 }
 .fold-landscape .contact-glass > small {grid-area:1 / 1;font-size:9px}
 .fold-landscape .contact-glass h2 {grid-area:2 / 1;margin:10px 0;font-size:clamp(22px,3.1vw,30px)}
 .fold-landscape .contact-location {grid-area:3 / 1;margin:0}
 .fold-landscape .contact-grid {display:contents}
 .fold-landscape .contact-methods {grid-area:1 / 2 / 4 / 3;align-self:center}
 .fold-landscape .contact-method + .contact-method {margin-top:15px}
 .fold-landscape .contact-method > span {margin-bottom:5px}
 .fold-landscape .contact-method a {font-size:clamp(14px,1.8vw,18px)}
 .fold-landscape .contact-method > div {gap:8px;flex-wrap:wrap}
 .fold-landscape .contact-qr {grid-area:1 / 3 / 4 / 4;align-self:center;gap:7px}
 .fold-landscape .contact-qr img {width:100%;height:auto;aspect-ratio:1}
 .fold-landscape .contact-status {grid-column:2 / 4;margin:8px 0 0}
}