/* Generous photographs, aligned collections and a visible page-by-page progression. */
body[data-mar-project] { background:#f7f5ef; }
.mar-page { --mar-ink:#2d332d;--mar-muted:#5b6157;--mar-gap:clamp(10px,1.7vw,24px);box-sizing:border-box;color:var(--mar-ink);background:#f7f5ef;padding:calc(var(--header-height,90px) + 55px) 4vw 90px; }
.mar-page * { box-sizing:border-box; }
.mar-page h1,.mar-page h2,.mar-page h3 { font-family:var(--heading-font-font-family);font-weight:400;color:var(--mar-ink); }
.mar-page p { line-height:1.65;margin:0 0 18px; }
.mar-page a { color:inherit;text-underline-offset:5px; }
.mar-page a:focus-visible,.mar-page button:focus-visible { outline:2px solid #384b40;outline-offset:4px; }
.mar-page .mar-eyebrow { font-size:12px;letter-spacing:.08em;line-height:1.5;margin-bottom:22px;color:var(--mar-muted); }
.mar-opening { display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);align-items:center;gap:3.5vw;margin-right:-4vw;padding-bottom:70px; }
.mar-intro h1 { font-size:clamp(44px,4.7vw,68px);line-height:1.08;letter-spacing:-.025em;margin:0 0 28px; }
.mar-intro .mar-lead { font-size:21px;line-height:1.6; }
.mar-intro>p:not(.mar-eyebrow) { max-width:37ch; }
.mar-index { display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px;margin-top:28px; }
.mar-index a { text-decoration:underline; }
.mar-page figure { margin:0; }
.mar-photo { display:block;cursor:zoom-in; }
.mar-photo img { width:100%;height:auto;display:block; }
.mar-crop .mar-photo { position:relative;aspect-ratio:var(--crop-aspect);overflow:hidden; }
.mar-crop .mar-photo img { position:absolute;inset:0 auto auto 0;width:100%;height:auto;transform:translateY(var(--crop-offset)); }
.mar-section { border-top:1px solid #cdd0c5;padding-top:32px;padding-bottom:64px;scroll-margin-top:110px; }
.mar-section-heading { display:grid;grid-template-columns:1fr 2.4fr;gap:5vw;margin-bottom:32px; }
.mar-section-heading h2,.mar-finished h2 { font-size:clamp(32px,3.5vw,48px);line-height:1.18;letter-spacing:-.02em;margin:0 0 20px; }
.mar-section-heading p:not(.mar-eyebrow) { max-width:56ch; }
.mar-cover-subtitle { display:block;font-size:clamp(25px,2.8vw,40px);max-width:28ch;margin-top:10px; }
.mar-covers-grid { display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:var(--mar-gap);align-items:stretch; }
.mar-cover-film { position:relative;min-width:0; }
.mar-cover-film .mar-loop { position:absolute;inset:0; }
.mar-loop-surface { position:relative;height:100%;overflow:hidden;background:#e6e1d5; }
/* Keep the top and original scale; the neighboring photograph sets the bottom crop. */
.mar-loop-surface>img,.mar-loop-surface>video { position:absolute;inset:0 auto auto 0;display:block;width:100%;height:auto; }
.mar-loop-surface>video { opacity:0; }
.mar-loop-surface[data-ready]>video { opacity:1; }
.mar-motion-toggle { position:absolute;z-index:1;right:10px;bottom:10px;min-height:44px;border:1px solid #82877780;background:#f7f5eff0;padding:8px 12px;color:var(--mar-ink);font:inherit;font-size:12px;cursor:pointer; }
.mar-art-heading { display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:36px 0 20px; }
.mar-art-heading h3,.mar-cascade h3 { font-size:clamp(25px,2.5vw,36px);line-height:1.2;margin:0; }
.mar-art-heading p { font-size:13px;color:var(--mar-muted);margin:0; }
.mar-cover-paintings { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mar-gap); }
/* Natural 3:4 on the left; 1:1 and 4:3 on the right, including the shared gutter. */
.mar-paper-examples { display:grid;grid-template-columns:minmax(0,1fr) calc((100% - var(--mar-gap) * 1.75) / 2.3125);gap:var(--mar-gap);align-items:start;margin-bottom:56px; }
.mar-paper-pair { display:grid;gap:var(--mar-gap); }
.mar-cascade { --cascade-width:min(96vw,calc(83svh * 4 / 3));margin:0 -4vw 64px; }
.mar-cascade-wide { --cascade-width:min(96vw,calc(83svh * 16 / 9)); }
.mar-cascade:last-child { margin-bottom:0; }
.mar-cascade-heading { margin:0 4vw 26px; }
.mar-cascade-heading p { font-size:15px;color:var(--mar-muted);max-width:65ch;margin:12px 0 0; }
.mar-cascade-images { display:grid;gap:clamp(18px,2.4vw,42px); }
.mar-cascade-frame { width:var(--cascade-width);margin-left:calc((100% - var(--cascade-width)) * var(--cascade-step));min-width:0; }
.mar-making-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mar-gap); }
.mar-finished { border-top:1px solid #cdd0c5;padding-top:48px;display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;align-items:center; }
.mar-finished p { max-width:40ch; }
.mar-finished a { display:inline-block;margin-top:10px;font-size:15px;text-decoration:underline; }
.mar-page [data-viewer-caption] { display:none; }
.mar-page [hidden] { display:none!important; }
.mar-page .preFade { opacity:1!important;transform:none!important;transition:none!important; }
@media(max-width:900px) { .mar-intro .mar-lead { font-size:18px; }.mar-section-heading { grid-template-columns:1fr 2.6fr;gap:4vw; } }
@media(max-width:700px) {
  .mar-page { padding:130px 4vw 60px; }
  .mar-opening { grid-template-columns:1fr;gap:28px;margin-right:0;padding-bottom:48px; }
  .mar-opening-photo { margin-inline:-4vw; }
  .mar-intro h1 { font-size:48px; }
  .mar-intro>p:not(.mar-eyebrow) { max-width:none; }
  .mar-intro .mar-lead { font-size:21px; }
  .mar-section { padding-top:28px;padding-bottom:44px; }
  .mar-section-heading { grid-template-columns:1fr;gap:0;margin-bottom:24px; }
  .mar-section-heading h2,.mar-finished h2 { font-size:34px; }
  .mar-section-heading .mar-eyebrow { margin-bottom:18px; }
  .mar-motion-toggle { right:6px;bottom:6px;padding:6px 8px;font-size:11px; }
  .mar-art-heading { display:block;margin:28px 0 18px; }.mar-art-heading p { margin-top:12px; }
  .mar-paper-examples { margin-bottom:40px; }
  .mar-cascade { margin-bottom:48px; }
  .mar-cascade-heading { margin-bottom:20px; }
  .mar-finished { grid-template-columns:1fr;gap:24px;padding-top:36px; }
}
/* Reserve the closing photograph's column before its pixels arrive. */
.mar-finished .mar-photo { display:block; }