.cinematic {
  --cinematic-ink:#10262d;
  --cinematic-paper:#f4f1e8;
  --cinematic-sun:#eef04f;
  --cinematic-pad:clamp(20px,4vw,72px);
  position:relative;
  height:350svh;
  overflow:clip;
  color:var(--cinematic-paper);
  background:var(--cinematic-ink);
}
.cinematic * { box-sizing:border-box; }
.cinematic__sticky { position:sticky; top:0; height:100svh; min-height:0; overflow:hidden; }
.cinematic__sticky::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg,rgba(5,20,25,.34),transparent 23%,transparent 72%,rgba(5,20,25,.48)); }
.cinematic__film { position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; background:var(--cinematic-ink); }
.cinematic__frame { opacity:1; }
.cinematic__arrival { opacity:0; pointer-events:none; transition:opacity .18s linear; }
.cinematic__arrival.is-visible { opacity:1; }
.cinematic__shop { position:absolute; z-index:4; right:4vw; top:112px; display:block; width:clamp(140px,13vw,210px); aspect-ratio:744/408; overflow:hidden; border:2px solid rgba(238,240,79,.9); border-radius:9px; background:#6f3f22; box-shadow:0 12px 30px rgba(5,20,25,.42); transition:transform .2s ease,box-shadow .2s ease; }
.cinematic__shop:hover { transform:translateY(-4px) scale(1.025); box-shadow:0 18px 36px rgba(5,20,25,.52); }
.cinematic__shop:active { transform:translateY(1px) scale(.985); }
.cinematic__shop:focus-visible { outline:3px solid var(--cinematic-sun); outline-offset:5px; }
.cinematic__shop img,.cinematic__shop video { position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; object-fit:cover; transition:opacity .08s linear; }
.cinematic__shop img { z-index:1; opacity:1; }
.cinematic__shop video { z-index:2; opacity:0; }
.cinematic__shop.is-playing img { opacity:0; }
.cinematic__shop.is-playing video { opacity:1; }
.cinematic__shop::after { content:""; position:absolute; z-index:3; inset:0; pointer-events:none; box-shadow:inset 0 0 0 1px rgba(255,222,162,.2),inset 0 -10px 22px rgba(33,14,4,.15); }
.cinematic__scroll { position:absolute; z-index:3; left:50%; bottom:clamp(86px,10vh,118px); display:flex; flex-direction:column; align-items:center; gap:10px; transform:translateX(-50%); color:var(--cinematic-paper); font:900 10px/1.2 Arial,Helvetica,sans-serif; letter-spacing:.16em; text-transform:uppercase; transition:opacity .2s linear; }
.cinematic__wheel { position:relative; display:block; width:36px; height:56px; border:2px solid currentColor; border-radius:999px; background:rgba(16,38,45,.18); box-shadow:0 0 0 1px rgba(0,0,0,.12); }
.cinematic__wheel i { position:absolute; left:50%; top:10px; width:5px; height:10px; border-radius:999px; background:var(--cinematic-sun); transform:translateX(-50%); animation:cinematic-wheel-roll 1.35s ease-in-out infinite; }
@keyframes cinematic-wheel-roll { 0% { opacity:0; transform:translate(-50%,0); } 25%,75% { opacity:1; } 100% { opacity:0; transform:translate(-50%,22px); } }
@media (max-width:560px) {
  .cinematic { height:340svh; }
  .cinematic__sticky { min-height:0; }
  .cinematic__film { object-fit:contain; object-position:center 54%; }
  .cinematic__shop { width:min(35vw,150px); border-radius:7px; }
  .cinematic__scroll { bottom:138px; }
}
@media (prefers-reduced-motion:reduce) {
  .cinematic { height:100svh; }
  .cinematic__sticky { min-height:0; }
  .cinematic__scroll { opacity:1; }
  .cinematic__shop { transition:none; }
  .cinematic__wheel i { animation:none; opacity:1; }
}

/* Keep the complete house below the controls on portrait tablets. */
@media (min-width:561px) and (max-aspect-ratio:3/2) {
  .cinematic__film { object-fit:contain; object-position:center 54%; }
}
/* Short landscape windows need a compact control below the quote link. */
@media (min-width:561px) and (max-height:560px) {
  .cinematic__film { object-fit:contain; }
  .cinematic__shop { top:84px; width:100px; }
}

/* Centred hero revision 2026-10-08 */
.cinematic { background:var(--paper,#F8F8F2); }
.cinematic__sticky { --panel-width:75vw; --panel-height:75svh; background:var(--paper,#F8F8F2); }
.cinematic__film { inset:auto; left:50%; top:50%; width:var(--panel-width); height:var(--panel-height); transform:translate(-50%,-50%); object-fit:contain; object-position:center; border-radius:12px; }
.cinematic__sticky::after { inset:auto; left:50%; top:50%; width:var(--panel-width); height:var(--panel-height); transform:translate(-50%,-50%); border-radius:12px; background:linear-gradient(180deg,transparent 70%,rgba(5,20,25,.25)); }
.cinematic__shop { inset:auto; right:calc((100% - var(--panel-width))/2 + 24px); bottom:calc((100% - var(--panel-height))/2 + 24px); width:auto; aspect-ratio:auto; min-height:52px; padding:15px 23px; display:inline-flex; align-items:center; justify-content:center; gap:22px; border:1px solid rgba(248,248,242,.3); border-radius:6px; background:#112229; color:#F8F8F2; box-shadow:none; font:600 15px/1.2 "Geist",Arial,sans-serif; letter-spacing:.025em; transition:background .2s ease,transform .2s ease; }
.cinematic__shop::after { display:none; }
.cinematic__shop:hover { background:#147C98; transform:translateY(-2px); box-shadow:none; }
.cinematic__shop:active { transform:translateY(0); }
.cinematic__shop-arrow { flex:none; transition:transform .2s ease; }
.cinematic__shop:hover .cinematic__shop-arrow { transform:translateX(3px); }
.cinematic__scroll { bottom:calc((100% - var(--panel-height))/2 + 28px); }
@media (max-width:700px) {
  .cinematic__sticky { --panel-width:92vw; --panel-height:75svh; }
  .cinematic__shop { right:calc((100% - var(--panel-width))/2 + 16px); bottom:calc((100% - var(--panel-height))/2 + 16px); min-height:48px; padding:12px 16px; gap:16px; font-size:14px; }
  .cinematic__scroll { left:calc((100% - var(--panel-width))/2 + 38px); bottom:calc((100% - var(--panel-height))/2 + 18px); font-size:9px; }
  .cinematic__wheel { width:26px; height:40px; }
}
@media (prefers-reduced-motion:reduce) { .cinematic__shop,.cinematic__shop-arrow { transition:none; } }
/* Open, half-width hero: the page always scrolls normally. */
.cinematic { height:auto; min-height:90svh; overflow:visible; color:var(--ink); }
.cinematic__sticky { position:relative; height:auto; min-height:90svh; --panel-width:50vw; --panel-height:calc(50vw * 9 / 16); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:28px; padding:110px 0 48px; }
.cinematic__film { opacity:0 !important; pointer-events:none; }
.cinematic__sticky::after { display:none; }
.cinematic__cutout { display:block; width:50vw; height:auto; aspect-ratio:16/9; }
.cinematic__shop { position:relative; inset:auto; padding:18px 0 12px; min-height:48px; gap:36px; border:0; border-bottom:1px solid var(--ink,#112229); border-radius:0; background:transparent; color:var(--ink,#112229); font:500 16px/1.3 "Geist",Arial,sans-serif; letter-spacing:.03em; }
.cinematic__shop:hover { background:transparent; color:var(--blue,#147C98); transform:none; }
.cinematic__scroll { display:none; }
@media(max-width:700px) { .cinematic__sticky { min-height:65svh; padding-top:100px; --panel-width:90vw; --panel-height:calc(90vw * 9 / 16); } .cinematic__cutout { width:90vw; } .cinematic__shop { inset:auto; padding:16px 0 12px; font-size:15px; gap:28px; } .cinematic { min-height:65svh; } }
body { padding-top:0; }
.heritage-topbar { position:relative; z-index:70; min-height:132px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:24px max(24px,4vw); background:var(--paper,#F8F8F2); color:var(--ink,#112229); }
.heritage-topbar__name { grid-column:2; display:flex; flex-direction:column; align-items:center; gap:5px; text-align:center; }
.heritage-topbar__name span:first-child { font-family:Georgia,"Times New Roman",serif; font-size:clamp(34px,3.7vw,58px); line-height:1; letter-spacing:-.025em; }
.heritage-topbar__name span:last-child { font:500 12px/1.2 "Geist",Arial,sans-serif; letter-spacing:.22em; text-transform:uppercase; }
.heritage-topbar__menu { grid-column:3; justify-self:end; }
.heritage-topbar__menu summary { display:flex; align-items:center; gap:14px; cursor:pointer; list-style:none; font:500 15px/1.3 "Geist",Arial,sans-serif; padding:12px 0; }
.heritage-topbar__menu summary::-webkit-details-marker { display:none; }
.heritage-topbar__menu nav { position:absolute; right:max(24px,4vw); top:105px; width:min(320px,calc(100vw - 48px)); display:flex; flex-direction:column; padding:20px; gap:4px; border:1px solid #d9d9d0; border-radius:6px; background:var(--paper,#F8F8F2); }
.heritage-topbar__menu nav a { padding:12px; border-radius:3px; }
.heritage-topbar__menu nav a:hover { background:#e9e9df; }
.cinematic__sticky { min-height:68svh; padding-top:24px; }
.cinematic { min-height:68svh; }
@media(max-width:700px) { .heritage-topbar { min-height:108px; padding:20px; grid-template-columns:1fr auto 1fr; } .heritage-topbar__name span:first-child { font-size:32px; } .heritage-topbar__name span:last-child { font-size:9px; letter-spacing:.12em; } .heritage-topbar__menu summary { font-size:13px; gap:6px; } .heritage-topbar__menu summary span { font-size:15px; } .cinematic__sticky,.cinematic { min-height:52svh; } }
/* Original opaque footage while the cream-background replacement is prepared. */
.cinematic__movie { display:block; width:50vw; max-width:50vw; height:auto; aspect-ratio:16/9; border-radius:6px; background:#112229; }
@media(max-width:700px) { .cinematic__movie { width:90vw; max-width:90vw; } }
.home-search-intro { padding:24px max(20px,4vw) 48px; color:var(--ink,#112229); background:var(--paper,#F8F8F2); }
.home-search-intro .wrap { max-width:1240px; margin-inline:auto; }
.home-search-intro__eyebrow { font-size:12px; line-height:1.4; letter-spacing:.08em; text-transform:uppercase; margin:0 0 16px; }
.home-search-intro h1 { font:500 clamp(30px,3.6vw,54px)/1.06 "Geist",Arial,sans-serif; max-width:920px; margin:0 0 24px; letter-spacing:-.03em; }
.home-search-intro__lead { max-width:900px; font-size:18px; line-height:1.55; margin:0; }
.home-search-intro p a { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.home-search-intro__answers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:36px; }
.home-search-intro__answers article { border-top:1px solid #c9ceca; padding-top:20px; }
.home-search-intro__answers h2 { font-size:20px; line-height:1.25; margin:0 0 12px; }
.home-search-intro__answers p { font-size:15px; line-height:1.55; margin:0 0 18px; }
.home-search-intro__answers article>a { display:inline-block; font-size:14px; line-height:1.5; margin-right:12px; color:var(--blue,#147C98); }
@media(max-width:700px) { .home-search-intro__answers { grid-template-columns:1fr; gap:24px; } .home-search-intro__lead { font-size:16px; } }
.cinematic__movie { background:var(--paper,#F8F8F2); }
.cinematic__replay { border:0; background:none; color:var(--ink,#112229); cursor:pointer; font:400 12px/1.4 "Geist",Arial,sans-serif; text-decoration:underline; text-underline-offset:4px; padding:10px 12px; }
/* Compact film introduction: visible continuity into the product ranges. */
.cinematic,.cinematic__sticky{min-height:0;height:auto}
.cinematic__sticky{justify-content:flex-start;padding:8px 0 14px;gap:12px}
.cinematic__shop{font-size:16px;letter-spacing:0;padding:10px 0 8px;min-height:44px}
.cinematic__replay{padding:4px 12px;min-height:28px}
.home-search-intro{padding:12px max(20px,4vw) 40px}
.home-search-intro .wrap{max-width:1080px}
.home-search-intro__eyebrow{text-align:center;font:500 12px/1.5 "Geist",Arial,sans-serif;letter-spacing:.055em;margin:0 0 10px}
.home-search-intro h1{font:400 clamp(27px,2.65vw,40px)/1.15 Georgia,"Times New Roman",serif;letter-spacing:-.015em;max-width:none;text-align:center;margin:0 0 10px;text-wrap:balance}
.home-search-intro__lead{text-align:center;max-width:none;font:400 16px/1.5 "Geist",Arial,sans-serif;margin:0 0 10px}
.home-search-intro__products{display:flex;justify-content:center;flex-wrap:wrap;column-gap:24px;row-gap:0}
.home-search-intro__products a{display:inline-flex;align-items:center;min-height:44px;font:500 12px/1.4 "Geist",Arial,sans-serif;text-transform:uppercase;letter-spacing:.045em;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.home-search-intro__products a:hover{color:var(--blue,#147C98)}
.home-scroll-cue{display:flex;justify-content:center;align-items:center;gap:10px;min-height:44px;margin:2px auto 0;width:fit-content;font:400 12px/1.4 "Geist",Arial,sans-serif;text-decoration:none}
.home-scroll-cue span{font-size:20px}
.home-search-intro__answers{margin-top:24px}
@media(max-width:700px){.cinematic,.cinematic__sticky{min-height:0}.cinematic__sticky{padding:8px 0 12px;gap:10px}.home-search-intro{padding-top:10px}.home-search-intro__eyebrow{font-size:10px;letter-spacing:.04em;max-width:30em;margin:0 auto 10px}.home-search-intro h1{font-size:28px}.home-search-intro__lead{font-size:15px}.home-search-intro__products{column-gap:18px}.home-search-intro__products a{font-size:11px}}

@media(min-width:701px){.heritage-topbar{padding-block:16px;min-height:0}.cinematic__sticky{padding-bottom:14px}.cinematic__replay{position:absolute;right:calc(25vw + 8px);bottom:22px}.cinematic__movie{max-height:44svh;width:auto;max-width:50vw}.home-search-intro__lead{margin-bottom:6px}}

@media(max-width:700px){.home-search-intro__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.home-search-intro__products a{justify-content:center;text-align:center;font-size:10.5px;letter-spacing:.025em;min-height:44px}.home-search-intro__products a:last-child{grid-column:1/-1}}

/* Workshop panel labels: profile illustrations and a shared title lockup. */
.mtm__card{border-radius:20px;padding:24px;gap:18px;grid-template-rows:64px minmax(0,1fr) auto}
.mtm__k{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-content:center;align-items:center;margin:0;padding:0 0 12px;border-bottom:1px solid rgba(248,248,242,.3);text-transform:none;letter-spacing:0}
.mtm__k::before{content:"";grid-column:1;grid-row:1/3;width:44px;height:44px;background:var(--matching-art) center/contain no-repeat}
.mtm__name{grid-column:2;font:400 26px/1.1 Georgia,"Times New Roman",serif;text-transform:capitalize;letter-spacing:-.01em}
.mtm__label-note{grid-column:2;font:500 12px/1.4 "Geist",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-top:5px}
.mtm__film{border-radius:10px;border:1px solid rgba(248,248,242,.18)}
.mtm__t{font:400 15px/1.45 "Geist",Arial,sans-serif;margin:0;text-wrap:pretty}
@media(max-width:700px){.mtm__card{padding:18px;gap:14px;border-radius:16px}.mtm__name{font-size:23px}.mtm__k{column-gap:10px;grid-template-columns:38px minmax(0,1fr)}.mtm__k::before{width:38px;height:38px}.mtm__t{font-size:14px}}

.mtm__card[data-film="finial-match"]{--matching-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23F8F8F2%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M24%204l4%207-3%206%206%208-4%206%203%2010H18l3-10-4-6%206-8-3-6z%22%2F%3E%3Cpath%20d%3D%22M17%2041h14M20%2017h8M18%2025h12%22%2F%3E%3C%2Fsvg%3E")}

.mtm__card[data-film="baluster-match"]{--matching-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23F8F8F2%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%205h10v6l-4%206%205%206-3%207%203%208v5H18v-5l3-8-3-7%205-6-4-6z%22%2F%3E%3Cpath%20d%3D%22M18%2038h12M19%2011h10%22%2F%3E%3C%2Fsvg%3E")}

.mtm__card[data-film="louvre-match"]{--matching-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23F8F8F2%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228%22%20y%3D%226%22%20width%3D%2232%22%20height%3D%2236%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M13%2013h22M13%2020h22M13%2027h22M13%2034h22%22%2F%3E%3C%2Fsvg%3E")}

.mtm__card[data-film="gable-infill-match"]{--matching-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23F8F8F2%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2039L24%208l19%2031zM12%2029h24M17%2020h14M16%2029v10M24%2020v19M32%2029v10%22%2F%3E%3C%2Fsvg%3E")}

.mtm__card[data-film="picket-panel-match"]{--matching-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23F8F8F2%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2041V13l4-5%204%205v28M20%2041V13l4-5%204%205v28M32%2041V13l4-5%204%205v28M6%2022h36M6%2034h36%22%2F%3E%3C%2Fsvg%3E")}

/* One opaque homepage banner, visible throughout normal scrolling. */
body>header.ch[data-page="home"]{display:none!important}
.heritage-topbar{position:sticky;top:0;z-index:100;background:#F8F8F2;color:#112229;border-bottom:1px solid #d2d7d2;isolation:isolate}
.heritage-topbar a,.heritage-topbar summary{color:#112229!important}
.heritage-topbar__menu nav{top:calc(100% - 1px);background:#F8F8F2;color:#112229;box-shadow:0 12px 24px rgba(17,34,41,.1)}
.heritage-topbar__menu summary{border:1px solid #bfc8c3;border-radius:4px;padding:10px 14px;min-height:44px;background:#F8F8F2}
.heritage-topbar__menu summary:hover{background:#e9ede7}
.heritage-topbar a:focus-visible,.heritage-topbar summary:focus-visible{outline:2px solid #147C98;outline-offset:4px}
@media(max-width:700px){.heritage-topbar__menu summary{padding:8px 10px}.heritage-topbar__menu nav{right:20px}}

.home-search-intro__identity{max-width:850px;margin:24px auto 0;font:400 16px/1.6 "Geist",Arial,sans-serif;text-align:left;text-wrap:pretty}
a.mtm__name{color:inherit;text-decoration:none;min-height:29px;transition:none}
a.mtm__name:hover{text-decoration:underline;text-underline-offset:4px}
a.mtm__name:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}

/* A centred workshop seal and three crafted service cards. */
.home-search-intro__eyebrow{display:table;width:fit-content;max-width:100%;margin:4px auto 18px;padding:10px 20px;border:1px solid #b9c7bf;border-radius:40px;background:#eef1e9;color:#112229;font:500 11px/1.5 "Geist",Arial,sans-serif;letter-spacing:.075em;text-align:center}
.home-search-intro h1{font-size:clamp(30px,3vw,44px);line-height:1.12;margin-bottom:14px;text-wrap:balance}
.home-search-intro__lead{font-size:17px;color:#3b4b45}
.home-search-intro__products a{font-size:12px;letter-spacing:.06em;padding-inline:4px;text-decoration-color:#9daea4}
.home-search-intro__identity{max-width:900px;padding:22px 0;margin-top:18px;border-top:1px solid #d1d8cf;color:#46564e;font-size:16px}
.home-search-intro__answers{gap:20px;margin-top:10px;align-items:stretch}
.home-search-intro__answers article{position:relative;display:flex;flex-direction:column;padding:30px 26px 24px;border:1px solid #cbd4ca;border-top:3px solid #147C98;border-radius:18px;background:#f0f2eb;box-shadow:0 5px 16px rgba(17,34,41,.025)}
.home-search-intro__answers article:first-child{background:#112229;color:#F8F8F2;border-color:#112229;border-top-color:#b9cfae}
.home-search-intro__answers article:nth-child(3){background:#f6f3e9;border-top-color:#988268}
.home-search-intro__answers article::before{content:"";display:block;width:40px;height:40px;margin-bottom:20px;background:var(--service-art) center/contain no-repeat}
.home-search-intro__answers h2{font:400 27px/1.12 Georgia,"Times New Roman",serif;letter-spacing:-.01em;margin:0 0 18px;text-wrap:balance}
.home-search-intro__answers p{font:400 15px/1.65 "Geist",Arial,sans-serif;margin:0 0 24px;color:#3d4d45}
.home-search-intro__answers article:first-child p{color:#e0e7dd}
.home-search-intro__answers article>a{font:500 14px/1.5 "Geist",Arial,sans-serif;min-height:44px;display:flex;align-items:center;margin-top:auto;margin-right:0;padding-top:12px;border-top:1px solid #cbd4ca;text-decoration:none;color:#125a70}
.home-search-intro__answers article>a:hover{text-decoration:underline;text-underline-offset:5px}
.home-search-intro__answers article>a+a{margin-top:0;padding-top:0;border-top:0}
.home-search-intro__answers article:first-child>a{color:#eff1c6;border-color:#4a605a}
@media(max-width:700px){.home-search-intro__eyebrow{font-size:10px;letter-spacing:.05em;padding:8px 14px;max-width:340px}.home-search-intro h1{font-size:30px}.home-search-intro__lead{font-size:15px}.home-search-intro__products a{font-size:11px}.home-search-intro__answers{gap:16px}.home-search-intro__answers article{padding:24px;border-radius:16px}.home-search-intro__answers h2{font-size:28px}.home-search-intro__identity{font-size:15px}}

.home-search-intro__answers article:nth-child(1){--service-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23e6edcd%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%204h8v6l-4%205%205%206-3%207%203%2010H17l3-10-3-7%205-6-4-5zM14%2039h16M9%2043h30%22%2F%3E%3C%2Fsvg%3E")}

.home-search-intro__answers article:nth-child(2){--service-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23147C98%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2040V21a18%2018%200%200%201%2036%200v19M6%2026h36M14%2026v14M22%2026v14M30%2026v14M38%2026v14M6%2040h36%22%2F%3E%3C%2Fsvg%3E")}

.home-search-intro__answers article:nth-child(3){--service-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%2380694f%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2040h10V30h10V20h10V10h7M6%2034l30-30M6%2043h36%22%2F%3E%3C%2Fsvg%3E")}

/* Centred matching-panel titles, aligned with the photograph beneath. */
.mtm__card{grid-template-rows:112px minmax(0,1fr) auto;gap:16px}
.mtm__k{grid-template-columns:1fr;grid-template-rows:30px auto auto;justify-items:center;text-align:center;column-gap:0;row-gap:5px;padding-bottom:14px;border-bottom:1px solid rgba(248,248,242,.35)}
.mtm__k::before{grid-column:1;grid-row:1;width:30px;height:30px}
.mtm__name,a.mtm__name{grid-column:1;grid-row:2;display:block;width:100%;font:400 30px/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.015em;text-align:center;text-wrap:balance;min-height:0}
.mtm__label-note{grid-column:1;grid-row:3;font:500 11px/1.3 "Geist",Arial,sans-serif;letter-spacing:.15em;margin:0;text-align:center}
.mtm__t{font-size:15px;line-height:1.45}
@media(max-width:700px){.mtm__card{grid-template-rows:100px minmax(0,1fr) auto;gap:14px;aspect-ratio:4/6}.mtm__k{grid-template-columns:1fr;column-gap:0;padding-bottom:12px}.mtm__name,a.mtm__name{font-size:27px}.mtm__k::before{width:28px;height:28px}.mtm__t{font-size:14px}}
.cinematic__controls{display:flex;align-items:center;justify-content:center;gap:20px}
.cinematic__controls .cinematic__replay{position:static;min-height:44px;padding:10px 12px}
.cinematic__pause{min-height:44px;padding:10px 12px;border:1px solid #bfc8c3;border-radius:4px;background:#F8F8F2;color:#112229;font:500 12px/1.4 "Geist",Arial,sans-serif;cursor:pointer}
.cinematic__pause:focus-visible,.cinematic__replay:focus-visible{outline:2px solid #147C98;outline-offset:4px}