.site-header.life-shared-header{box-sizing:border-box;position:absolute;z-index:20;top:0;left:0;right:0;width:100%;height:auto;min-height:97px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0;padding:32px 5%;border:0;border-bottom:0;color:#eeede6;font-family:Arial,Helvetica,sans-serif}
.site-header.life-shared-header.life-header-standalone{position:relative;background:#141715}
.site-header.life-shared-header a{color:#eeede6;text-decoration:none}
.site-header.life-shared-header .wordmark{font-family:Arial,Helvetica,sans-serif!important;font-size:22px!important;font-weight:500!important;line-height:1.15!important;letter-spacing:-.035em!important;white-space:nowrap}
.site-header.life-shared-header .wordmark span{display:block;font:8px/1.3 Arial,Helvetica,sans-serif!important;letter-spacing:.15em!important;margin-top:7px!important}
.site-header.life-shared-header .desktop-nav{display:flex;align-items:center;gap:30px;font:12px/1.5 Arial,Helvetica,sans-serif}
.site-header.life-shared-header .desktop-nav a{padding:9px 0;border-bottom:1px solid transparent;white-space:nowrap}
.site-header.life-shared-header .desktop-nav a:hover,.site-header.life-shared-header .desktop-nav a[aria-current]{border-color:#ccb78e}
.site-header.life-shared-header .life-header-toggle{display:none;border:0;background:transparent;color:inherit;font:12px/1.5 Arial,Helvetica,sans-serif;padding:12px 0}
.life-shared-mobile{position:absolute;z-index:19;top:97px;left:0;right:0;box-sizing:border-box;background:#191e19;color:#eeede6;padding:20px 6% 30px}
.life-shared-mobile[hidden]{display:none!important}
.life-shared-mobile a{display:block;color:#eeede6;text-decoration:none;font:25px/1.3 Georgia,serif;padding:15px 0;border-bottom:1px solid #41463e}
.life-shared-header a:focus-visible,.life-shared-header button:focus-visible,.life-shared-mobile a:focus-visible{outline:2px solid #ccb78e;outline-offset:6px}
@media(max-width:1000px){.site-header.life-shared-header{padding:28px 5%}.site-header.life-shared-header .desktop-nav{gap:22px}}
@media(max-width:760px){.site-header.life-shared-header{padding:23px 6%;height:97px}.site-header.life-shared-header .desktop-nav{display:none}.site-header.life-shared-header .life-header-toggle{display:block}.site-header.life-shared-header .wordmark{font-size:20px!important}.site-header.life-shared-header .wordmark span{font-size:7px!important}}
@media print{.site-header.life-shared-header,.life-shared-mobile{display:none!important}}

/* Life header photography: retain edge fades and shade the lettering locally. */
.home-hero .hero-photo img,
.page-hero .page-hero-image img {
    filter: none !important;
    opacity: 1 !important;
}

.home-hero .hero-photo,
.page-hero .page-hero-image {
    opacity: 1 !important;
}

.home-hero .hero-shade {
    background:
        linear-gradient(90deg, #111611 28%, #111611a6 43%, transparent 69%),
        linear-gradient(0deg, #141715, transparent 33%) !important;
}

.page-hero:not(.journal-hero, .spitfire-story-hero) {
    --life-hero-fade: linear-gradient(90deg, #141a14, #141a14cb 23%, #141a1440 44%, transparent 65%),
        linear-gradient(0deg, #141715, transparent 36%);
}

.page-hero:not(.journal-hero, .spitfire-story-hero):not(:has(img[src*="photography-jandakot"], img[src*="sensei-tea-garden"])) .page-hero-shade {
    background: var(--life-hero-fade) !important;
}

.home-hero .hero-copy,
.page-hero .page-hero-copy {
    text-shadow: 0 1px 4px #101411b3, 0 2px 14px #10141180;
}

.site-header.life-shared-header:not(.life-header-standalone) :is(.desktop-nav, .life-header-toggle) {
    text-shadow: 0 1px 3px #000e, 0 1px 8px #000c;
}

@media (max-width: 760px) {
    .home-hero .hero-shade {
        background:
            linear-gradient(90deg, #111611a0, transparent 76%),
            linear-gradient(0deg, #141715 4%, #141715a8 29%, transparent 64%) !important;
    }

    .page-hero:not(.journal-hero, .spitfire-story-hero) {
        --life-hero-fade: linear-gradient(90deg, #141a1460, transparent 76%),
            linear-gradient(0deg, #141715 2%, #14171580 28%, transparent 61%);
    }
}

/* Match the page colour at the left edge and keep the bottom blend short. */
:root {
    --life-header-edge: #141715;
    --life-header-bottom: linear-gradient(to top, var(--life-header-edge), transparent clamp(34px, 5vw, 64px));
}
.home-hero .hero-shade {
    background: var(--life-header-bottom),
        linear-gradient(90deg, var(--life-header-edge) 28%, #141715a6 43%, transparent 69%) !important;
}
.page-hero:not(.journal-hero, .spitfire-story-hero) {
    --life-hero-fade: var(--life-header-bottom),
        linear-gradient(90deg, var(--life-header-edge), #141715cb 23%, #14171540 44%, transparent 65%);
}
.page-hero.journal-hero .page-hero-shade {
    background: var(--life-header-bottom),
        linear-gradient(90deg, #141715 0%, #141715ed 16%, #141715b8 32%, #14171533 54%, transparent 73%) !important;
}
.page-hero.spitfire-story-hero .page-hero-shade {
    background: var(--life-header-bottom),
        linear-gradient(90deg, #141715, #141715e6 20%, #14171573 40%, transparent 67%) !important;
}
.page-hero:has(img[src*="photography-jandakot"]) .page-hero-shade {
    background: var(--life-header-bottom),
        linear-gradient(90deg, #141715, #141715d9 25%, #14171555 49%, transparent 73%),
        linear-gradient(to bottom, #14171540, transparent 12%) !important;
}
.page-hero:has(img[src*="sensei-tea-garden"]) .page-hero-shade {
    background: var(--life-header-bottom),
        linear-gradient(90deg, #141715cc, #1417151f 67%, transparent) !important;
}
body:has(.aden-photo-fade) .page-hero .page-hero-image {
    mask-image: linear-gradient(90deg, transparent, #000 32%);
}
@media (max-width: 760px) {
    .home-hero .hero-shade {
        background: var(--life-header-bottom),
            linear-gradient(90deg, #141715a0, transparent 76%) !important;
    }
    .page-hero:not(.journal-hero, .spitfire-story-hero) {
        --life-hero-fade: var(--life-header-bottom),
            linear-gradient(90deg, #14171560, transparent 76%);
    }
    body:has(.aden-photo-fade) .page-hero .page-hero-image {
        mask-image: linear-gradient(90deg, #0004, #000 34%);
    }
}

/* Starry Night Stroll */
body:has(.starry-night-verse) .page-hero .page-hero-image {
    inset: 0;
    width: 100%;
}
body:has(.starry-night-verse) .page-hero .page-hero-image img {
    object-position: 75% 42%;
}
body:has(.starry-night-verse) .page-hero .page-hero-shade {
    background: var(--life-header-bottom),
        linear-gradient(to right, #141715 0%, #141715a8 19%, #14171538 37%, transparent 54%) !important;
}
.article-body .starry-night-verse .prose p {
    margin: 0 0 1.3em;
    color: #e6dfd0;
    font: 400 clamp(1.25rem, 2.2vw, 1.7rem)/1.62 var(--serif, Georgia, serif);
}
.article-body .starry-night-verse .prose p:last-child {
    margin-bottom: 0;
}
@media (max-width: 760px) {
    body:has(.starry-night-verse) .page-hero .page-hero-image img {
        object-position: 77% center;
    }
    body:has(.starry-night-verse) .page-hero .page-hero-shade {
        background: var(--life-header-bottom),
            linear-gradient(to right, #141715bd, #14171559 40%, transparent 77%) !important;
    }
}

/* Arion’s Universe */
body:has(.arion-intro) .page-hero .page-hero-image {
    inset: 0;
    width: 100%;
}
body:has(.arion-intro) .page-hero .page-hero-image img {
    object-position: 82% 34%;
}
.article-body .prose p.arion-intro {
    color: #e6d9bd;
    font: 400 clamp(1.2rem, 2vw, 1.55rem)/1.56 var(--serif, Georgia, serif);
    padding-bottom: 1.15em;
    margin-bottom: 1.35em;
    border-bottom: 1px solid var(--line, #40493f);
}
@media (max-width: 760px) {
    body:has(.arion-intro) .page-hero .page-hero-image img {
        object-position: 84% center;
    }
}

/* The Monte Carlo Escapade */
.page-hero:has(img[src*="monte-carlo-escapade-20261109"]) .page-hero-image {
    inset: 0;
    width: 100%;
}
.page-hero .page-hero-image img[src*="monte-carlo-escapade-20261109"] {
    object-position: 78% 80%;
}
@media (min-width: 761px) {
    .page-hero:has(img[src*="monte-carlo-escapade-20261109"]) {
        min-height: clamp(590px, 54vw, 820px);
    }
}
@media (max-width: 760px) {
    .page-hero .page-hero-image img[src*="monte-carlo-escapade-20261109"] {
        object-position: 81% center;
    }
}

@media(min-width:761px){.page-hero:has(img[src*="monte-carlo-escapade-20261109"]) .page-hero-copy h1{max-width:14ch;text-wrap:balance}}

/* The Great Weetabix Rebellion and Parichad */
.page-hero:has(img[src*="weetabix-rebellion-20261109"]) .page-hero-image {
    inset: 0;
    width: 100%;
}
.page-hero .page-hero-image img[src*="weetabix-rebellion-20261109"] {
    object-position: 73% center;
}
.page-hero:has(img[src*="34b3382da75dcdc0535b"]) .page-hero-image {
    inset: 0 0 0 auto;
    width: 63%;
    mask-image: linear-gradient(to right, transparent, #000 38%);
}
.page-hero .page-hero-image img[src*="34b3382da75dcdc0535b"] {
    object-position: 60% 23%;
}
.article-body .prose:has(.memoir-inline) {
    display: flow-root;
}
.article-body .prose .memoir-inline {
    width: min(38%, 270px);
    float: right;
    margin: .25rem 0 1rem 1.5rem;
}
.article-body .prose .memoir-inline-left {
    float: left;
    margin: .25rem 1.5rem 1rem 0;
}
.article-body .prose .weetabix-runaway-note {
    width: min(31%, 205px);
}
.article-body .memoir-inline img,
.article-body .parichad-gallery img {
    display: block;
    width: 100%;
    height: auto;
}
.parichad-gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 175px), 1fr));
    gap: 1.25rem;
    align-items: start;
}
.article-body .parichad-gallery figure {
    margin: 0;
}
.article-body .parichad-gallery img {
    aspect-ratio: 4 / 5;
    object-fit: contain;
    background: #101410;
}
@media (max-width: 760px) {
    .page-hero:has(img[src*="34b3382da75dcdc0535b"]) .page-hero-image {
        width: 100%;
        mask-image: linear-gradient(to right, #0005, #000 40%);
    }
}
@media (max-width: 540px) {
    .article-body .prose .memoir-inline {
        float: none;
        width: min(68%, 235px);
        margin: 0 0 1rem;
    }
    .article-body .prose .weetabix-runaway-note {
        float: right;
        width: 36%;
        margin-left: 1rem;
    }
    .parichad-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Geylang street scene and Life & Reflections portrait */
.page-hero:has(img[src*="geylang-drill-header"]) .page-hero-image {
    inset: 0;
    width: 100%;
}
.page-hero .page-hero-image img[src*="geylang-drill-header"] {
    object-position: 72% 28%;
}
.page-hero:has(img[src*="72860bcdb750baf5cf64"]) .page-hero-image {
    inset: 0 4% 0 auto;
    width: min(57%, 560px);
    mask-image: linear-gradient(90deg, transparent, #000 19%, #000 82%, transparent);
}
.page-hero:has(img[src*="72860bcdb750baf5cf64"]) {
    min-height: 510px;
}
.page-hero .page-hero-image img[src*="72860bcdb750baf5cf64"] {
    object-position: 50% 16%;
}
@media (max-width: 760px) {
    .page-hero:has(img[src*="72860bcdb750baf5cf64"]) .page-hero-image {
        right: 0;
        width: 100%;
    }
    .page-hero:has(img[src*="72860bcdb750baf5cf64"]) {
        min-height: 440px;
    }
    .page-hero .page-hero-image img[src*="geylang-drill-header"] {
        object-position: 78% 20%;
    }
}

/* Toad Talcum Tales */
.page-hero:has(img[src*="0fd469438ac229ac15bb"]) .page-hero-image {
    mask-image: linear-gradient(to right, transparent, #000 35%);
}
@media (max-width: 760px) {
    .page-hero:has(img[src*="0fd469438ac229ac15bb"]) .page-hero-image {
        mask-image: linear-gradient(to right, transparent, #000 28%);
    }
}

/* Keep Danny's Song in scale with the Scarlet Pimpernel article. */
.article-body .scarlet-song > div:has(> iframe[src*="/embed/kKP_OhzJiSY"]) {
    max-width: 55%;
    margin-inline: auto !important;
}
@media (max-width: 600px) {
    .article-body .scarlet-song > div:has(> iframe[src*="/embed/kKP_OhzJiSY"]) {
        max-width: 100%;
    }
}

/* Shadows of the Classroom */
.page-hero:has(img[src*="shadows-classroom-schoolmaster"]) .page-hero-image {
    inset: 0;
    width: 100%;
}
.page-hero .page-hero-image img[src*="shadows-classroom-schoolmaster"] {
    object-position: 85% 12%;
}
@media (max-width: 760px) {
    .page-hero .page-hero-image img[src*="shadows-classroom-schoolmaster"] {
        object-position: 92% 15%;
    }
}

/* Danny's Song beside its introduction on The Scarlet Pimpernel. */
.article-body .scarlet-song.scarlet-song-inline {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 1.75rem;
    border: 0;
    background: none;
    padding: 0;
}
.article-body .scarlet-song-inline > .scarlet-song-player {
    max-width: none;
    margin: 0 !important;
}
@media (max-width: 650px) {
    .article-body .scarlet-song.scarlet-song-inline {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

.article-body .scarlet-song.scarlet-song-inline > .scarlet-song-player:has(> iframe[src*="/embed/kKP_OhzJiSY"]) {
    max-width: none;
}

/* The Scarlet Pimpernel */
.page-hero:has(img[src*="scarlet-pimpernel-pool-hall"]) .page-hero-image {
    inset: 0;
    width: 100%;
}
.page-hero .page-hero-image img[src*="scarlet-pimpernel-pool-hall"] {
    object-position: 75% center;
}
@media (max-width: 760px) {
    .page-hero .page-hero-image img[src*="scarlet-pimpernel-pool-hall"] {
        object-position: 70% center;
    }
}

/* Frame the Contact portrait in the Life homepage hero. */
.home-hero .hero-photo img[src*="b80568fa549fed39b79c"] {
    object-position: 50% 12%;
}
@media (max-width: 760px) {
    .home-hero .hero-photo img[src*="b80568fa549fed39b79c"] {
        object-position: 50% top;
    }
}

/* Musk and Me */
.page-hero:has(img[src*="musk-and-me-mars"]) .page-hero-image {
    inset: 0;
    width: 100%;
}
.page-hero .page-hero-image img[src*="musk-and-me-mars"] {
    object-position: 80% center;
}
@media (max-width: 760px) {
    .page-hero .page-hero-image img[src*="musk-and-me-mars"] {
        object-position: 82% center;
    }
}

/* Temple and kitchen scenes. */
.page-hero:has(img[src*="vanishing-cow-temple"],img[src*="soapy-surprise-kitchen"]) .page-hero-image {
    inset: 0;
    width: 100%;
}
.page-hero .page-hero-image img:is([src*="vanishing-cow-temple"],[src*="soapy-surprise-kitchen"]) {
    object-position: 77% center;
}
@media (max-width: 760px) {
    .page-hero .page-hero-image img:is([src*="vanishing-cow-temple"],[src*="soapy-surprise-kitchen"]) {
        object-position: 84% center;
    }
}

/* The River Rescue */
.page-hero:has(img[src*="river-rescue-dog"]) .page-hero-image {
    inset: 0;
    width: 100%;
}
.page-hero .page-hero-image img[src*="river-rescue-dog"] {
    object-position: 78% 10%;
}
@media (max-width: 760px) {
    .page-hero .page-hero-image img[src*="river-rescue-dog"] {
        object-position: 85% 15%;
    }
}

/* Positive Attitude */
.page-hero:has(img[src*="positive-attitude-walker"]) .page-hero-image {
    inset: 0;
    width: 100%;
}
.page-hero .page-hero-image img[src*="positive-attitude-walker"] {
    object-position: 80% center;
}
@media (max-width: 760px) {
    .page-hero .page-hero-image img[src*="positive-attitude-walker"] {
        object-position: 85% center;
    }
}

/* Mastering the Clock */
.page-hero:has(img[src*="mastering-clock-waterfront"]) .page-hero-image {
    inset: 0;
    width: 100%;
}
.page-hero .page-hero-image img[src*="mastering-clock-waterfront"] {
    object-position: 80% center;
}
@media (max-width: 760px) {
    .page-hero .page-hero-image img[src*="mastering-clock-waterfront"] {
        object-position: 85% center;
    }
}

/* Rainforest */
.page-hero:has(img[src*="rainforest-orangutan"]) .page-hero-image {
    inset: 0;
    width: 100%;
}
.page-hero .page-hero-image img[src*="rainforest-orangutan"] {
    object-position: 80% center;
}
@media (max-width: 760px) {
    .page-hero .page-hero-image img[src*="rainforest-orangutan"] {
        object-position: 85% center;
    }
}

/* Blend the MGB photograph into the Wet Behind the Ears header. */
.page-hero:has(img[src*="022219147ac506d2c518"]) .page-hero-image {
    mask-image: linear-gradient(to right, transparent, #000 35%);
}

/* Unbroken Threads portrait and caption. */
.page-hero:has(img[src*="unbroken-threads-roland"]) .page-hero-image {
    mask-image: linear-gradient(to right, transparent, #000 34%);
}
.article-body .unbroken-portrait-caption {
    margin: 0 0 1.75rem;
    color: #bdbbad;
    font-size: .875rem;
}

/* The Art of Living header fade. */
.page-hero:has(img[src*="9177360641005604c9d8"]) .page-hero-image {
    mask-image: linear-gradient(to right, transparent, #000 34%);
}

/* Default to fading the artwork's own edge. Keep bespoke masks more specific. */
:root {
    --life-art-left-fade: 30%;
    --life-poetry-left-fade: 19%;
}
.page-hero :where(.page-hero-image) {
    mask-image: linear-gradient(to right, transparent, #000 var(--life-art-left-fade));
}
:is(.poetry-opening, .poem-heading) :where(.bear-art) {
    mask-image: linear-gradient(to right, transparent, #000 var(--life-poetry-left-fade));
}
.page-hero:has(img[src*="elian-cosmic-sojourner"]) .page-hero-image {
    inset: 0;
    width: 100%;
}
.page-hero .page-hero-image img[src*="elian-cosmic-sojourner"] {
    object-position: 77% center;
}
@media (max-width: 760px) {
    :root {
        --life-art-left-fade: 16%;
        --life-poetry-left-fade: 12%;
    }
}

/* Lessons from a Lost Camel. */
.page-hero:has(img[src*="lost-camel-aden"]) .page-hero-image {
    inset: 0;
    width: 100%;
}
.page-hero .page-hero-image img[src*="lost-camel-aden"] {
    object-position: 80% center;
}
.article-body .camel-memoir-label {
    font-size: .9rem;
    color: #c8b897;
}
.article-body .camel-verse {
    max-width: 38rem;
    margin: 3rem auto 0;
    padding: 1.5rem 0 0;
    border-top: 1px solid #c8b89765;
}
.article-body .camel-verse .prose :is(h2,p) {
    font-family: Georgia, serif;
}
.article-body .camel-verse .prose p {
    font-size: clamp(1rem, 2vw, 1.2rem);
    line-height: 1.65;
}
.article-body .camel-verse .prose p:empty {
    display: none;
}

.page-hero:has(img[src*="potato-mountain-shed-20261110"]) .page-hero-image {
    inset: 0;
    width: 100%;
}
.page-hero:has(img[src*="potato-mountain-shed-20261110"]) .page-hero-image img {
    object-position: 76% center;
}

/* Keep the menu readable over the signs in Parichad's portrait. */
body:has(.page-hero img[src*="34b3382da75dcdc0535b"]) .site-header :is(.desktop-nav, .life-header-toggle) {
    background-color: rgba(10, 13, 11, .64);
    box-shadow: 0 0 18px 9px rgba(10, 13, 11, .43);
    border-radius: .3rem;
}

.page-hero:has(img[src*="manor-country-house-20261110"]) .page-hero-image {
    inset: 0;
    width: 100%;
    mask-image: linear-gradient(90deg, transparent, #000 20%);
}
.page-hero:has(img[src*="manor-country-house-20261110"]) .page-hero-image img {
    object-position: 75% center;
}
.page-hero:has(img[src*="manor-country-house-20261110"]) .page-hero-shade {
    background: var(--life-header-bottom),
        linear-gradient(90deg, var(--life-header-edge, #141715), #14171575 20%, #14171528 39%, transparent 53%) !important;
}
@media (max-width: 760px) {
    .page-hero:has(img[src*="manor-country-house-20261110"]) .page-hero-shade {
        background: var(--life-header-bottom),
            linear-gradient(90deg, #141715c2, #14171556 51%, transparent 94%) !important;
    }
}

body:has(.page-hero img[src*="pheasant-shoot-woodland-20261110"]) .site-header :is(.desktop-nav, .life-header-toggle) {
    background-color: rgba(10, 13, 11, .58);
    box-shadow: 0 0 16px 7px rgba(10, 13, 11, .35);
    border-radius: .3rem;
}

.page-hero:has(img[src*="singing-ferry-chain-crew"]) .page-hero-image img {
    object-position: center top;
}

.article-body .prose:has(iframe[src*="/embed/Vx4Vo49Eats"]) {
    display: flow-root;
}
.article-body .prose > div:has(> iframe[src*="/embed/Vx4Vo49Eats"]) {
    float: left;
    width: 50% !important;
    margin: .3rem 1.5rem 1rem 0 !important;
}
.article-body .prose:has(iframe[src*="/embed/Vx4Vo49Eats"]) > h2 {
    margin-bottom: 1.8rem;
}
@media (max-width: 700px) {
    .article-body .prose > div:has(> iframe[src*="/embed/Vx4Vo49Eats"]) {
        float: none;
        width: 100% !important;
        margin: 0 0 1.25rem !important;
    }
}
/* Cleo’s and Vehicle Register landscape headers */
.page-hero:has(img:is([src*="cleos-susie-header"], [src*="vehicle-register-montage"])) .page-hero-image {
    inset: 0;
    width: 100%;
}
.page-hero .page-hero-image img[src*="cleos-susie-header"] {
    object-position: 74% 36%;
}
.page-hero .page-hero-image img[src*="vehicle-register-montage"] {
    object-position: 74% 22%;
}
.article-body .prose .cleos-photo-note {
    margin: 0 0 2rem;
    color: #c2bcb0;
    font-size: .85rem;
}
@media (max-width: 760px) {
    .page-hero .page-hero-image img[src*="cleos-susie-header"] {
        object-position: 81% 36%;
    }
    .page-hero .page-hero-image img[src*="vehicle-register-montage"] {
        object-position: 77% center;
    }
}

@media (min-width: 761px) {
    .page-hero:has(img[src*="vehicle-register-montage-capri"]) { min-height: clamp(570px, 55vw, 880px); }
}
.page-hero-copy .register-montage-link { display: inline-block; margin-top: .85rem; }

.page-hero:has(img[src*="cardinal-jewel-rolls-royce"]) .page-hero-image {
    inset: 0;
    width: 100%;
}
.page-hero .page-hero-image img[src*="cardinal-jewel-rolls-royce"] {
    object-position: 80% center;
}
@media (max-width: 760px) {
    .page-hero .page-hero-image img[src*="cardinal-jewel-rolls-royce"] {
        object-position: 59% center;
    }
}

@media (min-width: 761px) {
    .page-hero:has(img[src*="cardinal-jewel-rolls-royce"]) .page-hero-copy {
        transform: translateY(-95px);
    }
}
@media (max-width: 760px) {
    .page-hero:has(img[src*="cardinal-jewel-rolls-royce"]) .page-hero-image {
        bottom: 115px;
        mask-image: linear-gradient(#000 79%, transparent);
    }
    .page-hero .page-hero-image img[src*="cardinal-jewel-rolls-royce"] {
        object-position: 40% center;
    }
}

.page-hero:has(img[src*="studio-five-close-portrait"]) {
    min-height: 350px;
}
.page-hero:has(img[src*="studio-five-close-portrait"]) .page-hero-image {
    display: none;
}
.article-body .studio-five-gallery {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    align-items: start;
    gap: clamp(.75rem, 2vw, 1.6rem);
    margin: 2rem 0;
}
.article-body .studio-five-gallery figure {
    margin: 0;
}
.article-body .studio-five-gallery img {
    display: block;
    width: 100%;
    height: auto;
}
@media (max-width: 600px) {
    .article-body .studio-five-gallery {
        grid-template-columns: minmax(0,380px);
        justify-content: center;
        gap: 1.5rem;
    }
}

.page-hero:has(img[src*="stratford-shakespeare-birthplace-postcard"]) .page-hero-image {
    inset: 75px 2.5% 30px auto;
    width: 58%;
    mask-image: linear-gradient(to right, transparent, #000 12%);
}
.page-hero:has(img[src*="stratford-shakespeare-birthplace-postcard"]) .page-hero-image img {
    object-fit: contain;
    object-position: center;
}
.page-hero:has(img[src*="stratford-shakespeare-birthplace-postcard"]) .page-hero-shade {
    background: linear-gradient(90deg, #151815 0%, #151815 30%, transparent 50%);
}
.page-hero:has(img[src*="stratford-shakespeare-birthplace-postcard"]) h1 {
    max-width: 7.8em;
}
.article-body .stratford-postcard-credit {
    color: #c7c0b2;
    font-size: .86rem;
    margin: 0 0 1.75rem;
}
.article-body .stratford-postcard {
    float: right;
    width: min(38%, 280px);
    margin: .5rem 0 1.5rem 1.5rem;
}
@media (max-width: 760px) {
    .page-hero:has(img[src*="stratford-shakespeare-birthplace-postcard"]) .page-hero-image {
        inset: 90px 6% auto;
        width: 88%;
        height: clamp(170px, 60vw, 310px);
        mask-image: linear-gradient(to bottom, #000 88%, transparent);
    }
    .page-hero:has(img[src*="stratford-shakespeare-birthplace-postcard"]) .page-hero-shade {
        background: linear-gradient(to bottom, transparent 66%, #151815);
    }
    .page-hero:has(img[src*="stratford-shakespeare-birthplace-postcard"]) .page-hero-copy {
        padding-top: clamp(320px, 85vw, 430px);
    }
    .article-body .stratford-postcard {
        float: none;
        width: min(78%, 280px);
        margin: 1.5rem auto;
    }
}

@media (min-width: 761px) {
    .page-hero:has(img[src*="vehicle-register-montage-capri"]) .page-hero-copy {
        transform: translateY(-95px);
    }
}

.page-hero:has(img[src*="ford-capri-super-roo-uap444"]) .page-hero-image {
    inset: 0;
    width: 100%;
}
.page-hero .page-hero-image img[src*="ford-capri-super-roo-uap444"] {
    object-position: 78% center;
}
@media (max-width: 760px) {
    .page-hero .page-hero-image img[src*="ford-capri-super-roo-uap444"] {
        object-position: 76% center;
    }
}

.page-hero:has(img[src*="blurred-lines-bokeh-header"]) .page-hero-image {
    inset: 0;
    width: 100%;
}
.page-hero .page-hero-image img[src*="blurred-lines-bokeh-header"] {
    object-position: 78% 34%;
}
@media (max-width: 760px) {
    .page-hero .page-hero-image img[src*="blurred-lines-bokeh-header"] {
        object-position: 80% center;
    }
}

/* Keep the full montage in frame and use the fade only in the hero. */
.page-hero:has(img[src*="jaguar-journey-montage"]) .page-hero-image{
  inset:77px 0 37px 28%;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 23%);
  mask-image:linear-gradient(90deg,transparent,#000 23%)
}
.page-hero:has(img[src*="jaguar-journey-montage"]) .page-hero-image img{
  object-fit:contain;object-position:right center;filter:none
}
.page-hero:has(img[src*="jaguar-journey-montage"]) .page-hero-shade{
  background:linear-gradient(90deg,#141715 0%,#14171580 25%,transparent 55%),linear-gradient(0deg,#141715,transparent 13%)
}
.page-hero:has(img[src*="jaguar-journey-montage"]) .page-hero-copy{width:65%}
.story-card .card-image img[src*="vehicle-register-montage-capri"]{object-position:right center}
@media(max-width:760px){
  .page-hero:has(img[src*="jaguar-journey-montage"]){min-height:555px}
  .page-hero:has(img[src*="jaguar-journey-montage"]) .page-hero-image{
    inset:85px 0 auto;width:100%;height:clamp(140px,42vw,270px);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%);
    mask-image:linear-gradient(90deg,transparent,#000 8%)
  }
  .page-hero:has(img[src*="jaguar-journey-montage"]) .page-hero-image img{object-position:center}
  .page-hero:has(img[src*="jaguar-journey-montage"]) .page-hero-shade{
    background:linear-gradient(0deg,#141715 32%,transparent 63%)
  }
  .page-hero:has(img[src*="jaguar-journey-montage"]) .page-hero-copy{
    width:100%;padding-top:clamp(235px,calc(85px + 44vw),370px)
  }
}

/* On phones, give close portraits and group shots room below the heading. */
@media screen and (max-width: 760px) {
    .page-hero:has(> .page-hero-image img:is(
        [src*="/assets/images/26dcb0b45ee5a995a9a3-1400.webp"],
        [src*="/assets/images/5dfbdaa0eaa8a9702326-1400.webp"],
        [src*="/assets/images/72860bcdb750baf5cf64-1400.webp"],
        [src*="/assets/images/8ba3153f3928ca71572a-1400.webp"],
        [src*="/assets/images/9250c323576d823a1223-1400.webp"],
        [src*="/assets/images/a7244d6cb88656a28919-1400.webp"],
        [src*="/assets/images/back-to-the-bush-billys-homeward-journey-portrait.webp"],
        [src*="/assets/images/bushmans-dawn-portrait.webp"],
        [src*="/assets/images/echoes-from-the-outback-portrait.webp"],
        [src*="/assets/images/kagemori-the-face-that-forgot-itself.webp"],
        [src*="/assets/images/kagemori-the-knife-that-cuts-the-soul.webp"],
        [src*="/assets/images/new-shores-maggie.webp"],
        [src*="/assets/images/old-wallace-verandah.webp"],
        [src*="/assets/images/songs-of-the-outback-elder.webp"],
        [src*="/assets/images/the-shearers-song-woolshed.webp"],
        [src*="/assets/images/thomas-mccall-cover-20261111.webp"],
        [src*="/assets/images/tony-toilet-attendant.webp"]
    )) {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        height: auto;
        min-height: 0;
        padding-top: 97px;
        background: #141715;
    }

    .page-hero:has(> .page-hero-image img:is(
        [src*="/assets/images/26dcb0b45ee5a995a9a3-1400.webp"],
        [src*="/assets/images/5dfbdaa0eaa8a9702326-1400.webp"],
        [src*="/assets/images/72860bcdb750baf5cf64-1400.webp"],
        [src*="/assets/images/8ba3153f3928ca71572a-1400.webp"],
        [src*="/assets/images/9250c323576d823a1223-1400.webp"],
        [src*="/assets/images/a7244d6cb88656a28919-1400.webp"],
        [src*="/assets/images/back-to-the-bush-billys-homeward-journey-portrait.webp"],
        [src*="/assets/images/bushmans-dawn-portrait.webp"],
        [src*="/assets/images/echoes-from-the-outback-portrait.webp"],
        [src*="/assets/images/kagemori-the-face-that-forgot-itself.webp"],
        [src*="/assets/images/kagemori-the-knife-that-cuts-the-soul.webp"],
        [src*="/assets/images/new-shores-maggie.webp"],
        [src*="/assets/images/old-wallace-verandah.webp"],
        [src*="/assets/images/songs-of-the-outback-elder.webp"],
        [src*="/assets/images/the-shearers-song-woolshed.webp"],
        [src*="/assets/images/thomas-mccall-cover-20261111.webp"],
        [src*="/assets/images/tony-toilet-attendant.webp"]
    )) > .page-hero-copy {
        order: -1;
        width: 100%;
        padding: 12px 7% 22px;
        text-shadow: none;
    }

    .page-hero:has(> .page-hero-image img:is(
        [src*="/assets/images/26dcb0b45ee5a995a9a3-1400.webp"],
        [src*="/assets/images/5dfbdaa0eaa8a9702326-1400.webp"],
        [src*="/assets/images/72860bcdb750baf5cf64-1400.webp"],
        [src*="/assets/images/8ba3153f3928ca71572a-1400.webp"],
        [src*="/assets/images/9250c323576d823a1223-1400.webp"],
        [src*="/assets/images/a7244d6cb88656a28919-1400.webp"],
        [src*="/assets/images/back-to-the-bush-billys-homeward-journey-portrait.webp"],
        [src*="/assets/images/bushmans-dawn-portrait.webp"],
        [src*="/assets/images/echoes-from-the-outback-portrait.webp"],
        [src*="/assets/images/kagemori-the-face-that-forgot-itself.webp"],
        [src*="/assets/images/kagemori-the-knife-that-cuts-the-soul.webp"],
        [src*="/assets/images/new-shores-maggie.webp"],
        [src*="/assets/images/old-wallace-verandah.webp"],
        [src*="/assets/images/songs-of-the-outback-elder.webp"],
        [src*="/assets/images/the-shearers-song-woolshed.webp"],
        [src*="/assets/images/thomas-mccall-cover-20261111.webp"],
        [src*="/assets/images/tony-toilet-attendant.webp"]
    )) > .page-hero-image {
        position: relative;
        inset: auto;
        width: 100%;
        height: auto;
        mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - 26px), transparent);
    }

    .page-hero:has(> .page-hero-image img:is(
        [src*="/assets/images/26dcb0b45ee5a995a9a3-1400.webp"],
        [src*="/assets/images/5dfbdaa0eaa8a9702326-1400.webp"],
        [src*="/assets/images/72860bcdb750baf5cf64-1400.webp"],
        [src*="/assets/images/8ba3153f3928ca71572a-1400.webp"],
        [src*="/assets/images/9250c323576d823a1223-1400.webp"],
        [src*="/assets/images/a7244d6cb88656a28919-1400.webp"],
        [src*="/assets/images/back-to-the-bush-billys-homeward-journey-portrait.webp"],
        [src*="/assets/images/bushmans-dawn-portrait.webp"],
        [src*="/assets/images/echoes-from-the-outback-portrait.webp"],
        [src*="/assets/images/kagemori-the-face-that-forgot-itself.webp"],
        [src*="/assets/images/kagemori-the-knife-that-cuts-the-soul.webp"],
        [src*="/assets/images/new-shores-maggie.webp"],
        [src*="/assets/images/old-wallace-verandah.webp"],
        [src*="/assets/images/songs-of-the-outback-elder.webp"],
        [src*="/assets/images/the-shearers-song-woolshed.webp"],
        [src*="/assets/images/thomas-mccall-cover-20261111.webp"],
        [src*="/assets/images/tony-toilet-attendant.webp"]
    )) > .page-hero-image img {
        display: block;
        width: 100%;
        height: auto;
    }

    .page-hero:has(> .page-hero-image img:is(
        [src*="/assets/images/26dcb0b45ee5a995a9a3-1400.webp"],
        [src*="/assets/images/5dfbdaa0eaa8a9702326-1400.webp"],
        [src*="/assets/images/72860bcdb750baf5cf64-1400.webp"],
        [src*="/assets/images/8ba3153f3928ca71572a-1400.webp"],
        [src*="/assets/images/9250c323576d823a1223-1400.webp"],
        [src*="/assets/images/a7244d6cb88656a28919-1400.webp"],
        [src*="/assets/images/back-to-the-bush-billys-homeward-journey-portrait.webp"],
        [src*="/assets/images/bushmans-dawn-portrait.webp"],
        [src*="/assets/images/echoes-from-the-outback-portrait.webp"],
        [src*="/assets/images/kagemori-the-face-that-forgot-itself.webp"],
        [src*="/assets/images/kagemori-the-knife-that-cuts-the-soul.webp"],
        [src*="/assets/images/new-shores-maggie.webp"],
        [src*="/assets/images/old-wallace-verandah.webp"],
        [src*="/assets/images/songs-of-the-outback-elder.webp"],
        [src*="/assets/images/the-shearers-song-woolshed.webp"],
        [src*="/assets/images/thomas-mccall-cover-20261111.webp"],
        [src*="/assets/images/tony-toilet-attendant.webp"]
    )) > .page-hero-shade {
        display: none;
    }
}

@media screen and (max-width: 760px) {
    .page-hero:has(img[src*="stratford-shakespeare-birthplace-postcard"]) .page-hero-image {
        mask-image: linear-gradient(to right, transparent, #000 10%), linear-gradient(to bottom, #000 88%, transparent);
        mask-composite: intersect;
    }
}
/* Keep the whole Micro-Press visible, with room for the story title. */
.page-hero:has(img[src*="studio-five-micropress-left"]) .page-hero-image {
    inset: 75px 0 0 27%;
    mask-image: linear-gradient(to right, transparent, #000 35%);
}
.page-hero-image img[src*="studio-five-micropress-left"] {
    object-fit: contain;
    object-position: right center;
}
.page-hero:has(img[src*="studio-five-micropress-left"]) {
    --life-hero-fade: var(--life-header-bottom),
        linear-gradient(to right, #141715 26%, transparent 61%);
}
@media screen and (max-width: 760px) {
    .page-hero:has(img[src*="studio-five-micropress-left"]) .page-hero-image {
        inset: 90px 0 auto;
        height: clamp(170px, 58vw, 340px);
        mask-image: linear-gradient(to right, transparent, #000 20%),
            linear-gradient(to bottom, #000 84%, transparent);
        mask-composite: intersect;
    }
    .page-hero:has(img[src*="studio-five-micropress-left"]) .page-hero-copy {
        padding-top: calc(92px + clamp(170px, 58vw, 340px));
    }
    .page-hero:has(img[src*="studio-five-micropress-left"]) {
        --life-hero-fade: var(--life-header-bottom);
    }
}
/* Studio Five darkroom header */
.page-hero:has(img[src*="studio-five-darkroom-header"]) .page-hero-image {
    inset: 0 0 0 22%;
}
.page-hero-image img[src*="studio-five-darkroom-header"] {
    object-position: right center;
}
.page-hero:has(img[src*="studio-five-darkroom-header"]) {
    --life-hero-fade: var(--life-header-bottom),
        linear-gradient(to right, #141715 20%, #141715d9 31%, transparent 66%);
}
@media (max-width: 760px) {
    .page-hero:has(img[src*="studio-five-darkroom-header"]) {
        min-height: 0;
        --life-hero-fade: var(--life-header-bottom);
    }
    .page-hero:has(img[src*="studio-five-darkroom-header"]) .page-hero-image {
        inset: 85px 0 auto;
        height: clamp(185px, 56vw, 370px);
        mask-image: linear-gradient(to right, transparent, #000 15%),
            linear-gradient(to bottom, #000 85%, transparent);
        mask-composite: intersect;
    }
    .page-hero:has(img[src*="studio-five-darkroom-header"]) .page-hero-copy {
        padding-top: calc(98px + clamp(185px, 56vw, 370px));
        padding-bottom: 38px;
    }
}
/* The original mark printed on the backs of Studio Five photographs */
.prose .studio-five-original-mark {
    float: right;
    width: min(29%, 185px);
    margin: .3rem 0 1rem 1.6rem;
    text-align: center;
}
.prose .studio-five-original-mark img {
    display: block;
    width: 100%;
    height: auto;
}
.prose .studio-five-original-mark figcaption {
    margin-top: .6rem;
    color: inherit;
    opacity: .78;
    font: 400 .75rem/1.45 system-ui, sans-serif;
}
@media (max-width: 560px) {
    .prose .studio-five-original-mark {
        float: none;
        width: min(42%, 155px);
        margin: .25rem 0 1.4rem;
    }
}
.prose:has(> .studio-five-original-mark) {
    display: flow-root;
}
/* Fictional arts-magazine review in Photo Contests */
.photo-contest-clipping {
  box-sizing: border-box;
  max-width: 47rem;
  margin: 1.5rem auto 0;
  padding: clamp(1.3rem, 5vw, 3.5rem);
  background: #eae3d1;
  color: #26231e;
  box-shadow: 0 .55rem 1.5rem #0004;
}
.photo-contest-clipping header { border-top: 3px double #453c30; border-bottom: 1px solid #8c806c; padding: .65rem 0 1rem; }
.photo-contest-clipping .photo-contest-masthead { font: italic 600 clamp(1.25rem, 3vw, 1.75rem)/1.2 Georgia, serif; margin: 0 0 .65rem; }
.photo-contest-clipping .photo-contest-edition,
.photo-contest-clipping .photo-contest-byline { font: 650 .73rem/1.45 system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; margin: 0; }
.photo-contest-edition span { margin: 0 .2em; }
.photo-contest-clipping h2 { color: inherit; font: 600 clamp(2.15rem, 5vw, 3.45rem)/1.02 Georgia, serif; margin: .7rem 0 .85rem; }
.photo-contest-columns { column-width: 14rem; column-gap: 2rem; column-rule: 1px solid #b4a78d; padding-top: 1.15rem; }
.photo-contest-columns p { font: 400 1.03rem/1.56 Georgia, serif; margin: 0 0 .85rem; }
.photo-contest-columns p:last-child { margin-bottom: 0; }
@media (max-width: 650px) { .photo-contest-columns { column-count: 1; column-width: auto; } }
/* Position the portrait-format Teddy photograph within the Photo Contests hero. */
.page-hero .page-hero-image img[src*="96f0cbc09ff00adc5212-"] {
    object-position: 50% 68%;
}
@media (max-width: 760px) {
    .page-hero .page-hero-image img[src*="96f0cbc09ff00adc5212-"] {
        object-position: 50% 92%;
    }
}
/* In-story photographs in Pedals, Pistons, and Pitfalls. */
.pedals-car-section .prose { display: flow-root; }
.pedals-car-section .story-photo.pedals-photo {
    float: right;
    width: min(47%, 29rem);
    margin: .25rem 0 1.15rem 1.6rem;
}
.pedals-car-section .story-photo.pedals-photo-left {
    float: left;
    margin: .25rem 1.6rem 1.15rem 0;
}
.pedals-car-section .story-photo.pedals-photo-portrait {
    width: min(34%, 15rem);
}
.pedals-car-section .pedals-photo img { width: 100%; height: auto; }
@media (max-width: 600px) {
    .pedals-car-section .story-photo.pedals-photo {
        float: none;
        width: min(86%, 23rem);
        margin: .4rem auto 1.15rem 0;
    }
    .pedals-car-section .story-photo.pedals-photo-left { margin-left: auto; margin-right: 0; }
    .pedals-car-section .story-photo.pedals-photo-portrait { width: min(59%, 13rem); }
}

.article-body .studio-five-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin-inline:auto}@media(max-width:540px){.article-body .studio-five-gallery{grid-template-columns:minmax(0,380px)}}

/* Fade the actual edges of the Micropress image, including its letterboxed area. */
@media (min-width: 761px) {
    .page-hero:has(img[src*="studio-five-micropress-left"]) .page-hero-image {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        -webkit-mask-image: none;
        mask-image: none;
    }
    .page-hero:has(img[src*="studio-five-micropress-left"]) .page-hero-image img {
        position: static;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.12) 12%, rgba(0,0,0,.7) 38%, #000 55%);
        mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.12) 12%, rgba(0,0,0,.7) 38%, #000 55%);
    }
}

.article-body .prose:has(.hugh-memory-photo) { display: flow-root; }
.article-body .hugh-memory-photo img { width: 100%; height: auto; display: block; }
.article-body .hugh-memory-photo figcaption { font: 0.8rem/1.5 system-ui,sans-serif; color: #b7baaf; margin-top: 0.65rem; }
.article-body .hugh-memory-books { max-width: 29rem; margin-inline: auto; }
.article-body .hugh-memory-books img { height: auto; max-height: 14rem; }
.article-body .hugh-memory-books ~ .hugh-mat { max-width: 15rem!important; }
@media (min-width: 761px) {
    .article-body .hugh-memory-portrait { float: right; width: 32%; max-width: 16rem; margin: 0.4rem 0 1rem 1.5rem; }
    .article-body .hugh-memory-reunion { float: left; width: 46%; max-width: 25rem; margin: 0.45rem 1.5rem 1rem 0; }
}
@media (max-width: 760px) {
    .article-body .hugh-memory-portrait { width: 67%; max-width: 15rem; margin: 1.2rem auto; }
    .article-body .hugh-memory-reunion { width: 100%; max-width: 25rem; margin: 1.2rem auto; }
}


@media (min-width: 541px) {
  .article-body .studio-five-gallery > .studio-five-self-portrait {
    grid-column: 1 / -1;
    width: calc((100% - 1.25rem) / 2);
    justify-self: center;
  }
}


.article-body .studio-five-portrait-pair { margin-block: 1.8rem; }
.article-body .studio-five-portrait-pair .story-photo img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
}
.article-body .studio-five-looking { display: flow-root; margin-block-end: 1.5rem; }
.article-body .studio-five-looking .studio-five-self-portrait {
  float: right;
  width: 31%;
  max-width: 15rem;
  margin: 0.25rem 0 0.85rem 1.5rem;
}
@media (max-width: 600px) {
  .article-body .studio-five-looking .studio-five-self-portrait {
    float: none;
    width: 66%;
    margin: 1rem auto;
  }
}