/* Shared personal signature beside the existing wordmark. */
.wordmark .brand-byline{display:inline-block;vertical-align:baseline;margin-left:9px;color:var(--rust);font-family:var(--serif);font-size:19px;font-weight:400;font-style:italic;letter-spacing:-.025em;line-height:1.1;white-space:nowrap}
@media(max-width:1150px){.site-header .wordmark .brand-byline{font-size:18px;margin-left:7px}}
@media(max-width:400px){.site-header .nav-shell{gap:12px}.site-header .wordmark{font-size:25px;letter-spacing:.13em}.site-header .wordmark .brand-byline{font-size:17px;margin-left:6px;letter-spacing:-.025em}}

/* Effect 1: a single, gentle entrance as each piece comes into view. */
.motion-pending{opacity:0;transform:translate3d(0,18px,0);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}.motion-pending.is-visible{opacity:1;transform:none}

/* Effect 2: a small zoom inside photographs on devices with a pointer. */
.motion-photo-frame{display:block;overflow:hidden}.motion-photo-frame>img{transition:transform .6s cubic-bezier(.22,1,.36,1)}.hero-picture:hover{transform:none}
@media(hover:hover) and (pointer:fine){.motion-photo:hover .motion-photo-frame>img{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-pending,.motion-pending.is-visible{opacity:1;transform:none;transition:none}.motion-photo-frame>img{transition:none;transform:none!important}.hero-picture{transition:none}}
@media print{.motion-pending{opacity:1;transform:none;transition:none}.motion-photo-frame>img{transform:none!important}}

/* Soft edges across the site; dimensions, colours and composition are retained. */
:root{--radius-photo:16px;--radius-frame:18px;--radius-control:8px;--radius-detail:6px}

main img{border-radius:var(--radius-photo)}
.category-cover,.service-visual,.story-image,.story-photo,.team-portrait,
.work-photo,.cycling-film{border-radius:var(--radius-photo)}
.category-cover>img,.work-photo>img,.cycling-film>video{border-radius:inherit}
.photo-gallery img,.photo-gallery .motion-photo-frame{border-radius:var(--radius-photo)}
.motion-photo-frame{border-radius:var(--radius-photo)}

/* The photographs sit inside a slightly larger, softly framed card. */
.hero-picture,.photo-main,.photo-small,.hero-photo,.album-inset{border-radius:var(--radius-frame)}
.hero-picture img,.hero-picture .motion-photo-frame,
.photo-main img,.photo-small img,.hero-photo img,.album-inset img{border-radius:12px}
.hero-picture{box-shadow:0 6px 22px #263d340d}
.hero-picture:hover{box-shadow:0 9px 27px #263d3418}
.photo-main{box-shadow:0 12px 35px #3f38211a}
.photo-small{box-shadow:0 7px 26px #302a231a}

.btn,.button,.film-play,.mobile-toggle,.menu-toggle,
input:not([type=hidden]),select,textarea{border-radius:var(--radius-control)}
.enquiry-form,.inquiry-form{border-radius:var(--radius-frame)}
.category-symbol,.photo-tag,.tags span{border-radius:var(--radius-detail)}
.tab{border-radius:var(--radius-control) var(--radius-control) 0 0}

.submenu{border-radius:12px;box-shadow:0 10px 28px #1838290d}
.submenu>a,.submenu-toggle{border-radius:var(--radius-detail)}
@media(max-width:1150px){.submenu{box-shadow:none}}

/* Approved wordmark: two understated overlapping strokes, one service line. */
body :is(.site-header,.site-footer) a.wordmark{display:inline-flex;flex-direction:column;align-items:stretch;width:max-content;max-width:100%}
body :is(.site-header,.site-footer) a.wordmark>.brand-row{display:flex;align-items:baseline;gap:9px;max-width:none;margin:0;font:inherit;line-height:1.1;letter-spacing:inherit;white-space:nowrap}
.wordmark .wordmark-name{position:relative;display:inline-flex;line-height:1.1;white-space:nowrap}
.wordmark .brand-give{position:relative;display:inline-block}
.wordmark .brand-give:after{content:"";position:absolute;left:0;right:.13em;bottom:-3px;height:4px;border-bottom:1.5px solid var(--rust);border-radius:0 0 55% 45%}
.wordmark .wordmark-name:after{content:"";position:absolute;left:24%;right:.13em;bottom:-8px;height:3px;border-bottom:1.25px solid var(--green);border-radius:0 0 45% 55%}
.wordmark .brand-row>.brand-byline{margin-left:0}
body :is(.site-header,.site-footer) a.wordmark>.brand-description{display:block;max-width:none;margin-top:17px;font-family:var(--sans);font-size:.54em;font-weight:400;line-height:1.4;letter-spacing:.02em;white-space:nowrap}
@media(max-width:1150px){.site-header .wordmark>.brand-row{gap:7px}}
@media(max-width:400px){.site-header .wordmark>.brand-row{gap:6px}}