
html body :is(#page-ventures,#page-enquiries) .closing.dark .lede{font-family:'Hero Bodoni',Didot,Georgia,serif!important;font-style:italic!important;font-size:clamp(17px,1.5vw,21px)!important;line-height:1.5!important;letter-spacing:0!important;color:rgba(245,243,238,.82)!important;max-width:34ch!important;text-wrap:balance}
html body :is(#page-ventures,#page-enquiries) .closing.dark .eyebrow{font-family:'Opening Gothic',Arial,sans-serif!important;font-size:10px!important;letter-spacing:.34em!important;text-transform:uppercase!important;color:rgba(245,243,238,.55)!important}
html body :is(#page-ventures,#page-enquiries) .closing.dark a.cta{display:inline-flex!important;align-items:center;gap:14px;margin-top:34px!important;padding:0 0 8px!important;min-height:0!important;background:none!important;border:0!important;border-bottom:1px solid rgba(245,243,238,.55)!important;border-radius:0!important;box-shadow:none!important;color:#f5f3ee!important;font-family:'Opening Gothic',Arial,sans-serif!important;font-size:11px!important;letter-spacing:.3em!important;text-transform:uppercase!important;transition:border-color .3s,gap .3s}
html body :is(#page-ventures,#page-enquiries) .closing.dark a.cta:hover{gap:20px;border-color:#f5f3ee!important}
html body :is(#page-ventures,#page-enquiries) .closing.dark a.cta::before,html body :is(#page-ventures,#page-enquiries) .closing.dark a.cta::after{display:none!important}
html body :is(#page-ventures,#page-enquiries) .closing.dark .socials span{font-family:'Opening Gothic',Arial,sans-serif!important;font-size:10px!important;letter-spacing:.24em!important;color:rgba(245,243,238,.6)!important}
html body :is(#page-ventures,#page-enquiries) .closing.dark .grow{font-family:'Hero Bodoni',Didot,Georgia,serif!important;font-weight:400!important;text-transform:none!important;letter-spacing:-.01em!important;line-height:1!important;font-size:clamp(46px,8.6vw,150px)!important;color:#f5f3ee!important}
html body :is(#page-ventures,#page-enquiries) .closing.dark .grow em{font-style:italic}
html body :is(#page-ventures,#page-enquiries) .closing.dark .foot{font-family:'Opening Gothic',Arial,sans-serif!important;font-size:9px!important;letter-spacing:.26em!important;color:rgba(245,243,238,.5)!important;align-items:center}
html body :is(#page-ventures,#page-enquiries) .closing.dark .foot a{color:rgba(245,243,238,.7)!important;font-size:9px!important;letter-spacing:.26em!important}
html body :is(#page-ventures,#page-enquiries) .closing.dark .foot a:hover{color:#f5f3ee!important}
:is(#page-ventures,#page-enquiries) .story-closing h2 span{display:block}
@media(max-width:700px){html body :is(#page-ventures,#page-enquiries) .closing.dark .grow{font-size:13.2vw!important}}
@media(max-width:700px){html body :is(#page-ventures,#page-enquiries) .closing.dark .lede{font-size:18px!important}}
@media(max-width:700px){html body :is(#page-ventures,#page-enquiries) .closing.dark .foot,html body :is(#page-ventures,#page-enquiries) .closing.dark .foot a{font-size:8.5px!important;letter-spacing:.22em!important}}
:is(#page-ventures,#page-enquiries) .story-closing .grow{display:block;text-decoration:none}
html body :is(#page-ventures,#page-enquiries) .story-closing .lede{text-wrap: balance; font-family: "Hero Bodoni", Didot, Georgia, serif !important; font-style: italic !important; font-size: clamp(17px, 1.5vw, 21px) !important; line-height: 1.5 !important; letter-spacing: 0px !important; color: rgba(245, 243, 238, 0.82) !important; max-width: 34ch !important;}
html body :is(#page-ventures,#page-enquiries) .story-closing .eyebrow{font-family: "Opening Gothic", Arial, sans-serif !important; font-size: 10px !important; letter-spacing: 0.34em !important; text-transform: uppercase !important; color: rgba(245, 243, 238, 0.55) !important;}
html body :is(#page-ventures,#page-enquiries) .story-closing a.cta{align-items: center; gap: 14px; transition: border-color 0.3s, gap 0.3s; display: inline-flex !important; margin-top: 34px !important; padding: 0px 0px 8px !important; min-height: 0px !important; background: none !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgba(245, 243, 238, 0.55) !important; border-image: none !important; border-radius: 0px !important; box-shadow: none !important; color: rgb(245, 243, 238) !important; font-family: "Opening Gothic", Arial, sans-serif !important; font-size: 11px !important; letter-spacing: 0.3em !important; text-transform: uppercase !important;}
html body :is(#page-ventures,#page-enquiries) .story-closing a.cta:hover{gap: 20px; border-color: rgb(245, 243, 238) !important;}
html body :is(#page-ventures,#page-enquiries) .story-closing a.cta::before,html body :is(#page-ventures,#page-enquiries) .story-closing a.cta::after{display: none !important;}
html body :is(#page-ventures,#page-enquiries) .story-closing .socials span{font-family: "Opening Gothic", Arial, sans-serif !important; font-size: 10px !important; letter-spacing: 0.24em !important; color: rgba(245, 243, 238, 0.6) !important;}
html body :is(#page-ventures,#page-enquiries) .story-closing .grow{font-family: "Hero Bodoni", Didot, Georgia, serif !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: -0.01em !important; line-height: 1 !important; font-size: clamp(46px, 8.6vw, 150px) !important; color: rgb(245, 243, 238) !important;}
html body :is(#page-ventures,#page-enquiries) .story-closing .grow em{font-style: italic;}
html body :is(#page-ventures,#page-enquiries) .story-closing .foot{align-items: center; font-family: "Opening Gothic", Arial, sans-serif !important; font-size: 9px !important; letter-spacing: 0.26em !important; color: rgba(245, 243, 238, 0.5) !important;}
html body :is(#page-ventures,#page-enquiries) .story-closing .foot a{color: rgba(245, 243, 238, 0.7) !important; font-size: 9px !important; letter-spacing: 0.26em !important;}
html body :is(#page-ventures,#page-enquiries) .story-closing .foot a:hover{color: rgb(245, 243, 238) !important;}
@media (max-width: 700px){html body :is(#page-ventures,#page-enquiries) .story-closing .grow{font-size: 15vw !important;}}
@media (max-width: 700px){html body :is(#page-ventures,#page-enquiries) .story-closing .lede{font-size: 18px !important;}}
@media (max-width: 700px){html body :is(#page-ventures,#page-enquiries) .story-closing .foot{font-size: 8.5px !important; letter-spacing: 0.22em !important;}}
@media (max-width: 700px){html body :is(#page-ventures,#page-enquiries) .story-closing .foot a{font-size: 8.5px !important; letter-spacing: 0.22em !important;}}
:is(#page-ventures,#page-enquiries) .story-closing .follow-accent{color: rgb(129, 150, 191) !important;}
:is(#page-ventures,#page-enquiries) .story-closing .socials a b{transition: color 0.65s;}
:is(#page-ventures,#page-enquiries) .story-closing .socials a:hover b,:is(#page-ventures,#page-enquiries) .story-closing .socials a:focus-visible b{color: rgb(129, 150, 191);}
:is(#page-ventures,#page-enquiries) .story-closing .socials a span{color: rgb(169, 166, 160);}
:is(#page-ventures,#page-enquiries) .story-closing .foot{justify-content: space-between;}
:is(#page-ventures,#page-enquiries) .story-closing .socials a b{font-size: clamp(24.2px, 2.2vw, 33px);}
:is(#page-ventures,#page-enquiries) .story-closing .socials a:hover b,:is(#page-ventures,#page-enquiries) .story-closing .socials a:focus-visible b{color: rgb(164, 185, 223);}
:is(#page-ventures,#page-enquiries) .story-closing h2{font-family: var(--display); font-size: clamp(44px, 5.4vw, 82px); font-weight: 400; line-height: 1.02; letter-spacing: -0.035em;}
:is(#page-ventures,#page-enquiries) .story-closing h2 span,:is(#page-ventures,#page-enquiries) .story-closing h2 em{display: block;}
:is(#page-ventures,#page-enquiries) .story-closing h2 em{font-style: italic; color: rgb(35, 67, 214); font-weight: 400;}
:is(#page-ventures,#page-enquiries) .story-closing .grow{font-family: var(--display) !important;}
@media (max-width: 699px){:is(#page-ventures,#page-enquiries) .story-closing h2{font-size: clamp(42px, 10vw, 62px);}}
:is(#page-ventures,#page-enquiries) .story-closing .finale .grow{display: block; width: 100%; margin: 0px auto; text-align: center; font-size: clamp(30px, 8.5vw, 145px); letter-spacing: 0.01em; color: rgb(239, 236, 230); text-decoration: none;}
:is(#page-ventures,#page-enquiries) .story-closing .finale .foot{align-items: center; gap: 18px; color: rgb(180, 175, 165);}
@media (max-width: 600px){:is(#page-ventures,#page-enquiries) .story-closing .finale .foot{justify-content: center; text-align: center;}}
@media (max-width: 600px){:is(#page-ventures,#page-enquiries) .story-closing .finale .foot > span{flex-basis: 100%; order: 3; font-size: 9px;}}
@media (max-width: 600px){:is(#page-ventures,#page-enquiries) .story-closing .finale .foot > a{margin-inline: 10px;}}
:is(#page-ventures,#page-enquiries) .story-closing .socials a span{color: rgb(239, 236, 230);}
:is(#page-ventures,#page-enquiries) .story-closing .foot a{font-size: 12px; line-height: 1.7;}
@media (max-width: 699px){:is(#page-ventures,#page-enquiries) .story-closing .wrap{padding-left: max(16px,var(--gutter)); padding-right: max(16px,var(--gutter));}}
:is(#page-ventures,#page-enquiries) .story-closing h2 em{color: transparent; -webkit-text-fill-color: transparent; background: linear-gradient(115deg, rgb(245, 243, 238) 0%, rgb(245, 243, 238) 25%, rgb(137, 186, 255) 40%, rgb(57, 123, 234) 50%, rgb(137, 186, 255) 60%, rgb(245, 243, 238) 75%, rgb(245, 243, 238) 100%) 100% 50% / 250% 100% text; animation: 2.8s ease-in-out 0s infinite alternate none running bordersDiagonalSweep; padding-bottom: 0.15em; margin-bottom: -0.15em;}
@media (prefers-reduced-motion: reduce){:is(#page-ventures,#page-enquiries) .story-closing h2 em{animation: auto ease 0s 1 normal none running none; background-position: 50% 50%;}}
:is(#page-ventures,#page-enquiries) .story-closing .socials a b{font-size: clamp(20.57px, 1.87vw, 28.05px);}
:is(#page-ventures,#page-enquiries) .story-closing .socials a{padding-block: 16px;}
:is(#page-ventures,#page-enquiries) .story-closing{color:#f7f7f5}
html body :is(#page-ventures,#page-enquiries) .story-closing.closing.dark p.lede:not(.eyebrow){font-size:clamp(17px,1.25vw,18px)!important;font-weight:400!important;line-height:1.7!important;color:#efece6!important}
/* ================= v68 · My ventures: three black cards, already in place; the logos form by themselves; clean backs ================= */
html body #page-home #my-ventures.mv3{height:auto!important;padding:clamp(90px,13svh,150px) 0 clamp(80px,11svh,130px)!important;--mv-a:1!important;--mv-s:1!important}
html body #page-home #my-ventures.mv3 .mv3-stage{position:relative!important;height:auto!important;min-height:0!important;overflow:visible!important;display:block!important}
@media (min-width:801px){
 html body #page-home #my-ventures.mv3 .mv3-deck{width:min(100%,1080px)!important}
 html body #page-home #my-ventures.mv3 .vc{opacity:0;translate:0 34px;transition:opacity 1.2s ease,translate 1.4s cubic-bezier(.2,.7,.2,1)}
 html body #page-home #my-ventures.mv3 .vc[data-k=taot]{transition-delay:.12s}
 html body #page-home #my-ventures.mv3 .vc[data-k=interiors]{transition-delay:.24s}
 html body #page-home #my-ventures.mv3.in .vc{opacity:1;translate:0 0}
 html body #page-home #my-ventures .vcap{display:none!important}
 html body #page-home #my-ventures .mv3-turn{margin-top:clamp(40px,6svh,64px)!important}
}
/* all three fronts black, The Art of Tailoring larger */
html body #page-home #my-ventures .vc[data-k=taot] .front{background:#000!important;box-shadow:0 1px 0 #262421,0 2px 0 #1f1d1b,0 3px 0 #181715,0 24px 44px -18px rgba(13,21,49,.38),0 8px 16px -10px rgba(13,21,49,.22)!important}
html body #page-home #my-ventures .vc[data-k=taot] .core{background:#1b1a18!important}
html body #page-home #my-ventures .vc[data-k=taot] video{transform:scale(1.85)!important;filter:invert(1) contrast(1.2)!important}
/* the back: name, one line, the year, Explore */
html body #page-home #my-ventures .back{padding:12% 11%!important;background:#0f0e0c!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 0 0 1px rgba(201,168,104,.22),0 24px 44px -18px rgba(13,21,49,.38)!important}
html body #page-home #my-ventures .back::after{display:none!important}
html body #page-home #my-ventures .back h3{margin:0 0 14px!important}
html body #page-home #my-ventures .back a{position:static!important;transform:none!important;color:#c9a868!important;border-bottom:1px solid rgba(201,168,104,.5)!important}
html body #page-home #my-ventures .back a:hover{color:#f1dfae!important;border-color:#f1dfae!important}
@media (max-width:800px){
 html body #page-home #my-ventures .vcap{margin-top:18px}
 html body #page-home #my-ventures .back h3{font-size:30px!important}
}

/* ================= v68 · Ventures: Explore, a soft fade for the names, the gold logos bottom right ================= */
html body #page-ventures .vx-panel::after{background:linear-gradient(to bottom,rgba(20,16,12,.12) 0%,rgba(20,16,12,0) 18%,rgba(20,16,12,0) 40%,rgba(16,13,10,.34) 62%,rgba(14,11,9,.8) 100%)!important}
html body #page-ventures .vx-panel h3,html body #page-ventures .vx-panel .vx-ptext p{text-shadow:0 1px 14px rgba(0,0,0,.35)}
html body #page-ventures .vx-ptext{right:calc(clamp(20px,2.2vw,34px) + clamp(52px,4.6vw,70px))!important}
html body #page-ventures .vx-panel>img.vx-mark{top:auto!important;bottom:clamp(22px,2.6vw,38px)!important;right:clamp(20px,2.2vw,34px)!important;height:clamp(30px,2.5vw,38px)!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5)) drop-shadow(0 2px 12px rgba(0,0,0,.45))!important}
html body #page-ventures #v-interiors>img.vx-mark{height:clamp(44px,3.6vw,56px)!important}
html body #page-ventures .vx-closing{padding-bottom:clamp(64px,8vw,100px)!important}

/* ================= v68 · one footer on every page; the names in capitals ================= */
html body :is(#page-home,#page-story,#page-ventures,#page-enquiries) .closing .socials a b{text-transform:uppercase!important;letter-spacing:.05em!important;font-size:clamp(19px,1.6vw,25px)!important}
html body :is(#page-story,#page-ventures,#page-enquiries) .sitefoot .close-grid{grid-template-columns:minmax(0,680px)!important;justify-content:center!important}
html body :is(#page-ventures,#page-enquiries) .sitefoot{margin:0!important}
html body #page-enquiries .sitefoot{position:relative;z-index:3}

/* ================= v68 · My Story: phone captions clear of the numbers ================= */
@media (max-width:800px){html body #page-story #principles .ep-scene .ep-copy{margin-top:56px!important}}

/* ================= v68 · Enquiries: richer silk, raised letters, an entrance ================= */
html body #page-enquiries .eqs{height:150svh!important}
html body #page-enquiries .eqw h2{font-size:clamp(54px,5.7vw,94px)!important}
html body #page-enquiries .eqw-lead{font-size:clamp(20px,1.55vw,25px)!important}
html body #page-enquiries .opt b{font-size:clamp(30px,2.5vw,40px)!important}
html body #page-enquiries .opt small{font-size:clamp(17px,1.25vw,20px)!important}
@media (max-width:800px){html body #page-enquiries .eqw h2{font-size:clamp(46px,12vw,56px)!important}html body #page-enquiries .eqw-lead{font-size:19px!important}}
html body #page-enquiries .opt i{color:#182d62!important}
/* Work with me rises line by line, like My Vision */
html body #page-enquiries .eqw .ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
html body #page-enquiries .eqw .ln>span{display:block;transform:translateY(105%);transition:transform 1.25s cubic-bezier(.2,.7,.2,1)}
html body #page-enquiries .eqw .rv{opacity:0;transform:translateY(22px);transition:opacity 1s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
html body #page-enquiries .eqw .opt.rv{transition:opacity 1s ease,transform 1.2s cubic-bezier(.2,.7,.2,1),background .6s ease,box-shadow .6s ease}
html body #page-enquiries .eqw.in .ln>span,html body #page-enquiries .eqw.in .rv{transform:none;opacity:1}
html body #page-enquiries .eqw-pf{opacity:0;transform:translateY(30px);transition:opacity 1.2s ease,transform 1.4s cubic-bezier(.2,.7,.2,1)}
html body #page-enquiries .eqw.in .eqw-pf{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html body #page-enquiries .eqw .ln>span,html body #page-enquiries .eqw .rv,html body #page-enquiries .eqw-pf{transform:none!important;opacity:1!important;transition:none!important}}
