/* Roschabe C: photographs, printed pages and typographic chapters. No global scene. */
.direction-c .reveal{opacity:1!important;transform:none!important;transition:none!important}
.direction-c .cover-desk{position:relative;min-width:0;padding:10px 24px 46px 4px;perspective:1400px}
.direction-c .cover-figure{position:relative;background:#faf9f3;padding:12px;box-shadow:0 12px 22px #292d261a;transform-origin:50% 55%;transform:rotate(-2deg);z-index:1}
.direction-c .cover-figure .editorial-cover{height:475px}
.direction-c .cover-figure figcaption{padding:12px 3px 3px;font-size:7px}
.direction-c .cover-detail{position:absolute;width:36%;max-width:250px;right:0;bottom:8px;padding:10px;background:#fcfaf3;box-shadow:0 9px 18px #292d2633;transform:rotate(7deg);z-index:3}
.direction-c .cover-detail img{height:155px;object-fit:cover;object-position:66% center}
.direction-c .cover-detail figcaption{font-size:7px;line-height:1.6;color:var(--muted);padding:10px 2px 2px}
.direction-c.c-motion-active .cover-figure{transform:translate3d(0,var(--cover-y,0px),0) rotateX(var(--cover-rx,0deg)) rotateY(var(--cover-ry,0deg)) rotateZ(var(--cover-rz,-2deg))}
.direction-c.c-motion-active .cover-detail{transform:translate3d(var(--detail-x,0px),var(--detail-y,0px),70px) rotate(var(--detail-r,7deg));transform-origin:80% 80%}
.direction-c .story-stage{display:none}
.direction-c .photo-essays{display:block}
.direction-c .story-chapters{display:flex;flex-direction:column;gap:70px}
.direction-c .story-chapters .project{margin:0;width:100%;grid-template-columns:1fr 1fr;gap:65px}
.direction-c .chapter-photo{min-width:0}
.direction-c .chapter-photo figcaption{font-size:8px;margin-top:12px;color:var(--muted)}
.direction-c .chapter-photo .photo{max-width:480px}
.direction-c .story-chapters .project-secondary .chapter-photo{order:2}
.direction-c .story-chapters .project-tertiary .chapter-photo{max-width:370px}
.direction-c.c-motion-active .photo-essays{display:grid;grid-template-columns:54% 46%;gap:0;position:relative;align-items:start}
.direction-c.c-motion-active .story-stage{display:block;position:sticky;top:105px;height:580px;margin-right:60px;perspective:1400px;isolation:isolate}
.direction-c .print-deck{position:relative;height:520px}
.direction-c .story-print{position:absolute;top:20px;left:4%;width:92%;max-width:490px;background:#faf9f2;padding:13px;box-shadow:0 8px 18px #292d2626;transform-origin:50% 85%;backface-visibility:hidden}
.direction-c .story-print .photo{height:425px;width:100%;max-width:none;overflow:hidden}
.direction-c .story-print .photo img{height:100%;top:0;object-fit:cover}
.direction-c .story-print figcaption{font-size:8px;padding:13px 3px 3px;line-height:1.8;color:var(--muted)}
.direction-c .story-position{display:flex;gap:8px;align-items:center;font:13px Georgia,serif;padding:15px 15px 0;border-top:1px solid var(--line);margin-top:10px}
.direction-c .story-position>span:first-child{color:var(--red);font-size:23px}
.direction-c .story-position>span:last-child{font:8px Manrope,Arial,sans-serif;letter-spacing:.11em;margin-left:auto;color:var(--muted)}
.direction-c.c-motion-active .story-chapters{gap:0;padding-top:10px}
.direction-c.c-motion-active .story-chapters .project{display:block;min-height:650px;padding:110px 0 120px 25px;width:100%;margin:0}
.direction-c.c-motion-active .story-chapters .project:last-child{min-height:630px;padding-bottom:80px}
.direction-c.c-motion-active .chapter-photo{display:none}
.direction-c.c-motion-active .project-caption{max-width:390px}
.direction-c.c-motion-active .project-caption h3{font-size:clamp(37px,3.5vw,49px)}
.direction-c .founding-composition{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:50px;padding:25px 0 30px;border-bottom:1px solid var(--line);margin-bottom:20px;perspective:1000px}
.direction-c .founding-composition>p{font-size:9px;line-height:2;letter-spacing:.09em;color:var(--muted)}
.direction-c .founding-composition>p>span{font:italic 31px Georgia,serif;letter-spacing:-.03em;display:block;margin-top:16px;color:var(--ink)}
.direction-c .founding-year{font:clamp(130px,20vw,270px)/.85 Georgia,serif;letter-spacing:-.09em;font-weight:400;display:flex;color:var(--ink);padding-right:.1em}
.direction-c .founding-year>span{display:block;transform-origin:center 70%;backface-visibility:hidden}
.direction-c .founding-year>span:last-child{color:var(--red)}
.direction-c .structure-line{position:relative}
.direction-c .structure-line>span{position:relative;padding-bottom:8px}
.direction-c .structure-line>span:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red);transform:scaleX(var(--org-fill,1));transform-origin:left}
.direction-c .structure-line>i{transform:scaleX(var(--org-fill,1));transform-origin:left}
.direction-c .service-score{display:grid;grid-template-columns:25% 75%;gap:0;align-items:start;position:relative}
.direction-c .service-register{position:sticky;top:130px;padding:22px 30px 20px 0;perspective:800px}
.direction-c .service-register>span{font-size:8px;letter-spacing:.1em;color:#c7c9b9;display:block}
.direction-c .service-register>strong{font:italic 115px/1 Georgia,serif;letter-spacing:-.065em;color:#e8ad96;display:block;margin-top:27px;transform-origin:center;backface-visibility:hidden}
.direction-c .service-register>p{font:27px Georgia,serif;margin-top:10px}
.direction-c .service-register>small{font-size:7px;line-height:1.8;color:#b7c0b0;display:block;margin-top:27px;letter-spacing:.05em}
.direction-c .service-table .service-row summary{grid-template-columns:24px 1.3fr 1fr 16px;gap:24px;padding-block:29px}
.direction-c .service-table .service-row h3{font-size:37px}
.direction-c .service-table .service-detail{margin-left:48px;display:block}
.direction-c .service-detail>a{display:inline-block;margin-top:20px}
.direction-c .service-row{position:relative}
.direction-c .service-row:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:#e8ad96;transform:scaleX(var(--service-fill,0));transform-origin:left;pointer-events:none}
.direction-c .service-row.is-current .service-number{color:#e8ad96}
.direction-c .process article{position:relative;border-top:0;padding-top:22px}
.direction-c .process article:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:var(--red);transform:scaleX(var(--process-fill,1));transform-origin:left}
.direction-c .process article>span{display:inline-block;transform:scale(var(--process-scale,1));transform-origin:left bottom;font-size:13px}
.direction-c .contact-note{display:inline-block;padding:24px 25px;background:#e7e2d5;max-width:260px;color:var(--ink);transform:rotate(-7deg);transform-origin:10% 95%;margin:0 0 35px;box-shadow:2px 5px 0 #d3cdbd}
.direction-c .contact-note>span:first-child{font-size:7px;letter-spacing:.1em;display:block}
.direction-c .contact-note>strong{font:italic 29px/1.05 Georgia,serif;display:block;letter-spacing:-.04em;margin-top:17px}
.direction-c .contact-note-arrow{display:block;font:37px Georgia,serif;color:var(--red);line-height:1;margin-top:17px;text-align:right}
.direction-c .contact-heading>div:last-child>p{position:relative}
@media(min-width:1500px){.direction-c.c-motion-active .story-stage{height:650px}.direction-c .print-deck{height:570px}.direction-c .story-print .photo{height:475px}}
@media(max-width:1000px){.direction-c .cover-desk{padding-right:15px}.direction-c .cover-figure .editorial-cover{height:435px}.direction-c .cover-detail img{height:120px}.direction-c.c-motion-active .story-stage{margin-right:38px;height:510px;top:100px}.direction-c .print-deck{height:450px}.direction-c .story-print .photo{height:355px}.direction-c .story-print{padding:10px}.direction-c.c-motion-active .story-chapters .project{min-height:610px;padding-left:15px}.direction-c.c-motion-active .project-caption h3{font-size:37px}.direction-c .service-score{grid-template-columns:23% 77%}.direction-c .service-register>strong{font-size:90px}.direction-c .service-register>p{font-size:22px}.direction-c .service-table .service-row summary{gap:17px;grid-template-columns:19px 1.3fr 1fr 15px}.direction-c .service-table .service-row h3{font-size:32px}.direction-c .service-table .service-detail{margin-left:36px}}
@media(max-width:700px){.direction-c .cover-desk{align-self:flex-end;width:94%;padding:7px 12px 45px 0}.direction-c .cover-figure{width:100%;padding:9px}.direction-c .cover-figure .editorial-cover{height:320px}.direction-c .cover-figure figcaption{font-size:6px;gap:8px}.direction-c .cover-detail{width:40%;padding:7px;bottom:0;right:0}.direction-c .cover-detail img{height:105px}.direction-c .cover-detail figcaption{font-size:6px;padding-top:7px}.direction-c.c-motion-active .photo-essays{display:block}.direction-c.c-motion-active .story-stage{display:none}.direction-c.c-motion-active .story-chapters{display:flex;gap:55px}.direction-c .story-chapters .project,.direction-c.c-motion-active .story-chapters .project,.direction-c.c-motion-active .story-chapters .project:last-child{display:flex;flex-direction:column;gap:26px;min-height:0;padding:0;margin:0;width:100%}.direction-c .chapter-photo,.direction-c.c-motion-active .chapter-photo{display:block;width:88%;padding:9px;background:#faf9f2;box-shadow:0 7px 14px #292d2620;perspective:800px;transform-origin:50% 80%;margin:0 auto 0 0}.direction-c .story-chapters .project-secondary .chapter-photo{order:0;margin-left:auto;margin-right:0}.direction-c .story-chapters .project-tertiary .chapter-photo{width:79%;max-width:370px;margin-left:3%}.direction-c .chapter-photo .photo{height:340px;max-width:none}.direction-c .project-secondary .chapter-photo .photo{height:280px}.direction-c .project-tertiary .chapter-photo .photo{height:255px}.direction-c .chapter-photo figcaption{font-size:7px;padding:0 3px 2px}.direction-c .project-caption,.direction-c.c-motion-active .project-caption{max-width:none;width:100%;padding-left:8%}.direction-c .project-secondary .project-caption{padding:0 8% 0 0}.direction-c .founding-composition{gap:20px;padding:25px 0 30px;margin-bottom:35px;display:block}.direction-c .founding-composition>p{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.04em}.direction-c .founding-composition>p>span{font-size:25px;margin:0}.direction-c .founding-year{font-size:clamp(120px,33vw,215px);margin-top:28px;justify-content:center}.direction-c .structure-line{gap:7px}.direction-c .structure-line>span{font-size:8px}.direction-c .service-score{grid-template-columns:1fr}.direction-c .service-register{position:relative;top:0;display:grid;grid-template-columns:100px 1fr;padding:0 0 25px;gap:7px 20px;align-items:center}.direction-c .service-register>span{grid-column:2;font-size:7px;align-self:end}.direction-c .service-register>strong{grid-column:1;grid-row:1/3;margin:0;font-size:77px}.direction-c .service-register>p{grid-column:2;font-size:24px;margin:0;align-self:start}.direction-c .service-register>small{display:none}.direction-c .service-table .service-row summary{grid-template-columns:23px 1fr 17px;gap:15px;padding-block:24px}.direction-c .service-table .service-row h3{font-size:35px}.direction-c .service-table .service-detail{margin-left:38px}.direction-c .contact-heading>div:last-child{display:block}.direction-c .contact-note{max-width:none;display:flex;gap:17px;align-items:center;padding:17px 20px;margin:5px 0 25px;transform:rotate(-4deg)}.direction-c .contact-note>span:first-child{font-size:6px;max-width:60px;line-height:1.8}.direction-c .contact-note>strong{font-size:24px;margin:0}.direction-c .contact-note-arrow{font-size:36px;margin:0 0 0 auto}.direction-c .contact-heading>div:last-child>p{font-size:11px}}
/* Both user controls and OS preference lead to a complete static composition. */
html.motion-off .direction-c .cover-figure,html.motion-off .direction-c .cover-detail,html.motion-off .direction-c .chapter-photo,html.motion-off .direction-c .founding-year>span,html.motion-off .direction-c .contact-note,html.motion-off .direction-c .service-register>strong{transform:none!important}
html.motion-off .direction-c .structure-line>span:after,html.motion-off .direction-c .structure-line>i,html.motion-off .direction-c .process article:before,html.motion-off .direction-c .process article>span{transform:none!important}
@media(prefers-reduced-motion:reduce){.direction-c .cover-figure,.direction-c .cover-detail,.direction-c .chapter-photo,.direction-c .founding-year>span,.direction-c .contact-note,.direction-c .service-register>strong{transform:none!important}.direction-c .structure-line>span:after,.direction-c .structure-line>i,.direction-c .process article:before,.direction-c .process article>span{transform:none!important}}