/* Shared Musafir storybook details across the photography, film, enquiry and team pages. */
.footer-contact{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:0 0 30px;font-size:11px;color:#d6cbb9}
.footer-contact address{font-style:normal;line-height:1.9}
.footer-contact>div{justify-self:end;text-align:right}
.footer-contact>div:first-child{justify-self:start;text-align:left}
.footer-contact a{display:inline-block;margin-top:10px;text-decoration:underline;text-underline-offset:4px}
.footer-contact a.footer-whatsapp{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.whatsapp-contact,.whatsapp-float{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#075e54;color:#fff;border:1px solid #ffffff38;border-radius:999px;text-decoration:none;min-height:48px;padding:13px 19px;font:600 12px/1.4 var(--sans);box-shadow:0 5px 18px #211b1826}
.contact-details>a.whatsapp-contact{align-self:flex-start;gap:10px;margin-bottom:7px}
.whatsapp-float{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:40}
.whatsapp-contact:hover,.whatsapp-float:hover{background:#064b43}
.whatsapp-contact:focus-visible,.whatsapp-float:focus-visible,.footer-whatsapp:focus-visible{outline:3px solid #c6a24a;outline-offset:4px}
.whatsapp-contact svg,.whatsapp-float svg,.footer-whatsapp svg{flex:none}
.opening-active .whatsapp-float,.locked .whatsapp-float,body:has(dialog[open]) .whatsapp-float,body:has(#enquiry-form :focus) .whatsapp-float{visibility:hidden;pointer-events:none}
@media(max-width:650px){.whatsapp-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));padding:12px 16px;font-size:11px}.footer{padding-bottom:100px}}
.service-guide{background:#fffaf1;border-top:1px solid #d8cbb6}
.service-guide-heading{max-width:900px;margin-bottom:50px}
.service-guide-heading .eyebrow{color:#820000}
.service-guide-heading h2{font-size:clamp(44px,5vw,76px);margin:24px 0}
.service-guide-heading h2 em{color:#820000}
.service-guide-heading>p:last-child{max-width:700px;font-size:14px;color:#645d56}
.service-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 50px}
.service-guide-grid article{border-top:1px solid #c7b99e;padding-top:24px}
.service-guide-grid .eyebrow{font-size:8px;color:#927d59}
.service-guide-grid h3{font-size:34px;margin:16px 0}
.service-guide-grid h3 a:hover{color:#820000}
.service-guide-grid article>p:not(.eyebrow){font-size:13px;color:#645d56}
.service-guide-grid .text-link{color:#820000;margin-top:10px}
.service-guide-booking{margin-top:55px;padding-top:30px;border-top:1px solid #c7b99e;display:grid;grid-template-columns:1fr auto;gap:20px 40px;align-items:center}
.service-guide-booking h3{font-size:34px;margin-bottom:16px}
.service-guide-booking p{font-size:13px;color:#645d56}
.service-guide-booking>p{grid-column:1/-1}
.service-guide-booking>p a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){.footer-contact{grid-template-columns:1fr;gap:18px}.footer-contact>div{justify-self:start;text-align:left}.service-guide-grid,.service-guide-booking{grid-template-columns:1fr}.service-guide-heading{margin-bottom:35px}.service-guide-grid h3{font-size:30px}.service-guide-booking>.button{justify-self:start}.service-guide-booking>p{overflow-wrap:anywhere}}
:root{--paper:#fffaf1;--sand:#e9dfcd}
.site-header:not(.over-hero){background:#f7f3ec;border-bottom:1px solid #e0d6c8}
.site-header:not(.over-hero):after{content:'MF / BOOK OF TRUE STORIES';position:absolute;bottom:9px;left:4.5vw;font:7px var(--sans);letter-spacing:.18em;color:#9e8b6c}
.page-about .site-header:after,.page-team .site-header:after{color:#e2c58b}
.desktop-nav a[aria-current]{color:var(--red)}
.nav-enquire{border-color:#b89c60}
.footer{background:#211b18;border-top:6px solid #c6a24a}
.footer-top p{color:#d6b572}
.closing{position:relative;overflow:hidden;background:#820000}
.closing:before{content:none}
.closing:after{content:'A NOTE FOR WHAT COMES NEXT';display:block;font:8px var(--sans);letter-spacing:.2em;color:#d4b676;margin-top:44px}
.closing h2 em{color:#e0c483}
.page-photography,.page-films,.page-enquire,.page-privacy{background:#f6f0e6}
.page-intro{position:relative;padding:105px 6.25vw 90px;background:radial-gradient(#9a8f7914 .7px,transparent .7px),#f6f0e6;background-size:8px 8px;overflow:hidden}
.page-intro:before{content:'MUSAFIR / FIELD NOTES';position:absolute;left:6.25vw;top:35px;font:8px var(--sans);letter-spacing:.19em;color:#927d59}
.page-intro:after{content:'✳';position:absolute;right:5vw;top:90px;font:110px/1 var(--serif);color:#d1b46d55;transform:rotate(-15deg);pointer-events:none}
.page-intro>.eyebrow{color:#9b7d43}
.page-intro h1{font-size:clamp(72px,7.8vw,118px);line-height:.92;letter-spacing:-.04em;margin:30px auto;color:#211b18;max-width:950px}
.page-intro h1 em{color:#820000}
.page-intro>p:last-child{font-size:14px;line-height:1.8;color:#645d56}
.page-photography .collection{padding-top:35px;padding-bottom:115px;background:#e9dfcf}
.page-photography .filters{border-top:1px solid #c7b99e;border-bottom:1px solid #c7b99e}
.page-photography .filters button[aria-pressed=true]{border-color:#820000}
.page-photography .photo-collection{column-gap:32px}
.page-photography .photo-collection figure{background:#fffaf1;padding:10px 10px 16px;box-shadow:3px 7px 17px #52462c1c;margin-bottom:42px;position:relative}
.page-photography .photo-collection figure:nth-child(4n+1){transform:rotate(-1.5deg)}
.page-photography .photo-collection figure:nth-child(4n+2){transform:rotate(1.5deg)}
.page-photography .photo-collection figure:nth-child(4n+3){transform:rotate(-.6deg)}
.page-photography .photo-collection figure:before{content:'';position:absolute;left:calc(50% - 30px);top:-11px;background:#d5c198a6;width:60px;height:22px;transform:rotate(-7deg);z-index:2}
.page-photography .photo-collection figcaption{font-size:9px;padding:15px 4px 0;color:#746656}
.page-photography .collection-note{font:italic 25px var(--serif);color:#745f40}
.page-films .film-feature{padding-top:20px;padding-bottom:85px;background:#e9dfcf}
.page-films .film-poster{border:15px solid #181513;border-bottom-width:22px;box-shadow:0 22px 38px #3d302527;overflow:visible}
.page-films .film-poster:before{content:'';position:absolute;top:-10px;left:8px;right:8px;height:5px;background:repeating-linear-gradient(90deg,#e8dcc94d 0 12px,transparent 12px 28px);z-index:2}
.page-films .film-poster img{overflow:hidden}
.page-films .film-caption{margin-top:42px;border-top:1px solid #c7b99e;padding-top:20px}
.page-films .film-caption h2 em{color:#820000}
.page-films .film-embed{position:relative;width:100%;aspect-ratio:16/9;min-height:200px;background:#181513;border:1px solid #181513;box-shadow:0 22px 38px #3d302527}
.page-films .film-embed iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0}
.page-films .film-caption>.text-link{font-size:11px;white-space:nowrap}
@media(max-width:650px){.page-films .film-embed-feature .film-caption{align-items:flex-start;flex-direction:column;gap:18px}}
.page-films .film-note{padding-top:95px;padding-bottom:115px;position:relative}
.page-films .film-note:before{content:'A NOTE ABOUT THE FILMS';position:absolute;top:33px;left:6.25vw;font:8px var(--sans);letter-spacing:.2em;color:#9b7d43}
.page-films .film-note h2 em{color:#820000}
.page-films .film-note>.text-link{color:#820000}
.page-enquire .enquire-intro{padding-top:95px;padding-bottom:115px;background:radial-gradient(#9a8f7914 .7px,transparent .7px),#f6f0e6;background-size:8px 8px}
.page-enquire .enquire-intro>div>.eyebrow{color:#9b7d43}
.page-enquire .enquire-intro h1{font-size:clamp(72px,7.5vw,112px);line-height:.91;color:#211b18}
.page-enquire .enquire-intro h1 em{color:#820000}
.page-enquire .enquire-photo{background:#fffaf1;padding:11px 11px 32px;box-shadow:3px 9px 22px #51442b20;transform:rotate(-3deg);max-width:420px;position:relative;object-fit:cover}
.page-enquire .enquire-intro form{position:relative;background:#fffaf1;padding:45px 42px 40px;box-shadow:3px 12px 28px #4c3d2620;transform:rotate(.4deg)}
.page-enquire .enquire-intro form:before{content:'';position:absolute;top:-14px;left:calc(50% - 45px);width:90px;height:30px;background:#d4c09aaf;transform:rotate(-6deg)}
.page-enquire .enquire-intro form>.eyebrow{color:#9b7d43}
.page-enquire .faq{background:#e9dfcf}
.page-enquire .faq h2 em{color:#820000}
.page-privacy .page-intro{padding-bottom:65px}
.page-privacy .privacy-copy{background:#fffaf1;max-width:900px;box-shadow:3px 8px 28px #55452d17;padding:50px 65px 70px;margin-bottom:100px;position:relative}
.page-privacy .privacy-copy:before{content:'';position:absolute;left:calc(50% - 45px);top:-15px;width:90px;height:30px;background:#d4c09aaf;transform:rotate(-7deg)}
.page-privacy .privacy-copy h2{color:#820000}
@media(max-width:900px){.page-enquire .enquire-intro{gap:5vw}.page-enquire .enquire-intro form{padding:38px 28px}.page-intro:after{font-size:75px;right:2vw}}
@media(max-width:650px){.site-header:not(.over-hero):after{display:none}.page-intro{padding:85px 24px 65px}.page-intro:before{left:24px;top:25px}.page-intro:after{top:55px;right:-5px;font-size:65px}.page-intro h1{font-size:clamp(62px,13vw,84px)}.page-intro>p:last-child{font-size:12px}.page-photography .collection{padding-top:0;padding-bottom:80px}.page-photography .photo-collection{column-gap:15px}.page-photography .photo-collection figure{padding:6px 6px 11px;margin-bottom:23px}.page-photography .photo-collection figure:before{width:42px;height:17px;left:calc(50% - 21px);top:-8px}.page-photography .photo-collection figcaption{font-size:7px;padding-top:9px}.page-films .film-feature{padding-top:0;padding-bottom:65px}.page-films .film-poster{border-width:8px;border-bottom-width:13px}.page-films .film-caption{margin-top:28px}.page-films .film-note{padding-top:75px;padding-bottom:90px}.page-enquire .enquire-intro{padding-top:70px;padding-bottom:80px}.page-enquire .enquire-intro h1{font-size:75px}.page-enquire .enquire-intro form{padding:38px 24px}.page-privacy .privacy-copy{margin:0 20px 75px;padding:35px 25px 45px}.closing:before{font-size:180px}}