/* Invitations live in the story; the magazine itself stays personal. */
.opening-actions{position:absolute;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 var(--gutter);min-height:44px;background:transparent;color:#fff9e9;border:0;pointer-events:auto;text-shadow:0 1px 5px #23180ee6,0 0 14px #23180e66}
.opening-actions .film-enter,.opening-actions .opening-write{position:static;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:44px;padding:0;background:none;color:inherit;border:0;border-radius:0;box-shadow:none;font-size:12px;line-height:1.5;font-weight:400;white-space:nowrap;text-shadow:inherit;text-decoration:none}
.opening-actions .film-enter>span,.opening-actions .opening-write>span{display:inline-block;width:auto;height:auto;border:0;border-radius:0;font-family:var(--sans);font-size:17px;line-height:1;font-style:normal}
.opening-actions .opening-write{font-family:var(--serif);font-size:20px;font-style:italic;gap:13px}
.opening-actions a:focus-visible{outline:2px solid #fff9e9;outline-offset:5px}
@media(hover:hover){.opening-actions a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}}
.story-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-size:11px;line-height:1.5;border-bottom:1px solid currentColor;margin-top:20px;pointer-events:auto;text-shadow:none}
.story-link>span{font-size:20px}.film-chapter-copy .story-link{color:#fff8e8}.film-about-text .story-link{color:var(--ink)}
.film-copy .story-link{margin-top:18px}.film-fallback article a{display:inline-flex;min-height:44px;align-items:center;border-bottom:1px solid var(--line);font-size:12px;margin-top:20px}
.film-room-plane{background:#4a101d}.film-room-plane picture{display:block;width:100%;height:100%}.film-room-plane picture img{display:block;width:100%;height:100%;object-fit:fill}

/* The website and business work lead. The robot workspace is a compact example. */
.film-office{scroll-margin-top:0}
.film-office .tech-details{display:block;max-width:1400px;margin:auto}
.film-office .tech-services-copy{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}
.film-office .tech-services-copy h3{font-size:clamp(54px,5.8vw,88px);margin-top:25px;line-height:.98}
.film-office .tech-services-body>p{font-size:15px;line-height:1.85;max-width:570px;color:var(--film-office-muted)}
.film-office .tech-services{margin-top:23px;gap:0 28px}
.film-office .tech-services li{font-size:12px;padding:12px 0}
.film-office .tech-services-copy .text-link{margin-top:27px;font-size:13px}
.film-office .project-note{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:center;border-left:0;border-top:1px solid var(--film-office-line);padding:25px 0 0;margin:46px 0 0 auto;max-width:730px}
.project-art{aspect-ratio:5/3;overflow:hidden;border:1px solid #eee6d82b;border-radius:4px;background:#283143 url('assets/robot-workspace-v24.webp') center/cover no-repeat}
.project-art canvas{display:block;width:100%;height:100%;max-width:none}
.film-office .project-note .eyebrow{font-size:7px;letter-spacing:1.2px;opacity:.8}
.film-office .project-note h3{font-size:29px;line-height:1.1;letter-spacing:-.015em;margin:11px 0 0}
.film-office .project-note p{font-size:11px;line-height:1.75;margin-top:12px;max-width:480px}
.film-office .project-note .text-link{font-size:10px;min-height:35px;margin-top:7px;gap:18px}
.film-office .project-note .text-link>span{font-size:18px}

/* Partnership copy, authentic marks and the enquiry stay outside the book. */
.work-together{position:relative;background:#f1e7d6;color:#4a101d;padding-top:clamp(65px,9vw,130px);padding-bottom:clamp(55px,7vw,110px);scroll-margin-top:0}
.section-anchor{position:absolute;top:0;left:0;width:1px;height:1px;scroll-margin-top:0}
.work-together .eyebrow{font-size:8px;letter-spacing:1.8px;line-height:1.7;color:#79645f}
.work-intro{max-width:1260px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}
.work-intro h2{font-family:var(--serif);font-weight:400;font-size:clamp(54px,6.5vw,103px);line-height:.98;letter-spacing:-.035em;margin:27px 0}
.work-intro>div>p{font-size:14px;line-height:1.85;max-width:380px;color:#79645f}
.work-text-link{display:inline-flex;align-items:center;gap:25px;min-height:46px;margin-top:18px;border-bottom:1px solid #4a101d45;font-size:12px}
.work-text-link>span{font-size:22px}
.work-together .lens-sketch{margin:22px 0 0;width:230px;height:120px}
.work-together .codex-formats summary{font-size:14px;min-height:73px;padding:18px 0}
.work-together .codex-formats details p{font-size:13px;line-height:1.9;color:#79645f;max-width:470px}
.work-brands{max-width:1260px;margin:70px auto 0;padding:35px 0 0;border-top:1px solid #4a101d30;scroll-margin-top:30px}
.work-brands>.eyebrow{display:block;text-align:center}
.work-brands .brand-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:36px 8%;padding:42px 0 16px;align-items:center;justify-items:center;opacity:1;transform:none}
.work-brands .brand-tile{width:100%;min-height:50px;margin:0;padding:0;background:none;border:0;box-shadow:none;animation:none;opacity:1;transform:none}
.work-brands .brand-tile img{width:100%;max-width:155px;max-height:62px;object-fit:contain}
.work-brands .logo-swissline{filter:none}
.work-process{max-width:1260px;margin:60px auto 0;padding-top:40px;border-top:1px solid #4a101d30;display:grid;grid-template-columns:1fr 1.6fr;gap:7vw;align-items:start}
.work-process h3{font-family:var(--serif);font-weight:400;font-size:clamp(35px,3.4vw,53px);line-height:1.05;letter-spacing:-.025em;margin-top:20px}
.work-process .codex-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.work-process .codex-steps li>span{font-size:7px;line-height:1.5;letter-spacing:1.1px}
.work-process .codex-steps h3{font-family:var(--sans);font-size:13px;line-height:1.6;font-weight:400;letter-spacing:0;margin:15px 0 10px}
.work-process .codex-steps p{font-size:12px;line-height:1.8;color:#79645f}
.work-next{max-width:1260px;display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;margin:45px auto 0}
.work-next a{display:flex;align-items:center;gap:30px;min-height:50px;border-bottom:1px solid #4a101d50;font-size:12px;line-height:1.5}
.work-next a>span{font-size:24px}
.inquiries-intro .copy-email{display:block;min-height:44px;font-size:11px;color:#e2cbb7;margin-top:10px}
.inquiries-intro .copy-status{display:block;color:#e7e3cf;font-size:10px;line-height:1.7}
.site-footer [data-clock]{font-size:7px;letter-spacing:1px;white-space:nowrap;color:#79645f}

@media(max-width:700px){
 .opening-actions{flex-direction:row;align-items:center;gap:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:0 22px;min-height:44px}
 .opening-actions .film-enter{font-size:11px;gap:8px}.opening-actions .opening-write{font-size:17px;gap:8px}.opening-actions .film-enter>span,.opening-actions .opening-write>span{font-size:15px}
 .story-link{font-size:10px;min-height:42px;gap:16px;margin-top:14px}.film-about-text .story-link{font-size:10px;margin-top:13px}
 .film-office{padding-top:55px;padding-bottom:55px}
 .film-office .tech-services-copy{display:block}
 .film-office .tech-services-copy h3{font-size:clamp(45px,12vw,62px);margin:23px 0 26px}
 .film-office .tech-services-body>p{font-size:13px;line-height:1.85;max-width:390px}
 .film-office .tech-services{gap:0 18px;margin-top:18px}.film-office .tech-services li{font-size:11px;padding:11px 0}
 .film-office .tech-services-copy .text-link{font-size:11px;margin-top:23px;gap:16px}
 .film-office .project-note{grid-template-columns:105px minmax(0,1fr);gap:16px;margin-top:32px;padding-top:24px}
 .film-office .project-note h3{font-size:23px;margin-top:9px;line-height:1.05}
 .film-office .project-note p{font-size:10px;line-height:1.7;margin-top:10px}
 .film-office .project-note .eyebrow{font-size:6px;letter-spacing:.8px}
 .film-office .project-note .text-link{font-size:10px;min-height:40px;margin-top:5px}
 .work-together{padding-top:60px;padding-bottom:55px}
 .work-intro{grid-template-columns:1fr;gap:30px}
 .work-intro h2{font-size:clamp(48px,13vw,68px);margin:23px 0}
 .work-intro>div>p{font-size:13px;line-height:1.8;max-width:330px}
 .work-text-link{font-size:11px;margin-top:12px;gap:18px}
 .work-together .lens-sketch{width:185px;height:95px;margin-top:15px}
 .work-together .codex-formats summary{font-size:12px;min-height:61px;gap:13px;padding:13px 0}
 .work-together .codex-formats details>div{padding-left:42px;padding-right:15px}
 .work-together .codex-formats details p{font-size:12px;line-height:1.8}
 .work-brands{margin-top:45px;padding-top:26px}
 .work-brands .brand-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 7%;padding-top:30px}
 .work-brands .brand-tile{min-height:45px}.work-brands .brand-tile img{max-height:46px;max-width:100%}
 .work-process{grid-template-columns:1fr;gap:26px;margin-top:38px;padding-top:30px}
 .work-process h3{font-size:38px;margin-top:18px}
 .work-process .codex-steps{grid-template-columns:1fr;gap:24px}
 .work-process .codex-steps h3{font-size:14px;line-height:1.5;margin:8px 0}.work-process .codex-steps p{font-size:12px}
 .work-next{display:grid;gap:16px;margin-top:30px}.work-next a{font-size:11px;gap:20px;justify-content:space-between}
 .site-footer [data-clock]{display:none}
}
@media(orientation:landscape) and (max-height:540px){.opening-actions{bottom:calc(6px + env(safe-area-inset-bottom,0px));gap:24px;padding-top:0;padding-bottom:0;min-height:44px}.opening-actions .opening-write{font-size:17px}.film-office .project-note{max-width:650px}.film-office .tech-services-copy h3{font-size:52px}}
@media(max-width:350px){.film-office .project-note{grid-template-columns:85px minmax(0,1fr);gap:12px}.film-office .project-note h3{font-size:21px}.opening-actions{padding-left:18px;padding-right:18px;gap:10px}.opening-actions .film-enter{font-size:10px;gap:7px}.opening-actions .opening-write{font-size:16px;gap:7px}.film-office .tech-services-copy .text-link{font-size:10px;gap:12px}}