/* Café de Intervalo: a small house newspaper in cream, coffee and caramel, with one printed spot colour. */
@font-face{font-family:Sv24Didone;src:url('/assets/bodoni-moda.ttf') format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:Sv24Text;src:url('/assets/inter.ttf') format('truetype');font-display:swap}
.sv24-cafe{--bg:#f3e9d8;--panel:#f8f0e2;--ink:#2a1c13;--soft:#5d4a3b;--caramel:#b9772f;--rule:#2a1c13;background:var(--bg);color:var(--ink);font:17px/1.55 Sv24Text,Arial,sans-serif;overflow:clip}
.sv24-cafe *{box-sizing:border-box}
.sv24-cafe h1,.sv24-cafe h2,.sv24-cafe h3,.sv24-cafe p,.sv24-cafe ul{margin:0;padding:0}
.sv24-cafe ul{list-style:none}
:where(.sv24-cafe) img{display:block;max-width:100%}
.sv24-cafe [hidden]{display:none!important}
.sv24-cafe :is(a,button,input,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sv24-cafe h1,.sv24-cafe h2,.sv24-cafe h3,.ci-brand,.ci-plate strong,.ci-footer strong{font-family:Sv24Didone,'Bodoni 72',Georgia,serif;font-weight:700;font-variation-settings:'opsz' 60;letter-spacing:-.015em;line-height:1}
.sv24-cafe h3,.ci-brand{font-variation-settings:'opsz' 18}
.ci-plate strong,.ci-footer strong,.sv24-cafe h1{font-variation-settings:'opsz' 96;font-weight:800}
.ci-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(16px,3.4vw,52px);background:#f3e9d8e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px var(--rule)}
.ci-brand{font-size:22px;min-width:0}
.ci-nav nav{display:flex;align-items:center;gap:clamp(12px,2.2vw,30px);font-size:15px;white-space:nowrap}
.ci-nav nav a{padding:8px 0}
.ci-nav nav a:hover{color:var(--accent-text)}
.ci-nav-cta{color:var(--accent-text);font-weight:600}
.ci-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:12px 24px;background:var(--accent);color:var(--on-accent);font-weight:600;transition:transform .16s}
.ci-button:hover{transform:translateY(-2px)}
.ci-button.is-quiet{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.ci-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.ci-front{padding:clamp(14px,2.2vh,24px) clamp(16px,3.4vw,52px) 0}
.ci-plate strong,.ci-footer strong{display:block;font-size:min(calc((100vw - 2*clamp(16px,3.4vw,52px))/(var(--chars,12)*.52)),260px);line-height:.94;letter-spacing:-.025em;text-align:center;white-space:nowrap}
.ci-plate,.ci-footer-name{overflow:hidden}
.ci-edition{display:flex;justify-content:space-between;gap:16px;padding:8px 0;margin-top:clamp(12px,1.6vh,16px);box-shadow:0 -3px var(--rule),0 -5px var(--bg),0 -6px var(--rule),0 1px var(--rule);font-size:14px;font-weight:500}
.ci-page{position:relative;display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,3.2fr) minmax(170px,1.1fr);gap:clamp(18px,3vw,48px);padding:clamp(20px,3.4vh,38px) 0 clamp(26px,4vh,44px);min-height:clamp(420px,calc(100vh - 340px),760px)}
.ci-index h2{font-size:24px;margin-bottom:10px}
.ci-index a{display:flex;justify-content:space-between;gap:8px;padding:11px 0;box-shadow:0 1px #2a1c1340;font-size:15px;font-weight:500}
.ci-index a:hover{color:var(--accent-text)}
.ci-headline{position:relative;z-index:3;text-align:center;padding-top:clamp(0px,1vh,10px)}
.ci-headline h1{font-size:clamp(44px,5.9vw,104px);line-height:.98;max-width:11.4em;margin:0 auto}
.ci-headline p{margin:clamp(12px,2vh,20px) auto clamp(14px,2.2vh,24px);max-width:27em;font-size:clamp(17px,1.35vw,20px)}
.ci-column{columns:1;font-size:15px;line-height:1.55;padding-left:clamp(0px,1.4vw,20px);box-shadow:-1px 0 #2a1c1340}
.ci-column p:first-letter{font:700 58px/.8 Sv24Didone,Georgia,serif;float:left;padding:4px 7px 0 0;color:var(--accent-text)}
.ci-cutouts img{position:absolute;height:auto;z-index:2;filter:drop-shadow(0 18px 18px #3a24125e)}
.ci-cup{left:50%;bottom:-16px;width:clamp(230px,23vw,400px);margin-left:calc(clamp(230px,23vw,400px)/-2);transition:translate .4s ease-out,rotate .4s ease-out;z-index:4!important}
.ci-cutouts .ci-cup:not([src*='/site-v24/']){aspect-ratio:4/3;object-fit:cover;filter:none;box-shadow:0 20px 34px #3a241257}
.ci-slice{left:calc(22% - 12px);bottom:3%;width:clamp(120px,11.5vw,196px)}
.ci-espresso{right:calc(22% - 14px);bottom:0;width:clamp(120px,11.5vw,190px)}
.ci-cake{right:-1%;top:58%;width:clamp(130px,14vw,240px)}
.ci-arrive .ci-cutouts img{animation:ciSettle .85s cubic-bezier(.2,.8,.25,1) both}
.ci-arrive .ci-slice{animation-delay:.08s!important}.ci-arrive .ci-espresso{animation-delay:.16s!important}.ci-arrive .ci-cake{animation-delay:.24s!important}
@keyframes ciSettle{from{opacity:0;transform:translateY(34px) rotate(5deg)}to{opacity:1;transform:none}}
.ci-menu{background:var(--panel);padding:clamp(60px,10vh,130px) clamp(16px,3.4vw,52px);box-shadow:0 -1px var(--rule)}
.ci-menu.is-empty h2{font-size:clamp(40px,5vw,76px);margin-bottom:10px}
.ci-menu-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:clamp(20px,4vh,40px)}
.ci-menu-head h2{font-size:clamp(50px,7.2vw,124px)}
.ci-tabs{position:relative;display:flex;gap:2px;flex-wrap:wrap}
.ci-tabs button{position:relative;z-index:1;min-height:46px;padding:9px 16px;font-size:15px;font-weight:600;transition:color .2s}
.ci-tabs button[aria-pressed=true]{color:var(--on-accent);background:var(--accent)}
.ci-indicator{position:absolute;left:0;top:0;height:46px;background:var(--accent);transition:transform .28s cubic-bezier(.2,.8,.25,1),width .28s}
.ci-menu-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:clamp(24px,4vw,70px);align-items:start}
.ci-list{columns:1}
.ci-list li{box-shadow:0 1px #2a1c1333}
.ci-list button{display:grid;grid-template-columns:66px minmax(0,auto) minmax(14px,1fr) auto;column-gap:12px;align-items:baseline;width:100%;padding:12px 0;text-align:left;min-height:72px;transition:background .15s}
.ci-list button:hover{background:#2a1c130d}
.ci-list img,.ci-thumb-empty{grid-row:1/3;align-self:center;width:66px;height:66px;object-fit:cover;background:#e5d7c0}
.ci-name{font:700 clamp(22px,1.9vw,29px)/1.1 Sv24Didone,Georgia,serif;font-variation-settings:'opsz' 20}
.ci-list i{align-self:end;height:0;border-bottom:1.5px dotted #2a1c1380;margin-bottom:6px}
.ci-list b{font-weight:600;white-space:nowrap}
.ci-list small{grid-column:2/5;font-size:15px;line-height:1.4;color:var(--soft);margin-top:3px}
.ci-side{position:sticky;top:76px;margin:0;aspect-ratio:4/5;display:grid;place-items:center;background:#ead9bf;overflow:hidden}
.ci-side img{width:100%;height:100%;object-fit:cover}
.ci-side img[src*='/site-v24/']{object-fit:contain;padding:8%;filter:drop-shadow(0 16px 14px #3a24124f)}
.ci-empty{padding:18px 0}
.ci-features{padding:clamp(70px,11vh,150px) clamp(16px,3.4vw,52px)}
.ci-features>h2{font-size:clamp(50px,7.2vw,124px);margin-bottom:clamp(30px,6vh,70px);box-shadow:0 1px var(--rule);padding-bottom:16px}
.ci-feature{display:grid;gap:clamp(20px,4vw,70px);align-items:center;margin-bottom:clamp(50px,9vh,110px)}
.ci-feature-0{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
.ci-feature-1{grid-template-columns:minmax(0,4fr) minmax(0,5fr)}
.ci-feature-1 .ci-feature-photo{order:2}
.ci-feature-2{grid-template-columns:minmax(0,5fr) minmax(0,5fr);margin-left:clamp(0px,8vw,130px)}
.ci-feature-photo{overflow:hidden;background:#e5d7c0;height:min(78vh,720px);display:grid;place-items:center}
.ci-feature-photo img{width:100%;height:100%;object-fit:cover;will-change:transform}
.ci-feature-photo img[src*='/site-v24/']{object-fit:contain;padding:8%;max-width:min(100%,640px);max-height:600px}
.ci-feature h3{font-size:clamp(46px,5.6vw,96px);margin-bottom:14px}
.ci-feature-foot{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:16px;box-shadow:0 -1px #2a1c1340;padding-top:12px}
.ci-feature strong{font:700 30px/1 Sv24Text,Arial,sans-serif;letter-spacing:-.02em}
.ci-text{min-height:44px;font-weight:600;color:var(--accent-text);display:inline-flex;align-items:center;gap:7px}
.ci-text:hover{text-decoration:underline}
.ci-story{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2.2vw,34px);padding:clamp(60px,10vh,120px) clamp(16px,3.4vw,52px);background:var(--ink);color:var(--bg)}
.ci-story-lead{grid-column:1/9;height:min(84vh,780px);overflow:hidden}
.ci-story-lead img{width:100%;height:100%;object-fit:cover}
.ci-story-copy{grid-column:9/13;align-self:end}
.ci-story-copy h2{font-size:clamp(44px,4.8vw,84px);margin-bottom:22px}
.ci-story-copy h3,.ci-note h3{font-size:clamp(26px,2.3vw,36px);margin-bottom:8px}
.ci-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center}
.ci-note-0{grid-column:1/7}.ci-note-1{grid-column:7/13}
.ci-note img{width:100%;height:clamp(200px,28vh,300px);object-fit:cover}
.ci-visit{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(24px,6vw,100px);padding:clamp(70px,11vh,140px) clamp(16px,3.4vw,52px)}
.ci-visit h2{font-size:clamp(48px,6.4vw,110px);margin-bottom:26px}
.ci-visit p{margin-bottom:14px}
.ci-visit b{display:block;font-weight:600;color:var(--accent-text)}
.sv24-cafe .sv24-note{color:var(--soft)}
.sv24-cafe .sv24-form{display:grid;gap:12px;align-self:start}
.sv24-cafe .sv24-form h3{font-size:36px}
.sv24-cafe .sv24-form label{display:grid;gap:5px;font-size:14px;font-weight:500}
.sv24-cafe .sv24-form :is(input,textarea){width:100%;font:16px/1.4 Sv24Text,Arial,sans-serif;background:var(--panel);color:var(--ink);border:0;box-shadow:inset 0 0 0 1.5px var(--ink);padding:12px;min-height:46px}
.sv24-cafe .sv24-form button{min-height:50px;background:var(--ink);color:var(--bg);font-weight:600;padding:10px 18px}
.sv24-cafe .sv24-form button:disabled{opacity:.7;cursor:not-allowed}
.sv24-cafe .sv24-form p{font-size:13px;color:var(--soft)}
.ci-footer{padding:clamp(40px,7vh,80px) clamp(16px,3.4vw,52px) 26px;box-shadow:0 -3px var(--rule);text-align:center}
.ci-footer p{font:700 clamp(28px,3.4vw,54px)/1.05 Sv24Didone,Georgia,serif;margin-bottom:18px;color:var(--accent-text)}
.ci-footer div{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:20px;font-weight:500;font-size:15px}
.sv24-cafe.sv24-anim [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s cubic-bezier(.2,.75,.25,1)}
.sv24-cafe.sv24-anim [data-reveal].is-in{opacity:1;transform:none}
.sv24-cafe .sv24-detail{--panel:#f8f0e2;--ink:#2a1c13}
@media(max-width:1100px){.ci-headline h1{font-size:clamp(44px,7vw,84px)}.ci-page{grid-template-columns:minmax(0,1fr) minmax(170px,.42fr);min-height:0;padding-bottom:230px}.ci-index{display:none}.ci-cake{right:0;top:auto;bottom:6px}.ci-slice{left:0;bottom:2%}.ci-espresso{display:none}.ci-cup{left:44%}.ci-menu-body{grid-template-columns:minmax(0,1fr)}.ci-side{display:none}}
@media(max-width:760px){
 .sv24-cafe{font-size:16px}
 .ci-nav{padding:9px 16px}
 .ci-brand{font-size:19px;max-width:48%}
 .ci-nav nav{font-size:14px;gap:12px}
 .ci-nav nav a:nth-child(2){display:none}
 .ci-front{padding:12px 16px 0}
 .ci-edition{font-size:12px}
 .ci-page{display:block;padding:18px 0 0;min-height:0}
 .ci-headline{text-align:left}
 .ci-headline h1{font-size:clamp(42px,13.2vw,84px);margin:0}
 .ci-headline p{margin:14px 0 16px}
 .ci-column{display:none}
 .ci-cutouts{position:relative;height:66vw;margin-top:8px}
 .ci-cup{left:0;margin:0;bottom:2vw;width:60vw}
 .ci-slice{left:auto;right:0;bottom:24vw;width:31vw}
 .ci-cake{right:-2vw;bottom:0;top:auto;width:37vw}
 .ci-menu{padding:56px 16px}
 .ci-menu-head h2{font-size:clamp(46px,14vw,84px)}
 .ci-tabs{width:100%}
 .ci-tabs button{flex:1 1 auto;padding:9px 10px}
 .ci-list button{grid-template-columns:58px minmax(0,1fr) auto}
 .ci-list img,.ci-thumb-empty{width:58px;height:58px}
 .ci-list i{display:none}
 .ci-list small{grid-column:2/4}
 .ci-features{padding:56px 16px}
 .ci-features>h2{font-size:clamp(44px,13vw,84px)}
 .ci-feature{display:block;margin:0 0 44px}
 .ci-feature-photo{height:82vw;margin-bottom:14px}
 .ci-feature h3{font-size:clamp(40px,12vw,72px)}
 .ci-story{display:block;padding:50px 16px}
 .ci-story-lead{height:74vw;margin-bottom:20px}
 .ci-note{margin-top:24px}
 .ci-note img{height:38vw}
 .ci-visit{display:block;padding:56px 16px}
 .ci-visit h2{font-size:clamp(44px,13vw,84px)}
 .sv24-cafe .sv24-form{margin-top:26px}
}
@media(max-width:359px){.ci-brand{font-size:17px}.ci-tabs button{font-size:14px}.ci-list button{grid-template-columns:52px minmax(0,1fr)}.ci-list img,.ci-thumb-empty{width:52px;height:52px}.ci-list b{grid-column:2}.ci-list small{grid-column:2}}
@media(prefers-reduced-motion:reduce){.sv24-cafe *{animation:none!important;transition:none!important}}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ci-nav{background:#f3e9d8}}