/* Shared navigation and integration. Individual approved page styles stay isolated. */
.skip-link{position:absolute;z-index:1000;top:12px;left:12px;transform:translateY(-180%);padding:10px 16px;background:#F7F4EF;color:#4F2E2B;font:500 14px/1.5 Raleway,sans-serif}.skip-link:focus{transform:none}
#main-content{position:absolute;top:0;width:1px;height:1px;overflow:hidden}
.menu-toggle{display:none}.masthead .nav-arrow{margin-left:12px}.site-nav [aria-current=page]{border-bottom:1px solid currentColor}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.site-footer a{text-decoration:none}.site-footer a:focus-visible,.menu-toggle:focus-visible{outline:1px solid currentColor;outline-offset:6px}
@media(max-width:800px){
 .masthead{position:relative;z-index:20;min-height:100px}.page-home .masthead{position:absolute;min-height:100px}
 .masthead .menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:8px 0;border:0;background:transparent;color:inherit;font:500 12px/1.5 Raleway,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
 .masthead nav.site-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:25;padding:16px 6vw 24px;margin:0;background:#F7F4EF;color:#4F2E2B;box-shadow:0 12px 20px #1c0f0d16;gap:0;font:500 16px/1.6 Raleway,sans-serif;letter-spacing:.06em}
 .masthead.menu-open nav.site-nav{display:flex;flex-direction:column;align-items:flex-start}.masthead nav.site-nav a{display:block;min-height:44px;padding:10px 0}.masthead nav.site-nav .nav-arrow{display:none}
 .site-footer{font-size:10px;line-height:1.6}
}
/* Extend the desktop-only homepage for smaller viewports, without changing 1440px. */
@media(max-width:1439px){
 body.page-home,body.page-home main{width:100%;min-width:0}.page-home .prototype-note{width:100%}
 .page-home.a .hero{height:clamp(700px,70vw,1000px)}.page-home .masthead{padding:0 5vw}
 .page-home.a .hero:after{left:6.111111vw;top:190px}
 .page-home.a .hero h1{top:clamp(180px,16vw,228px);left:8.888889vw;width:82vw}
 .page-home.a .hero-line .private,.page-home.a .hero-line .assistance,.page-home.a .hero-line .lifestyle,.page-home.a .hero-line .management{font-size:7.36vw;letter-spacing:-.035em}
 .page-home.a .hero-line{gap:1.45vw}.page-home.a .hero .italy{font-size:8.61vw;letter-spacing:-.035em}
 .page-home.a .hero-bottom{left:8.888889vw;right:6.111111vw;bottom:60px}
 .page-home.a .relationships{height:clamp(880px,71.5278vw,1030px);padding-top:clamp(80px,8vw,115px)}
 .page-home.a .relationships:before,.page-home.a .services:before,.page-home.a .founder-preview:before,.page-home.a .private-enquiries-preview:before{left:6.111111vw}
 .page-home.a .relationships h2{font-size:7.6389vw;letter-spacing:-.035em}.page-home.a .relationship-line{margin-left:8.888889vw}.page-home.a .relationship-line.focus{margin-left:24.7222vw;font-size:9.5833vw}
 .page-home.a .relationship-rule{left:6.111111vw;right:6.111111vw;top:clamp(400px,36.5278vw,526px)}
 .page-home.a .relationships .intro{left:62.5vw;top:clamp(470px,39.3056vw,566px);width:29.1667vw;font-size:17px}
 .page-home.a .editorial-bridge{top:clamp(630px,52.0833vw,750px);height:clamp(450px,45.1389vw,650px)}
 .page-home.a .services{min-height:0;padding:calc(clamp(630px,52.0833vw,750px) + clamp(450px,45.1389vw,650px) - clamp(880px,71.5278vw,1030px) + 100px) 6.111111vw 90px 8.888889vw}
 .page-home.a .services h2{font-size:9.1667vw;letter-spacing:-.035em;margin-bottom:60px}.page-home.a .service-name,.page-home.a .more-text{font-size:5vw;letter-spacing:-.025em}
 .page-home.a .founder-preview{padding:90px 6.111111vw 90px 8.888889vw}.page-home.a .founder-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:7vw}.page-home.a .founder-preview h2{font-size:8.61vw;letter-spacing:-.035em}.page-home.a .founder-arrow{font-size:2.78vw}.page-home.a .founder-biography p{font-size:18px}
 .page-home.a .private-enquiries-preview{padding:70px 6.111111vw 72px 8.888889vw}.page-home.a .private-enquiries-preview p{font-size:2.78vw;letter-spacing:-.02em}.page-home.a .enquiry-contact{margin-left:14px;min-width:36px}.page-home.a .enquiry-contact span{font-size:28px}
}
@media(max-width:650px){
 .page-home .masthead{height:100px;padding:0 6vw}.page-home .brand img{width:54px;height:42px}.page-home .brand span{display:none}
 .page-home.a .hero{height:700px}.page-home.a .hero-photo{object-position:55% 58%}.page-home.a .hero:after{left:4vw;top:160px}.page-home.a .hero h1{top:190px;left:6vw;width:88vw;gap:12px}
 .page-home.a .hero-line .private,.page-home.a .hero-line .assistance,.page-home.a .hero-line .lifestyle,.page-home.a .hero-line .management{font-size:9vw;letter-spacing:-.035em}.page-home.a .hero-line{gap:7px}.page-home.a .hero .italy{font-size:14vw;margin-top:12px}.page-home.a .hero-bottom{left:6vw;right:6vw;bottom:45px}.page-home.a .hero-bottom a{font-size:11px}
 .page-home.a .relationships{height:700px;padding-top:75px}.page-home.a .relationships:before,.page-home.a .services:before,.page-home.a .founder-preview:before,.page-home.a .private-enquiries-preview:before{left:4vw}
 .page-home.a .relationships h2{font-size:11vw;line-height:1.12}.page-home.a .relationship-line{margin-left:6vw}.page-home.a .relationship-line.focus{margin-left:17vw;font-size:14vw;line-height:1.05}.page-home.a .relationship-rule{left:4vw;right:6vw;top:300px}.page-home.a .relationships .intro{left:40vw;top:335px;width:54vw;font-size:15px;line-height:1.6}.page-home.a .editorial-bridge{top:540px;width:84vw;height:350px}
 .page-home.a .services{padding:270px 6vw 70px;min-height:0}.page-home.a .services h2{font-size:12.5vw;line-height:1.1;margin-bottom:45px}.page-home.a .services h2 em{padding-left:8px}.page-home.a .service-list{gap:20px}.page-home.a .service-name,.page-home.a .more-text{font-size:6.1vw;letter-spacing:-.025em}.page-home.a .services-more{margin-top:20px;gap:20px}.page-home.a .more-cta{font-size:9px;padding-bottom:10px;margin-bottom:0}.page-home.a .more-cta .arrow{margin-left:10px}
 .page-home.a .founder-preview{padding:65px 6vw}.page-home.a .founder-grid{display:block}.page-home.a .founder-label{font-size:11px;margin-bottom:18px}.page-home.a .founder-preview h2{font-size:22vw;line-height:1.05}.page-home.a .founder-arrow{font-size:30px;transform:translateY(-5px)}.page-home.a .founder-biography{margin-top:36px}.page-home.a .founder-biography p{font-size:17px;line-height:1.65}.page-home.a .founder-biography p+p{margin-top:24px}
 .page-home.a .private-enquiries-preview{padding:55px 6vw}.page-home.a .private-enquiries-preview p{font-size:clamp(20px,5.5vw,28px);line-height:1.5}.page-home.a .enquiry-email{white-space:normal;overflow-wrap:anywhere}.page-home.a .enquiry-contact{min-width:32px;min-height:36px;margin-left:8px}.page-home.a .enquiry-contact span{font-size:24px}
 .page-home .site-footer{padding:25px 6vw}
}
@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}
@media(max-width:380px){.page-services .closing-split .closing .cta{font-size:24px;gap:16px;max-width:100%}}

/* Align the Apricot Cream / Espresso transition with the photograph's lower edge. */
.page-home.a .services{--photo-background-extension:370px;background:linear-gradient(to bottom,var(--parchment) 0 var(--photo-background-extension),var(--espresso) var(--photo-background-extension) 100%)}
.page-home.a .services::before{width:1px;border-left:0;background:linear-gradient(to bottom,var(--espresso) 0 var(--photo-background-extension),var(--apricot) var(--photo-background-extension) 100%)}
@media(max-width:1439px){.page-home.a .services{--photo-background-extension:calc(clamp(630px,52.0833vw,750px) + clamp(450px,45.1389vw,650px) - clamp(880px,71.5278vw,1030px))}}
@media(max-width:650px){.page-home.a .services{--photo-background-extension:190px}}

/* Quiet enquiry sign-off, continuing the Founder section's Parchment field. */
.page-home.a .private-enquiries-preview{background:var(--parchment);padding:24px 88px 40px 128px}
.page-home.a .private-enquiries-preview p{font-size:20px;line-height:1.6;letter-spacing:-.15px}
.page-home.a .enquiry-contact{min-width:44px;min-height:44px;margin-left:10px}
.page-home.a .enquiry-contact span{font-size:22px}
@media(max-width:1439px){.page-home.a .private-enquiries-preview{padding:24px 6.111111vw 40px 8.888889vw}}
@media(max-width:650px){.page-home.a .private-enquiries-preview{padding:16px 6vw 32px}.page-home.a .private-enquiries-preview p{font-size:18px;line-height:1.6}.page-home.a .enquiry-contact{margin-left:6px}}

/* Place the Services invitation directly below & more, on the same left axis. */
.page-home.a .services-more{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:18px;width:max-content;max-width:100%}
.page-home.a .more-cta{margin-bottom:0;padding-bottom:12px}

/* About invitation immediately below the Relationships introduction. */
.page-home.a .relationship-discover{display:block;width:max-content;max-width:100%;min-height:44px;margin-top:20px;padding:6px 0 12px;border-bottom:1px solid currentColor;line-height:1.5}
@media(max-width:650px){.page-home.a .relationship-discover{font-size:10px;margin-top:16px}}

/* Founder link follows the biography on the same editorial text axis. */
.page-home.a .founder-discover{display:block;width:max-content;max-width:100%;min-height:44px;margin-top:26px;padding:6px 0 12px;border-bottom:1px solid currentColor;line-height:1.5}
@media(max-width:650px){.page-home.a .founder-discover{font-size:10px;margin-top:24px}}

/* The Founder replaces the name, retaining the large Newsreader title. */
.page-home.a .founder-preview h2 a{align-items:flex-end;gap:18px}
.page-home.a .founder-title{display:block}
.page-home.a .founder-arrow{flex-shrink:0;transform:translateY(-10px)}

/* Approved About option 1: both sentences left, second sentence on one desktop line. */
.page-about.v01 h1.title-option{font:400 clamp(30px,5.5vw,99px)/1.04 Newsreader,serif;letter-spacing:-.045em;color:var(--ink);margin-bottom:75px}
.page-about.v01 h1.title-option .sentence{display:block;font:inherit;color:inherit;letter-spacing:inherit}
.page-about.v01 h1.option-c .second{margin-top:44px;margin-left:0;font-style:italic;white-space:nowrap}
@media(max-width:650px){.page-about.v01 h1.title-option{font-size:8.8vw;margin-bottom:45px}.page-about.v01 h1.option-c .second{margin-top:32px;white-space:normal}}

/* Use the existing smaller body style for all three About introduction paragraphs. */
.page-about .copy-rail .lead{font:400 18px/1.6 Archivo,sans-serif;letter-spacing:normal}
@media(max-width:1100px){.page-about .copy-rail .lead{font-size:17px}}
@media(max-width:650px){.page-about .copy-rail .lead{line-height:1.65}}

/* Keep Read more / Close text controls without directional arrows. */
.page-about .disclosure-action .action-arrow{display:none}
.page-about .disclosure-action{min-width:0;gap:0}

/* End the desktop Apricot field exactly at the photograph's lower edge. */
@media(min-width:651px){.page-about.v01 .opening{padding-bottom:0}}

/* Swap the two About colour fields, retaining contrast and all geometry. */
.page-about.v01 .opening{background:var(--ink);color:var(--apricot)}
.page-about.v01 .opening .copy-rail{color:var(--paper)}
.page-about.v01 .opening h1.title-option{color:inherit}
.page-about.v01 .essay{background:var(--apricot);color:var(--ink);--active:var(--ink)}

/* Brand Parchment for the opening statement's first line only. */
.page-about.v01 .opening h1.title-option .first{color:var(--paper)}

/* Compact the Apricot section after removing the repeated statement. */
.page-about.v01 .essay{padding-top:80px;padding-bottom:70px}
@media(max-width:650px){.page-about.v01 .essay{padding-top:32px;padding-bottom:48px}}

/* Closing now contains the approved Support text; retain the mirrored image layout. */
@media(min-width:651px){.page-services.e .closing-split .afterword{min-height:100vh;gap:0}}

/* Discreet Services enquiry link follows the complete closing copy. */
.page-services.e .closing-split .closing>div{margin-top:32px;gap:24px}
.page-services.e .closing-split .closing .cta{order:3;min-width:0;min-height:44px;gap:22px;margin:0;padding:6px 0 12px;font:500 12px/1.5 Raleway,sans-serif;letter-spacing:.06em;text-transform:none}
.page-services.e .closing-split .closing .cta span{font:400 18px/1 Raleway,sans-serif}

/* Balance category introductions after removing the four opening sentences. */
.page-services.e .reading .service h2+p{margin-top:28px}
.page-services.e .reading .service p+p{margin-top:20px}
@media(max-width:650px){.page-services.e .reading .service h2+p{margin-top:24px}.page-services.e .reading .service p+p{margin-top:18px}}

/* Approved Support spread, moved intact from Services to after About's Apricot section. */
.page-about .support-section{display:grid;grid-template-columns:1fr 1fr;align-items:start;background:var(--apricot);color:var(--ink)}
.page-about .support-section .afterword{min-height:100vh;padding:95px 5vw 100px}
.page-about .support-section .closing{display:block;margin:0;padding:0;border:0}
.page-about .support-section .closing h2{font:400 59px/1.06 Newsreader,serif;letter-spacing:-.035em}
.page-about .support-section .closing h2 span{display:block}
.page-about .support-section .closing h2 em{display:block;font-size:68px;line-height:1.06;font-style:italic;margin-top:12px}
.page-about .support-section .closing>div{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-top:32px}
.page-about .support-section .closing p{font:400 15px/1.65 Archivo,sans-serif;max-width:460px;margin:0}
.page-about .support-section .cta{display:flex;align-items:center;justify-content:space-between;min-width:0;min-height:44px;width:max-content;max-width:100%;gap:22px;margin:0;padding:6px 0 12px;border-bottom:1px solid currentColor;font:500 12px/1.5 Raleway,sans-serif;letter-spacing:.06em;text-transform:none}
.page-about .support-section .cta span{font:400 18px/1 Raleway,sans-serif}
.page-about .support-section .closing-visual{position:sticky;top:0;height:100vh;min-height:800px}
.page-about .support-section .photograph{height:100%;margin:0}
.page-about .support-section .photograph img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 54%}
@media(min-width:1800px){.page-about .support-section .closing h2{font-size:70px}.page-about .support-section .closing h2 em{font-size:80px}}
@media(max-width:1000px){.page-about .support-section .afterword{padding-top:75px;padding-bottom:80px}.page-about .support-section .closing h2{font-size:4.7vw}.page-about .support-section .closing h2 em{font-size:5.2vw}.page-about .support-section .closing p{font-size:14px}}
@media(max-width:650px){.page-about .support-section{display:flex;flex-direction:column}.page-about .support-section .afterword{min-height:0;width:100%;padding:65px 6vw 70px}.page-about .support-section .closing h2{font-size:11.5vw}.page-about .support-section .closing h2 em{font-size:12vw}.page-about .support-section .closing-visual{position:relative;top:auto;width:100%;height:620px;min-height:0}}

/* Parchment interlude between the Espresso opening and Apricot Support spread. */
.page-about.v01 .essay{background:var(--paper);padding-top:72px;padding-bottom:44px}
@media(max-width:650px){.page-about.v01 .essay{padding-top:32px;padding-bottom:28px}}

/* Mirror the upper photograph's width: lower image crosses the centre from the right. */
@media(min-width:651px){
 .page-about .support-section{grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);column-gap:64px;padding-left:var(--right)}
 .page-about .support-section .afterword{container-type:inline-size;padding-left:0;padding-right:0}
 .page-about .support-section .closing h2{font-size:11.55cqw}
 .page-about .support-section .closing h2 em{font-size:13.48cqw}
}
@media(min-width:651px) and (max-width:1100px){.page-about .support-section{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);column-gap:45px}}

/* Founder biography: one body size, grouped directly beneath the title. */
.page-founder.a .profile-copy{justify-content:flex-start;gap:32px}
.page-founder.a .biography{max-width:460px}
.page-founder.a .biography .background{font:400 18px/1.65 Archivo,sans-serif;letter-spacing:normal}
.page-founder.a .biography p+p{margin-top:24px}
@media(max-width:1000px){.page-founder.a .biography .background{font-size:16px}}
@media(max-width:650px){.page-founder.a .profile-copy{gap:28px}}

/* Personal approach: match the introductory biography body typography. */
.page-founder.a .personal-copy .approach,.page-founder.a .personal-copy .continuity{font:400 18px/1.65 Archivo,sans-serif;letter-spacing:normal}
.page-founder.a .personal-copy p+p{margin-top:24px}
.page-founder.a .personal{padding-top:85px;padding-bottom:85px}
@media(max-width:1000px){.page-founder.a .personal-copy .approach,.page-founder.a .personal-copy .continuity{font-size:16px}}
@media(max-width:650px){.page-founder.a .personal{padding-top:55px;padding-bottom:55px}}

/* Align both title lines and the enquiry link to the same left edge. */
.page-founder.a .personal h2 em{margin-left:0}
.page-founder.a .personal-heading .cta{margin-left:0;margin-right:0}

/* Contact: one title line and a compact, content-led vertical rhythm. */
.page-contact.c .contact-copy{container-type:inline-size;padding-bottom:80px}
.page-contact.c h1{max-width:none;font-size:12.25cqw;line-height:1.08;white-space:nowrap}
.page-contact.c h1 em{display:inline;font-size:inherit;margin:0}
.page-contact.c .contact-line{margin-top:32px}
.page-contact.c .contact-form{margin-top:44px}
.page-contact.c .scene{min-height:0}
@media(max-width:650px){.page-contact.c .contact-copy{padding-bottom:55px}.page-contact.c .contact-line{margin-top:26px}.page-contact.c .contact-form{margin-top:36px}}

/* Let each opening colour field and photograph continue behind its masthead. */
body:not(.page-home){--masthead-space:140px}
body.page-about{--masthead-space:118px}
body:not(.page-home) .masthead{position:absolute;inset:0 0 auto;z-index:20;width:100%;background:transparent}
.page-about.v01 .opening{padding-top:calc(80px + var(--masthead-space))}
.page-about.v01 .opening.axis::before{top:var(--masthead-space)}
.page-about .masthead{color:var(--paper)}
.page-about .masthead .brand img{filter:brightness(0) saturate(100%) invert(98%) sepia(8%) saturate(394%) hue-rotate(329deg) brightness(102%) contrast(94%)}
.page-services.e .reading{padding-top:calc(78px + var(--masthead-space))}
.page-services.e .visual{height:calc(100vh + var(--masthead-space));min-height:calc(800px + var(--masthead-space))}
.page-services.e .visual h1{top:calc(74px + var(--masthead-space))}
.page-founder.a .profile-copy{padding-top:calc(80px + var(--masthead-space))}
.page-founder.a .profile .portrait{height:calc(1050px + var(--masthead-space))}
.page-contact.c .contact-copy{padding-top:calc(75px + var(--masthead-space))}
.page-contact .masthead .site-nav{color:var(--paper);text-shadow:0 1px 6px #1c0f0d66}
.page-contact.c .scene::after{content:'';position:absolute;inset:0 0 auto;height:180px;pointer-events:none;background:linear-gradient(to bottom,#1c0f0d66,transparent)}
@media(max-width:1100px){body.page-about{--masthead-space:105px}.page-about.v01 .opening{padding-top:calc(70px + var(--masthead-space))}}
@media(max-width:1000px){
 body:not(.page-home):not(.page-about){--masthead-space:115px}
 .page-services.e .visual h1{top:calc(65px + var(--masthead-space))}
 .page-founder.a .profile-copy{padding-top:calc(60px + var(--masthead-space))}
 .page-founder.a .profile .portrait{height:calc(950px + var(--masthead-space))}
 .page-contact.c .contact-copy{padding-top:calc(65px + var(--masthead-space))}
}
@media(max-width:800px){
 .masthead nav.site-nav{box-shadow:none;background:var(--menu-background,#F7F4EF);color:var(--menu-foreground,#4F2E2B);text-shadow:none}
 .page-home{--menu-background:#4F2E2B;--menu-foreground:#F7F4EF}
 .page-about{--menu-background:#1C0F0D;--menu-foreground:#F7F4EF}
 .page-services{--menu-background:#F7F4EF;--menu-foreground:#4F2E2B}
 .page-founder{--menu-background:#F7F4EF;--menu-foreground:#4F2E2B}
 .page-contact{--menu-background:#E5C69F;--menu-foreground:#4F2E2B}
 .page-contact .masthead{color:var(--ink)}
}
@media(max-width:650px){
 body:not(.page-home),body.page-about,body:not(.page-home):not(.page-about){--masthead-space:100px}
 .page-about.v01 .opening{padding-top:calc(50px + var(--masthead-space))}
 .page-services.e .visual{height:calc(620px + var(--masthead-space));min-height:0}
 .page-services.e .visual h1{top:calc(55px + var(--masthead-space))}
 .page-services.e .reading{padding-top:50px}
 .page-founder.a .profile-copy{padding-top:calc(45px + var(--masthead-space))}
 .page-founder.a .profile .portrait{height:620px}
 .page-contact.c .contact-copy{padding-top:calc(50px + var(--masthead-space))}
 .page-contact.c .scene::after{display:none}
}

/* Preserve menu contrast where the opening uses a photograph. */

@media(max-width:800px){.page-contact .masthead nav.site-nav{color:var(--menu-foreground);text-shadow:none}}

/* The photo menus reveal the image already beneath them, without repeating it. */
@media(max-width:800px){.page-home .masthead nav.site-nav{background:#1c0f0dcc;backdrop-filter:blur(14px)}}
@media(max-width:650px){.page-services .masthead nav.site-nav{background:#f7f4efdd;backdrop-filter:blur(14px)}}

/* About statement uses the homepage Relationships headline scale. */
.page-about.v01 h1.title-option{font-size:clamp(30px,7.638889vw,138px)}
.page-about.v01 h1.option-c .second{white-space:normal;text-wrap:balance}
@media(max-width:650px){.page-about.v01 h1.title-option{font-size:11vw}}


/* Fit the second statement across the complete headline measure. */
.page-about.v01 h1.title-option{container-type:inline-size}
.page-about.v01 h1.option-c .second{font-size:min(8.08cqw,.92em);letter-spacing:-.045em;white-space:nowrap;text-wrap:nowrap;width:max-content;max-width:none}

@media(max-width:1100px){.page-about.v01 h1.option-c .second{font-size:calc(7.82cqw + 3px)}}

/* Larger editorial statements, with the small disclosure controls aligned below. */
.page-about .disclosure-topics{align-items:stretch}
.page-about .disclosure-heading button{height:100%;justify-content:space-between;font-size:clamp(32px,3.611111vw,64px);line-height:1.04;letter-spacing:-.035em;gap:22px}
@media(max-width:650px){.page-about .disclosure-heading button{height:auto;font-size:40px;gap:16px}}

/* Keyword-led editorial titles: YOU, DETAILS, TRUST. */
.page-about .disclosure-heading{container-type:inline-size}
.page-about .disclosure-heading button{font-size:clamp(28px,2.916667vw,50px);line-height:1.03;gap:24px}
.page-about .statement-title{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:8px}
.page-about .statement-rest{display:block}
.page-about .statement-key{display:block;font:400 24.8cqw/.96 Newsreader,serif;letter-spacing:-.055em;text-transform:uppercase}
@media(max-width:650px){.page-about .disclosure-heading button{font-size:34px;gap:18px}.page-about .statement-key{font-size:24.8cqw}}

/* Space the visible title blocks evenly and keep the booking phrase together. */
.page-about .editorial-disclosure{container-type:inline-size}
.page-about .disclosure-heading{container-type:normal}
.page-about .statement-title{width:max-content;max-width:100%}
.page-about #topic-2 .statement-rest{white-space:nowrap}
@media(min-width:651px){
 .page-about .disclosure-topics{grid-template-columns:repeat(3,max-content);justify-content:space-between;column-gap:32px}
 .page-about .disclosure-heading button{font-size:3.43cqw}
 .page-about .statement-key{font-size:7.7cqw}
}

/* Equal title heights and a closer, common Read more baseline. */
.page-about .disclosure-heading button{justify-content:flex-start;gap:12px}
@media(min-width:651px){.page-about .statement-title{min-height:calc(14.4578cqw + 8px);justify-content:space-between}}
@media(max-width:650px){.page-about .disclosure-heading button{gap:10px}}

/* Optical top alignment; keep each Read more close to its own title. */
.page-about .disclosure-topics{align-items:start}
.page-about .disclosure-heading button{height:auto;gap:0}
.page-about .statement-title{min-height:0;justify-content:flex-start}
.page-about .disclosure-action{margin-top:-12px}
@media(max-width:650px){.page-about .disclosure-action{margin-top:-9px}}


/* Shared Read more baseline beneath three equal title structures. */
@media(min-width:651px){
 .page-about .disclosure-topics{align-items:stretch}
 .page-about .disclosure-heading button{height:100%}
}

/* One shared footer, matching the compact Coffee / Apricot reference. */
body[class] .site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;width:100%;min-height:56px;margin:0;padding:20px 5vw;border:0;background:#1C0F0D;color:#E5C69F;font:400 10px/1.6 Raleway,sans-serif;letter-spacing:.06em;text-transform:uppercase}
body[class] .site-footer>span{white-space:nowrap}
body[class] .site-footer a{display:inline-flex;align-items:center;gap:6px;color:inherit;font:inherit;letter-spacing:inherit;text-decoration:none;white-space:nowrap}
body[class] .site-footer a span{font:inherit;letter-spacing:0}
@media(max-width:650px){body[class] .site-footer{padding:20px 6vw;gap:16px}}

/* Homepage Founder preview: biography left, title right. */
@media(min-width:651px){
 .page-home.a .founder-grid{grid-template-columns:minmax(0,1fr) 460px}
 .page-home.a .founder-identity{grid-column:2;grid-row:1}
 .page-home.a .founder-biography{grid-column:1;grid-row:1}
}
@media(min-width:651px) and (max-width:1439px){.page-home.a .founder-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}

/* The Signature — from the user-provided Newsreader / Archivo reference. */
body[class] a[href]:not(.brand):not(.skip-link):not(.services-more),body[class] [class]:is(.more-cta,.disclosure-action,.send){
 display:inline-block;width:fit-content;min-width:0;min-height:0;max-width:100%;position:relative;isolation:isolate;
 padding:var(--signature-padding,4px 1px 9px);border:0;background:transparent;color:inherit;
 font:italic 400 var(--tpk-link-size,22px)/1.05 Newsreader,Georgia,serif;
 font-optical-sizing:auto;letter-spacing:-.03em;text-transform:none;text-decoration:none;white-space:normal;cursor:pointer
}
body[class] a[href]:not(.brand):not(.skip-link):not(.services-more)::after,body[class] [class]:is(.more-cta,.disclosure-action,.send)::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .38s cubic-bezier(.2,.8,.2,1);pointer-events:none}
body[class] a[href]:not(.brand):not(.skip-link):not(.services-more):hover::after,body[class] [class]:is(.more-cta,.disclosure-action,.send):hover::after,body[class] a[href]:not(.brand):not(.skip-link):not(.services-more):focus-visible::after,body[class] [class]:is(.more-cta,.disclosure-action,.send):focus-visible::after{transform:scaleX(1)}
body[class] a[href]:not(.brand):not(.skip-link):not(.services-more):focus-visible,body[class] .send:focus-visible{outline:1px solid currentColor;outline-offset:9px}
body[class] a[href]:not(.brand):not(.skip-link) [aria-hidden=true],body[class] .more-cta .arrow,body[class] .send [aria-hidden=true],body[class] .disclosure-action .action-arrow{display:none}
body[class] .services-more:hover .more-cta::after,body[class] .services-more:focus-visible .more-cta::after,body[class] .disclosure-heading button:hover .disclosure-action::after,body[class] .disclosure-heading button:focus-visible .disclosure-action::after{transform:scaleX(1)}
body[class] .masthead .site-nav a[aria-current=page]::after{transform:scaleX(1)}
.site-footer{--signature-padding:0}
.page-about .disclosure-action{--signature-padding:4px 1px 6px}
.page-contact .contact-line{--signature-padding:0}
.page-home .private-enquiries-preview{--signature-padding:0}
@media(hover:none),(pointer:coarse){body[class] a[href]:not(.brand):not(.skip-link):not(.services-more)::after,body[class] [class]:is(.more-cta,.disclosure-action,.send)::after{transform:scaleX(1);opacity:.7}}
@media(prefers-reduced-motion:reduce){body[class] a[href]:not(.brand):not(.skip-link):not(.services-more)::after,body[class] [class]:is(.more-cta,.disclosure-action,.send)::after{transition:none}}

/* One size for every Signature link, matching the approved Read more. */
:root{--tpk-link-size:22px}
body[class] .site-footer{padding-top:16px;padding-bottom:16px}

@media(max-width:380px){body[class] .site-footer{gap:8px;font-size:9px}}

/* Founder copy determines the spread height; the portrait occupies a smaller column. */
.page-founder.a .profile{grid-template-columns:56% 44%}
.page-founder.a .biography{max-width:600px}
.page-founder.a .biography p,.page-founder.a .personal-copy p{font:400 18px/1.65 Archivo,sans-serif;letter-spacing:normal;max-width:none}
.page-founder.a .profile .portrait{position:relative;height:auto;min-height:0}
.page-founder.a .profile .portrait img{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:1000px){.page-founder.a .biography p,.page-founder.a .personal-copy p{font-size:16px}}
@media(max-width:650px){.page-founder.a .profile .portrait{height:auto;aspect-ratio:4/5}.page-founder.a .profile .portrait img{object-position:50% 26%}}

/* A consultation link over the lower stone area of the Services photograph. */
.page-services.e .visual{color:var(--ink)}
body[class].page-services.e .visual a.consultation-link[href]{position:absolute;z-index:3;left:auto;right:5vw;bottom:40px;color:var(--paper)}
@media(max-width:650px){body[class].page-services.e .visual a.consultation-link[href]{left:auto;right:6vw;bottom:32px}}

/* Keep Discover more below the paragraph, aligned with its left edge. */
body[class].page-home.a .relationships a.relationship-discover[href]{display:block;margin-top:20px}
@media(max-width:650px){body[class].page-home.a .relationships a.relationship-discover[href]{margin-top:16px}}

/* A shorter Enquiries label with consistent spacing throughout the shared menu. */
@media(min-width:801px){body[class] .masthead nav.site-nav{gap:clamp(24px,2.5vw,40px)}}
@media(max-width:800px){body[class] .masthead nav.site-nav{gap:8px;padding-top:20px;padding-bottom:24px}body[class] .masthead nav.site-nav a[href]:not(.brand){min-height:44px;padding-top:8px;padding-bottom:9px}}

/* Centre the user-supplied foyer in both hero crops. */
.page-home.a .hero .hero-photo{object-position:50% 50%}

/* Parchment behind the opening Services reading column and masthead. */
.page-services.e,.page-services.e .split,.page-services.e .reading{background:var(--paper)}

/* The new living-room photo uses light typography on its darker wall. */
.page-services.e .visual h1{color:var(--paper)}
.page-services.e .visual .photograph img{object-position:50% 50%}
.page-services.e .masthead .brand{color:var(--paper)}
.page-services.e .masthead .brand img{filter:brightness(0) saturate(100%) invert(98%) sepia(8%) saturate(394%) hue-rotate(329deg) brightness(102%) contrast(94%)}

@media(max-width:650px){.page-services.e .masthead{color:var(--paper)}}

/* Full navigation and the original visible logo at the top of every page. */
#site-masthead{position:absolute;inset:0 0 auto;z-index:20;background:transparent;pointer-events:auto}
#site-masthead .brand{display:flex;opacity:1;visibility:visible;pointer-events:auto}
#site-masthead .brand img{display:block;opacity:1;visibility:visible}
#site-masthead nav.site-nav{display:flex;position:static;inset:auto;flex-direction:row;align-items:center;justify-content:flex-start;width:auto;gap:clamp(18px,2.5vw,40px);margin:0;padding:0;background:transparent;box-shadow:none;backdrop-filter:none;text-shadow:none}
#site-masthead nav.site-nav a[href]{min-height:0}
.scroll-to-navigation{position:fixed;top:22px;right:5vw;z-index:70;display:block;min-width:44px;min-height:44px;margin:0;padding:8px 0;border:0;background:transparent;color:var(--navigation-contrast,#1C0F0D);font:italic 400 22px/1.05 Newsreader,Georgia,serif;letter-spacing:-.03em;text-transform:none;text-align:right;cursor:pointer}
.scroll-to-navigation[hidden]{display:none!important}
.scroll-to-navigation::after{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.scroll-to-navigation:hover::after,.scroll-to-navigation:focus-visible::after{transform:scaleX(1)}
.scroll-to-navigation:focus-visible{outline:1px solid currentColor;outline-offset:6px}
@keyframes navigation-return-appear{from{opacity:0}to{opacity:1}}
@media(max-width:800px){#site-masthead nav.site-nav{gap:18px}.scroll-to-navigation{right:6vw}}
@media(max-width:650px){
 #site-masthead{height:auto;min-height:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;padding:22px 6vw 18px}
 #site-masthead nav.site-nav{width:100%;flex-wrap:wrap;gap:6px 10px}
 #site-masthead nav.site-nav a[href]{padding-top:4px;padding-bottom:9px}
 .page-home.a .hero h1{top:max(190px,calc(var(--restored-header-height,100px) + 35px))}
}
@media(prefers-reduced-motion:reduce){.scroll-to-navigation{animation:none}}

/* About opening: uniform headline scale in the right column and top-bleed photo. */
.page-about.editorial-layout.v01 .opening{display:grid;grid-template-columns:52% 48%;align-items:stretch;min-height:100svh;margin:0;padding:0;background:#4F2E2B}
.page-about.editorial-layout .opening.axis::before{display:none}
.page-about.editorial-layout.v01 .opening>.photo{position:relative;grid-column:1;grid-row:1;width:100%;height:auto;min-height:100svh;margin:0;overflow:hidden}
.page-about.editorial-layout .opening>.photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:55% 44%}
.page-about.editorial-layout .editorial-column{grid-column:2;grid-row:1;min-width:0;padding:calc(var(--masthead-space,118px) + 56px) 5vw 80px 48px;container-type:inline-size}
.page-about.editorial-layout h1.editorial-title{display:flex;flex-direction:column;align-items:stretch;gap:28px;width:100%;margin:0 0 48px;padding:0;font:400 clamp(60px,7.638889vw,138px)/1.02 Newsreader,Georgia,serif;letter-spacing:-.045em;color:#F7F4EF}
.page-about.editorial-layout h1.editorial-title .sentence{display:block;width:100%;margin:0;padding:0;font:inherit;letter-spacing:inherit;white-space:normal;text-wrap:wrap;color:inherit}
.page-about.editorial-layout h1.editorial-title .sentence.second{font-style:italic;color:#E5C69F}
.page-about.editorial-layout .opening .copy-rail{padding:0;margin:0;max-width:none;color:#F7F4EF}
.page-about.editorial-layout .services-discover{display:flex;justify-content:flex-end;margin-top:24px}
.page-about.editorial-layout #site-masthead .brand{color:#1C0F0D}
.page-about.editorial-layout #site-masthead .brand img{filter:brightness(0) saturate(100%) invert(16%) sepia(17%) saturate(1403%) hue-rotate(320deg) brightness(93%) contrast(88%)}
@media(max-width:1100px) and (min-width:701px){.page-about.editorial-layout .editorial-column{padding-left:32px;padding-top:calc(var(--masthead-space,105px) + 44px)}.page-about.editorial-layout h1.editorial-title{gap:24px;margin-bottom:42px}}
@media(max-width:700px){
 .page-about.editorial-layout.v01 .opening{display:flex;flex-direction:column;min-height:0}
 .page-about.editorial-layout.v01 .opening>.photo{position:relative;flex:none;width:100%;height:min(72svh,620px);min-height:420px}
 .page-about.editorial-layout .opening>.photo img{object-position:55% 42%}
 .page-about.editorial-layout .editorial-column{padding:44px 6vw 60px}
 .page-about.editorial-layout h1.editorial-title{font-size:clamp(44px,14vw,74px);gap:24px;margin-bottom:38px}
 .page-about.editorial-layout .opening .copy-rail{padding:0!important}
}

/* Footer enquiry link matches the copyright typography. */
body[class] .site-footer a[href]:not(.brand):not(.skip-link):not(.services-more){font:inherit;letter-spacing:inherit;text-transform:inherit;white-space:nowrap}

/* Shared reading typography across all five pages; headings and links retain their own scales. */
:root{--tpk-body-size:18px;--tpk-body-leading:1.65}
.page-home.a .relationships .intro,
.page-home.a .founder-biography p,
.page-about.v01 .opening .copy-rail p,
.page-about.v01 .continuation p,
.page-about.v01 .support-section .closing p,
.page-services.e .reading .service p,
.page-founder.a .profile .biography p,
.page-founder.a .personal .personal-copy p,
.page-contact.c .contact-copy p{font:400 var(--tpk-body-size)/var(--tpk-body-leading) Archivo,sans-serif;letter-spacing:normal}
@media(max-width:650px){:root{--tpk-body-size:16px}}

/* Approved 7C lockup: words close to the centred symbol. */
#site-masthead a.brand{display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;width:max-content;max-width:100%;gap:12px}
#site-masthead a.brand .brand-word{display:block;white-space:nowrap;font:500 16px/1 Raleway,sans-serif;letter-spacing:4px;text-transform:uppercase}
#site-masthead a.brand img{display:block;flex:none;width:82px;height:auto;object-fit:contain}
@media(min-width:801px) and (max-width:1100px){
 #site-masthead a.brand{gap:9px}
 #site-masthead a.brand .brand-word{font-size:12px;letter-spacing:3px}
 #site-masthead a.brand img{width:62px}
}
@media(max-width:800px){
 #site-masthead{height:auto;min-height:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;padding:22px 6vw 18px}
 #site-masthead nav.site-nav{width:100%;flex-wrap:wrap;gap:6px 10px;padding:0}
 #site-masthead nav.site-nav a[href]{padding-top:4px;padding-bottom:9px}
 #site-masthead a.brand{gap:8px}
 #site-masthead a.brand .brand-word{font-size:10px;letter-spacing:2.5px}
 #site-masthead a.brand img{width:52px}
}

/* Scroll-only symbol mirrors Menu on the opposite side without a header bar. */
a.brand.scroll-brand{position:fixed;top:22px;left:5vw;z-index:70;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;color:var(--navigation-contrast,#1C0F0D);text-decoration:none}
a.brand.scroll-brand[hidden]{display:none!important}
a.brand.scroll-brand svg{display:block;width:44px;height:auto;overflow:visible}
a.brand.scroll-brand:focus-visible{outline:1px solid currentColor;outline-offset:6px}
@media(max-width:800px){a.brand.scroll-brand{left:6vw}}

/* Homepage colour fields approved from the two reference screenshots. */
.page-home.a .founder-preview{background:var(--apricot)}
.page-home.a .relationships{background:var(--parchment)}

/* Selected photography, 31 October: keep focal subjects visible in the approved frames. */
.page-home.a .editorial-bridge img{object-position:50% 75%}
.page-about.editorial-layout .opening>.photo img{object-position:65% 50%;height:118%;top:-18%;bottom:auto}
.page-about .support-section .photograph img{object-position:70% 65%}
.page-contact.c .scene img{object-position:50% 50%}
@media(max-width:650px){.page-home.a .editorial-bridge img{object-position:50% 68%}}

/* Continuous editorial rules, using opaque colours from the five-colour palette. */
:root{--editorial-rule-gap:clamp(18px,2.777778vw,40px)}
.page-about.editorial-layout .opening.axis::before{display:block;left:auto;right:calc(5vw - var(--editorial-rule-gap));top:var(--masthead-space);bottom:0;background:var(--paper);opacity:1}
.page-about.editorial-layout .essay.axis::before{left:calc(var(--right) - var(--editorial-rule-gap));background:var(--ink);opacity:1}
.page-about .support-section{position:relative}
.page-about .support-section::before{content:'';position:absolute;left:calc(var(--right) - var(--editorial-rule-gap));top:0;bottom:0;width:1px;background:var(--ink);pointer-events:none;z-index:2}
.page-services.e .reading,.page-services.e .continuity-moment{position:relative}
.page-services.e .reading::after,.page-services.e .continuity-moment::before{content:'';position:absolute;right:calc(5vw - var(--editorial-rule-gap));top:0;bottom:0;width:1px;background:var(--ink);pointer-events:none}
.page-services.e .reading .service{position:relative;border-bottom:0}
.page-services.e .reading .service:not(:last-child)::after{content:'';position:absolute;left:0;right:calc(-1 * var(--editorial-rule-gap));bottom:0;height:1px;background:var(--ink);pointer-events:none}
.page-services.e .continuity-moment::before{background:var(--paper)}
.page-contact.c .contact-copy{position:relative}
.page-contact.c .contact-copy::before{content:'';position:absolute;left:calc(6.111111vw - var(--editorial-rule-gap));top:var(--masthead-space);bottom:0;width:1px;background:var(--ink);pointer-events:none}
.page-contact.c .field input,.page-contact.c .field textarea{border-bottom-color:var(--ink)}
.page-home.a .hero::after{border-left-color:var(--parchment)}
.page-home.a .relationships::before,.page-home.a .founder-preview::before{color:var(--espresso);opacity:1}
.page-home.a .services::before{opacity:1;background:linear-gradient(to bottom,var(--espresso) 0 var(--photo-background-extension),var(--parchment) var(--photo-background-extension) 100%)}
.page-founder.founder-index .index-opening::before{background:var(--ink)}

/* Approved Essential enquiry form: two short fields, one compact message area. */
.page-contact.c .contact-scene{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100svh}
.page-contact.c h1{font-size:clamp(36px,4.2vw,60px);white-space:normal}
.page-contact.c .contact-line{max-width:600px;margin-top:22px}
.page-contact.c .contact-form{max-width:600px;margin-top:28px;column-gap:24px;row-gap:20px}
.page-contact.c .contact-form input,.page-contact.c .contact-form textarea{font:400 16px/1.5 Archivo,sans-serif;padding:8px 0;border-bottom-width:1px}
.page-contact.c .contact-form input{height:44px;min-height:44px}
.page-contact.c .contact-form textarea{height:100px;min-height:100px}
.page-contact.c .contact-form .form-bottom{padding-top:0}
.page-contact.c .contact-form .send{min-width:0;width:max-content;margin:0;padding-bottom:8px;gap:0}
.page-contact.c .contact-form .send>span{display:none}
@media(max-width:650px){
 .page-contact.c h1{font-size:36px}
 .page-contact.c .contact-form{grid-template-columns:minmax(0,1fr);row-gap:20px;margin-top:26px}
}
@media(max-width:700px){
 .page-about.editorial-layout .opening.axis::before{display:none}
 .page-about.editorial-layout .editorial-column{position:relative}
 .page-about.editorial-layout .editorial-column::after{content:'';position:absolute;right:4vw;top:0;bottom:0;width:1px;background:var(--paper);pointer-events:none}
}
@media(max-width:650px){
 :root{--editorial-rule-gap:2vw}
 .page-about.editorial-layout .essay.axis::before,.page-about .support-section::before,.page-contact.c .contact-copy::before{left:4vw}
 .page-services.e .reading::after,.page-services.e .continuity-moment::before{right:4vw}
 .page-services.e .visual::after{content:'';position:absolute;right:4vw;top:var(--masthead-space);bottom:0;width:1px;background:var(--paper);pointer-events:none;z-index:2}
}

/* Bring the branded desk forward and reduce the armchair above it. */
.page-contact.c .scene img{height:125%;top:-22%;bottom:auto;object-position:50% 50%}
@media(max-width:650px){.page-contact.c .scene img{height:115%;top:-15%;object-position:43% 50%}}

/* Equal Enquiries columns retain wrapping in narrower desktop layouts. */
.page-contact.c .contact-copy{min-width:0}
.page-contact.c .contact-line a{overflow-wrap:anywhere}

/* Match the editorial title treatment while keeping The upright. */
.page-founder.founder-index .index-title h1 em{font:inherit;font-style:italic}

/* Enquiries title follows the Services treatment over the right-hand photograph. */
.page-contact.c .contact-copy{padding-top:calc(78px + var(--masthead-space))}
.page-contact.c .contact-copy .contact-line{margin-top:0}
.page-contact.c .scene{isolation:isolate}
.page-contact.c .scene h1.photo-title{position:absolute;z-index:3;top:calc(74px + var(--masthead-space));left:5vw;right:5vw;margin:0;max-width:none;font-size:118px;line-height:.98;letter-spacing:-.04em;color:var(--paper);text-shadow:none;white-space:normal}
.page-contact.c .scene h1.photo-title em{display:block;font:inherit;font-size:138px;line-height:1.04;text-align:right;margin:4px 0 0;font-style:italic}
@media(min-width:1800px){.page-contact.c .scene h1.photo-title{font-size:145px}.page-contact.c .scene h1.photo-title em{font-size:165px}}
@media(max-width:1000px){.page-contact.c .scene h1.photo-title{top:calc(65px + var(--masthead-space));font-size:8.2vw}.page-contact.c .scene h1.photo-title em{font-size:9.6vw}}
@media(max-width:650px){
 .page-contact.c .contact-copy{padding-top:calc(50px + var(--masthead-space))}
 .page-contact.c .scene h1.photo-title{top:55px;left:6vw;right:6vw;font-size:18vw}
 .page-contact.c .scene h1.photo-title em{font-size:20vw}
}

/* One responsive title scale shared by Services, Founder and Enquiries. */
:root{--tpk-title-roman:118px;--tpk-title-italic:138px}
.page-services.e .visual h1,
.page-founder.founder-index .index-title h1,
.page-contact.c .scene h1.photo-title{font-size:var(--tpk-title-roman)}
.page-services.e .visual h1 em,
.page-founder.founder-index .index-title h1 em,
.page-contact.c .scene h1.photo-title em{font-size:var(--tpk-title-italic)}
@media(min-width:1800px){:root{--tpk-title-roman:145px;--tpk-title-italic:165px}}
@media(max-width:1000px){:root{--tpk-title-roman:8.2vw;--tpk-title-italic:9.6vw}}
@media(max-width:650px){:root{--tpk-title-roman:18vw;--tpk-title-italic:20vw}}

/* All five Enquiries header links use the approved Parchment treatment. */
.page-contact #site-masthead nav.site-nav{color:var(--paper);text-shadow:none}

/* Mobile review: retain the desktop layouts and rebalance the small-screen hierarchy. */
@media(max-width:800px){
 #site-masthead nav.site-nav{flex-wrap:nowrap;justify-content:space-between;gap:clamp(6px,1.8vw,10px)}
 body[class] #site-masthead nav.site-nav a[href]{display:flex;align-items:center;flex:none;min-height:44px;padding:0;font-size:clamp(15px,4.3vw,18px);line-height:1.1;white-space:nowrap}
}
@media(max-width:650px){
 :root{--tpk-title-roman:18.027778vw;--tpk-title-italic:21.083333vw;--tpk-mobile-section-title:clamp(36px,10.8vw,54px)}

 /* Scale the desktop hero composition to the available mobile title width. */
 .page-home.a .hero{--mobile-hero-size:10.05vw}
 .page-home.a .hero h1{gap:.942857vw}
 .page-home.a .hero-line{gap:1.65vw}
 .page-home.a .hero-line .private,.page-home.a .hero-line .assistance,.page-home.a .hero-line .lifestyle,.page-home.a .hero-line .management{font-size:var(--mobile-hero-size);line-height:1.12;letter-spacing:-.035em}
 .page-home.a .hero .italy{font-size:calc(var(--mobile-hero-size) * 1.169811);line-height:1.04;margin-top:.942857vw;letter-spacing:-.035em}

 /* The two homepage section titles share one size and a single-line measure. */
 .page-home.a .services h2,.page-home.a .founder-preview h2{font-size:var(--tpk-mobile-section-title);line-height:1.08;letter-spacing:-.035em}
 .page-home.a .services h2{margin-bottom:32px}
 .page-home.a .founder-title br{display:none}
 .page-home.a .founder-biography{margin-top:28px}

 /* Keep About's three statements at the same scale, with restrained keywords. */
 .page-about.v01 .essay{padding-top:28px;padding-bottom:32px}
 .page-about .editorial-disclosure{--mobile-topic-size:clamp(22px,6.15vw,28px)}
 body.page-about.v01 .disclosure-heading button{font-size:var(--mobile-topic-size);line-height:1.08;padding:24px 0 28px;gap:0}
 .page-about .statement-title{width:100%;gap:4px}
 .page-about .statement-key{font-size:calc(var(--mobile-topic-size) * 2.25);line-height:1;letter-spacing:-.045em}
 body.page-about.v01 .disclosure-action{font-size:20px;margin-top:12px}
 .page-about.editorial-layout h1.editorial-title{font-size:var(--tpk-title-roman)}

 /* Preserve the desktop closing statement's scale, stagger and spacing. */
 .page-services.e .continuity-moment{padding:10.069444vw 6.111111vw 10.763889vw 8.888889vw}
 .page-services.e .continuity-moment h2{font-size:10.138889vw;line-height:1.03;letter-spacing:-.04em}
 .page-services.e .continuity-moment h2 em{font-size:1.328767em;line-height:1.06;margin-top:1.111111vw}

 /* The photo titles retain the desktop upright-left / italic-right composition. */
 .page-services.e .visual h1 em,.page-contact.c .scene h1.photo-title em{margin-top:.611111vw}

 /* Lead Enquiries with its photograph; the compact form follows without header space. */
 .page-contact.c .scene{order:-1;height:clamp(440px,74svh,620px);min-height:0;flex:none}
 .page-contact.c .scene h1.photo-title{top:calc(var(--masthead-space) + 36px)}
 .page-contact.c #site-masthead a.brand{color:var(--coffee)}
 .page-contact.c .contact-copy{padding:44px 6vw 48px}
 .page-contact.c .contact-copy::before{top:0}
 .page-contact.c .contact-copy .contact-line{margin:0;max-width:none}
 .page-contact.c .contact-form{margin-top:28px;row-gap:18px}
 .page-contact.c .contact-form .send{min-height:44px;padding:8px 0}
}

/* Mobile refinement: breathing room and a single, persistent Menu control. */
.mobile-navigation{display:none}
.page-about.editorial-layout h1.editorial-title .title-line{display:inline;font:inherit;color:inherit;letter-spacing:inherit}
@media(max-width:650px){
 body[class] #site-masthead,.page-founder.founder-index #site-masthead{min-height:88px;padding:22px 6vw;gap:0}
 #site-masthead nav.site-nav{display:none}
 #site-masthead a.brand{gap:6px}
 #site-masthead a.brand .brand-word{font-size:8px;letter-spacing:1.7px}
 #site-masthead a.brand img{width:44px}
 .scroll-to-navigation{top:18px;right:6vw}
 body.mobile-menu-open{overflow:hidden}
 dialog.mobile-navigation{position:fixed;inset:0 0 0 auto;width:min(82vw,360px);max-width:100%;height:100dvh;max-height:100%;margin:0;padding:22px 7vw 40px;border:0;background:#4F2E2B;color:#F7F4EF;overflow-y:auto;overscroll-behavior:contain}
 dialog.mobile-navigation[open]{display:flex;flex-direction:column;animation:mobile-drawer-enter .22s ease-out}
 dialog.mobile-navigation::backdrop{background:#1C0F0D66}
 .mobile-navigation .drawer-close{align-self:flex-end;min-width:44px;min-height:44px;padding:0;border:0;background:none;color:#F7F4EF;font:italic 400 22px/1.05 Newsreader,Georgia,serif;cursor:pointer}
 .mobile-navigation .drawer-navigation{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:56px}
 body[class] dialog.mobile-navigation a[href]{display:flex;align-items:center;min-height:44px;padding:0;color:#F7F4EF;font-size:36px;line-height:1.1;white-space:nowrap}
 .mobile-navigation .nav-arrow{display:none}
 .mobile-navigation a[aria-current=page]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
 .mobile-navigation :focus-visible{outline:1px solid #F7F4EF;outline-offset:6px}

 .page-contact.c .contact-copy{padding:40px 9vw 44px}
 .page-contact.c .contact-form{margin-top:30px;row-gap:22px}
 .page-about.editorial-layout h1.editorial-title{font-size:clamp(40px,14vw,74px);gap:20px}
 .page-about.editorial-layout h1.editorial-title .title-line{display:block}
 .page-about .editorial-disclosure{margin-left:4vw;margin-right:2vw}
}
@keyframes mobile-drawer-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){dialog.mobile-navigation[open]{animation:none}}

/* Start the mobile editorial rules over the photos, as on the homepage. */
@media(max-width:650px){
 .page-about.editorial-layout .opening>.photo::after{content:'';position:absolute;right:4vw;top:160px;bottom:0;width:1px;background:#4F2E2B;pointer-events:none;z-index:2}
 .page-contact.c .scene::before{content:'';position:absolute;left:4vw;top:160px;bottom:0;width:1px;background:#F7F4EF;pointer-events:none;z-index:2}
}