.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;
    }
}