/* A contained view of the landing page, with the shared media finish. */
.booknooker-walkthrough{width:60vw;margin:0 auto;padding-bottom:120px}
.booknooker-video-heading{margin-bottom:28px}
.booknooker-video-heading h2{font-size:clamp(28px,3.2vw,48px);font-weight:500;line-height:1.06;letter-spacing:-.04em;margin:0}
.booknooker-video-frame{margin:0;width:100%}
.booknooker-video-frame video{display:block;width:100%;height:auto;aspect-ratio:1600/826;object-fit:contain;background:#e7ddb4}
.booknooker-video-frame figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;font-size:11px;line-height:1.5}
.booknooker-video-frame button{appearance:none;border:0;border-bottom:1px solid currentColor;padding:5px 0;background:transparent;color:inherit;font:inherit;cursor:pointer;flex-shrink:0}
.booknooker-video-frame button:focus-visible{outline:1px solid currentColor;outline-offset:5px}
@media(max-width:800px){.booknooker-walkthrough{width:calc(100% - 24px);padding-bottom:72px}.booknooker-video-heading{margin-bottom:24px}.booknooker-video-frame figcaption{font-size:10px;gap:12px}}

.booknooker-design-story{width:60vw;margin:0 auto 100px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4vw}
.booknooker-design-story h2{font-size:clamp(26px,2.5vw,36px);font-weight:500;line-height:1.1;letter-spacing:-.04em;margin:0 0 20px}
.booknooker-design-story p{font-size:17px;line-height:1.55;letter-spacing:-.015em;margin:0}
@media(max-width:800px){.booknooker-design-story{width:calc(100% - 24px);grid-template-columns:1fr;gap:36px;margin-bottom:64px}.booknooker-design-story p{font-size:16px}}

/* Let each part of the UI carry its own part of the story. */
.booknooker-detail{width:80vw;margin:0 auto;padding-bottom:120px}
.booknooker-detail-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:5vw;align-items:start;max-width:1100px;margin:0 auto 36px}
.booknooker-detail-copy h2{font-size:clamp(28px,3.2vw,48px);font-weight:500;line-height:1.06;letter-spacing:-.04em;margin:0}
.booknooker-detail-copy>p{font-size:17px;line-height:1.55;letter-spacing:-.015em;margin:0}
@media(max-width:800px){.booknooker-detail{width:calc(100% - 24px);padding-bottom:72px}.booknooker-detail-copy{grid-template-columns:1fr;gap:20px;margin-bottom:24px}.booknooker-detail-copy>p{font-size:16px}}