/* Independent mobile review build. Desktop sources and rendering remain unchanged. */
:root{color-scheme:dark;--brown:#29251a;--gold:#afa07a;--cream:#faf5e6}
body{max-width:480px;margin-inline:auto!important}
@media(min-width:481px){.mobile-menu-trigger{right:calc((100vw - 480px)/2 + 12px)!important}.mobile-menu{width:480px!important;left:50%!important;right:auto!important;transform:translateX(-50%)}}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--brown);color:var(--cream);font-family:'Glacial Indifference',sans-serif}button,a,input,select,textarea{-webkit-tap-highlight-color:rgba(175,160,122,.25)}
.mobile-art{position:relative;width:100%;line-height:0}.mobile-art>svg{display:block;width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mobile-menu-trigger{position:fixed;z-index:20;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:44px;height:44px;display:grid;align-content:center;justify-content:center;gap:5px;background:rgba(41,37,26,.88);color:var(--gold);border:1px solid rgba(175,160,122,.7);border-radius:50%;padding:10px;cursor:pointer;box-shadow:0 2px 10px #0002}
.mobile-menu-trigger span{display:block;width:20px;height:1px;background:currentColor}.mobile-menu-trigger:focus-visible,.mobile-menu-close:focus-visible{outline:2px solid var(--cream);outline-offset:4px}
.mobile-menu{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:84px 28px 40px;background:var(--brown);color:var(--cream);overflow:auto}.mobile-menu::backdrop{background:rgba(0,0,0,.5)}
.mobile-menu-close{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:44px;height:44px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);background:transparent;font:30px/1 'Glacial Indifference',sans-serif;cursor:pointer}
.mobile-menu nav{min-height:70%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.mobile-menu a{display:flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;color:var(--cream);text-decoration:none;transition:color 180ms ease,transform 180ms ease}.mobile-menu a[aria-current=page]{color:var(--gold)}.mobile-menu a svg{display:block;height:32px;max-width:100%;overflow:visible}.mobile-menu a svg use{fill:currentColor}.mobile-menu a:hover,.mobile-menu a:focus-visible{color:var(--gold);transform:translateY(-2px);filter:drop-shadow(0 3px 2px #0005);outline:none}.mobile-menu a:focus-visible{outline:1px solid var(--gold);outline-offset:6px}.mobile-menu-rule{width:56px;height:1px;background:var(--gold);margin:12px auto 24px}
.mobile-word{transform-box:fill-box;transform-origin:center;transition:transform 220ms ease,filter 220ms ease}.mobile-art-link{cursor:pointer}.mobile-art-link:hover .mobile-word,.mobile-art-link:focus-visible .mobile-word{transform:scale(1.055);filter:drop-shadow(0 2px 3px #0005)}.mobile-art-link:focus-visible{outline:1px solid var(--gold)}
.mobile-hit{position:absolute;display:block;background:transparent;border:0;padding:0;cursor:pointer}.mobile-hit:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}.mobile-pill{position:absolute;display:block;border-radius:999px;border:1px solid var(--gold);background:var(--gold);color:#fff;transition:transform 220ms ease,background 220ms ease,color 220ms ease}.mobile-pill>span{position:absolute;inset:0;background:currentColor;mask:var(--label) center/100% 100% no-repeat;-webkit-mask:var(--label) center/100% 100% no-repeat;pointer-events:none}.mobile-pill:after{content:'';position:absolute;inset:-14px -4px}.mobile-pill:hover,.mobile-pill:active,.mobile-pill:focus-visible{background:transparent;color:var(--gold);transform:scale(1.045)}.mobile-pill:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
/* Compact form stays within the original photo; overflow remains scrollable. */
.mobile-contact-page main{position:relative}
.mobile-form-container{position:absolute;top:calc(min(100vw,480px)*var(--heading-bottom) + 8px);bottom:12px;left:12px;right:12px;line-height:1.25}
.mobile-form-container .enquiry-panel{position:relative;inset:auto;width:100%;height:auto;max-height:100%;overflow:auto;overscroll-behavior:contain;margin:0;padding:10px;font-size:12px;border-radius:18px}
.mobile-form-container .enquiry-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 10px}
.mobile-form-container .enquiry-fields label{gap:3px;min-width:0}
.mobile-form-container .enquiry-fields input,.mobile-form-container .enquiry-fields select,.mobile-form-container .enquiry-fields textarea{min-height:28px;padding:2px 6px;font-size:16px;max-width:100%}
.mobile-form-container .enquiry-fields textarea{height:40px;min-height:40px}
.mobile-form-container .contact-preference{margin:6px 0;padding:3px 7px}
.mobile-form-container .contact-preference label{min-height:24px;margin-right:6px;gap:3px}
.mobile-form-container .contact-preference input{width:16px;height:16px}
.mobile-form-container .contact-help{margin:2px 0 0;font-size:10px}
.mobile-form-container .form-note{font-size:10px;line-height:1.25;margin:7px 0}
.mobile-form-container .send-enquiry{min-height:28px;padding:3px 20px}
.enquiry-thanks{background:var(--brown);color:var(--cream);border:1px solid var(--gold);max-width:calc(100% - 32px)}
.mobile-portfolio-page{margin:0;position:relative;line-height:0}.mobile-portfolio-page img{display:block;width:100%;height:auto}
.mobile-menu a svg{height:44px}

.mobile-art image,.mobile-art path[fill-opacity="0"]{pointer-events:none}
.film-player{border-radius:14px}.film-player .film-frame,.film-player iframe{min-height:0}.film-play:active{outline:1px solid var(--gold);outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.mobile-word,.mobile-pill,.mobile-menu a{transition:none}.mobile-art-link:hover .mobile-word,.mobile-art-link:focus-visible .mobile-word,.mobile-pill:hover,.mobile-pill:active,.mobile-pill:focus-visible,.mobile-menu a:hover,.mobile-menu a:focus-visible{transform:none}}

/* Final phone form readability pass. */
.mobile-form-container .enquiry-panel{font-size:14px;padding:14px}
.mobile-form-container .enquiry-fields{gap:9px 10px}
.mobile-form-container .enquiry-fields label{gap:4px}
.mobile-form-container .enquiry-fields input,.mobile-form-container .enquiry-fields select{min-height:36px;padding:5px 7px}
.mobile-form-container .enquiry-fields textarea{height:58px;min-height:58px}
.mobile-form-container .contact-preference{padding:7px;margin:10px 0}
.mobile-form-container .contact-preference label{min-height:32px}
.mobile-form-container .contact-help,.mobile-form-container .form-note{font-size:12px;line-height:1.35}
.mobile-form-container .send-enquiry{display:block;margin:12px auto 0;min-height:40px;min-width:110px;font-size:15px}
.mobile-contact-page:has(main h1) .mobile-form-container .enquiry-panel{scrollbar-width:thin;scrollbar-color:var(--gold) transparent}

.mobile-enquiry-page main{min-height:100svh;background:url('/mobile/assets/enquiry-background.svg?v=mobile-final19') center/100% 100% no-repeat}

.mobile-film-page{background:#0c0f0d}

/* Full CRM form: normal page scrolling, with a proportional photo backdrop. */
.mobile-enquiry-page main{position:relative;background-size:cover}
.mobile-enquiry-page main>.mobile-art{position:absolute;inset:0 0 auto;pointer-events:none}
.mobile-enquiry-page .mobile-form-container{position:relative;inset:auto;padding:calc(min(100vw,480px)*var(--heading-bottom) + 12px) 12px 16px;line-height:normal}
.mobile-enquiry-page .mobile-form-container .mobile-pixieset-panel{position:relative;inset:auto;width:100%;height:auto;max-height:none;overflow:visible;overscroll-behavior:auto;margin:0;padding:18px 16px;border:1px solid #9e8b7d;border-radius:22px;background:#fff}
.mobile-pixieset-panel #pixieset-contact-form{width:100%}
.mobile-pixieset-panel iframe{display:block;width:100%;border:0;border-radius:0;min-height:700px}
.mobile-art:has(.mobile-hit[href="mobile/weddings.html"]:is(:hover,:active,:focus-visible)) .mobile-art-link[href="mobile/weddings.html"] .mobile-word{transform:scale(1.055);filter:drop-shadow(0 2px 3px #0005)}
.mobile-art:has(.mobile-hit[href="mobile/love-notes.html"]:is(:hover,:active,:focus-visible)) .mobile-art-link[href="mobile/love-notes.html"] .mobile-word{transform:scale(1.055);filter:drop-shadow(0 2px 3px #0005)}
.mobile-art:has(.mobile-hit[href="mobile/film-gallery.html"]:is(:hover,:active,:focus-visible)) .mobile-art-link[href="mobile/film-gallery.html"] .mobile-word{transform:scale(1.055);filter:drop-shadow(0 2px 3px #0005)}
.mobile-art:has(.mobile-hit[href="mobile/photo-gallery.html"]:is(:hover,:active,:focus-visible)) .mobile-art-link[href="mobile/photo-gallery.html"] .mobile-word{transform:scale(1.055);filter:drop-shadow(0 2px 3px #0005)}
.mobile-art:has(.mobile-hit[href="mobile/pairs-photography-portfolio.html"]:is(:hover,:active,:focus-visible)) .mobile-art-link[href="mobile/pairs-photography-portfolio.html"] .mobile-word{transform:scale(1.055);filter:drop-shadow(0 2px 3px #0005)}
.mobile-art:has(.mobile-hit[href="mobile/woman-photography-portfolio.html"]:is(:hover,:active,:focus-visible)) .mobile-art-link[href="mobile/woman-photography-portfolio.html"] .mobile-word{transform:scale(1.055);filter:drop-shadow(0 2px 3px #0005)}
@media(prefers-reduced-motion:reduce){.mobile-art:has(.mobile-hit:is(:hover,:active,:focus-visible)) .mobile-word{transform:none!important}}