/* v18: the film returns to a personal journal; its pages retain native document flow. */
.film-return-track{display:none}
.film-book-paper{background:#f2ecdf;color:var(--ink)}
.film-book-paper:before{content:"";position:absolute;inset:0 auto 0 0;width:clamp(18px,3.5vw,58px);background:linear-gradient(90deg,#b8a98d66,#e3dac51f 38%,#fff9eb7a 68%,transparent);pointer-events:none}
.film-book-paper:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff9ed8c,inset -8px 0 18px #7c6b4720;pointer-events:none}
.film-book-turn{position:fixed;left:0;top:var(--header-h);width:100%;height:calc(100svh - var(--header-h));z-index:60;visibility:hidden;pointer-events:none;transform-origin:0 50%;backface-visibility:hidden;will-change:transform,opacity;background:linear-gradient(95deg,#c5b89b,#eee5d1 5%,#fbf5e7 19%,#f4ecdc 76%,#d6c8ac);box-shadow:12px 0 32px #3d301f40,-5px 0 14px #fff9e950}
.film-book-turn:after{content:"";position:absolute;top:0;bottom:0;left:47%;width:14%;background:linear-gradient(90deg,transparent,#fffdf334 25%,#8b795d18 63%,transparent);pointer-events:none}
.film-book{--book-paper:#f7f0e4;--book-ink:#4a101d;--book-muted:#79645f;--book-line:#6c4c482e;position:relative;z-index:50;isolation:isolate;color:var(--book-ink);background:var(--book-paper);overflow:visible}
.film-book>[data-book-page]{position:relative;min-width:0;height:auto;max-height:none;overflow:visible;background:var(--book-paper);color:var(--book-ink);border:0;box-shadow:inset 10px 0 18px #8974500b;scroll-margin-top:0}
.film-book>[data-book-page]:before{content:"";position:absolute;left:clamp(10px,1.55vw,28px);top:0;bottom:0;width:9px;background:linear-gradient(90deg,transparent,#86765322 42%,#fffcf180 62%,transparent);pointer-events:none;z-index:1}
.film-book>[data-book-page]:after{content:"";position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;height:1px;background:var(--book-line);box-shadow:0 3px 0 #fffaf077,0 5px 0 #8f806414;pointer-events:none}
.film-book .reveal{opacity:1;transform:none}
.film-book .section-index{color:var(--book-muted);font-size:9px;letter-spacing:1.5px}
.film-book .small-star{color:#79645f}

/* First spread: the real photographs and the existing horizontal journal. */
.film-book .journal{padding-top:52px;overflow:visible}
.film-book .journal .section-index,.film-book .chapter-topline{color:var(--book-muted)}
.film-book .journal-title-row{padding-top:46px;padding-bottom:39px;gap:36px}
.film-book .journal-title-row .display{font-size:clamp(68px,9.3vw,150px);line-height:.94}
.film-book .journal-title-row>p{color:var(--book-muted);font-size:12px;line-height:1.8}
.film-book .gallery-controls button{border-color:#4a101d42;color:var(--book-ink);min-width:44px;min-height:44px}
.film-book .gallery-controls button:disabled{opacity:.28}
.film-book .journal-track{padding-bottom:8px}
.film-book .chapter-caption p{color:var(--book-muted);font-size:12px;line-height:1.8}
.film-book .journal-bottom{color:var(--book-muted);margin-top:30px}
.film-book .journal-meter{background:#4a101d25}
.film-book .journal-meter>span{background:#79645f}
.film-book .journal-signoff{padding-top:58px;padding-bottom:68px}
.film-book .journal-signoff p{font-size:clamp(37px,4.7vw,76px);color:var(--book-ink)}
.film-book .journal-signoff>span{color:var(--book-muted)}
@media(hover:hover){.film-book .gallery-controls button:not(:disabled):hover{background:var(--book-ink);color:var(--book-paper)}}

/* Second spread: complete official marks, with no cards or added brand imagery. */
.film-book .collaborations{padding-top:57px;padding-bottom:74px}
.film-book .collab-heading{padding-top:38px;gap:7vw}
.film-book .collab-heading .display{font-size:clamp(59px,7.4vw,118px);line-height:.95}
.film-book .collab-heading .body-copy{font-size:12px;line-height:1.85;color:var(--book-muted);max-width:270px}
.film-book .brand-wall{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:43px 4%;padding:54px 0 24px}
.film-book .brand-tile{flex:0 1 16%;width:16%;min-height:68px;max-height:none;padding:0;border:0;background:none;box-shadow:none}
.film-book .brand-tile img{height:auto;max-width:150px;object-fit:contain}

/* Last spread: formats, contact details and the full reviewable draft workflow. */
.film-book .contact{padding-top:49px;padding-bottom:72px;background:var(--book-paper)}
.film-book .contact-top{justify-content:flex-start;gap:20px;margin-top:32px;margin-bottom:28px}
.film-book .contact-monogram{width:48px;height:48px}
.film-book .contact-top .eyebrow{max-width:none;color:var(--book-muted);font-size:8px;line-height:1.7}
.film-book .contact-heading h2,.film-book .book-page-heading h2{font-family:var(--serif);font-size:clamp(67px,9.2vw,148px);font-weight:400;line-height:.95;letter-spacing:-.045em;text-align:left;color:var(--book-ink);padding-bottom:12px}
.film-book .book-page-heading{margin-top:35px}
.film-book .contact-arrow{font-size:.34em;margin-left:2vw}
.film-book .collab-invitation{padding-top:30px;margin-top:35px;border-color:var(--book-line)}
.film-book .collab-invitation>.eyebrow{color:var(--book-muted);font-size:8px}
.film-book .invitation-grid{grid-template-columns:.8fr 1.2fr;gap:7vw;margin-top:27px}
.film-book .invitation-grid>.lead{font-size:clamp(39px,4.3vw,67px);line-height:1.04;color:var(--book-ink)}
.film-book .invitation-grid .body-copy{font-size:13px;line-height:1.85;color:var(--book-muted);max-width:560px}
.film-book .collab-formats{margin-top:24px}
.film-book .collab-formats details{border-color:var(--book-line)}
.film-book .collab-formats summary{min-height:48px;font-size:13px;line-height:1.6;padding:16px 0;color:var(--book-ink)}
.film-book .collab-formats details p{font-size:12px;line-height:1.85;color:var(--book-muted)}
.film-book .enquiry-layout{grid-template-columns:.8fr 1.2fr;gap:7vw;padding-top:43px;margin-top:46px;border-color:var(--book-line);scroll-margin-top:20px}
.film-book .enquiry-intro h3{font-size:clamp(42px,4.6vw,70px);line-height:1.01;letter-spacing:-.035em}
.film-book .enquiry-intro>p{font-size:13px;line-height:1.85;color:var(--book-muted);max-width:310px}
.film-book .contact-direct{gap:15px}
.film-book .contact-direct .copy-email{max-width:100%;min-height:44px;gap:12px;font-size:clamp(23px,2.1vw,29px)}
.film-book .copy-email>span{min-width:0;overflow-wrap:anywhere}
.film-book .contact-direct>a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
.film-book .enquiry-form{min-width:0;gap:25px}
.film-book .enquiry-form>label,.film-book .form-row>label{min-width:0;font-size:11px;line-height:1.65}
.film-book .enquiry-form legend{font-size:9px;letter-spacing:1.3px}
.film-book .form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.film-book .kind-options label>span{font-size:11px;min-height:50px;line-height:1.5}
.film-book .enquiry-form input:not([type=radio]),.film-book .enquiry-form select,.film-book .enquiry-form textarea{border-color:var(--book-line)}
.film-book .primary-button,.film-book .secondary-button{min-height:50px}
.film-book .draft-preview{background:#faf6ea;border:1px solid var(--book-line);box-shadow:2px 5px 0 #e0d6bf55;margin-top:43px;scroll-margin-top:20px}
.film-book .draft-top>p,.film-book .draft-note,.film-book .draft-status{color:var(--book-muted)}
.film-book .draft-preview textarea{height:auto;max-height:none;border-color:var(--book-line)}
.film-book .draft-actions{row-gap:14px}
.film-book .download-draft{min-height:44px;display:inline-flex;align-items:center}
.site-footer{background:#eee7d8;border-top:1px solid #6c4c4820}

/* The contact destination is explicit and visible from the first frame. */
.desktop-nav .nav-contact,.header-cta{min-height:44px;padding:11px 18px;border:1px solid #4a101d;border-radius:999px;background:#4a101d;color:#fff9ed;gap:18px;font-size:11px;line-height:1.3;white-space:nowrap;box-shadow:0 1px 0 #260b1212}
.desktop-nav .nav-contact{display:inline-flex;align-items:center}
.desktop-nav .nav-contact>span,.header-cta>span{font-size:17px;line-height:1;transition:transform .2s}
.nav-contact:focus-visible,.header-cta:focus-visible{outline:2px solid #a2784d;outline-offset:4px}
@media(hover:hover){.desktop-nav .nav-contact:hover,.header-cta:hover{background:#6a1b2a;border-color:#6a1b2a}.desktop-nav .nav-contact:hover>span,.header-cta:hover>span{transform:translate(2px,-2px)}}
@media(prefers-reduced-motion:no-preference){.film-ready:not(.motion-off) .film-return-track{display:block;height:140svh;pointer-events:none}}
.motion-off .film-book-turn,.motion-off .film-return-track{display:none!important}

@media(min-width:701px) and (max-width:1000px){
 .film-book .journal-title-row{gap:25px}.film-book .journal-title-row .display{font-size:9vw}.film-book .collab-heading{align-items:flex-start;gap:30px}.film-book .collab-heading .display{font-size:7.4vw}.film-book .collab-heading .body-copy{max-width:210px;margin-top:8px}.film-book .brand-tile{flex-basis:27%;width:27%}.film-book .brand-wall{gap:30px 5%;padding-top:43px}.film-book .enquiry-layout,.film-book .invitation-grid{gap:5vw}.desktop-nav .nav-contact{padding-left:16px;padding-right:16px;gap:13px}
}
@media(max-width:700px){
 .site-header{gap:11px}.site-header .wordmark{min-width:0}.site-header .wordmark>span{font-size:7px;letter-spacing:.65px;max-width:85px}
 .header-cta{display:inline-flex;align-items:center;min-height:44px;padding:10px 13px;gap:11px;font-size:10.5px;flex-shrink:0}
 .header-cta>span{font-size:16px}.menu-toggle{flex-shrink:0}
 .film-book>[data-book-page]:before{left:9px;width:5px;opacity:.7}
 .film-book .section-index{font-size:7px;letter-spacing:1.1px}
 .film-book .journal{padding-top:34px}
 .film-book .journal-title-row{padding-top:31px;padding-bottom:28px;gap:22px 16px}
 .film-book .journal-title-row .display{font-size:19vw;line-height:.94;flex-basis:100%}
 .film-book .journal-title-row>p{font-size:11px;line-height:1.7}
 .film-book .gallery-controls{gap:8px}.film-book .gallery-controls button{width:44px;height:44px;font-size:23px}
 .film-book .chapter-topline{font-size:7px;letter-spacing:.8px}
 .film-book .chapter-caption p{font-size:11px;line-height:1.8}
 .film-book .journal-bottom{font-size:7px;letter-spacing:.7px;margin-top:27px}
 .film-book .journal-signoff{padding-top:43px;padding-bottom:49px}
 .film-book .journal-signoff p{font-size:10.8vw;line-height:1.04}
 .film-book .journal-signoff>span{font-size:7px;line-height:1.8;margin-top:22px}
 .film-book .collaborations{padding-top:36px;padding-bottom:45px}
 .film-book .collab-heading{display:block;padding-top:31px}
 .film-book .collab-heading .display{font-size:14.5vw;line-height:.97}
 .film-book .collab-heading .body-copy{font-size:12px;line-height:1.8;margin-top:23px;max-width:280px}
 .film-book .brand-wall{gap:29px 10%;padding:37px 0 15px}
 .film-book .brand-tile{flex-basis:40%;width:40%;min-height:60px}
 .film-book .brand-tile img{max-height:64px;max-width:100%}
 .film-book .contact{padding-top:34px;padding-bottom:43px}
 .film-book .contact-top{gap:16px;margin-top:26px;margin-bottom:27px;align-items:center}
 .film-book .contact-monogram{width:42px;height:42px}
 .film-book .contact-top .eyebrow{font-size:7px;line-height:1.7;max-width:235px}
 .film-book .contact-heading h2,.film-book .book-page-heading h2{font-size:clamp(48px,14vw,62px);line-height:.96;letter-spacing:-.04em;text-align:left;padding-bottom:5px}
 .film-book .book-page-heading{margin-top:26px}
 .film-book .contact-arrow{font-size:.36em;margin-left:2vw}
 .film-book .collab-invitation{margin-top:29px;padding-top:26px}
 .film-book .collab-invitation>.eyebrow{font-size:7px;line-height:1.7}
 .film-book .invitation-grid{display:block;margin-top:23px}
 .film-book .invitation-grid>.lead{font-size:39px;line-height:1.05}
 .film-book .invitation-grid>.lead+div{margin-top:24px}
 .film-book .invitation-grid .body-copy{font-size:13px;line-height:1.85;max-width:100%}
 .film-book .collab-formats summary{font-size:12px;gap:13px;padding:16px 0;min-height:50px}
 .film-book .collab-formats details p{font-size:12px;line-height:1.85;padding-left:25px;padding-right:10px}
 .film-book .enquiry-layout{display:block;margin-top:36px;padding-top:31px;scroll-margin-top:15px}
 .film-book .enquiry-intro h3{font-size:40px;line-height:1.03;margin-top:21px}
 .film-book .enquiry-intro>p{font-size:13px;line-height:1.85;max-width:300px;margin-top:21px}
 .film-book .contact-direct{gap:13px;margin-top:26px}
 .film-book .contact-direct .copy-email{font-size:clamp(20px,5.7vw,24px);gap:10px;line-height:1.5}
 .film-book .contact-direct>a{font-size:12px}
 .film-book .enquiry-form{margin-top:30px;gap:24px}
 .film-book .enquiry-form>label,.film-book .form-row>label{font-size:11px;line-height:1.65}
 .film-book .enquiry-form legend{font-size:9px;line-height:1.6}
 .film-book .form-row{gap:18px}
 .film-book .kind-options{gap:6px;grid-template-columns:1.2fr .9fr .9fr}
 .film-book .kind-options label>span{font-size:10px;min-height:50px;padding:11px 5px;line-height:1.45}
 .film-book .enquiry-form input:not([type=radio]),.film-book .enquiry-form select,.film-book .enquiry-form textarea{font-size:16px;line-height:1.65;padding-top:12px;padding-bottom:12px}
 .film-book .enquiry-form input::placeholder,.film-book .enquiry-form textarea::placeholder{font-size:12px}
 .film-book .enquiry-form select{min-height:50px}
 .film-book .enquiry-form textarea{min-height:130px}
 .film-book .form-submit-row p{font-size:10px;line-height:1.8}
 .film-book .draft-preview{padding:25px 18px;margin-top:32px;scroll-margin-top:15px}
 .film-book .draft-top h3{font-size:39px;line-height:1.03}
 .film-book .draft-top>p{font-size:12px;line-height:1.85}
 .film-book .draft-preview textarea{font-size:16px;line-height:1.75;min-height:310px;padding:13px}
 .film-book .draft-note,.film-book .draft-status{font-size:11px;line-height:1.8}
 .film-book .draft-actions .primary-button,.film-book .draft-actions .secondary-button{min-height:50px;font-size:11px}
 .film-book .download-draft{font-size:11px}
}
@media(max-width:380px){.site-header .wordmark>span{display:none}.site-header .wordmark{gap:0}.site-header{gap:10px}.header-cta{font-size:10.5px;min-height:44px;padding:10px 13px;gap:11px}}
@media(max-width:350px){.film-book .form-row{gap:14px}.film-book .kind-options label>span{font-size:9px}.film-book .contact-top .eyebrow{max-width:185px}.film-book .invitation-grid>.lead{font-size:36px}.film-book .enquiry-intro h3{font-size:36px}.film-book .draft-top h3{font-size:34px}.film-book .draft-actions{flex-direction:column;align-items:stretch}.film-book .download-draft{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.film-book-turn,.film-return-track{display:none!important}.desktop-nav .nav-contact>span,.header-cta>span{transition:none;transform:none!important}}
.motion-off .desktop-nav .nav-contact>span,.motion-off .header-cta>span{transition:none;transform:none!important}

/* The turned sheet carries a chapter divider, including when scrolling pauses. */
.book-leaf-print{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 9vw;color:#4a101d;gap:25px}
.book-leaf-print img{width:60px;height:60px;object-fit:contain;margin-bottom:8px}
.book-leaf-print>span{font-size:8px;letter-spacing:2px;line-height:1.7}
.book-leaf-print p{font-family:var(--serif);font-size:clamp(48px,7.5vw,112px);line-height:1.02;letter-spacing:-.04em;font-style:italic;margin:5px 0 13px;max-width:900px}
@media(max-width:700px){.book-leaf-print{gap:21px;padding:32px 9vw}.book-leaf-print img{width:46px;height:46px}.book-leaf-print p{font-size:14vw}.book-leaf-print>span{font-size:7px;letter-spacing:1.6px}}
