.about-page{max-inline-size:720px;margin-inline:auto;padding-block:4rem;padding-inline:var(--app-spacing-lg)}.about-rule{border:none;-webkit-border-before:1px solid var(--jiki);border-block-start:1px solid var(--jiki);opacity:.35;margin-block:4rem}.about-section-label{font-family:monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-block:0 1.5rem}.about-opening{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:start;-webkit-margin-after:2.5rem;margin-block-end:2.5rem}.about-opening__text p{font-size:1.0625rem;line-height:1.75;margin-block:0 1rem;color:var(--ink)}.about-opening__portrait-col{overflow:visible}.about-portrait-wrap{width:160%;-webkit-margin-start:-30%;margin-inline-start:-30%;overflow:visible}.about-story p{font-size:1rem;line-height:1.8;margin-block:0 1.25rem;color:var(--ink)}.about-lyon-figure{margin-block:1.5rem 0;margin-inline:0;border:1px solid var(--rule);padding:6px 6px 0}.about-lyon-img{width:100%;height:auto;display:block}.about-lyon-caption{font-family:monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);text-align:center;padding-block:6px 4px}.about-paris-editorial{overflow:hidden;-webkit-margin-after:1.25rem;margin-block-end:1.25rem}.about-paris-figure{float:right;width:44%;margin:.2rem 0 1rem 2rem;border:1px solid var(--rule);padding:6px 6px 0}.about-paris-img{width:100%;height:auto;display:block}.about-paris-caption{font-family:monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);text-align:center;padding-block:6px 4px}.about-practice{-webkit-margin-after:3.5rem;margin-block-end:3.5rem}.about-practice__label{font-family:monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-block:0 1.25rem}.about-practice p{font-size:1rem;line-height:1.8;margin-block:0 1rem;color:var(--ink)}.about-practice__drawing{width:140%;-webkit-margin-start:-20%;margin-inline-start:-20%;margin-block:2rem;overflow:visible}.about-seam{color:var(--sencha);font-size:1rem;line-height:1.75;margin-block:1.25rem 0}.about-bayt{font-family:var(--font-arabic,serif);font-size:1.25rem;direction:rtl;text-align:right;line-height:2.2;margin-block:1.75rem .5rem;margin-inline:0;padding:0;color:var(--ink);border:none}.about-bayt-translation{font-size:var(--app-font-size-sm);color:var(--ink-muted);font-style:italic;line-height:1.6;margin-block:0 1rem}.about-now__body{font-size:1rem;line-height:1.75;color:var(--ink);margin:0}.about-mark{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;padding-block:2rem 1rem}.about-mark__fermata{display:block;width:72px;height:auto}.about-mark__fermata path{fill:var(--jiki)}.about-mark__text{font-size:var(--app-font-size-sm);color:var(--jiki);font-style:italic;line-height:1.6;margin:0;max-inline-size:36ch}@media (max-width:720px){.about-opening{grid-template-columns:1fr;-webkit-margin-after:0;margin-block-end:0}.about-opening__portrait-col,.about-portrait-wrap{overflow:hidden}.about-portrait-wrap,.about-practice__drawing{width:100%;-webkit-margin-start:0;margin-inline-start:0}.about-practice__drawing{overflow:hidden}.about-paris-figure{float:none;width:100%;margin:1.5rem 0}.about-paris-slot{max-inline-size:100%}}[dir=rtl] .portrait{transform:scaleX(-1)}:lang(ar) .about-mark__text,:lang(ar) .about-now__body,:lang(ar) .about-opening__text p,:lang(ar) .about-practice p,:lang(ar) .about-seam,:lang(ar) .about-story p{font-family:var(--font-arabic,sans-serif);line-height:1.95}