/* A consistent, quieter presentation for the photography and marketing offer. */
:root{--paper:#f8f7f3;--ink:#142c23;--muted:#4c6055}
body{background:var(--paper)}
.experience-hero{grid-template-columns:1.05fr 1fr;gap:64px;padding:66px 0 44px}
.experience-copy h1{font-size:clamp(58px,6.5vw,90px);line-height:1.04;font-weight:500;letter-spacing:-.068em}
.hero-word{display:inline-block;white-space:nowrap}
.hero-full-stop{position:relative;display:inline-block;width:.34em;text-align:center;letter-spacing:0}
.hero-full-stop::before{content:"";position:absolute;left:50%;bottom:.34em;width:.38em;height:.38em;transform:translateX(-50%);background:url("/assets/maps-pin.webp") center/contain no-repeat;pointer-events:none}
.experience-copy>p{max-width:480px;font-size:17px;line-height:1.7}
.experience-copy .experience-price{margin-top:24px;font-size:15px}
.experience-copy .experience-price b{font-size:20px}
.experience-scroll{margin-top:25px}
.reel-showcase{padding:20px;background:#142c23;border:1px solid #25483a;border-radius:24px;box-shadow:0 26px 70px #142c2317;transform:none}
.reel-top span{color:#d7e6d4;font-size:10px;letter-spacing:.04em}
.reel-stage{border-radius:13px;background:#244536;overflow:hidden}
.reel-caption{padding:6px 5px 0;gap:18px}
.reel-caption p{color:#d6e3d2;font-size:21px;line-height:1.35;letter-spacing:-.035em}
.reel-caption p strong{color:#fff;font-weight:500}
.reel-caption .textlink{color:#dce8d6;border-color:#8ea48d;font-size:11px}
.confidence-strip{padding:27px 0 32px;margin:18px 0 22px}
.confidence-strip strong{font-size:32px;letter-spacing:-.055em}
.confidence-strip span{font-size:13px}
.service-guide{padding:52px 0;border-top:1px solid var(--line)}
.service-copy h2{max-width:880px;font-size:clamp(30px,3.8vw,48px)}
.service-copy p{max-width:900px;font-size:15px;color:var(--muted)}
.service-copy .textlink{font-size:13px;line-height:1.6}
.service-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:30px}
.service-links a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;border:1px solid var(--line);border-radius:10px;font-size:13px;line-height:1.5}
.service-links a:hover,.service-links a[aria-current=page]{background:var(--ink);color:var(--paper)}
@media(max-width:760px){.service-guide{padding:34px 0}.service-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-links a{padding:14px;font-size:12px}}
html[data-view=mobile] .service-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.festive-banner{border-radius:12px;box-shadow:none}
.gallery-section{background:#edf1e8;border-top:1px solid #dbe3d3;border-bottom:1px solid #dbe3d3}
.selected-work{padding-top:65px}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.work-card{padding:30px;background:#fff;border:1px solid #d8e0d2;border-radius:16px;display:flex;flex-direction:column;min-height:330px;position:relative;overflow:hidden}
.work-card:first-child{background:#142c23;color:#f7f6f2;border-color:#142c23}
.work-top{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.1em;font-weight:700;margin-bottom:35px}
.work-top>span:last-child{font-size:24px;font-weight:400;line-height:1}
.work-card h3{font-size:29px;font-weight:500;line-height:1.15;letter-spacing:-.05em;margin-bottom:18px}
.work-card p{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:25px;flex:1}
.work-card:first-child p{color:#c2d3be}
.work-date{font-size:10px;line-height:1.7;margin-bottom:12px;color:#526a5a}
.work-card:first-child .work-date{color:#c2d3be}
.work-card a{font-size:12px;font-weight:600;padding:12px 0 2px;border-top:1px solid #c7d5bf;line-height:1.5}
.work-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:26px}
.work-bottom p{font-size:14px;color:var(--muted);margin:0}
.owner-inbox{order:4;align-self:end;font-size:10px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.selected-work{padding-top:38px}.work-grid{grid-template-columns:1fr;gap:14px}.work-card{min-height:0;padding:26px}.work-top{margin-bottom:25px}.work-card h3{font-size:29px}.work-card h3 br{display:none}.work-date{font-size:12px}.work-card a{font-size:13px;min-height:44px}.work-bottom{align-items:start;flex-direction:column;gap:16px}.work-bottom .btn{width:100%}.owner-inbox{display:block;margin-top:18px}}
html[data-view=mobile] .work-grid{grid-template-columns:1fr}
.section-head h2{font-weight:500;letter-spacing:-.055em}
.tour-preview{border-radius:16px}
.tour-card{border-radius:12px;background:#fbfcf8;box-shadow:0 3px 10px #142c2305}
.tour-card[aria-pressed=true]{outline-color:#285fc5;outline-offset:3px}
.tour-card:hover{box-shadow:0 10px 25px #142c2310}
.sector-brief{padding-top:34px}
.sector-page-link{display:block;margin:18px 0 0;font-size:12px;color:#3a5748;text-decoration:underline;text-underline-offset:5px}
.sector-page-link[hidden]{display:none}
.scope-details{padding:22px 0;border-bottom:1px solid var(--line);margin-top:24px}
.scope-details summary{font-weight:600;font-size:15px}
.scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:28px}
.scope-grid article>span{color:#285fc5;font-size:12px}
.scope-grid h3{font-size:20px;margin:15px 0 12px}
.scope-grid p{font-size:14px;color:var(--muted);margin:0}
.company-panel{padding:70px 0;gap:80px}
.company-panel .booking-promises{align-self:center}
.company-panel h2{font-size:clamp(33px,4.3vw,55px)}
.booking{border-radius:18px;box-shadow:0 12px 50px #142c2305}
.quote{border-radius:18px;background:#142c23}
.quote input,.quote select,.quote textarea{border-color:#69806a;border-radius:7px}
.quote input:focus,.quote select:focus,.quote textarea:focus{border-color:#d2e8be}
.quote a[href="#privacy"]{text-decoration:underline;text-underline-offset:4px}
.quote .quote-email{font-size:13px}
.quote .enquiry-success{padding:19px;border:1px solid #6f9461;border-radius:8px;background:#243e2c;color:#eef8e8;font-size:14px!important}
.form-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
button:disabled{cursor:wait;opacity:.65}
.calendar-day:disabled,#pay-deposit-button:disabled{cursor:default}
.footer:after{content:'Google Maps virtual tours';font-size:11px;line-height:1.8;color:var(--muted);max-width:170px}
@media(max-width:1100px){.experience-hero{gap:35px}.experience-copy h1{font-size:65px}.reel-showcase{padding:16px}.reel-caption p{font-size:19px}}
@media(max-width:760px){.experience-hero{grid-template-columns:1fr;gap:22px;padding:28px 0}.experience-copy h1{font-size:clamp(49px,12vw,72px)}.experience-copy>p{font-size:16px}.reel-showcase{transform:none;padding:13px;border-radius:18px;margin:5px 0}.reel-stage{border-radius:10px}.reel-top{margin-bottom:12px}.reel-top span{font-size:9px}.reel-caption{display:flex;align-items:end}.reel-caption p{font-size:19px;margin-bottom:0}.reel-caption .textlink{font-size:11px;margin:0;max-width:110px}.confidence-strip strong{font-size:22px}.scope-grid{grid-template-columns:1fr;gap:24px}.company-panel{padding:42px 0;gap:25px}.company-panel h2{font-size:37px}.quote-reassurance{margin:22px 0}.footer:after{display:block;margin-top:22px;max-width:none}.sector-brief{padding-top:26px}}
html[data-view=mobile] .experience-hero,html[data-view=mobile] .scope-grid{grid-template-columns:1fr}
html[data-view=mobile] .reel-showcase{transform:none}
@media print{.reel-showcase{box-shadow:none;transform:none}.form-honey{display:none}.company-panel{padding:25px 0}}

.mobile-benefits article>span,.booking-promises article>span{color:#245caa}
.footer .brand,.owner-inbox{min-height:44px;display:inline-flex;align-items:center}
.owner-inbox{padding:12px 0}
@media(max-width:760px){.owner-inbox{align-self:start;margin-top:0}.footer{row-gap:28px}}
.service-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:12px;color:#546158;margin:0 0 22px}
.service-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.service-questions{margin-top:28px}
.service-questions summary{font-weight:600;font-size:16px}
.service-questions p{max-width:760px}

html[data-view=mobile] .experience-copy h1{font-size:clamp(42px,10.7vw,52px)}
html[data-view=mobile] .experience-hero{gap:22px;padding:28px 0}