@font-face{font-family:"Inter";src:url("fonts/inter.woff") format("woff");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("fonts/sourceserif4.woff") format("woff");font-weight:500 600;font-style:normal;font-display:swap}
/* Ad Verbum — beige paper, red ink. Single light theme by client's request. */
:root{
  --bg:#dedbd5;        /* beige page ground */
  --bg2:#cfcac1;       /* deeper beige for bands */
  --card:#fffdf9;      /* off-white surfaces */
  --ink:#16110f;       /* main text */
  --muted:#433832;     /* secondary text */
  --line:#e0d2bc;      /* rules and borders */
  --red:#b3262e;       /* brand red */
  --red-dark:#8f1d24;
  --on-red:#ffffff;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --sans:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 90px)}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--sans)}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.2;margin:0;text-wrap:balance}
p{margin:0}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1120px;margin:0 auto;padding-inline:20px}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}

/* top bar with language switch (scrolls away) */
.topbar{background:var(--bg);color:var(--ink);font-size:13px;border-bottom:1px solid var(--line)}
.topbar .wrap{max-width:1280px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:6px}
.tb-info{display:flex;align-items:center;gap:22px;min-width:0}
.tb-info a{display:inline-flex;align-items:center;gap:7px;color:var(--ink);text-decoration:none;white-space:nowrap}
.tb-info a .tb-ico{color:var(--red)}
.tb-info a:hover{color:var(--red);text-decoration:underline;text-underline-offset:4px}
.tb-soc{display:inline-flex;gap:12px;padding-left:20px;border-left:1px solid var(--line)}
.tb-ico{display:inline-flex;width:16px;height:16px}.tb-ico svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:600px){.tb-info{gap:14px}.tb-info a[href^="mailto"] span:not(.tb-ico){display:none}.tb-soc{padding-left:14px}}
@media (max-width:360px){.tb-info{gap:11px}.tb-soc{gap:10px;padding-left:11px}.topbar .lang button{padding:5px 9px}.site-head .logo :is(img,svg){height:25px}}
.lang{display:flex;border:1px solid var(--red);border-radius:6px;overflow:hidden}
.lang button{border:0;background:transparent;color:var(--red);font:600 13px var(--sans);padding:5px 11px;cursor:pointer}
.lang button.on{background:var(--red);color:var(--on-red)}

/* sticky header */
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
.site-head .wrap{max-width:1280px;display:flex;align-items:center;justify-content:space-between;height:74px;gap:16px}
.logo{display:flex;align-items:center;text-decoration:none;flex:none}.logo :is(img,svg){height:40px;width:auto;display:block}@media (max-width:600px){.logo :is(img,svg){height:32px}}
.menu-btn{display:none;border:1px solid var(--line);background:var(--card);border-radius:6px;padding:8px 12px;font:600 14px var(--sans);color:var(--ink);cursor:pointer}
.nav{display:flex;align-items:center;gap:4px}
.nav>ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.nav li{position:relative}
.nav a{display:block;text-decoration:none;font-size:14.5px;font-weight:500;color:var(--red);padding:10px 9px;border-radius:6px;white-space:nowrap}
.nav a:hover,.nav .has-sub:hover>a{color:var(--red-dark);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1.5px}.nav a.current{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.nav a.current{font-weight:600}
.has-sub>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.sub{list-style:none;margin:0;padding:8px;position:absolute;top:100%;left:0;min-width:230px;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 30px rgba(60,40,20,.12);display:none;flex-direction:column}
.has-sub:hover>.sub,.has-sub:focus-within>.sub{display:flex}
.sub a{padding:9px 12px}
.sub a:hover{background:var(--bg);text-decoration:none}
.nav .cta-link{background:var(--red);color:var(--on-red);margin-left:8px;padding:9px 16px}
.nav .cta-link:hover,.nav .cta-link.current{color:var(--on-red);background:var(--red-dark);text-decoration:none}

@media (min-width:1101px) and (max-width:1300px){
  .site-head .wrap{gap:10px}
  .logo :is(img,svg){height:34px}
  .nav a{font-size:13.5px;padding:10px 6px}
  .nav .cta-link{margin-left:4px;padding:9px 12px}
  .has-sub>a::after{margin-left:5px}
}
@media (max-width:1100px){
  .menu-btn{display:block}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px 20px 20px;max-height:calc(100vh - 130px);overflow-y:auto}
  .nav.open{display:block}
  .nav>ul{flex-direction:column}
  .sub{position:static;display:flex;border:0;box-shadow:none;background:transparent;padding:0 0 4px 16px;min-width:0}
  .has-sub>a::after{display:none}
  .nav .cta-link{margin:10px 0 0;text-align:center}
}

/* buttons */
.btn{display:inline-block;padding:13px 24px;border-radius:6px;font:600 15px var(--sans);text-decoration:none;border:1px solid var(--red);background:var(--red);color:var(--on-red);cursor:pointer;transition:transform .2s ease,background .2s ease}
.btn:hover{background:var(--red-dark);transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.ghost:hover{background:var(--card)}
.btns{display:flex;gap:12px;flex-wrap:wrap}

/* home hero */
.hero{padding-block:76px 64px}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:600}
.hero .eyebrow{margin-bottom:16px}.hero .founder{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--ink);margin-bottom:18px}
.hero h1{font-size:clamp(28px,4vw,40px);max-width:22ch}
.hero .lead{font-size:18px;color:var(--muted);max-width:56ch;margin:20px 0 30px}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.hero>.wrap>*{animation:rise .8s ease both}
.hero .founder{animation-delay:.05s}.hero h1{animation-delay:.1s}.hero .lead{animation-delay:.22s}.hero .btns{animation-delay:.34s}

.facts{border-block:1px solid var(--line);background:var(--bg2)}
.facts .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-block:28px;text-align:center}
.facts b{display:block;font-family:var(--serif);font-size:clamp(26px,4.5vw,38px);color:var(--red);line-height:1.2}
.facts small{font-size:13px;color:var(--muted)}

/* sections */
section{padding-block:72px}
section.band{background:var(--bg2);border-block:1px solid var(--line)}
.sec-head{display:flex;flex-direction:column;gap:10px;margin-bottom:36px;max-width:640px}
.sec-head h2{font-size:clamp(26px,4vw,36px)}
.sec-head p{color:var(--muted)}
.row-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.row-head .sec-head{margin-bottom:0}
.more{font-weight:600;color:var(--red);text-decoration:none;white-space:nowrap}
.more:hover{text-decoration:underline}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--red);padding:24px;border-radius:8px;display:flex;flex-direction:column;gap:8px;min-width:0;transition:transform .25s ease,box-shadow .25s ease}
.card h3{font-size:19px}
.card p{color:var(--muted);font-size:15px}
a.card{text-decoration:none;color:inherit}
a.card:hover,.grid .card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(60,40,20,.10)}
a.card .go{margin-top:auto;padding-top:8px;font-size:14px;font-weight:600;color:var(--red)}

.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:24px;counter-reset:s}
.steps li{counter-increment:s;border-left:1px solid var(--line);padding-left:18px;display:flex;flex-direction:column;gap:6px}
.steps li::before{content:"0" counter(s);font-family:var(--serif);color:var(--red);font-size:26px;line-height:1}
.steps h3{font-size:18px}
.steps p{color:var(--muted);font-size:15px}

.about{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start}
.about p+p{margin-top:14px}
.about .body{color:var(--muted);max-width:62ch}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.badge{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--ink)}
@media (max-width:820px){.about{grid-template-columns:1fr;gap:20px}}

/* carousel of covers */
.carousel{position:relative}
.covers{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 16px;scrollbar-width:none}
.covers::-webkit-scrollbar{display:none}
.cover{margin:0;flex:0 0 clamp(150px,40vw,190px);scroll-snap-align:start}
.cv{aspect-ratio:3/4;max-width:100%;background:var(--card);border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(60,40,20,.12);transition:transform .2s}
.cover:hover .cv{transform:translateY(-4px)}
.cv img{width:100%;height:100%;object-fit:contain}
figcaption{margin-top:10px;font-size:14px;line-height:1.4}
figcaption b{display:block}
figcaption small{color:var(--muted)}
.arr{position:absolute;top:38%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:var(--red);color:var(--on-red);font-size:26px;line-height:1;cursor:pointer;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:opacity .2s}
.arr:disabled{opacity:.3;cursor:default}
.prev{left:6px}.next{right:6px}

.booklists{margin-top:44px}
.booklists ul{margin:0;padding-left:18px;font-size:15px}
.booklists li{margin-bottom:9px}
.booklists li small{display:block;color:var(--muted)}
.label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);font-weight:600}
.note{font-size:14px;color:var(--muted);margin-top:22px}

/* call to action band */
.cta-band{background:var(--red);color:var(--on-red);padding-block:56px}
.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta-band h2{font-size:clamp(24px,3.6vw,32px)}
.cta-band p{opacity:.9;margin-top:8px}
.cta-band .btn{background:var(--on-red);color:var(--red);border-color:var(--on-red)}
.cta-band .btn:hover{background:var(--bg)}

/* inner page header */
.page-head{background:var(--bg2);border-bottom:1px solid var(--line);padding-block:44px 40px}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted);margin-bottom:14px}
.crumbs a{text-decoration:none;color:var(--muted)}
.crumbs a:hover{color:var(--red)}
.crumbs span[aria-hidden]{opacity:.5}
.page-head h1{font-size:clamp(30px,5vw,46px)}
.page-head .lead{color:var(--muted);font-size:17px;max-width:62ch;margin-top:12px}

.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding-block:56px 72px;align-items:start}
.prose{display:flex;flex-direction:column;gap:40px;min-width:0}
.prose h2{font-size:clamp(22px,3vw,28px);margin-bottom:12px}
.prose p{color:var(--muted);max-width:66ch}
.prose p+p{margin-top:12px}
.prose .grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.checks{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px 24px}
.checks li{position:relative;padding-left:24px;color:var(--ink);font-size:15px}
.checks li::before{content:"";position:absolute;left:2px;top:8px;width:10px;height:6px;border-left:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(-45deg)}
.quote{border-left:3px solid var(--red);padding:6px 0 6px 18px;font-family:var(--serif);font-size:19px;color:var(--ink)}

.aside{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
.box{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:22px;display:flex;flex-direction:column;gap:12px}
.box h3{font-size:18px}
.box p{font-size:14.5px;color:var(--muted)}
.box .btn{text-align:center}
.box ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.box ul a{display:block;text-decoration:none;padding:7px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.box ul li:last-child a{border-bottom:0}
.box ul a:hover,.box ul a.current{color:var(--red)}
.box .big{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--ink);text-decoration:none}
@media (max-width:860px){.layout{grid-template-columns:1fr;gap:36px}.aside{position:static}}

/* languages */
.langs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.langs li{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:10px 14px;display:flex;align-items:baseline;gap:10px;font-size:15px}
.langs li span{font-variant-numeric:tabular-nums;color:var(--red);font-weight:600;font-size:12px;min-width:20px}

/* timeline (conference) */
.phases{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--card)}
.phases>div{padding:22px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--line)}
.phases>div:last-child{border-right:0}
.phases h3{font-size:18px}
.phases p{font-size:14.5px}
@media (max-width:700px){.phases{grid-template-columns:1fr}.phases>div{border-right:0;border-bottom:1px solid var(--line)}.phases>div:last-child{border-bottom:0}}

/* contact */
.contact{display:grid;grid-template-columns:1fr 1.25fr;gap:48px;padding-block:56px 72px;align-items:start}
@media (max-width:860px){.contact{grid-template-columns:1fr}}
.info{display:flex;flex-direction:column;gap:18px}
.info dl{margin:0;display:grid;gap:16px}
.info dt{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);font-weight:600}
.info dd{margin:2px 0 0}
.info dd a{text-decoration:none}
.info dd a:hover{color:var(--red)}
form{display:grid;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:26px}
form h2{font-size:24px}
label{font-size:13px;font-weight:600;display:block}
input,select,textarea{width:100%;margin-top:5px;padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-weight:400}
textarea{min-height:120px;resize:vertical}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:520px){.two{grid-template-columns:1fr}}
.file{display:flex;align-items:center;gap:12px;margin-top:5px;padding:10px 12px;border:1px dashed var(--red);border-radius:6px;background:#fff;position:relative;cursor:pointer}
.file input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}
.fbtn{flex:none;background:var(--red);color:var(--on-red);font-size:13px;font-weight:600;padding:6px 12px;border-radius:4px}
.fname{font-size:14px;font-weight:400;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.file:focus-within{outline:2px solid var(--red);outline-offset:2px}
.form-msg{font-size:14px;color:var(--ink);background:var(--bg);border-left:3px solid var(--red);padding:10px 12px;border-radius:4px}
.fine{font-size:13px;color:var(--muted)}

/* footer */
.site-foot{background:#221a17;color:#efe5d3;padding-block:52px 28px;font-size:14.5px}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
.site-foot h3{font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#e6a3a7;margin-bottom:12px;font-weight:600}
.site-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.site-foot a{text-decoration:none;color:#efe5d3}
.site-foot a:hover{color:#fff;text-decoration:underline}
.site-foot .logo{display:inline-flex;margin-bottom:14px}.site-foot .logo :is(img,svg){height:38px}
.site-foot p{color:#cbbfae}
.foot-bottom{border-top:1px solid #3d322d;margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#a99c8b;font-size:13px}
@media (max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}.facts .wrap{grid-template-columns:1fr 1fr;gap:14px}}

/* scroll reveal: only content below the first screen starts hidden */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rv{opacity:1;transform:none;transition:none}
  .hero>.wrap>*{animation:none}
  .card,.btn,.cv{transition:none}
}

/* professional memberships */
.members{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px;margin-top:24px}
.about>*{min-width:0}
.member{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 14px;min-width:0}
.member img{width:56px;height:56px;border-radius:6px;flex:none;object-fit:contain;background:#fff}
.member b{display:block;font-size:15px}
.member small{display:block;color:var(--muted);font-size:13px;line-height:1.4}
.members+.badges{margin-top:12px}

@media (max-width:600px){.site-head .wrap{height:64px}}


/* ---------- v2: icons, wave motif, dark section, page-head art ---------- */
.ico{width:50px;height:50px;border-radius:14px;background:rgba(179,38,46,.09);color:var(--red);display:grid;place-items:center;flex:none;margin-bottom:6px}
.ico svg,.ph-ico svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
a.card:hover .ico{background:var(--red);color:var(--on-red);transition:background .25s ease,color .25s ease}

/* waves: each coloured section rises into the one above it */
.band,.dark,.cta-band,.site-foot{position:relative}
.band::before,.dark::before,.cta-band::before,.site-foot::before{content:"";position:absolute;left:0;right:0;top:-47px;height:48px;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}
.band::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath fill='%23cfcac1' d='M0 48V26C240 6 480 6 720 22S1200 40 1440 18V48Z'/%3E%3C/svg%3E")}
.dark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath fill='%231d1a19' d='M0 48V26C240 6 480 6 720 22S1200 40 1440 18V48Z'/%3E%3C/svg%3E")}
.cta-band::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath fill='%23b3262e' d='M0 48V26C240 6 480 6 720 22S1200 40 1440 18V48Z'/%3E%3C/svg%3E")}
.site-foot::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath fill='%231d1a19' d='M0 48V26C240 6 480 6 720 22S1200 40 1440 18V48Z'/%3E%3C/svg%3E")}
section.band{border-block:0}
.page-head{position:relative;border-bottom:0;margin-bottom:24px}
.page-head::after{content:"";position:absolute;left:0;right:0;bottom:-47px;height:48px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath transform='translate(0 48) scale(1 -1)' fill='%23cfcac1' d='M0 48V26C240 6 480 6 720 22S1200 40 1440 18V48Z'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;pointer-events:none}

/* big faint AV in the hero */
.hero{position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-4%;top:50%;transform:translateY(-50%);width:min(640px,62vw);aspect-ratio:909/552;background:url("brand/ad-verbum-symbol.svg") no-repeat center/contain;opacity:.07;pointer-events:none}
.hero .wrap{position:relative;z-index:1}

/* about: mark + motto beside the text */
.about{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);align-items:center}
.about-art{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:44px 32px 36px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.about-art img{width:min(260px,80%);height:auto}
.motto{font-family:var(--serif);font-size:30px;color:var(--red);line-height:1.1}
.motto-sub{font-size:14px;color:var(--muted);letter-spacing:.04em}
.about .body .sec-head{margin-bottom:18px}

/* dark section (books on home) */
.dark{background:#221a17;color:#f3ebdf}
.dark h2{color:#fff}
.dark .eyebrow,.dark .more{color:#f0a3a8}
.dark .sec-head p:not(.eyebrow){color:#cbbfae}
.dark figcaption b{color:#f3ebdf}
.dark figcaption small{color:#b8ab9a}
.dark .cv{border-color:#3d322d;box-shadow:0 10px 26px rgba(0,0,0,.45)}

/* inner page header with a large service icon */
.page-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}
.ph-text{min-width:0}
.ph-ico{width:132px;height:132px;flex:none;border-radius:50%;border:1.5px solid var(--red);color:var(--red);display:grid;place-items:center;background:var(--card);box-shadow:0 0 0 10px rgba(179,38,46,.06)}
.ph-ico svg{width:60px;height:60px;stroke-width:1.3}
@media (max-width:700px){.ph-ico{width:76px;height:76px;box-shadow:0 0 0 6px rgba(179,38,46,.06)}.ph-ico svg{width:36px;height:36px}.page-head .wrap{gap:18px}}
@media (max-width:820px){.about{grid-template-columns:1fr}.about-art{padding:30px 24px}}

/* about: text only, full width */
.about{grid-template-columns:1fr !important}
.about .body{max-width:none}
.about .body p{max-width:none}
.about .members{max-width:760px}

/* contact & quote pages */
.contact-page{padding-block:24px 96px}
.contact-cards .card p{color:var(--muted)}
.contact-cards .big-link{font-family:var(--serif);font-size:21px;font-weight:600;color:var(--ink);text-decoration:none}
.contact-cards a.big-link:hover{color:var(--red)}
.contact-cards .go{margin-top:auto;padding-top:8px;font-size:14px;font-weight:600;color:var(--red);text-decoration:none}
.contact-cards .go:hover{text-decoration:underline}
.quote-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;padding-block:24px 80px;align-items:start}
@media (max-width:860px){.quote-layout{grid-template-columns:1fr}}
.next-steps{list-style:none;margin:0;padding:0;counter-reset:n;display:flex;flex-direction:column;gap:14px}
.next-steps li{counter-increment:n;position:relative;padding-left:40px;display:flex;flex-direction:column;gap:2px;font-size:14.5px}
.next-steps li::before{content:counter(n);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--red);color:var(--on-red);font-size:13px;font-weight:600;display:grid;place-items:center}
.next-steps b{color:var(--ink)}
.next-steps span{color:var(--muted)}

/* black header bar */
.site-head{background:#16110f;border-bottom:0}
.menu-btn{background:transparent;color:#f6efe3;border-color:rgba(246,239,227,.45)}
@media (min-width:1101px){
  .nav>ul>li>a:not(.cta-link){color:#f6efe3}
  .nav>ul>li>a:not(.cta-link):hover,.nav .has-sub:hover>a{color:#fff;text-decoration-color:var(--red)}
  .nav>ul>li>a.current{color:#fff;text-decoration-color:var(--red)}
  .nav .cta-link:hover,.nav .cta-link.current{background:#d0343c}
}

/* larger top bars */
.topbar{font-size:14.5px}
.topbar .wrap{padding-block:9px}
.tb-ico{width:18px;height:18px}
.topbar .lang button{font-size:14px;padding:6px 13px}
.site-head .wrap{height:86px;max-width:1320px}
.topbar .wrap{max-width:1320px}
.site-head .logo :is(img,svg){height:46px}
.nav a{font-size:16px}
.nav .cta-link{padding:11px 18px}
@media (min-width:1101px) and (max-width:1400px){
  .site-head .logo :is(img,svg){height:38px}
  .nav a{font-size:15px;padding:10px 7px}
  .nav .cta-link{padding:10px 13px}
}
@media (min-width:1101px) and (max-width:1220px){
  .site-head .logo :is(img,svg){height:34px}
  .nav a{font-size:14px;padding:10px 6px}
}
@media (max-width:1100px){.site-head .wrap{height:76px}.site-head .logo :is(img,svg){height:38px}}
@media (max-width:600px){.topbar{font-size:14px}.site-head .wrap{height:68px}.site-head .logo :is(img,svg){height:32px}}
@media (max-width:360px){.site-head .logo :is(img,svg){height:25px}.topbar .lang button{padding:5px 9px}}

/* hero: animated book showcase */
.hero::after{display:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:40px}
.hero-books{position:relative;text-align:center}
.hb-stage{position:relative;height:370px;perspective:1200px}
.hb{position:absolute;left:50%;bottom:14px;width:210px;margin-left:-105px;border-radius:3px 6px 6px 3px;overflow:hidden;
  box-shadow:0 22px 40px rgba(40,20,10,.28),0 4px 10px rgba(40,20,10,.15);
  transition:transform 1s cubic-bezier(.65,.05,.25,1),opacity 1s ease,filter 1s ease;opacity:0;transform:translateX(0) scale(.6);pointer-events:none}
.hb img{width:100%;height:auto;display:block}
.hb::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(255,255,255,.08) 6%,transparent 12%)}
.hb[data-p="0"]{opacity:1;transform:translateX(0) translateZ(0) scale(1);z-index:5;pointer-events:auto}
.hb[data-p="-1"]{opacity:1;transform:translateX(-90%) translateZ(-60px) rotateY(18deg) scale(.8);z-index:4;filter:brightness(.88);pointer-events:auto}
.hb[data-p="1"]{opacity:1;transform:translateX(90%) translateZ(-60px) rotateY(-18deg) scale(.8);z-index:4;filter:brightness(.88);pointer-events:auto}
.hb[data-p="-2"]{opacity:0;transform:translateX(-120%) translateZ(-160px) rotateY(24deg) scale(.6);z-index:3}
.hb[data-p="2"]{opacity:0;transform:translateX(120%) translateZ(-160px) rotateY(-24deg) scale(.6);z-index:3}
.hb-caps{position:relative;height:58px;margin-top:6px}
.hb-cap{position:absolute;inset:0;margin:0;opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .6s ease}
.hb-cap.on{opacity:1;transform:none;transition-delay:.35s}
.hb-cap b{display:block;font-family:var(--serif,serif);font-size:17px;color:var(--ink)}
.hb-cap small{display:block;color:var(--muted);font-size:13.5px;margin-top:3px}
.hb-more{display:inline-block;margin-top:8px;color:var(--red);font-weight:600;font-size:14.5px;text-decoration:none}
.hb-more:hover{text-decoration:underline;text-underline-offset:4px}
@media (max-width:960px){
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hb-stage{height:300px}
  .hb{width:180px;margin-left:-90px}
  .hb-stage{height:310px}
}
@media (max-width:420px){.hb{width:150px;margin-left:-75px}.hb-stage{height:262px}.hb[data-p="-1"]{transform:translateX(-84%) translateZ(-60px) rotateY(18deg) scale(.8)}.hb[data-p="1"]{transform:translateX(84%) translateZ(-60px) rotateY(-18deg) scale(.8)}}
@media (prefers-reduced-motion:reduce){.hb,.hb-cap{transition:opacity .3s ease}}
@media (min-width:960px){
  .contact-cards{grid-template-columns:repeat(6,1fr)}
  .contact-cards>.card{grid-column:span 2}
  .contact-cards>.card:nth-child(4){grid-column:2 / span 2}
  .contact-cards>.card:nth-child(5){grid-column:4 / span 2}
}
@media (min-width:600px) and (max-width:959px){.contact-cards>.card:last-child:nth-child(odd){grid-column:1 / -1;max-width:calc(50% - 9px);justify-self:center;width:100%}}

.hero .eyebrow{font-size:14.5px;letter-spacing:.14em}
@media (max-width:600px){.hero .eyebrow{font-size:13px}}
.hero .lead b{color:var(--ink);font-weight:600}

/* map strip above the footer */
.map-strip{position:relative;height:380px;background:var(--bg2)}
.map-strip iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.35) sepia(.12)}
.map-strip .wrap{position:relative;height:100%;pointer-events:none}
.map-card{pointer-events:auto;position:absolute;left:20px;top:36px;display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--red);border-radius:10px;padding:18px 22px;box-shadow:0 14px 30px rgba(60,40,20,.16);max-width:380px}
.map-card .ico{flex:none}
.map-card b{display:block;font-family:var(--serif);font-size:19px;color:var(--ink)}
.map-card span:not(.ico){display:block;color:var(--muted);font-size:14.5px;margin:3px 0 10px}
.map-card a{color:var(--red);font-weight:600;font-size:14.5px;text-decoration:none}
.map-card a:hover{text-decoration:underline;text-underline-offset:4px}
@media (max-width:600px){.map-strip{height:auto;display:flex;flex-direction:column-reverse}.map-strip iframe{position:static;height:300px}.map-strip .wrap{height:auto}.map-card{position:static;max-width:none;margin:18px 0;box-shadow:none}}

/* FAQ */
.tb-right{display:flex;align-items:center;gap:18px}
.tb-faq{color:var(--ink);text-decoration:none;font-weight:500;white-space:nowrap}
.tb-faq:hover,.tb-faq.on{color:var(--red);text-decoration:underline;text-underline-offset:4px}
.nav-faq{display:none}
@media (max-width:1100px){.nav-faq{display:block}}
@media (max-width:600px){.tb-faq{display:none}}
.faq-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:40px;padding-block:48px 72px;align-items:start}
.faq-group+.faq-group{margin-top:36px}
.faq-group h2{font-size:clamp(21px,2.6vw,26px);margin-bottom:12px}
.faq-item{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;transition:border-color .2s ease,box-shadow .2s ease}
.faq-item[open]{border-color:#d9c3a5;box-shadow:0 8px 22px rgba(60,40,20,.08)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-weight:600;color:var(--ink);font-size:16px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid var(--red);border-bottom:2px solid var(--red);transform:translateY(-3px) rotate(45deg);transition:transform .25s ease}
.faq-item[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.faq-item summary:hover{color:var(--red)}
.faq-a{padding:0 20px 18px;color:var(--muted)}
.faq-a p{margin:0}
.faq-a a{color:var(--red)}
.faq-layout .aside{position:sticky;top:160px}
.faq-layout .aside .btn{margin-top:14px}
@media (max-width:860px){.faq-layout{grid-template-columns:1fr}.faq-layout .aside{position:static}}

/* black "how we work" section */
.dark.process{padding-block:72px 84px}
.dark .steps li{border-left-color:#4a3d37}
.dark .steps li::before{color:#e8656c}
.dark .steps h3{color:#fff}
.dark .steps p{color:#cbbfae}

/* black service cards on the home page */
.dark-cards .card{background:#1c1512;border-color:#1c1512;border-top-color:var(--red)}
.dark-cards .card h3{color:#fff}
.dark-cards .card p{color:#cbbfae}
.dark-cards .ico{background:rgba(232,101,108,.14);color:#ef7a80}
.dark-cards a.card .go{color:#ef7a80}
.dark-cards a.card:hover{box-shadow:0 14px 30px rgba(20,10,5,.35)}
.dark-cards a.card:hover .ico{background:var(--red);color:#fff}

/* glass effect on the black service cards */
.dark-cards{position:relative;isolation:isolate}
.dark-cards::before{content:"";position:absolute;inset:0 10px;z-index:-1;pointer-events:none;
  background:
    radial-gradient(22% 38% at 16% 28%,rgba(205,38,48,.95),transparent 70%),
    radial-gradient(20% 34% at 50% 78%,rgba(120,20,26,.9),transparent 70%),
    radial-gradient(22% 36% at 84% 30%,rgba(205,38,48,.85),transparent 70%),
    radial-gradient(18% 30% at 70% 70%,rgba(240,190,140,.55),transparent 70%),
    radial-gradient(16% 28% at 32% 70%,rgba(240,190,140,.45),transparent 70%);
  filter:blur(18px)}
.dark-cards .card{position:relative;overflow:hidden;
  background:linear-gradient(150deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.02) 40%,rgba(0,0,0,.10) 100%),rgba(16,11,9,.82);
  -webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
  border:1px solid rgba(255,255,255,.16);border-top:3px solid rgba(214,58,66,.95);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 1px 0 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.35),0 10px 26px rgba(30,15,10,.20);
  transition:transform .25s ease}
.dark-cards .card::after{content:"";position:absolute;left:0;right:0;top:0;height:46%;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0));border-radius:8px 8px 40% 40% / 8px 8px 22px 22px}
.dark-cards .card::before{content:"";position:absolute;top:-10%;bottom:-10%;left:-70%;width:45%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-18deg);transition:left .8s ease}
.dark-cards a.card:hover::before{left:140%}
/* hover: lift only, no extra shadow that would show through neighbouring glass */
.dark-cards a.card:hover,.dark-cards .card:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 1px 0 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.35),0 10px 26px rgba(30,15,10,.20)}

/* book covers: show the cover itself, no white frame */
.covers{align-items:flex-start}
.cv{aspect-ratio:auto;background:none;border:0;border-radius:3px 6px 6px 3px;display:block;box-shadow:0 10px 22px rgba(60,40,20,.20),0 2px 6px rgba(60,40,20,.12);position:relative}
.cv::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.16),rgba(255,255,255,.06) 6%,transparent 12%);pointer-events:none}
.cv img{display:block;width:100%;height:auto;object-fit:initial}

/* all covers the same size */
.cv{aspect-ratio:2/3}
.cv img{height:100%;object-fit:cover}
.covers{align-items:flex-start}
.carousel.auto .covers{scroll-snap-type:none;scroll-behavior:auto}

/* ---------- more motion ---------- */
.js .rv{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
.js .dark-cards .card.rv{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.dark-cards a.card:hover .ico{transform:translateY(-2px) rotate(-4deg)}
.dark-cards .ico{transition:background .25s ease,color .25s ease,transform .35s ease}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.ph-ico{animation:floaty 6s ease-in-out infinite}
.facts b{transition:transform .4s ease}
@media (prefers-reduced-motion:reduce){.ph-ico{animation:none}}
.js .dark-cards::before{opacity:0;transition:opacity 1.4s ease .5s}
.js .dark-cards.lit::before{opacity:1}

/* top bar + menu stay visible while scrolling */
.masthead{position:sticky;top:0;z-index:30}
.masthead .site-head{position:relative;top:auto}
/* glass: clearer, less frosted */
.dark-cards .card{
  background:linear-gradient(150deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.03) 40%,rgba(0,0,0,.08) 100%),rgba(20,13,11,.58);
  -webkit-backdrop-filter:blur(6px) saturate(160%);backdrop-filter:blur(6px) saturate(160%)}
.dark-cards .card p{color:#ece3d5}
.dark-cards .card h3{text-shadow:0 1px 2px rgba(0,0,0,.35)}
.dark-cards::before{filter:blur(14px)}
/* reduced-motion devices still get a gentle fade */
@media (prefers-reduced-motion:reduce){
  .js .rv{opacity:0;transform:none;transition:opacity .8s ease !important}
  .js .rv.in{opacity:1}
}
.hero .lead{margin-bottom:0}
@media (max-width:860px){.js .dark-cards.lit::before,.dark-cards::before{opacity:.55}}

/* menu items spread over the same width in every language */
@media (min-width:1101px){
  .nav{flex:1;margin-left:8px}
  .nav>ul{flex:1;justify-content:space-between}
}
/* service cards: white frosted glass */
.dark-cards .card{
  background:linear-gradient(150deg,rgba(255,255,255,.80) 0%,rgba(255,253,249,.66) 100%);
  -webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);
  border:1px solid rgba(255,255,255,.75);border-top:3px solid var(--red);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px rgba(80,50,25,.12)}
.dark-cards .card:hover,.dark-cards a.card:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px rgba(80,50,25,.12)}
.dark-cards .card h3{color:var(--ink);text-shadow:none}
.dark-cards .card p{color:var(--muted)}
.dark-cards .ico{background:rgba(179,38,46,.10);color:var(--red)}
.dark-cards a.card .go{color:var(--red)}
.dark-cards .card::after{background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0))}
.dark-cards .card::before{background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent)}
.dark-cards::before{opacity:.55;
  background:
    radial-gradient(22% 38% at 16% 28%,rgba(205,38,48,.55),transparent 70%),
    radial-gradient(22% 36% at 84% 30%,rgba(205,38,48,.45),transparent 70%),
    radial-gradient(20% 34% at 50% 78%,rgba(205,38,48,.40),transparent 70%),
    radial-gradient(18% 30% at 70% 70%,rgba(240,190,140,.55),transparent 70%)}
.js .dark-cards.lit::before{opacity:.8}
@media (min-width:1101px) and (max-width:1300px){.nav{margin-left:6px}}
@media (min-width:1401px){.site-head .logo :is(img,svg){height:42px}.nav a{padding:10px 8px}}

/* a little more air between the logo and the menu */
@media (min-width:1101px){.nav{margin-left:36px}}
@media (min-width:1101px) and (max-width:1300px){.nav{margin-left:22px}.nav a{font-size:13.6px;padding:10px 5px}.nav .cta-link{padding:10px 11px}}
@media (min-width:1301px) and (max-width:1400px){.nav{margin-left:30px}.nav a{padding:10px 6px}}
@media (min-width:1401px){.nav a{padding:10px 7px}}
/* logo shine: a soft light sweeps across the logo every 10 seconds */
.site-head .logo{position:relative}
.site-head .logo::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%);
  background-size:300% 100%;background-position:120% 0;background-repeat:no-repeat;
  -webkit-mask:url("brand/ad-verbum-mark-wordmark-dark.svg") center/100% 100% no-repeat;mask:url("brand/ad-verbum-mark-wordmark-dark.svg") center/100% 100% no-repeat;
  animation:logoShine 10s ease-in-out 1.5s infinite}
@keyframes logoShine{0%{background-position:120% 0}18%{background-position:-20% 0}100%{background-position:-20% 0}}
@keyframes logoShineHover{0%{background-position:120% 0}100%{background-position:-20% 0}}
.site-head .logo:hover::after{animation:logoShineHover 1.8s ease-in-out 1}
@media (prefers-reduced-motion:reduce){.site-head .logo::after{animation:none;display:none}}

/* glass cards v3: no red glow; a faint AV shape behind shows through the glass */
.dark-cards::before,.js .dark-cards::before,.js .dark-cards.lit::before{
  inset:-10px 0;opacity:.5;filter:none;
  background:#9c7b52;
  -webkit-mask:url("brand/ad-verbum-symbol.svg") center/min(820px,92%) auto no-repeat;mask:url("brand/ad-verbum-symbol.svg") center/min(820px,92%) auto no-repeat}
@media (max-width:860px){.dark-cards::before,.js .dark-cards.lit::before{opacity:.35}}
.js .dark-cards::before{opacity:0;transition:opacity 1.4s ease .4s}
.js .dark-cards.lit::before{opacity:.5}
.dark-cards .card{
  background:linear-gradient(160deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.34) 55%,rgba(255,255,255,.26) 100%);
  -webkit-backdrop-filter:blur(9px) saturate(130%);backdrop-filter:blur(9px) saturate(130%);
  border:1px solid rgba(255,255,255,.85);border-top:3px solid var(--red);
  box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 0 0 1px rgba(255,255,255,.25),inset 0 -10px 24px rgba(120,85,45,.06),0 14px 30px rgba(80,50,25,.13)}
.dark-cards .card:hover,.dark-cards a.card:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 0 0 1px rgba(255,255,255,.25),inset 0 -10px 24px rgba(120,85,45,.06),0 14px 30px rgba(80,50,25,.13)}
/* static reflections, like light on a pane of glass */
.dark-cards .card::after{top:0;bottom:0;height:auto;border-radius:inherit;
  background:linear-gradient(118deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.18) 22%,transparent 23%,transparent 58%,rgba(255,255,255,.16) 59%,rgba(255,255,255,.04) 70%,transparent 71%)}
.dark-cards .card>*{position:relative;z-index:1}

/* AV shape behind the glass: sharper, more visible */
.dark-cards .card{-webkit-backdrop-filter:blur(2.5px) saturate(125%);backdrop-filter:blur(2.5px) saturate(125%);
  background:linear-gradient(160deg,rgba(255,255,255,.58) 0%,rgba(255,255,255,.30) 55%,rgba(255,255,255,.22) 100%)}
.js .dark-cards.lit::before{opacity:.55}

/* red AV behind the glass */
.dark-cards::before,.js .dark-cards::before,.js .dark-cards.lit::before{background:#b3262e}
.js .dark-cards.lit::before{opacity:.42}
@media (max-width:860px){.js .dark-cards.lit::before{opacity:.3}}
/* even clearer glass */
.dark-cards .card{-webkit-backdrop-filter:blur(1px) saturate(115%);backdrop-filter:blur(1px) saturate(115%);
  background:linear-gradient(160deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.26) 55%,rgba(255,255,255,.18) 100%)}
.cv{aspect-ratio:5/7}

/* book lists: aged papyrus scrolls that unroll on scroll */
.grid.booklists{column-gap:36px;row-gap:44px;align-items:start}
.booklists .card.scroll{position:relative;border:0;border-radius:0;padding:0;margin-block:10px;background:none;box-shadow:none;overflow:visible;color:#3a2a1c}
.booklists .paper{position:relative;padding:36px 26px 36px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='700'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .28 0 0 0 0 .1 0 0 0 -2.2 1.05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E") center/cover,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .28 0 0 0 0 .12 0 0 0 .32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    repeating-linear-gradient(0deg,rgba(110,72,30,.07) 0 1px,transparent 1px 5px,rgba(110,72,30,.04) 5px 6px,transparent 6px 11px),
    repeating-linear-gradient(90deg,rgba(110,72,30,.06) 0 1px,transparent 1px 9px,rgba(255,240,200,.08) 9px 10px,transparent 10px 17px),
    linear-gradient(90deg,rgba(120,75,25,.28) 0%,transparent 9%,transparent 91%,rgba(120,75,25,.30) 100%),
    radial-gradient(130% 100% at 50% 45%,#f0dfb4 0%,#e5cc95 62%,#cfac6c 100%);
  box-shadow:inset 0 0 38px rgba(110,65,20,.42),inset 0 0 6px rgba(90,55,20,.35),0 12px 24px rgba(70,40,15,.20)}
.booklists .card.scroll::before,.booklists .rod-b{content:"";position:absolute;left:-10px;right:-10px;height:18px;border-radius:9px;z-index:2;
  background:linear-gradient(180deg,#8a6031 0%,#d9b77c 30%,#b88c50 55%,#6e4a22 100%);
  box-shadow:0 3px 7px rgba(60,35,12,.35)}
.booklists .card.scroll::before{top:-9px}
.booklists .card.scroll::after{display:none}
.booklists .rod-b{top:calc(100% - 9px)}
.booklists .card .label{font-family:var(--serif);font-size:15px;letter-spacing:.14em;color:#7d1a1f;border-bottom:1px solid rgba(125,26,31,.28);padding-bottom:10px;margin-bottom:6px}
.booklists .card li{color:#2f2016;position:relative;padding-left:20px}
.booklists .card li small{color:#664c32}
.booklists .card ul{list-style:none;padding-left:0}
.booklists .card li::before{content:"❧";position:absolute;left:0;top:0;color:#9b2b28;font-size:13px}
.booklists .card:hover{transform:none}
/* unroll: the paper is revealed from the top rod while the bottom rod travels down */
.js .booklists .card.scroll .paper{clip-path:inset(0 0 calc(100% - 12px) 0);transition:clip-path 1.6s cubic-bezier(.45,.05,.25,1)}
.js .booklists .card.scroll .rod-b{top:3px;transition:top 1.6s cubic-bezier(.45,.05,.25,1)}
.js .booklists .card.scroll.open .paper{clip-path:inset(0 0 0 0)}
.js .booklists .card.scroll.open .rod-b{top:calc(100% - 9px)}
@media (prefers-reduced-motion:reduce){.js .booklists .card.scroll .paper,.js .booklists .card.scroll .rod-b{transition-duration:.6s}}

/* scrolls: even 3-column layout (children's list under fiction), equal bottoms */
@media (min-width:900px){
  .grid.booklists{grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;align-items:stretch}
  .booklists .scroll:nth-child(1){grid-column:1;grid-row:1}
  .booklists .scroll:nth-child(4){grid-column:1;grid-row:2}
  .booklists .scroll:nth-child(2){grid-column:2;grid-row:1 / span 2}
  .booklists .scroll:nth-child(3){grid-column:3;grid-row:1 / span 2}
}
.booklists .card.scroll{display:flex;flex-direction:column;margin-block:9px}
.booklists .paper{flex:1}
/* golden papyrus */
.booklists .paper{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='700'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .33 0 0 0 0 .05 0 0 0 -2.2 1.0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E") center/cover,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .3 0 0 0 0 .05 0 0 0 .28 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    repeating-linear-gradient(0deg,rgba(120,80,10,.07) 0 1px,transparent 1px 5px,rgba(120,80,10,.04) 5px 6px,transparent 6px 11px),
    repeating-linear-gradient(90deg,rgba(120,80,10,.06) 0 1px,transparent 1px 9px,rgba(255,245,200,.12) 9px 10px,transparent 10px 17px),
    linear-gradient(115deg,rgba(255,250,220,0) 20%,rgba(255,250,220,.35) 38%,rgba(255,250,220,0) 52%),
    linear-gradient(90deg,rgba(130,85,10,.30) 0%,transparent 9%,transparent 91%,rgba(130,85,10,.32) 100%),
    radial-gradient(130% 100% at 50% 40%,#f7e2a2 0%,#e8c56a 55%,#c99a3a 100%);
  box-shadow:inset 0 0 38px rgba(120,75,5,.45),inset 0 0 6px rgba(100,65,5,.35),0 12px 26px rgba(90,60,10,.25)}
.booklists .card.scroll::before,.booklists .rod-b{
  background:linear-gradient(180deg,#7a5a14 0%,#f6dd8e 28%,#d9b04f 50%,#a87d22 72%,#5e430c 100%);
  box-shadow:0 3px 8px rgba(70,45,5,.38),inset 0 1px 0 rgba(255,245,200,.6)}
.booklists .card .label{color:#7a1519;border-bottom-color:rgba(122,21,25,.32)}
.booklists .card li small{color:#5c4220}

/* lighter golden papyrus, no stains */
.booklists .paper{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .4 0 0 0 0 .1 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    repeating-linear-gradient(0deg,rgba(150,105,25,.055) 0 1px,transparent 1px 5px,rgba(150,105,25,.03) 5px 6px,transparent 6px 11px),
    repeating-linear-gradient(90deg,rgba(150,105,25,.05) 0 1px,transparent 1px 9px,rgba(255,250,225,.18) 9px 10px,transparent 10px 17px),
    linear-gradient(115deg,rgba(255,252,235,0) 20%,rgba(255,252,235,.45) 38%,rgba(255,252,235,0) 52%),
    linear-gradient(90deg,rgba(170,120,30,.22) 0%,transparent 8%,transparent 92%,rgba(170,120,30,.24) 100%),
    radial-gradient(130% 100% at 50% 40%,#fdf3d3 0%,#f5e2a8 55%,#e6c77a 100%);
  box-shadow:inset 0 0 30px rgba(170,115,20,.32),inset 0 0 4px rgba(150,100,20,.3),0 12px 26px rgba(110,75,15,.20)}
/* ornate gold rods with end knobs and engraved bands */
.booklists .card.scroll::before,.booklists .rod-b{left:-16px;right:-16px;height:22px;border-radius:11px;
  background:
    radial-gradient(circle at 11px 50%,#fff3c4 0,#e9c262 3px,#b7871f 7px,#6e4c0a 11px,transparent 11.5px),
    radial-gradient(circle at calc(100% - 11px) 50%,#fff3c4 0,#e9c262 3px,#b7871f 7px,#6e4c0a 11px,transparent 11.5px),
    linear-gradient(90deg,transparent 26px,rgba(90,60,5,.55) 26px 28px,transparent 28px 32px,rgba(90,60,5,.45) 32px 33px,transparent 33px calc(100% - 33px),rgba(90,60,5,.45) calc(100% - 33px) calc(100% - 32px),transparent calc(100% - 32px) calc(100% - 28px),rgba(90,60,5,.55) calc(100% - 28px) calc(100% - 26px),transparent calc(100% - 26px)),
    linear-gradient(180deg,#7d5a10 0%,#fff0b8 22%,#f1cf6e 40%,#c9982e 62%,#8f6814 82%,#5a3f08 100%);
  background-repeat:no-repeat;
  box-shadow:0 4px 10px rgba(80,50,5,.38),inset 0 1px 0 rgba(255,250,220,.7)}
.booklists .card.scroll::before{top:-11px}
.booklists .rod-b{top:calc(100% - 11px)}
.js .booklists .card.scroll .rod-b{top:1px}
.js .booklists .card.scroll.open .rod-b{top:calc(100% - 11px)}
.booklists .card .label{color:#7a1519}
.grid.booklists{column-gap:52px}
/* scroll order: personal development first, the two short lists in the middle, economics last */
.booklists .scroll:nth-child(2){order:1}.booklists .scroll:nth-child(1){order:2}.booklists .scroll:nth-child(4){order:3}.booklists .scroll:nth-child(3){order:4}
@media (min-width:900px){
  .booklists .scroll:nth-child(2){grid-column:1;grid-row:1 / span 2}
  .booklists .scroll:nth-child(1){grid-column:2;grid-row:1}
  .booklists .scroll:nth-child(4){grid-column:2;grid-row:2}
  .booklists .scroll:nth-child(3){grid-column:3;grid-row:1 / span 2}
}

/* ---------- colour accents ---------- */
:root{--gold:#c9a03d;--gold-deep:#9a7424;--gold-light:#e8c46a}
/* 1. key words of the hero title in red with a gold underline */
.hero h1 .hl{color:var(--red);background:linear-gradient(90deg,var(--gold),var(--gold-light)) no-repeat 0 92%/100% 3px;padding-bottom:2px}
/* 2. warm golden glow behind the books */
.hero-books{isolation:isolate}
.hero-books::before{content:"";position:absolute;left:50%;top:40%;width:min(760px,135%);aspect-ratio:1.5;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(226,178,72,.80),rgba(232,196,106,.35) 55%,transparent 100%);filter:blur(8px)}
/* 3. black facts strip with gold numbers */
.facts{background:#16110f;border-block:0}
.facts b{color:var(--gold-light)}
.facts small{color:#d8cbb6}
/* 4. gold as the second accent: section labels with a short gold rule */
.sec-head .eyebrow{color:var(--gold-deep);display:inline-flex;align-items:center;gap:10px}
.sec-head .eyebrow::before{content:"";width:26px;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-light))}
.dark .sec-head .eyebrow{color:var(--gold-light)}
/* papyrus re-tuned for the stone-grey site: ivory paper, gold rods */
.booklists .paper{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .4 0 0 0 0 .32 0 0 0 .12 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    repeating-linear-gradient(0deg,rgba(120,100,70,.045) 0 1px,transparent 1px 5px,rgba(120,100,70,.025) 5px 6px,transparent 6px 11px),
    repeating-linear-gradient(90deg,rgba(120,100,70,.04) 0 1px,transparent 1px 9px,rgba(255,255,255,.25) 9px 10px,transparent 10px 17px),
    linear-gradient(90deg,rgba(150,120,70,.16) 0%,transparent 8%,transparent 92%,rgba(150,120,70,.18) 100%),
    radial-gradient(130% 100% at 50% 40%,#fdfbf6 0%,#f5efe2 60%,#e8dcc4 100%);
  box-shadow:inset 0 0 26px rgba(140,110,60,.22),inset 0 0 3px rgba(120,95,50,.25),0 12px 26px rgba(40,35,25,.18)}
.booklists .card .label{color:#8f1d24;border-bottom-color:rgba(201,160,61,.55)}
.booklists .card li::before{color:var(--gold-deep)}
.booklists .card li small{color:#6a5c48}
/* lighter gold rods */
.booklists .card.scroll::before,.booklists .rod-b{
  background:
    radial-gradient(circle at 11px 50%,#fffbe6 0,#f6dc8e 3px,#d9b157 7px,#a7812f 11px,transparent 11.5px),
    radial-gradient(circle at calc(100% - 11px) 50%,#fffbe6 0,#f6dc8e 3px,#d9b157 7px,#a7812f 11px,transparent 11.5px),
    linear-gradient(90deg,transparent 26px,rgba(140,105,35,.45) 26px 28px,transparent 28px 32px,rgba(140,105,35,.35) 32px 33px,transparent 33px calc(100% - 33px),rgba(140,105,35,.35) calc(100% - 33px) calc(100% - 32px),transparent calc(100% - 32px) calc(100% - 28px),rgba(140,105,35,.45) calc(100% - 28px) calc(100% - 26px),transparent calc(100% - 26px)),
    linear-gradient(180deg,#b68f3c 0%,#fff6d2 22%,#f7df96 40%,#e2bd62 62%,#bf9640 82%,#94712a 100%);
  background-repeat:no-repeat;
  box-shadow:0 4px 10px rgba(80,60,20,.28),inset 0 1px 0 rgba(255,252,235,.8)}
/* section labels in red (gold rule kept) */
.sec-head .eyebrow{color:var(--red)}
.dark .sec-head .eyebrow{color:#f0a3a8}
/* small red AV mark in front of section labels instead of the line */
.sec-head .eyebrow::before{width:24px;height:15px;background:url("brand/ad-verbum-symbol.svg") no-repeat center/contain}
/* bigger section labels and AV mark */
.sec-head .eyebrow{font-size:14.5px;letter-spacing:.15em;gap:12px}
.sec-head .eyebrow::before{width:38px;height:24px}
@media (max-width:600px){.sec-head .eyebrow{font-size:13.5px}.sec-head .eyebrow::before{width:32px;height:20px}}

/* off-black with a glossy sheen: menu bar, footer, facts strip */
.site-head{background:linear-gradient(180deg,#3a3532 0%,#2a2624 38%,#211e1c 62%,#2a2624 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.4),0 6px 18px rgba(0,0,0,.18)}
.site-head::after{content:"";position:absolute;left:0;right:0;top:0;height:48%;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0))}
.site-foot{background:linear-gradient(180deg,#2a2624 0%,#24201e 55%,#1d1a18 100%);color:#fff}
.site-foot .foot-grid{position:relative}
.site-foot::after{content:"";position:absolute;left:0;right:0;top:0;height:140px;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0))}
.facts{background:linear-gradient(180deg,#34302d 0%,#2a2624 45%,#211e1c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
/* footer: red headings, white text */
.site-foot h3{color:#e0444d}
.site-foot,.site-foot p,.site-foot li,.site-foot a,.site-foot span,.site-foot .foot-bottom{color:#fff}
.site-foot a:hover{color:#ffd9db}
.dark{background:#2a2624}

/* deeper off-black */
.site-head{background:linear-gradient(180deg,#2e2a28 0%,#1d1a19 38%,#141211 62%,#1d1a19 100%)}
.site-foot{background:linear-gradient(180deg,#1d1a19 0%,#181514 55%,#121010 100%)}
.dark{background:#1d1a19}
/* wave on top of the numbers strip */
.facts{position:relative;background:linear-gradient(180deg,#1d1a19 0%,#181514 100%);box-shadow:none}
.facts::before{content:"";position:absolute;left:0;right:0;top:-47px;height:48px;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath fill='%231d1a19' d='M0 48V26C240 6 480 6 720 22S1200 40 1440 18V48Z'/%3E%3C/svg%3E")}
.facts::before{display:none}
/* footer starts with a straight edge: the red band stays red to the end */
.site-foot::before{display:none}

/* ===== finishing pass ===== */
/* 1. less empty space above the home hero */
.hero{padding-block:34px 56px}
@media (max-width:960px){.hero{padding-block:26px 44px}}
/* 2. same glass look for cards and boxes on every page */
.card:not(.scroll),.box,.member,.faq-item{
  background:linear-gradient(160deg,rgba(255,255,255,.80) 0%,rgba(255,255,255,.58) 100%);
  border:1px solid rgba(255,255,255,.85);
  box-shadow:inset 0 1px 0 #fff,0 10px 24px rgba(40,35,25,.10)}
.card:not(.scroll){border-top:3px solid var(--red)}
.box{border-top:3px solid var(--red)}
.card:not(.scroll) .ico,.box .ico{background:rgba(179,38,46,.10);color:var(--red)}
.faq-item[open]{border-color:rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 12px 28px rgba(40,35,25,.14)}
/* 3. footer logo shines too */
.site-foot .logo{position:relative}
.site-foot .logo::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%);
  background-size:300% 100%;background-position:120% 0;background-repeat:no-repeat;
  -webkit-mask:url("brand/ad-verbum-mark-wordmark-dark.svg") center/100% 100% no-repeat;mask:url("brand/ad-verbum-mark-wordmark-dark.svg") center/100% 100% no-repeat;
  animation:logoShine 10s ease-in-out 1.5s infinite}
.site-foot .logo:hover::after{animation:logoShineHover 1.8s ease-in-out 1}
@media (prefers-reduced-motion:reduce){.site-foot .logo::after{display:none}}
.quote-layout form{background:linear-gradient(160deg,rgba(255,255,255,.80) 0%,rgba(255,255,255,.58) 100%);border:1px solid rgba(255,255,255,.85);border-top:3px solid var(--red);box-shadow:inset 0 1px 0 #fff,0 10px 24px rgba(40,35,25,.10)}
/* cards over the red AV: same clear glass as on the home page */
.dark-cards .card:not(.scroll){
  background:linear-gradient(160deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.26) 55%,rgba(255,255,255,.18) 100%);
  -webkit-backdrop-filter:blur(1px) saturate(115%);backdrop-filter:blur(1px) saturate(115%);
  border:1px solid rgba(255,255,255,.85);border-top:3px solid var(--red);
  box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 0 0 1px rgba(255,255,255,.25),inset 0 -10px 24px rgba(120,85,45,.06),0 14px 30px rgba(80,50,25,.13)}

/* privacy page */
.legal{max-width:820px;padding-block:40px 72px}
.legal h2{font-size:clamp(20px,2.4vw,24px);margin:30px 0 10px}
.legal p{color:var(--muted);margin:0 0 12px}
.legal a{color:var(--red)}
.foot-bottom a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.legal.prose{display:block;max-width:820px}
.legal.prose p{max-width:none}

/* hero: motto under the title, services line smaller */
.hero .hero-motto{margin:18px 0 10px;color:var(--ink);font-size:clamp(17px,1.6vw,19px)}
.hero .hero-sub{margin:0;font-size:16px}
.hero h1{max-width:20ch}

/* ================= bolder refresh ================= */
/* browser surfaces carry the palette */
::selection{background:rgba(179,38,46,.85);color:#fff}
html{scrollbar-color:#8a817a #cfcac1;accent-color:var(--red);caret-color:var(--red)}
::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:#cfcac1}::-webkit-scrollbar-thumb{background:#8a817a;border-radius:8px;border:2px solid #cfcac1}::-webkit-scrollbar-thumb:hover{background:var(--red)}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}
a{text-underline-offset:.18em}

/* type at full strength */
h1,h2,h3{letter-spacing:-.012em}
.hero h1{font-size:clamp(34px,4.6vw,60px);line-height:1.06;max-width:15ch;letter-spacing:-.02em;font-weight:600}
.hero .hero-motto{font-size:clamp(18px,1.7vw,21px);max-width:38ch;line-height:1.5}
.hero .hero-sub{max-width:46ch}
.sec-head{margin-bottom:44px}
.sec-head h2{font-size:clamp(30px,4.2vw,48px);line-height:1.08;letter-spacing:-.018em}
.page-head h1{font-size:clamp(34px,4.6vw,56px);line-height:1.06;letter-spacing:-.02em}

/* hero: more room for the books, title anchors the left */
@media (min-width:961px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px}
  .hb-stage{height:420px}
  .hb{width:244px;margin-left:-122px}
}

/* about: editorial split, title and credentials left, text right with a red initial */
.about-x{padding-block:88px 96px}
.about2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:start}
.about-l .sec-head{margin-bottom:28px}
.about-l .sec-head h2{font-size:clamp(36px,5vw,62px)}
.about-l .members{grid-template-columns:1fr;max-width:420px;margin-top:0}
.about-r{padding-top:6px;border-top:1px solid rgba(29,26,25,.18)}
.about-r p{font-size:clamp(17px,1.35vw,19px);line-height:1.7;color:var(--ink);max-width:60ch;margin:22px 0 0}
.about-r p:first-child::first-letter{float:left;font-family:var(--serif);font-weight:600;color:var(--red);font-size:4.1em;line-height:.82;margin:.08em .1em 0 0}
@media (max-width:900px){.about2{grid-template-columns:1fr;gap:36px}.about-x{padding-block:64px 72px}}

/* how we work: a connected path instead of four loose columns */
.steps{position:relative;gap:0;grid-template-columns:repeat(4,1fr)}
.steps::before{content:"";position:absolute;left:0;right:0;top:27px;height:2px;background:linear-gradient(90deg,var(--red),rgba(179,38,46,.25))}
.steps li{border-left:0;padding:0 24px 0 0;gap:10px;position:relative}
.steps li::before{content:counter(s);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;
  background:#1d1a19;color:#fff;font-size:22px;font-weight:600;box-shadow:0 0 0 6px var(--bg2),0 8px 18px rgba(29,26,25,.25);position:relative;z-index:1;margin-bottom:14px}
.steps li:first-child::before{background:var(--red)}
.steps h3{font-size:clamp(19px,1.6vw,22px)}
.steps p{font-size:15.5px;max-width:28ch}
@media (max-width:860px){
  .steps{grid-template-columns:1fr;gap:28px}
  .steps::before{left:27px;right:auto;top:10px;bottom:10px;width:2px;height:auto;background:linear-gradient(180deg,var(--red),rgba(179,38,46,.25))}
  .steps li{padding:0 0 0 80px;min-height:56px}
  .steps li::before{position:absolute;left:0;top:0;margin:0}
}

/* closing call to action: a real peak */
.cta-band{padding-block:84px}
.cta-band h2{font-size:clamp(30px,4.4vw,52px);line-height:1.08;letter-spacing:-.02em;max-width:18ch}
.cta-band p{font-size:18px}
.cta-band .btn{padding:16px 30px;font-size:16px}
@media (min-width:961px){.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}}
/* contrast: red text on the darker grey bands */
.band .sec-head .eyebrow,.page-head .eyebrow,.dark-cards a.card .go,.band a.more{color:#981f27}

/* ================= colour & motion pass ================= */
:root{--wine:#6e161c;--wine-deep:#4a0e13;--gold:#c9a03d;--gold-light:#e8c46a}

/* hero: warm light from behind the books, hairline of gold under the menu */
.site-head{border-bottom:1px solid rgba(201,160,61,.45)}
.hero{background:
  radial-gradient(60% 80% at var(--gx,78%) var(--gy,40%),rgba(232,196,106,.24),transparent 70%),
  radial-gradient(50% 60% at 8% 0%,rgba(179,38,46,.07),transparent 70%),
  var(--bg)}
.hero h1.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.hero h1.split .w>span{display:inline-block;animation:wordUp .9s cubic-bezier(.16,1,.3,1) both}
@keyframes wordUp{from{transform:translateY(105%);opacity:0;filter:blur(4px)}to{transform:none;opacity:1;filter:none}}
.hero h1{animation:none}
.hero .eyebrow{animation:rise .7s cubic-bezier(.16,1,.3,1) .05s both}
.hero .hero-motto{animation:rise .8s cubic-bezier(.16,1,.3,1) .65s both}
.hero .hero-sub{animation:rise .8s cubic-bezier(.16,1,.3,1) .8s both}
.hero-books{animation:booksIn 1.2s cubic-bezier(.16,1,.3,1) .3s both}
@keyframes booksIn{from{opacity:0;translate:0 24px;scale:.97}to{opacity:1;translate:none;scale:none}}

/* numbers strip: wine-tinted black with a fine gold rule */
.facts{background:linear-gradient(180deg,#221316 0%,#1a0f11 100%);border-top:1px solid rgba(201,160,61,.35);border-bottom:1px solid rgba(201,160,61,.2)}
.facts .wrap>div{position:relative}
.facts .wrap>div+div::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:linear-gradient(180deg,transparent,rgba(201,160,61,.45),transparent)}
@media (max-width:520px){.facts .wrap>div+div::before{display:none}}

/* section marks turn in */
.sec-head .eyebrow.mark-wait::before{transform:rotate(-25deg) scale(.4);opacity:0;transition:transform .9s cubic-bezier(.34,1.56,.64,1),opacity .5s ease}
.sec-head .eyebrow.mark-in::before{transform:none;opacity:1}

/* how we work: the line draws, the circles arrive one after another */
.steps::before{transform-origin:left center;transform:scaleX(0);transition:transform 1.6s cubic-bezier(.65,0,.35,1)}
.steps.drawn::before{transform:scaleX(1)}
.steps li::before{transform:scale(.3);opacity:0;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s ease,background .3s ease}
.steps.drawn li::before{transform:none;opacity:1}
.steps.drawn li:nth-child(1)::before{transition-delay:.05s}
.steps.drawn li:nth-child(2)::before{transition-delay:.45s}
.steps.drawn li:nth-child(3)::before{transition-delay:.85s}
.steps.drawn li:nth-child(4)::before{transition-delay:1.25s}
.steps li:hover::before{background:var(--red)}
@media (max-width:860px){.steps::before{transform-origin:center top;transform:scaleY(0)}.steps.drawn::before{transform:scaleY(1)}}

/* closing band: deep red to wine, a slow-drifting AV mark */
.cta-band{background:linear-gradient(120deg,#b3262e 0%,#8f1d24 55%,var(--wine) 100%);overflow:hidden}
.cta-band .wrap{position:relative;z-index:1}
.cta-band::after{content:"";position:absolute;right:-6%;top:50%;width:min(560px,60vw);aspect-ratio:940/587;transform:translateY(-50%);
  background:#fff;opacity:.07;-webkit-mask:url("brand/ad-verbum-symbol.svg") center/contain no-repeat;mask:url("brand/ad-verbum-symbol.svg") center/contain no-repeat;
  animation:drift 18s ease-in-out infinite alternate;pointer-events:none}
@keyframes drift{from{transform:translate(0,-50%) rotate(-3deg)}to{transform:translate(-40px,-46%) rotate(2deg)}}
.cta-band .btn{box-shadow:0 10px 24px rgba(40,5,8,.3);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}
.cta-band .btn:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(40,5,8,.38)}

/* footer: wine-black with the same fine gold rule */
.site-foot{background:linear-gradient(180deg,#1f1214 0%,#160d0f 100%);border-top:1px solid rgba(201,160,61,.35)}
.site-foot h3{color:#e05a62}

/* buttons and links answer the pointer */
.btn{transition:transform .25s cubic-bezier(.16,1,.3,1),background .2s ease,box-shadow .25s ease}
.nav .cta-link{transition:background .2s ease,transform .25s cubic-bezier(.16,1,.3,1)}
.nav .cta-link:hover{transform:translateY(-1px)}
.member{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}
.member:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #fff,0 14px 28px rgba(40,35,25,.14)}

@media (prefers-reduced-motion:reduce){
  .hero-books,.hero .eyebrow,.hero .hero-motto,.hero .hero-sub{animation:none}
  .cta-band::after{animation:none}
  .steps::before,.steps li::before,.sec-head .eyebrow::before{transition:none;transform:none;opacity:1}
}

/* =====================================================================
   Signature layer
   ===================================================================== */

/* one word, sixteen languages */
.babel{position:relative;overflow:hidden;color:#f3ece4;padding:clamp(72px,10vw,128px) 0 clamp(64px,8vw,104px);
  background:
    radial-gradient(55% 70% at 85% 20%,rgba(201,160,61,.16),transparent 70%),
    radial-gradient(60% 80% at 0% 100%,rgba(179,38,46,.30),transparent 70%),
    linear-gradient(160deg,#241216 0%,#170c0e 55%,#110a0b 100%);
  border-top:1px solid rgba(201,160,61,.35);border-bottom:1px solid rgba(201,160,61,.35)}
.babel::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:repeating-linear-gradient(180deg,transparent 0 47px,rgba(232,196,106,.06) 47px 48px)}
.babel .wrap{position:relative}
.bb-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid rgba(232,196,106,.25);padding-bottom:14px}
.bb-kicker{margin:0;font:600 13px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light)}
.bb-count{font:500 14px var(--sans);color:rgba(243,236,228,.55);font-variant-numeric:tabular-nums;letter-spacing:.06em}
.bb-count b{color:#f3ece4;font-weight:600}
.bb-word{margin:clamp(28px,4vw,48px) 0 0;font-family:var(--serif);font-weight:600;font-size:clamp(50px,11.5vw,156px);line-height:1;
  letter-spacing:-.02em;white-space:nowrap;min-height:1.08em;color:#f7f1ea;text-wrap:nowrap;
  background:linear-gradient(180deg,#fff 0%,#f3e6d0 60%,#e8c46a 140%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bb-word i{font-style:normal;-webkit-text-fill-color:var(--gold);opacity:.85}
.bb-lang{margin:18px 0 0;display:flex;align-items:center;gap:14px;font:500 clamp(17px,1.6vw,21px)/1.3 var(--serif);color:rgba(243,236,228,.8);font-style:italic}
.bb-lang::before{content:"";width:48px;height:1px;background:var(--gold)}
.bb-chips{margin-top:clamp(40px,5vw,60px);display:flex;flex-wrap:wrap;gap:8px}
.bb-chip{appearance:none;border:1px solid rgba(243,236,228,.18);background:rgba(255,255,255,.03);color:rgba(243,236,228,.78);
  font:500 14px/1 var(--sans);padding:10px 15px;border-radius:999px;cursor:pointer;
  transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s cubic-bezier(.16,1,.3,1)}
.bb-chip:hover{border-color:rgba(232,196,106,.6);color:#fff;transform:translateY(-2px)}
.bb-chip.on{background:var(--gold);border-color:var(--gold);color:#1a0f11;font-weight:600}
.bb-chip:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}
/* entrance */
.babel .bb-word,.babel .bb-lang,.babel .bb-chip{opacity:0;translate:0 18px;transition:opacity .9s cubic-bezier(.16,1,.3,1),translate .9s cubic-bezier(.16,1,.3,1),background .3s,color .3s,border-color .3s,transform .3s cubic-bezier(.16,1,.3,1)}
.babel.seen .bb-word,.babel.seen .bb-lang,.babel.seen .bb-chip{opacity:1;translate:none}
.babel.seen .bb-lang{transition-delay:.15s}
.babel.seen .bb-chip:nth-child(1){transition-delay:0.250s,0.250s,0s,0s,0s,0s}
.babel.seen .bb-chip:nth-child(2){transition-delay:0.285s,0.285s,0s,0s,0s,0s}
.babel.seen .bb-chip:nth-child(3){transition-delay:0.320s,0.320s,0s,0s,0s,0s}
.babel.seen .bb-chip:nth-child(4){transition-delay:0.355s,0.355s,0s,0s,0s,0s}
.babel.seen .bb-chip:nth-child(5){transition-delay:0.390s,0.390s,0s,0s,0s,0s}
.babel.seen .bb-chip:nth-child(6){transition-delay:0.425s,0.425s,0s,0s,0s,0s}
.babel.seen .bb-chip:nth-child(7){transition-delay:0.460s,0.460s,0s,0s,0s,0s}
.babel.seen .bb-chip:nth-child(8){transition-delay:0.495s,0.495s,0s,0s,0s,0s}
.babel.seen .bb-chip:nth-child(9){transition-delay:0.530s,0.530s,0s,0s,0s,0s}
.babel.seen .bb-chip:nth-child(10){transition-delay:0.565s,0.565s,0s,0s,0s,0s}
.babel.seen .bb-chip:nth-child(11){transition-delay:0.600s,0.600s,0s,0s,0s,0s}
.babel.seen .bb-chip:nth-child(12){transition-delay:0.635s,0.635s,0s,0s,0s,0s}
.babel.seen .bb-chip:nth-child(13){transition-delay:0.670s,0.670s,0s,0s,0s,0s}
.babel.seen .bb-chip:nth-child(14){transition-delay:0.705s,0.705s,0s,0s,0s,0s}
.babel.seen .bb-chip:nth-child(15){transition-delay:0.740s,0.740s,0s,0s,0s,0s}
.babel.seen .bb-chip:nth-child(16){transition-delay:0.775s,0.775s,0s,0s,0s,0s}

@media (max-width:640px){.bb-chip{padding:9px 12px;font-size:13px}.bb-word{font-size:clamp(40px,12.5vw,64px)}}

/* light follows the cursor across the glass cards */
.dark-cards .card{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,background .35s ease,border-color .35s ease;will-change:transform}
.dark-cards .card .spot{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;z-index:0;
  background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.20),rgba(232,196,106,.08) 40%,transparent 70%)}
.dark-cards .card:hover .spot{opacity:1}
.dark-cards .card>*:not(.spot){position:relative;z-index:1}

/* gold reading line under the header */
.read-line{position:absolute;left:0;right:0;bottom:0;height:2px;transform:scaleX(0);transform-origin:0 50%;pointer-events:none;z-index:2;
  background:linear-gradient(90deg,var(--red),var(--gold) 60%,var(--gold-light))}

/* hero depth */
.hero-books{transition:transform .6s cubic-bezier(.16,1,.3,1)}

/* magnetic quote button */
.cta-band .btn{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,background .2s ease}

/* page-to-page cross-fade where the browser supports it */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vtOut .22s ease both}
::view-transition-new(root){animation:vtIn .45s cubic-bezier(.16,1,.3,1) both}
@keyframes vtOut{to{opacity:0}}
@keyframes vtIn{from{opacity:0;transform:translateY(10px)}}

@media (prefers-reduced-motion:reduce){
  .babel .bb-word,.babel .bb-lang,.babel .bb-chip{opacity:1;translate:none;transition:none}
  ::view-transition-old(root),::view-transition-new(root){animation:none}
  .dark-cards .card,.hero-books{transition:none}
}

/* =====================================================================
   Max pass
   ===================================================================== */

/* languages section, compact two-column version */
.babel{padding:clamp(48px,6vw,76px) 0}
.bb-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center}
.bb-word{font-size:clamp(40px,5.6vw,80px);margin:14px 0 0;min-height:1.1em}
.bb-lang{margin-top:12px;font-size:clamp(16px,1.4vw,19px)}
.bb-right{border-left:1px solid rgba(232,196,106,.25);padding-left:clamp(24px,3.5vw,48px)}
.bb-right .bb-count{display:block;margin:0 0 14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.bb-chips{margin-top:0;gap:7px}
.bb-chip{padding:8px 13px;font-size:13px}
@media (max-width:860px){
  .bb-grid{grid-template-columns:1fr}
  .bb-right{border-left:0;padding-left:0;border-top:1px solid rgba(232,196,106,.25);padding-top:22px}
  .bb-word{font-size:clamp(38px,11vw,60px)}
}

/* subject-field marquee */
.mq{display:block;position:relative;overflow:hidden;background:#140d0e;text-decoration:none;
  border-top:1px solid rgba(201,160,61,.3);border-bottom:1px solid rgba(201,160,61,.3);
  -webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{display:flex;width:max-content;animation:mq 46s linear infinite}
.mq:hover .mq-track,.mq:focus-visible .mq-track{animation-play-state:paused}
.mq-run{display:flex;align-items:center;flex-shrink:0}
.mq-item{font:italic 600 clamp(26px,3.4vw,46px)/1 var(--serif);padding:clamp(20px,2.4vw,30px) clamp(18px,2vw,28px);white-space:nowrap;color:#f3ece4;transition:color .3s ease}
.mq-item:nth-of-type(even){color:transparent;-webkit-text-stroke:1px rgba(232,196,106,.85)}
.mq:hover .mq-item{color:var(--gold-light);-webkit-text-stroke:0}
.mq-dot{width:30px;height:19px;flex-shrink:0;background:var(--red);
  -webkit-mask:url("brand/ad-verbum-symbol.svg") center/contain no-repeat;mask:url("brand/ad-verbum-symbol.svg") center/contain no-repeat}
@keyframes mq{to{transform:translateX(-50%)}}

/* giant footer signature */
.foot-mark{font:italic 600 clamp(64px,15vw,210px)/.82 var(--serif);letter-spacing:-.025em;text-align:center;white-space:nowrap;overflow:hidden;
  margin:clamp(30px,5vw,56px) 0 clamp(18px,2.5vw,28px);padding-bottom:.06em;user-select:none;
  background:linear-gradient(180deg,rgba(224,90,98,.55) 0%,rgba(201,160,61,.28) 55%,rgba(201,160,61,0) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  opacity:0;translate:0 40px;transition:opacity 1.4s cubic-bezier(.16,1,.3,1),translate 1.4s cubic-bezier(.16,1,.3,1)}
.foot-mark.in{opacity:1;translate:none}

/* back to top with reading ring */
.to-top{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:40;width:50px;height:50px;padding:0;border-radius:50%;
  border:0;background:rgba(22,13,15,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;
  box-shadow:0 10px 26px rgba(20,8,10,.35);opacity:0;translate:0 14px;pointer-events:none;
  transition:opacity .35s ease,translate .35s cubic-bezier(.16,1,.3,1),background .25s ease}
.to-top.show{opacity:1;translate:none;pointer-events:auto}
.to-top:hover{background:var(--red)}
.to-top svg{width:100%;height:100%;display:block;fill:none}
.to-top .tt-track{stroke:rgba(255,255,255,.14);stroke-width:2}
.to-top .tt-ring{stroke:var(--gold-light);stroke-width:2;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transform-box:fill-box}
.to-top path{stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:translate .25s ease}
.to-top:hover path{translate:0 -2px}
.to-top:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}

/* opening curtain, home page, once per visit */
.intro-curtain{display:none}
html.intro .intro-curtain{display:flex;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;
  background:radial-gradient(50% 50% at 50% 50%,rgba(179,38,46,.25),transparent 70%),linear-gradient(160deg,#241216,#110a0b);
  animation:icUp .85s cubic-bezier(.76,0,.24,1) 1.5s forwards}
.ic-inner{display:flex;flex-direction:column;align-items:center;gap:20px}
.ic-logo{width:min(420px,74vw);height:auto;clip-path:inset(0 100% 0 0);animation:icWipe 1s cubic-bezier(.65,0,.35,1) .1s forwards}
.ic-line{display:block;width:min(420px,74vw);height:1px;background:linear-gradient(90deg,transparent,var(--gold-light),transparent);transform:scaleX(0);animation:icLine 1s cubic-bezier(.16,1,.3,1) .55s forwards}
@keyframes icWipe{to{clip-path:inset(0 0 0 0)}}
@keyframes icLine{to{transform:scaleX(1)}}
@keyframes icUp{to{transform:translateY(-100%);visibility:hidden}}
html.intro .hero .eyebrow{animation-delay:1.65s}
html.intro .hero-books{animation-delay:1.85s}
html.intro .hero .hero-motto{animation-delay:2.2s}
html.intro .hero .hero-sub{animation-delay:2.35s}

/* inner page titles rise word by word like the home title */
.page-head h1.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.page-head h1.split .w>span{display:inline-block;animation:wordUp .9s cubic-bezier(.16,1,.3,1) both}

/* FAQ answers open smoothly where supported */
:root{interpolate-size:allow-keywords}
.faq-item::details-content{block-size:0;overflow:clip;transition:block-size .45s cubic-bezier(.16,1,.3,1),content-visibility .45s allow-discrete}
.faq-item[open]::details-content{block-size:auto}

/* fine paper grain over the whole site */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

@media (prefers-reduced-motion:reduce){
  .mq-track{animation:none}
  .mq{overflow-x:auto}
  .foot-mark{opacity:1;translate:none;transition:none}
  .to-top{transition:none}
  .faq-item::details-content{transition:none}
}
.mq{padding-bottom:40px}
@media (max-width:640px){.foot-bottom{padding-right:62px}}
.mq{-webkit-mask:none;mask:none}
.mq::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#140d0e,rgba(20,13,14,0) 9%,rgba(20,13,14,0) 91%,#140d0e)}
.mq-item:nth-of-type(even){color:#f3ece4;-webkit-text-stroke:0}
.mq-item:nth-child(4n+3){color:transparent;-webkit-text-stroke:1px rgba(232,196,106,.85)}
.mq:hover .mq-item{color:var(--gold-light);-webkit-text-stroke:0}

/* =====================================================================
   Professional pass
   ===================================================================== */

/* first step of "how we work" leads to the quote form */
.steps li.step-link{cursor:pointer}
.step-go{margin-top:4px;font:600 14px var(--sans);color:var(--red);text-decoration:none;align-self:flex-start;transition:color .2s ease}
.step-go::after{content:"";position:absolute;inset:-12px -8px;border-radius:12px}
.steps li.step-link::before{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}
.steps li.step-link:hover::before{transform:scale(1.08);box-shadow:0 0 0 6px rgba(179,38,46,.14)}
.steps li.step-link:hover h3,.step-go:hover{color:var(--red-dark)}
.step-go:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:4px}

/* header tightens once you scroll */
@media (min-width:861px){
  .site-head .wrap{transition:height .35s cubic-bezier(.16,1,.3,1)}
  .site-head .logo :is(img,svg){transition:height .35s cubic-bezier(.16,1,.3,1)}
  .masthead.compact .site-head .wrap{height:66px}
  .masthead.compact .site-head .logo :is(img,svg){height:38px}
  .masthead.compact .site-head{box-shadow:0 8px 24px rgba(10,5,6,.28)}
}

/* live opening status */
.open-now{display:inline-flex;align-items:center;gap:7px;margin:2px 0 12px;padding:4px 10px 4px 9px;border-radius:999px;font:600 12px/1.2 var(--sans);letter-spacing:.02em}
.open-now::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.open-now.is-open{color:#2f8a4f;background:rgba(47,138,79,.12)}
.open-now.is-open::before{box-shadow:0 0 0 0 rgba(47,138,79,.5);animation:pulse 2.2s ease-out infinite}
.open-now.is-closed{color:#8c7f78;background:rgba(140,127,120,.14)}
.site-foot .open-now.is-open{color:#6fd391;background:rgba(111,211,145,.12)}
.site-foot .open-now.is-closed{color:#b9aca5;background:rgba(255,255,255,.07)}
.site-foot .open-now{margin-top:-4px}
@keyframes pulse{70%{box-shadow:0 0 0 7px rgba(47,138,79,0)}100%{box-shadow:0 0 0 0 rgba(47,138,79,0)}}

/* mobile quick-contact bar */
.m-bar{display:none}
@media (max-width:640px){
  .m-bar{display:grid;grid-template-columns:auto 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:45;
    padding:10px max(12px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right));
    background:rgba(22,13,15,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(201,160,61,.35);
    translate:0 110%;transition:translate .4s cubic-bezier(.16,1,.3,1)}
  .m-bar.show{translate:none}
  .m-bar a{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:8px;font:600 15px var(--sans);text-decoration:none}
  .m-call{padding:0 18px;color:#fff;border:1px solid rgba(255,255,255,.22)}
  .m-call .m-ico{width:18px;height:18px}
  .m-quote{background:var(--red);color:#fff}
  .site-foot{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .to-top{bottom:calc(78px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){.open-now.is-open::before{animation:none}.m-bar{transition:none}}
.open-now{align-self:flex-start;width:max-content}

/* circle 1 is part of the link too */
.step-go::after{z-index:3}
/* the red travels along the steps */
.steps.cycling li::before{background:#1d1a19;transition:background .6s ease,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;transition-delay:0s}
.steps.cycling li.on::before{background:var(--red)}
.steps.cycling li h3{transition:color .6s ease}
.steps.cycling li.on h3{color:var(--red)}
/* the subject-field ribbon never stops */
.mq:hover .mq-track,.mq:focus-visible .mq-track{animation-play-state:running}

/* =====================================================================
   Final finish
   ===================================================================== */

/* footer links: quiet colour shift */
.site-foot ul a{transition:color .2s ease}
.site-foot ul a:hover{color:var(--gold-light)}

/* form fields: clear, calm focus */
input,select,textarea{transition:border-color .2s ease,box-shadow .2s ease}
input:hover,select:hover,textarea:hover{border-color:#b9b2a8}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 4px rgba(179,38,46,.12)}

/* print: clean pages without the moving parts */
@media print{
  .masthead,.to-top,.m-bar,.intro-curtain,.read-line,.mq,.babel,.cta-band,.hero-books,.foot-mark,.carousel .arr,body::after{display:none!important}
  *,*::before,*::after{animation:none!important;transition:none!important}
  body{background:#fff;color:#000}
  .rv{opacity:1!important;transform:none!important}
  .site-foot{background:#fff!important;color:#000}
  .site-foot *{color:#000!important}
  a{color:#000}
}

/* =====================================================================
   One red marker in the menu that follows the mouse
   ===================================================================== */
.js .nav a,.js .nav a:hover,.js .nav a.current,.js .nav .has-sub:hover>a{text-decoration:none!important}
.nav-ink{position:absolute;pointer-events:none;background:var(--red);border-radius:2px;opacity:0;z-index:2}
.nav-ink.ready{transition:transform .45s cubic-bezier(.16,1,.3,1),width .45s cubic-bezier(.16,1,.3,1),height .45s cubic-bezier(.16,1,.3,1),opacity .25s ease}
.nav-ink.on{opacity:1}
@media (min-width:1101px){
  .nav{position:relative}
  .nav-ink{left:0;top:0;height:2px}
}
@media (max-width:1100px){
  .nav-ink{left:0;top:0;width:3px}
  .nav>ul>li>a:not(.cta-link),.nav .sub a{padding-left:14px;border-radius:6px;transition:background .2s ease,color .2s ease}
  .nav .sub{padding-left:16px}
  .nav>ul>li>a:not(.cta-link):hover,.nav .sub a:hover{background:rgba(179,38,46,.05)}
}
@media (prefers-reduced-motion:reduce){.nav-ink.ready{transition:opacity .2s ease}}
.steps.drawn.cycling li:nth-child(n)::before{transition-delay:0s}

/* languages: chips in tidy, even columns */
.bb-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bb-chip{width:100%;text-align:center;padding:9px 6px;white-space:nowrap}
@media (max-width:1100px) and (min-width:861px){.bb-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.bb-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.bb-chip{font-size:12.5px;padding:9px 4px}}
@media (max-width:360px){.bb-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* quote form: consent box */
.consent{display:flex!important;align-items:flex-start;gap:11px;margin:4px 0 18px;font-size:14px;font-weight:400;line-height:1.55;color:var(--ink);cursor:pointer}
.consent input[type=checkbox]{flex:none;width:19px;height:19px;margin:2px 0 0;padding:0;accent-color:var(--red);cursor:pointer;box-shadow:none}
.consent a{color:var(--red);font-weight:600}
.consent.err span{color:var(--red)}
.consent.err input[type=checkbox]{outline:2px solid var(--red);outline-offset:2px}
.form-msg.is-err{color:var(--red);font-weight:600}
@media (max-width:560px){.bb-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.bb-chip{font-size:12px;padding:9px 2px;letter-spacing:-.01em}}
@media (max-width:360px){.bb-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* five facts */
.facts .wrap{grid-template-columns:repeat(5,1fr)}
@media (max-width:860px) and (min-width:521px){.facts .wrap{grid-template-columns:repeat(3,1fr);row-gap:22px}.facts .wrap>div:nth-child(4)::before{display:none}}
@media (max-width:520px){.facts .wrap{grid-template-columns:1fr 1fr}.facts .wrap>div:last-child{grid-column:1/-1}}
@media (max-width:860px) and (min-width:521px){.facts .wrap{grid-template-columns:repeat(6,1fr)}.facts .wrap>div{grid-column:span 2}.facts .wrap>div:nth-child(4){grid-column:2/span 2}}
.mail-link{color:var(--red);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(179,38,46,.3);transition:border-color .2s ease,color .2s ease}
.mail-link:hover{color:var(--red-dark);border-bottom-color:currentColor}

/* Lenis does the smoothing; the browser must not add its own on top */
html.lenis{scroll-behavior:auto!important}

/* opening status: red when closed (green when open stays as before) */
.open-now.is-closed{color:#c42a33;background:rgba(196,42,51,.12)}
.site-foot .open-now.is-closed{color:#ff6b73;background:rgba(255,107,115,.12)}

/* collapsed menu always fits; the quick-contact bar hides while it is open */
@media (max-width:1100px){
  .nav{max-height:calc(100dvh - var(--mh,120px))!important;overflow-y:auto;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
}
html.menu-open .m-bar,html.menu-open .to-top{opacity:0!important;pointer-events:none!important;translate:0 120%!important}

/* darker brand marks: AV in the red band, "Ad Verbum" at the foot */
.cta-band::after{background:#fff;opacity:.17}
.foot-mark{background:linear-gradient(180deg,rgba(232,92,100,.95) 0%,rgba(214,172,72,.7) 55%,rgba(201,160,61,.08) 100%);-webkit-background-clip:text;background-clip:text}

/* bigger, clearer logo in the header */
.site-head .logo :is(img,svg){height:56px!important}
@media (min-width:1101px) and (max-width:1400px){.site-head .logo :is(img,svg){height:46px!important}}
@media (min-width:1101px) and (max-width:1220px){.site-head .logo :is(img,svg){height:40px!important}}
@media (max-width:1100px){.site-head .logo :is(img,svg){height:48px!important}}
@media (max-width:600px){.site-head .logo :is(img,svg){height:40px!important}}
@media (max-width:380px){.site-head .logo :is(img,svg){height:33px!important}}
@media (min-width:861px){.masthead.compact .site-head .logo :is(img,svg){height:44px!important}}
@media (min-width:861px) and (max-width:1220px){.masthead.compact .site-head .logo :is(img,svg){height:38px!important}}
@media (min-width:1401px){.site-head .logo :is(img,svg){height:48px!important}.nav a{padding:10px 7px}}
@media (min-width:1500px){.site-head .wrap{max-width:1440px}.topbar .wrap{max-width:1440px}.site-head .logo :is(img,svg){height:56px!important}}
@media (min-width:1101px) and (max-width:1160px){.site-head .logo :is(img,svg){height:37px!important}}
@media (max-width:420px){.site-head .logo :is(img,svg){height:36px!important}}
@media (max-width:370px){.site-head .logo :is(img,svg){height:31px!important}}
@media (min-width:1401px) and (max-width:1499px){.site-head .logo :is(img,svg){height:45px!important}}

/* liquid header logo: inline SVG keeps the brand colours; shine still passes over it */
.site-head .logo .logo-svg{display:block;width:auto;overflow:visible}

/* footer logo uses the same liquid SVG */
.site-foot .logo .logo-svg{display:block;width:auto;overflow:visible;height:44px}
/* slightly deeper tone for the liquid logos */
.logo .logo-svg{filter:brightness(.9) saturate(1.05)}
/* six facts */
.facts .wrap{grid-template-columns:repeat(6,1fr)}
@media (max-width:1100px) and (min-width:521px){.facts .wrap{grid-template-columns:repeat(3,1fr)!important;row-gap:22px}.facts .wrap>div{grid-column:auto!important}.facts .wrap>div:nth-child(4)::before{display:none}}
@media (max-width:520px){.facts .wrap{grid-template-columns:1fr 1fr}.facts .wrap>div:last-child{grid-column:auto}}

/* footer headings: deeper red */
.site-foot h3{color:#c22d36}

/* justified body text (desktop and tablet); left-aligned on phones to avoid gaps */
.about-r p,.prose>div>p,.prose>p,.faq-a p{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}
@media (max-width:600px){.about-r p,.prose>div>p,.prose>p,.faq-a p{text-align:left;hyphens:manual;-webkit-hyphens:manual}}

/* two-line drop cap sits better with justified text */
.about-r p:first-child::first-letter{font-size:3.05em;line-height:.8;margin:.1em .12em 0 0}

/* ===== papyrus: realistic aged-bronze rods ===== */
.booklists .card.scroll::before,.booklists .rod-b{
  background:
    radial-gradient(circle at 12px 38%,#fff6da 0,#f1d48a 2px,#c9a24e 5px,#8a6420 9px,#4a3410 12.5px,transparent 13px),
    radial-gradient(circle at calc(100% - 12px) 38%,#fff6da 0,#f1d48a 2px,#c9a24e 5px,#8a6420 9px,#4a3410 12.5px,transparent 13px),
    linear-gradient(90deg,transparent 24px,rgba(40,25,5,.55) 24px 25px,rgba(255,235,180,.55) 25px 26px,transparent 26px calc(100% - 26px),rgba(255,235,180,.55) calc(100% - 26px) calc(100% - 25px),rgba(40,25,5,.55) calc(100% - 25px) calc(100% - 24px),transparent calc(100% - 24px)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='24'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .9' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .17 0 0 0 0 .06 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E") 0 0/100% 100%,
    linear-gradient(180deg,rgba(255,250,230,0) 18%,rgba(255,250,230,.75) 27%,rgba(255,250,230,0) 38%),
    linear-gradient(180deg,#2f2008 0%,#6d4f1b 10%,#b48b3d 24%,#d8b56a 31%,#a98234 44%,#7c5b1f 62%,#9a7630 76%,#5a3f12 90%,#24180a 100%)!important;
  background-repeat:no-repeat!important;
  box-shadow:0 7px 9px -3px rgba(40,25,8,.45),0 2px 3px rgba(40,25,8,.35),inset 0 -2px 3px rgba(0,0,0,.25)!important}
.booklists .paper{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .37 0 0 0 0 .33 0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    linear-gradient(90deg,rgba(120,90,40,.10) 0%,transparent 7%,transparent 93%,rgba(120,90,40,.10) 100%),
    radial-gradient(130% 100% at 50% 40%,#fbf9f5 0%,#f1ece4 62%,#e2dbd0 100%)!important;
  box-shadow:inset 0 0 22px rgba(90,60,40,.14),0 14px 30px rgba(30,20,18,.20)!important}
.booklists .card .label{color:#8f1d24!important;border-bottom-color:rgba(143,29,36,.35)!important}
.booklists .card li::before{color:#a8333b!important}
.booklists .card li::before{color:#a7812f!important}.booklists .card .label{color:#8f1d24!important;border-bottom-color:rgba(167,129,47,.5)!important}
.booklists .card li::before{color:#a7812f!important}
.booklists .card .label{color:#8f1d24!important;border-bottom-color:rgba(167,129,47,.5)!important}

/* paper curls into the rods: soft shading at the top and bottom edge */
.booklists .paper{box-shadow:inset 0 16px 14px -12px rgba(60,40,15,.28),inset 0 -16px 14px -12px rgba(60,40,15,.28),inset 0 0 22px rgba(90,60,40,.12),0 16px 32px rgba(30,20,18,.22)!important}

/* bigger logo on the opening curtain */
.ic-logo,.ic-line{width:min(860px,88vw)}
.ic-inner{gap:28px}

/* mobile bar: call button in ivory so it stands out next to the red quote button */
@media (max-width:640px){.m-bar .m-call{background:#f6efe3;color:#1d1a19;border-color:#f6efe3}.m-bar .m-call .m-ico{color:#b3262e}.m-bar .m-call:active{background:#fff}}
.m-bar .m-ico{display:inline-flex;width:18px;height:18px}.m-bar .m-ico svg{width:100%;height:100%;fill:none;stroke:#b3262e;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* ===== final touches (Oct 13) ===== */
/* raised initial: the red Τ stands taller on the first line only */
.about-r p:first-child::first-letter{float:none;display:inline;font-size:2.35em;line-height:0;margin:0 .03em 0 0;vertical-align:baseline;color:var(--red);font-family:var(--serif);font-weight:600}
.about-r p:first-child{padding-top:.35em}
/* names in the founder paragraph */
.about-r strong{font-weight:700;color:var(--ink)}
.about-r strong.brand-av{color:var(--red)}

/* subject ribbon: liquid-gold lettering */
.mq-item{color:transparent!important;-webkit-text-stroke:0!important;
  background:linear-gradient(100deg,#8a6420 0%,#d6ae52 18%,#fff1c2 30%,#e8c46a 42%,#a7812f 58%,#f3d68a 74%,#b48b3d 88%,#8a6420 100%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:goldFlow 7s ease-in-out infinite alternate}
.mq-item:nth-child(4n+3){background:none;-webkit-text-stroke:1px rgba(232,196,106,.9)!important;animation:none}
.mq:hover .mq-item{color:transparent!important}
@keyframes goldFlow{from{background-position:0% 50%}to{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){.mq-item{animation:none}}

/* "How we work" on the home page: starts higher, larger and easier to read */
.babel+.band{padding-top:48px}
.babel+.band .steps li::before{width:68px;height:68px;font-size:26px}
.babel+.band .steps::before{top:33px}
.babel+.band .steps h3{font-size:clamp(22px,1.9vw,26px)}
.babel+.band .steps p{font-size:17px;line-height:1.6;max-width:30ch}
.babel+.band .step-go{font-size:15.5px}
@media (max-width:860px){.babel+.band .steps::before{left:33px}.babel+.band .steps li{padding-left:92px;min-height:68px}}

/* ribbon: every subject in the same liquid-gold style */
.mq-item:nth-child(n){-webkit-text-stroke:0!important;color:transparent!important;background:linear-gradient(100deg,#8a6420 0%,#d6ae52 18%,#fff1c2 30%,#e8c46a 42%,#a7812f 58%,#f3d68a 74%,#b48b3d 88%,#8a6420 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:goldFlow 7s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){.mq-item:nth-child(n){animation:none}}

/* about: first paragraph marked by a thin red rule instead of a large initial */
.about-r p:first-child{padding-top:0;border-left:3px solid var(--red);padding-left:18px}
.about-r p:first-child::first-letter{all:unset}

/* both about paragraphs carry the red rule */
.about-r p{border-left:3px solid var(--red);padding-left:18px}
/* inner-page process: vertical timeline, larger and readable in the prose column */
@media (min-width:861px){
.prose .steps{grid-template-columns:1fr;gap:34px;margin-top:8px}
.prose .steps::before{left:33px;right:auto;top:12px;bottom:12px;width:2px;height:auto;background:linear-gradient(180deg,var(--red),rgba(179,38,46,.25));transform-origin:center top;transform:scaleY(0)}
.prose .steps.drawn::before{transform:scaleY(1)}
.prose .steps li{padding:6px 0 0 96px;min-height:68px;gap:8px}
.prose .steps li::before{position:absolute;left:0;top:0;margin:0;width:68px;height:68px;font-size:26px}
.prose .steps h3{font-size:clamp(22px,1.9vw,26px)}
.prose .steps p{font-size:17px;line-height:1.65;max-width:60ch}
}
@media (prefers-reduced-motion:reduce){.prose .steps::before{transform:none}}
/* no hyphenated word breaks anywhere; words move whole to the next line */
html,body,body *{hyphens:manual!important;-webkit-hyphens:manual!important}
.about-r p,.prose>div>p,.prose>p,.faq-a p{text-wrap:wrap}
.about-r p{font-size:clamp(16px,1.2vw,17.5px);line-height:1.75;word-spacing:-.02em}
/* hero books: "Best Seller" on its own line, larger, typed like a keyboard */
.hb-more{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:10px;text-align:center}
.hb-more:hover{text-decoration:none}
.hb-best{font-family:var(--serif);font-weight:600;font-size:clamp(24px,2.1vw,30px);line-height:1.1;color:var(--red);letter-spacing:.01em;min-height:1.15em}
.hb-best .tw{display:inline-block;white-space:pre}
.hb-best .tw.typing::after{content:"";display:inline-block;width:2px;height:.95em;margin-left:3px;vertical-align:-.08em;background:var(--red);animation:twBlink .9s steps(1) infinite}
@keyframes twBlink{50%{opacity:0}}
.hb-sub{font-size:14.5px;font-weight:600;color:var(--red)}
.hb-more:hover .hb-sub{text-decoration:underline;text-underline-offset:4px}
/* "Best Sellers": liquid gold, letters rise in, then a slow flow with a periodic shine */
.hb-best{font-size:clamp(28px,2.5vw,36px);letter-spacing:.02em}
.hb-best .gl{display:inline-block;position:relative}
.hb-best .gl i{font-style:normal;display:inline-block;color:transparent;
  background:linear-gradient(100deg,#7a5418 0%,#c99a3e 16%,#fff3c8 28%,#e6bf62 40%,#9c7428 56%,#f4d98c 72%,#b1873a 86%,#7a5418 100%);
  background-size:1100% 100%;background-position:calc(var(--i) * 9%) 50%;-webkit-background-clip:text;background-clip:text;
  opacity:0;transform:translateY(.55em) scale(.9);filter:blur(6px);
  transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1),filter .7s ease;transition-delay:calc(var(--i) * 70ms);
  animation:bsFlow 6s ease-in-out infinite alternate}
.hb-best.in .gl i{opacity:1;transform:none;filter:none}
@keyframes bsFlow{from{background-position:calc(var(--i) * 9%) 50%}to{background-position:calc(var(--i) * 9% + 60%) 50%}}
.hb-best .gl::after{content:"";position:absolute;inset:-10% -4%;pointer-events:none;mix-blend-mode:overlay;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.9) 50%,transparent 65%);background-size:250% 100%;background-position:150% 0;
  -webkit-mask:linear-gradient(#000 0 0);opacity:0;animation:bsShine 5.5s ease-in-out 1.6s infinite}
@keyframes bsShine{0%{background-position:150% 0;opacity:1}35%{background-position:-50% 0;opacity:1}36%,100%{opacity:0}}
.hb-best{filter:drop-shadow(0 1px 0 rgba(90,60,10,.25))}
@media (prefers-reduced-motion:reduce){.hb-best .gl i{opacity:1;transform:none;filter:none;transition:none;animation:none}.hb-best .gl::after{display:none}}
/* Best Sellers v2: no sweeping white line, richer/darker gold, larger text */
.hb-best .gl::after{display:none!important}
.hb-best{font-size:clamp(34px,3.1vw,46px);filter:drop-shadow(0 1px 0 rgba(70,45,5,.35)) drop-shadow(0 2px 6px rgba(120,80,10,.18))}
.hb-best .gl i{background:linear-gradient(100deg,#6e4a0e 0%,#b8860b 14%,#e2b13c 26%,#f0c75a 34%,#c9971f 46%,#8a5f10 58%,#d4a32c 72%,#a87a14 86%,#6e4a0e 100%);
  background-size:1100% 100%;-webkit-background-clip:text;background-clip:text}
.hb-sub{font-size:clamp(16px,1.25vw,18px)}
.hb-more{gap:8px}
.hb-sub{text-wrap:balance;max-width:34ch;line-height:1.45}
/* header wordmark in the same red as the AV mark */
.site-head .logo-svg>g:last-of-type,.site-head .logo-svg>g:last-of-type *{fill:#b3262e}
/* footer signature: AV mark + "Ad Verbum" in the brand red */
.foot-mark{display:flex;align-items:center;justify-content:center;gap:.12em;background:none!important;-webkit-text-fill-color:initial}
.foot-mark .fm-txt{background:linear-gradient(180deg,#d63a43 0%,#b3262e 55%,#9e1f27 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:0 .06em .06em 0}
.foot-mark .fm-sym{height:.8em;width:auto;flex:none;margin-bottom:-.02em}
.foot-mark{font-size:clamp(46px,10.5vw,158px)}
/* quote form: honeypot hidden, success message */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-msg.is-ok{color:#1f6b3a;background:#e4efe6;border-left:3px solid #2e8b57;padding:12px 14px;border-radius:6px}
/* footer signature v3: one liquid SVG; its light sweep runs on the same 10 s clock as the logos */
.foot-mark{display:block!important;font-size:0!important;line-height:0!important}
.foot-mark .fm{display:block;width:min(100%,1000px);height:auto;margin:0 auto;overflow:visible}
.fm-sweep{animation:fmSweep 10s ease-in-out 1.5s infinite}
@keyframes fmSweep{0%{transform:skewX(-14deg) translateX(0)}18%{transform:skewX(-14deg) translateX(1650px)}100%{transform:skewX(-14deg) translateX(1650px)}}
@media (prefers-reduced-motion:reduce){.fm-sweep{animation:none;display:none}}
/* no extra shine on hover: every logo keeps the same rhythm */
.site-head .logo:hover::after,.site-foot .logo:hover::after{animation:logoShine 10s ease-in-out 1.5s infinite}