:root{--paper:#f4f0e8;--ink:#24382e;--muted:#5b675d;--line:#c6cbbd;--accent:#b9c9a5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #9b4e28;outline-offset:6px}.skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:9}.skip:focus{top:10px}.draft{background:var(--ink);color:var(--paper);text-align:center;padding:7px 16px;font-size:12px;letter-spacing:.06em}header,main,footer{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}header{display:flex;justify-content:space-between;align-items:center;padding-top:30px;padding-bottom:30px;border-bottom:1px solid var(--line);gap:30px}.brand{font-size:17px;font-weight:bold;letter-spacing:.12em;text-decoration:none;line-height:1.3}.brand span{display:block;font-weight:normal;font-size:11px;letter-spacing:.5em;margin-top:4px}nav{display:flex;gap:28px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}nav a[aria-current]{text-decoration:underline}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-weight:normal}h1,h2{font-family:Georgia,serif;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(44px,5.4vw,76px);margin-bottom:26px}h2{font-size:clamp(32px,4vw,48px);margin-bottom:22px}h3{font-family:Georgia,serif;font-size:25px;line-height:1.3;margin:9px 0}em{font-weight:normal;color:#597045}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:bold}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center;padding:74px 0 90px}.intro{max-width:470px;color:var(--muted)}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;gap:35px;background:var(--ink);color:var(--paper);padding:14px 22px;text-decoration:none;font-size:14px}.text-link{font-size:14px}.portrait{margin:0}.portrait-placeholder{background:#dfe2d6;min-height:440px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:48% 48% 0 0}.monogram{font-family:Georgia,serif;font-size:100px;color:#74846b;line-height:1.3}.portrait-placeholder p{font-size:15px}.portrait-placeholder small{color:var(--muted)}.portrait img{width:100%;height:440px;object-fit:cover;border-radius:48% 48% 0 0}figcaption{font-size:10px;letter-spacing:.18em;margin-top:14px;text-align:center}.section{border-top:1px solid var(--line);padding:55px 0 65px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.sample{border-bottom:1px solid var(--line);padding:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.player-slot{min-width:0}.pending{font-size:14px;color:var(--muted);border:1px dashed #899781;padding:15px 20px;margin:0}.split{display:grid;grid-template-columns:1fr 2fr;gap:40px}.split p{max-width:650px}.page-intro{padding:72px 0 55px;max-width:850px}.page-intro>p{max-width:580px;color:var(--muted)}.pills{margin-top:35px;gap:12px}.pills a{border:1px solid var(--line);padding:7px 16px}.screen-placeholder{background:#dfe2d6;padding:65px 35px;text-align:center}.small{font-size:13px;margin-top:25px;color:var(--muted)}audio{width:100%;display:block}video{width:100%;max-height:600px;background:#17251c}.clip{padding:30px 0}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:36px;padding-bottom:40px}footer p,footer>a:last-child{font-size:12px;margin:0}@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}header{align-items:flex-start;flex-direction:column;gap:22px}nav{gap:20px}.hero{grid-template-columns:1fr;gap:40px;padding:45px 0}.portrait{max-width:420px;width:100%;margin:auto}.portrait-placeholder,.portrait img{min-height:330px;height:330px}.sample,.split{grid-template-columns:1fr;gap:16px}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}.page-intro{padding-top:45px}.section{padding:38px 0}footer{align-items:flex-start;flex-direction:column}.draft{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Colours follow the supplied revised mock-up: charcoal, warm white and gold. */
:root{--paper:#f5f5f3;--ink:#232323;--muted:#60605a;--line:#d2cfc6;--accent:#d0ac64}em{color:#806024}.button{background:var(--accent);color:#232323}.portrait img{height:auto;min-height:0;object-fit:contain;border-radius:0}.portrait-placeholder{border-radius:0}.hero{grid-template-columns:1.05fr 1fr;gap:40px}.services{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;margin-bottom:25px}.services p{color:var(--muted)}.screen-placeholder{background:#eae7df}.screen-placeholder p{max-width:760px;margin:auto}.sample:has(audio) .eyebrow{color:#806024}@media(max-width:760px){.hero,.services{grid-template-columns:1fr}.portrait{max-width:100%}.portrait img{height:auto;min-height:0}}

/* Show only the speaking portrait from the supplied montage. */
.portrait-crop{position:relative;aspect-ratio:520 / 457;overflow:hidden;width:100%}
.portrait .portrait-crop img{position:absolute;width:295.385%;max-width:none;height:auto;min-height:0;left:0;top:-113.786%;border-radius:0}