/* One centred reading flow with photographs inside the sentences. */
.company-main.manifesto-flow{max-width:1220px;padding:48px 5% 86px}
.manifesto-flow-copy{max-width:1000px;margin:0 auto;text-align:center;font-size:clamp(28px,3.15vw,44px);line-height:1.6;letter-spacing:-.045em;font-weight:500;color:var(--ink,#252620)}
.manifesto-flow-copy h1,.manifesto-flow-copy p,.manifesto-flow-copy blockquote{font:inherit;letter-spacing:inherit;color:inherit;margin:0 0 48px;padding:0;max-width:none}
.manifesto-flow-copy h1{margin-bottom:48px}
.manifesto-flow-copy img,.manifesto-flow-copy video{display:inline-block;vertical-align:middle;width:3.4em;height:1.6em;object-fit:cover;object-position:center;border-radius:.16em;margin:0 .15em .12em;max-width:100%}
.manifesto-flow-copy blockquote{scroll-margin-top:130px;margin-bottom:32px}
.manifesto-flow-action{text-align:center;margin-top:clamp(44px,6vw,84px)}
.manifesto-explore{display:inline-block;color:var(--ink,#252620);font-size:clamp(40px,4.4vw,62px);font-weight:500;line-height:1.3;letter-spacing:-.045em;text-decoration:none;white-space:nowrap}
.manifesto-explore img{display:inline-block;vertical-align:middle;width:4.1em;height:1.5em;object-fit:cover;object-position:center 40%;border-radius:.25em;margin:0 .12em .08em}
.manifesto-explore:hover span,.manifesto-explore:focus-visible span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}
.manifesto-explore:focus-visible{outline:none}
@media(max-width:740px){
 .company-main.manifesto-flow{padding:30px 6% 56px}
 .manifesto-flow-copy{font-size:clamp(22px,5.8vw,34px);line-height:1.65;letter-spacing:-.04em}
 .manifesto-flow-copy h1,.manifesto-flow-copy p{margin-bottom:32px}
 .manifesto-flow-copy img,.manifesto-flow-copy video{width:3.1em;height:1.5em}
 .manifesto-flow-copy blockquote{margin-bottom:26px}
}

.manifesto-flow-line{display:block}
.manifesto-flow-copy img[src$="blue-hour-portrait.jpg"]{object-position:center 40%}



@media(min-width:741px){.manifesto-flow-line{white-space:nowrap}}

/* Uneven frame shapes follow the photograph, with a stable authored mix. */
.manifesto-flow-copy .manifesto-photo-short{width:3em;height:1.6em;border-radius:.2em}
.manifesto-flow-copy .manifesto-photo-long{width:5.8em;height:1.5em;border-radius:.18em}
.manifesto-flow-copy .manifesto-photo-wide{width:4.4em;height:1.7em;border-radius:.4em}
.manifesto-flow-copy .manifesto-photo-square{width:1.95em;height:1.95em;border-radius:.32em}
.manifesto-flow-copy .manifesto-photo-compact{width:2.5em;height:1.8em;border-radius:.4em}
.manifesto-flow-copy img[src$="rove-pause.jpg"]{object-position:center 40%}
.manifesto-flow-copy img[src$="rove-walk.jpg"]{object-position:center 35%}
.manifesto-flow-copy img[src$="alien-delivery.jpg"]{object-position:center 20%}
/* Four photographs are their own videos, looping muted (Erman 2026-10-14: "manifestoya da video serpiştir"). */
.manifesto-flow-copy video[src$="alien-delivery.mp4"]{object-position:center 20%}
.manifesto-flow-copy video[src$="a350-london.mp4"]{object-position:center 40%}
.manifesto-flow-copy img[src$="diner-taste.jpg"]{object-position:center 35%}
.manifesto-flow-copy img[src$="patchwork-identity.jpg"]{object-position:35% center}
@media(max-width:740px){
 .manifesto-flow-copy .manifesto-photo-long{width:5em}
 .manifesto-flow-copy .manifesto-photo-wide{width:3.8em}
 .manifesto-explore{font-size:clamp(23px,6.8vw,40px);letter-spacing:-.04em}
 .manifesto-explore img{width:2.9em}
}

.manifesto-mobile-order{display:none}
@media(max-width:740px){
 .manifesto-desktop-order{display:none}
 .manifesto-mobile-order{display:inline;white-space:nowrap}
 .manifesto-judgement .manifesto-mobile-order img{width:2.65em}
 .manifesto-leave-out .manifesto-mobile-order img{width:2.45em}
}

/* Scroll reading (manifesto-motion.js): a sentence keeps its open-layout lines while its photographs open. */
.manifesto-flow-line.is-frozen{white-space:nowrap}
/* Until manifesto-motion.js has run (it stands right after the manifesto), the stylesheet stands in for it;
   manifesto.html head marks the page. Above 740px the title fits and a line never wraps, so a photograph left
   out reads exactly as the script's closed state: one space between its words. Below, the script also sizes
   the title and fixes where the lines break, so the manifesto waits for it; should it never run, the text
   appears after two seconds anyway. */
.manifesto-pending.manifesto-reading .manifesto-flow-line img:not(h1 img),.manifesto-pending.manifesto-reading .manifesto-flow-line video:not(h1 video){display:none}
@media(max-width:740px){.manifesto-pending .manifesto-flow-copy>*{animation:manifesto-wait 0s 2s both}}
@keyframes manifesto-wait{from{visibility:hidden}to{visibility:visible}}

/* The page's sky (Erman 2026-10-13: "manifesto sayfasının arkasında komple beyaz starfield olsun"): the product's
   light-theme StarField (variant soft, source-ui.js) across the full width and height of the manifesto, from the
   top of the page (behind the header) to the footer, behind the text. The stars arrive with the page's scripts, so they fade in rather than appear at once. */
.manifesto-main{position:relative}
/* The sky is as wide as the window; with a classic scrollbar 100vw is wider than the page, so the page never scrolls sideways. */
html{overflow-x:hidden}
.manifesto-main>.page-starfield{position:absolute;top:-140px;bottom:0;left:calc(50% - 50vw);width:100vw;pointer-events:none;z-index:0}
.manifesto-main>:not(.page-starfield){position:relative;z-index:1}
.manifesto-main>.page-starfield>*{animation:manifesto-sky-in 1.6s ease-out both}
@keyframes manifesto-sky-in{from{opacity:0}}
@keyframes auth-twinkle{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.4)}}
@media(prefers-reduced-motion:reduce){.manifesto-main>.page-starfield>*{animation:none}}