/* User-requested personal-brand hero and new-launch section. */
body[data-page="home"] header.site-header { position: absolute; z-index: 10; top: 42px; left: max(52px, calc((100vw - 1160px) / 2)); right: max(52px, calc((100vw - 1160px) / 2)); height: 66px; padding: 0 26px; border: 0; border-radius: 9999px; background: var(--paper); color: var(--ink); }
body[data-page="home"] header .talk { color: var(--action); }
body[data-page="home"] .personal-hero { margin: 20px; padding: 190px max(32px, calc((100vw - 1200px) / 2 - 20px)) 70px; min-height: 780px; border-radius: 18px; overflow: hidden; background: var(--sage); }
.personal-hero-portrait { position: absolute; top: 0; right: 0; width: 52%; height: 100%; object-fit: cover; object-position: center 22%; }
body[data-page="home"] .personal-hero .hero-copy { width: 47%; pointer-events: auto; }
body[data-page="home"] .personal-hero h1 { font-size: clamp(38px,4.1vw,58px); line-height: 1.1; letter-spacing: -.04em; margin: 25px 0; }
body[data-page="home"] .personal-hero h1 em { color: var(--ink); }
.personal-intro { max-width: 440px; font-size: 17px; line-height: 1.65; color: var(--muted); }
body[data-page="home"] .personal-hero .buttons { flex-direction: row; gap: 24px; align-items: center; margin-top: 32px; }
.personal-signoff { margin-top: 46px; font-size: 12px; line-height: 1.7; color: var(--muted); }
.launches { background: var(--paper); }
.launch-enquiry { display: grid; grid-template-columns: 1fr 1fr; background: var(--sage); border-radius: 18px; overflow: hidden; }
.launch-enquiry > div { padding: 48px; align-self: center; }
.launch-enquiry h3 { font-size: 32px; line-height: 1.2; letter-spacing: -.025em; margin: 22px 0; }
.launch-enquiry p:not(.eyebrow) { font-size: 17px; line-height: 1.6; color: var(--muted); }
.launch-enquiry .primary { margin-top: 14px; }
.launch-enquiry figure { position: relative; margin: 0; min-height: 400px; }
.launch-enquiry img { width: 100%; height: 100%; object-fit: cover; }
.launch-enquiry figcaption { position: absolute; bottom: 20px; left: 20px; color: var(--on-dark); background: rgba(0,0,0,.65); padding: 8px 12px; font-size: 12px; }
@media(max-width:1000px) { body[data-page="home"] header.site-header { left: 40px; right: 40px; padding-inline: 20px; } body[data-page="home"] .personal-hero { padding-top: 155px; min-height: 720px; } body[data-page="home"] .personal-hero h1 { font-size: 39px; } .personal-intro { font-size: 15px; } body[data-page="home"] .personal-hero .buttons { flex-direction: column; align-items: flex-start; gap: 8px; } .launch-enquiry > div { padding: 32px; } }
@media(max-width:700px) { body[data-page="home"] header.site-header { top: 24px; left: 24px; right: 24px; height: 58px; padding: 0 15px; } body[data-page="home"] .personal-hero { margin: 12px; padding: 0; min-height: 0; } .personal-hero-portrait { position: relative; width: 100%; height: 490px; object-position: center 20%; } body[data-page="home"] .personal-hero .hero-copy { width: 100%; padding: 30px 24px 36px; } body[data-page="home"] .personal-hero h1 { font-size: clamp(33px,8vw,45px); margin: 18px 0; } body[data-page="home"] .personal-hero .buttons { flex-direction: row; align-items: center; gap: 18px; margin-top: 24px; } .personal-signoff { margin-top: 25px; } .launch-enquiry { grid-template-columns: 1fr; } .launch-enquiry > div { padding: 28px; } .launch-enquiry h3 { font-size: 28px; } .launch-enquiry figure { min-height: 0; height: 250px; } }
.launch-draft-note { font-size: 13px; color: var(--muted); margin: -14px 0 28px; }
.launch-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.launch-card { min-width: 0; background: var(--sage); border-radius: 18px; overflow: hidden; }
.launch-card > img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.launch-card > div { padding: 26px; }
.launch-card small { font-size: 10px; letter-spacing: .06em; }
.launch-card h3 { font-size: 25px; line-height: 1.2; margin: 15px 0; }
.launch-card p { font-size: 14px; line-height: 1.6; }
.launch-price { font-weight: 600; }
.launch-price span { font-size: 11px; font-weight: 400; }
@media(max-width:700px) { .launch-grid { grid-template-columns: 1fr; } }