/* demo55 "Palisade Register": an ivory serif magazine profile, tabs and a register with a cursor preview. */
.p-demo55 { --paper:#f5f1e8; --ink:#17140f; --soft:#5d564a; --ox:#7e1420; --rule:#17140f; --edge:clamp(16px,3vw,48px); background:var(--paper); }
.p-demo55 .main { padding:0; }
.p-demo55 .header { background:#17140f; }
.p-demo55 .header::before { display:none; }
.pa { color:var(--ink); font-family:Lato,system-ui,sans-serif; padding:0 var(--edge) clamp(60px,8vw,110px); }
.pa :where(*) { color:inherit; }
.pa :where(h1,h2,h3,p,figure,ol,ul,dl,dd,dt) { margin:0; padding:0; }
.pa img { display:block; width:100%; height:100%; object-fit:cover; }
.pa-mast { text-align:center; padding-top:16px; }
.pa-mast__top { display:flex; justify-content:space-between; gap:12px; font-size:13px; padding-bottom:10px; border-bottom:1px solid var(--rule); }
.pa-mast h1 { font:400 clamp(66px,19.5vw,370px)/1.02 "Bodoni Moda",serif; letter-spacing:-.025em; font-variation-settings:"opsz" 96; }
.pa-mast__line { font:italic 400 clamp(19px,2vw,28px)/1.2 "Bodoni Moda",serif; padding:8px 0 14px; }
.pa-bar { position:sticky; top:70px; z-index:20; display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; background:var(--paper); border-block:1px solid var(--rule); box-shadow:0 2px 0 var(--paper),0 3px 0 var(--rule); }
.pa-tabs { display:flex; gap:clamp(14px,3vw,40px); overflow-x:auto; }
.pa-tabs button { position:relative; min-height:50px; background:none; border:0; color:var(--ink); font:400 clamp(17px,1.5vw,21px) "Bodoni Moda",serif; cursor:pointer; white-space:nowrap; padding:0 2px; }
.pa-tabs button::after { content:""; position:absolute; left:0; right:0; bottom:8px; height:1px; background:var(--ox); transform:scaleX(0); transform-origin:left; transition:transform .3s; }
.pa-tabs button:hover::after,.pa-tabs [aria-selected=true]::after { transform:none; }
.pa-tabs [aria-selected=true] { color:var(--ox); font-style:italic; }
.pa-bar__r { display:flex; align-items:center; gap:14px; font-size:14px; }
.pa-bar__r button { min-height:36px; padding:0 18px; border:1px solid var(--ox); background:none; color:var(--ox); font:700 13px Lato,sans-serif; cursor:pointer; }
.pa-bar__r button:hover,.pa-bar__r [aria-pressed=true] { background:var(--ox); color:var(--paper); }
.pa-lead { display:grid; grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,3fr); gap:clamp(16px,3vw,44px); align-items:end; padding:clamp(24px,4vw,56px) 0; }
.pa-lead figure:first-child { aspect-ratio:4/5; }
.pa-lead figure:last-child { aspect-ratio:4/5; }
.pa-lead h2 { font:400 clamp(30px,3.4vw,56px)/1.06 "Bodoni Moda",serif; margin:10px 0 16px; }
.pa-lead div p:last-child { font-size:17px; line-height:1.55; color:var(--soft); }
.pa-num { font:italic 400 18px "Bodoni Moda",serif; color:var(--ox); }
.pa-panel[hidden] { display:none; }
.pa-reg { list-style:none; border-top:1px solid var(--rule); }
.pa-reg li { border-bottom:1px solid #17140f55; }
.pa-reg a { display:grid; grid-template-columns:70px minmax(0,5fr) minmax(0,4fr) 90px 90px; gap:14px; align-items:baseline; padding:16px 0; color:inherit; text-decoration:none; transition:padding .3s,color .2s; }
.pa-reg a:hover,.pa-reg a:focus-visible { padding-left:18px; color:var(--ox); }
.pa-reg__n { font:italic 400 20px "Bodoni Moda",serif; }
.pa-reg__t { font:400 clamp(28px,3.6vw,58px)/1.05 "Bodoni Moda",serif; }
.pa-reg__s,.pa-reg__c,.pa-reg__d { font-size:15px; }
.pa-peek { position:fixed; left:0; top:0; z-index:30; width:240px; aspect-ratio:4/5; pointer-events:none; opacity:0; transition:opacity .2s; overflow:hidden; box-shadow:0 20px 50px -20px #000a; }
.pa-peek.is-on { opacity:1; }
.pa-call { display:grid; grid-template-columns:70px minmax(0,4fr) minmax(0,4fr) minmax(0,2fr) auto; gap:18px; padding:24px 0; border-bottom:1px solid #17140f55; align-items:baseline; }
.pa-call:first-child { border-top:1px solid var(--rule); }
.pa-call h3 { font:400 clamp(26px,3vw,46px)/1.05 "Bodoni Moda",serif; }
.pa-call>p:nth-of-type(2) { font-size:16px; line-height:1.5; }
.pa-call dl { font-size:14px; display:grid; grid-template-columns:auto 1fr; gap:2px 10px; }
.pa-call dt { color:var(--soft); }
.pa-call a { color:var(--ox); font-weight:700; }
.pa-team { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(12px,2vw,28px); padding-top:10px; }
.pa-team a { color:inherit; text-decoration:none; display:grid; }
.pa-team img { aspect-ratio:4/5; filter:grayscale(1); transition:filter .4s; margin-bottom:10px; }
.pa-team a:hover img { filter:none; }
.pa-team span { font:italic 400 16px "Bodoni Moda",serif; color:var(--ox); }
.pa-team strong { font:400 clamp(22px,2.4vw,36px)/1.1 "Bodoni Moda",serif; }
.pa-about { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,1fr); gap:40px; padding-top:20px; }
.pa-drop { font:400 clamp(24px,2.6vw,40px)/1.28 "Bodoni Moda",serif; }
.pa-drop::first-letter { float:left; font-size:3.2em; line-height:.86; padding:.06em .08em 0 0; color:var(--ox); }
.pa-about ul { list-style:none; display:grid; gap:8px; align-content:start; }
.pa-about a { color:var(--ox); }
.pa :focus-visible { outline:2px solid var(--ox); outline-offset:3px; }
@media (max-width:860px) {
  .pa-lead { grid-template-columns:1fr 1fr; }
  .pa-lead>div { grid-column:1/-1; grid-row:1; }
  .pa-reg a { grid-template-columns:44px 1fr auto; }
  .pa-reg__s { grid-column:2/-1; }
  .pa-reg__c { display:none; }
  .pa-reg__d { grid-row:1; grid-column:3; }
  .pa-peek { display:none; }
  .pa-call { grid-template-columns:1fr; gap:8px; }
  .pa-about { grid-template-columns:1fr; }
  .pa-mast__top { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) { .pa-reg a,.pa-team img { transition:none; } }