@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&family=Montserrat:wght@400;500;600;700&display=swap');
:root{--ink:#1c1b18;--paper:#f3efe7;--white:#fffdf8;--accent:#9b5d42;--line:#c9c1b5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Montserrat',sans-serif}.wrap{width:min(1320px,92vw);margin:auto}header{position:sticky;top:0;z-index:20;background:rgba(243,239,231,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}nav{height:78px;display:flex;align-items:center;gap:28px}.logo{font-family:"Lora";font-size:28px;letter-spacing:.12em;margin-right:auto}.logo small{font:10px Montserrat;display:block;letter-spacing:.3em}.links{display:flex;gap:24px}.links a,a{color:inherit;text-decoration:none}.menu{display:none}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:43% 57%}.hero-copy{padding:9vw 6vw 6vw max(4vw,calc((100vw - 1320px)/2));display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.24em}.hero h1,.display{font-family:"Lora";font-weight:400;font-size:clamp(55px,7vw,120px);line-height:.88;margin:25px 0}.hero-media{background:url('../images/catering-01.webp') center/cover}.btn{display:inline-block;border:1px solid var(--ink);padding:15px 22px;margin:8px 8px 0 0;text-transform:uppercase;font-size:11px;letter-spacing:.15em}.btn.fill{background:var(--ink);color:var(--paper)}.ticker{overflow:hidden;border-block:1px solid var(--line);padding:18px 0;white-space:nowrap;font-family:"Lora";font-size:30px}.ticker span{margin-right:45px}.section{padding:110px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.section h2{font:400 clamp(42px,5vw,78px)/.98 "Lora";margin:20px 0 30px}.section p{line-height:1.8;max-width:650px}.photo{min-height:620px;background:center/cover}.photo.food{background-image:url('../images/catering-06.webp')}.services{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:80px 1fr 1fr 40px;padding:30px 0;border-bottom:1px solid var(--line);align-items:center}.service h3{font:42px "Lora";margin:0}.service:hover{padding-left:16px;transition:.25s}.dark{background:var(--ink);color:var(--paper)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#555}.step{background:var(--ink);padding:45px 28px;min-height:280px}.step b{font:52px "Lora";color:#a9a397}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--white);padding:12px}.card img{width:100%;height:380px;object-fit:cover}.card h3{font:34px "Lora";margin:18px 10px 5px}.card p{margin:5px 10px 20px}.pagehero{padding:110px 0 70px;border-bottom:1px solid var(--line)}.pagehero h1{font:400 clamp(65px,9vw,140px)/.9 "Lora";margin:20px 0}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:15px}.gallery img{width:100%;height:100%;object-fit:cover;min-height:330px}.gallery img:nth-child(1),.gallery img:nth-child(4){grid-column:span 7}.gallery img:nth-child(2),.gallery img:nth-child(3){grid-column:span 5}.config{display:grid;grid-template-columns:260px 1fr;gap:50px}.stepside div{padding:18px 0;border-bottom:1px solid var(--line)}.choice{border:1px solid var(--line);padding:20px;margin:10px 0;cursor:pointer}.choice.active{background:var(--ink);color:var(--paper)}input,select,textarea{width:100%;padding:15px;background:transparent;border:0;border-bottom:1px solid var(--line);font:inherit;margin-bottom:15px}footer{padding:70px 0 30px;background:#121210;color:#eee}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.foot .logo{font-size:42px}.small{font-size:12px;opacity:.7}.reveal{opacity:0;transform:translateY(25px);transition:.7s}.reveal.on{opacity:1;transform:none}@media(max-width:800px){.links{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 6vw}.hero-media{min-height:55vh}.grid2,.cards,.process,.config,.foot{grid-template-columns:1fr}.service{grid-template-columns:50px 1fr 30px}.service p{display:none}.photo{min-height:450px}.gallery img{grid-column:span 12!important}.section{padding:70px 0}}

/* Neprekinuta animirana traka na naslovnici */
.ticker{padding:18px 0;overflow:hidden}.ticker-track{display:flex;width:max-content;animation:gozba-marquee 32s linear infinite;will-change:transform}.ticker-group{display:flex;flex:none;align-items:center;white-space:nowrap}.ticker-group span{margin:0;padding-right:50px}@keyframes gozba-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}

.logo{display:flex;align-items:center}.logo img{display:block;height:auto;max-width:100%}header .logo{width:min(300px,32vw);min-width:180px}header .logo img{width:100%;max-height:58px;object-fit:contain}footer .footer-logo,footer .logo.footer-logo{width:min(340px,100%)}footer .footer-logo img,footer .logo.footer-logo img{width:100%;max-height:90px;object-fit:contain}footer .foot .footer-logo{margin-bottom:18px}@media(max-width:800px){header .logo{width:220px}header .logo img{max-height:46px}footer .footer-logo,footer .logo.footer-logo{width:240px}}
/* Logo: poravnanje s naslovom Okus. Prostor. Trenutak. */
header .wrap.nav,header nav.wrap{width:min(1320px,92vw);margin-inline:auto}
header .logo{display:flex;align-items:center;flex:0 0 auto;width:230px;min-width:0;margin-right:auto}
header .logo img{display:block;width:100%;height:auto;max-height:60px;object-fit:contain;object-position:left center}
footer .footer-logo img{object-position:left center}
@media(max-width:800px){header .logo{width:190px}header .logo img{max-height:52px}}

/* Bellevue 2026: suvremeni editorial serif + čitljiv sans serif */
:root{--font-display:'Lora', 'Arial', sans-serif;--font-body:'Montserrat', 'Arial', sans-serif}
body{font-family:var(--font-body);font-weight:400;letter-spacing:-.012em}
.hero h1,.display{font-family:var(--font-display);font-weight:300;font-size:clamp(56px,6.45vw,103px);line-height:1.04;letter-spacing:-.052em}
.section h2{font-family:var(--font-display);font-weight:300;font-size:clamp(40px,4.8vw,73px);line-height:1.1;letter-spacing:-.045em}
.pagehero h1{font-family:var(--font-display);font-weight:300;font-size:clamp(56px,7vw,112px);line-height:1.06;letter-spacing:-.05em}
.service h3,.card h3{font-family:var(--font-display);font-weight:400;letter-spacing:-.035em;line-height:1.18}
.step b{font-family:var(--font-display);font-weight:300}
.ticker{font-family:var(--font-display);font-weight:300;letter-spacing:-.02em}
.eyebrow,.links a,.btn{font-family:var(--font-body);font-weight:600;letter-spacing:.12em}
.links a{font-size:12px}
.section p,.hero-copy p,.pagehero p,.step p{font-family:var(--font-body);line-height:1.85}
/* Prostor oko kvačica u višerednim hrvatskim naslovima */
h1,h2,h3{overflow:visible;text-wrap:pretty}
@media(max-width:800px){.hero h1,.display{font-size:clamp(52px,12vw,81px);line-height:1.08}.pagehero h1{font-size:clamp(52px,11vw,90px)}}

/* Završna dorada: mekaniji serif, uravnoteženi dijakritici i ritam naslova */
:root{--font-display:'Lora',Georgia,serif;--font-body:'Montserrat',Arial,sans-serif}
.hero h1,.display{font-family:var(--font-display);font-weight:300;font-size:clamp(64px,7.4vw,116px);line-height:1.075;letter-spacing:-.037em;font-optical-sizing:auto}
.section h2{font-family:var(--font-display);font-weight:300;font-size:clamp(46px,5.4vw,82px);line-height:1.13;letter-spacing:-.03em}
.pagehero h1{font-family:var(--font-display);font-weight:300;font-size:clamp(58px,8.2vw,120px);line-height:1.11;letter-spacing:-.035em}
.service h3,.card h3{font-family:var(--font-display);font-weight:400;letter-spacing:-.025em}
.ticker{font-family:var(--font-display);font-weight:300;letter-spacing:-.01em}
.links a,.eyebrow,.btn{font-family:var(--font-body)}
@media(max-width:800px){.hero h1,.display{font-size:clamp(54px,12vw,88px);line-height:1.1}.pagehero h1{font-size:clamp(54px,11vw,94px)}}

/* Bellevue soft editorial: zaobljeni Fraunces serif, nježnije proporcije */
:root{--font-display:'Fraunces',Georgia,serif;--font-body:'Montserrat',Arial,sans-serif}
.hero h1,.display{font-family:var(--font-display);font-weight:300;font-size:clamp(50px,6.2vw,93px);line-height:1.19;letter-spacing:-.052em;font-optical-sizing:auto;margin-top:22px;margin-bottom:26px}
.section h2{font-family:var(--font-display);font-weight:300;font-size:clamp(40px,4.6vw,70px);line-height:1.2;letter-spacing:-.04em}
.pagehero h1{font-family:var(--font-display);font-weight:300;font-size:clamp(50px,6.8vw,104px);line-height:1.2;letter-spacing:-.04em}
.service h3,.card h3,.step b{font-family:var(--font-display);font-weight:400;letter-spacing:-.035em}
.ticker{font-family:var(--font-display);font-weight:300}
.hero-copy{padding-top:clamp(70px,8vw,135px);padding-bottom:clamp(65px,7vw,115px)}
.hero-copy .eyebrow{display:block;margin-bottom:10px}
@media(max-width:800px){
 .hero-copy{padding-top:85px;padding-bottom:65px}
 .hero h1,.display{font-size:clamp(48px,10vw,76px);line-height:1.2}
 .pagehero h1{font-size:clamp(46px,10vw,82px);line-height:1.2}
}

/* Bellevue: wide, softer serif with natural spacing */
:root{--font-display:'Lora',Georgia,serif;--font-body:'Montserrat',Arial,sans-serif}
.hero h1,.display{font-family:var(--font-display);font-weight:400;font-size:clamp(52px,5.7vw,90px);line-height:1.21;letter-spacing:-.018em;margin-top:22px;margin-bottom:26px;font-optical-sizing:auto}
.section h2{font-family:var(--font-display);font-weight:400;font-size:clamp(39px,4.35vw,67px);line-height:1.23;letter-spacing:-.015em}
.pagehero h1{font-family:var(--font-display);font-weight:400;font-size:clamp(50px,6.5vw,101px);line-height:1.23;letter-spacing:-.014em}
.service h3,.card h3,.step b{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em}
.ticker{font-family:var(--font-display);font-weight:400;letter-spacing:0}
@media(max-width:800px){.hero h1,.display{font-size:clamp(44px,9.2vw,70px);line-height:1.24}.pagehero h1{font-size:clamp(44px,9.5vw,78px);line-height:1.24}}

/* Bellevue unified typography / navigation / layout */
:root{--font-body:'Montserrat',Arial,sans-serif;--font-display:'Lora',Georgia,serif}
body{font-family:var(--font-body);letter-spacing:0;font-size:14px}
.eyebrow,.links a,.btn,.mobile-links a,.footer-caption,.form-note,.hero-bottom span,.summary-top,.category-tab{font-family:var(--font-body);font-weight:500;text-transform:uppercase;letter-spacing:.12em}
h1,h2,h3,.hero h1,.section h2,.pagehero h1,.service h3,.step h3,.menu-app h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.035em}
.hero h1{font-size:clamp(58px,6.3vw,100px);line-height:1.14;margin:24px 0 28px}
.section h2{font-size:clamp(37px,4.1vw,62px);line-height:1.22;letter-spacing:-.027em}
.pagehero h1{font-size:clamp(48px,6.4vw,90px);line-height:1.17;letter-spacing:-.035em}
.hero-copy{padding-top:80px;padding-bottom:80px}.hero-copy p{max-width:450px;font-size:15px;line-height:1.8;margin:0 0 24px}.hero-buttons{display:flex;flex-wrap:wrap;gap:10px}
header.site-head{background:rgba(243,239,231,.97)}header.site-head nav.wrap{height:88px;gap:22px}header.site-head .links{gap:clamp(10px,1.55vw,24px);align-items:center}
header.site-head .links a{font-size:10px;letter-spacing:.085em;white-space:nowrap}header.site-head .logo{width:185px;flex-shrink:0}header.site-head .logo img{max-height:65px}
.mobile-menu-toggle{display:none;border:0;background:transparent;color:var(--ink);font-size:26px;cursor:pointer;padding:9px;margin-left:auto}.mobile-links[hidden]{display:none!important}.mobile-links{background:var(--paper);padding:15px 4vw 24px;border-top:1px solid var(--line)}.mobile-links a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}
.eyebrow{font-size:10px;line-height:1.7}.ticker{font-family:var(--font-body);font-size:14px;letter-spacing:.23em}.ticker span{font-family:var(--font-body)}
.section{padding:95px 0}.service h3{font-size:clamp(27px,3vw,43px);letter-spacing:-.028em}.service p{font-size:13px}.step h3{font-size:20px;font-family:var(--font-display)}.step p{font-size:13px;line-height:1.7}.step{min-height:265px}
footer{background:#121210;color:#f8f4e9;padding:65px 0 28px}.foot{grid-template-columns:1.7fr 1.2fr auto;gap:6vw;align-items:start}.foot .footer-logo{width:min(310px,100%);margin:0}.foot .footer-logo img{max-height:105px}.footer-caption{font-size:10px;line-height:1.8;letter-spacing:.1em;margin:18px 0 0}.foot p{font-size:13px;line-height:2}.footer-cta{border-color:#f8f4e9;color:#f8f4e9}.footer-action{align-self:center}.footer-bottom{border-top:1px solid #484641;padding-top:20px;margin-top:45px}
.pagehero{padding:85px 0 70px}.compact-hero{padding:80px 0 44px}.event-section{scroll-margin-top:105px}.event-section:nth-child(odd){background:#ece6db}.event-copy p{font-size:15px;line-height:1.85;max-width:540px}.event-section .photo{min-height:460px}.offer-section{background:#e9e3d8}.offer-copy{text-align:right;max-width:750px;margin-right:max(4vw,calc((100vw - 1320px)/2));margin-left:auto}.offer-copy p{margin-left:auto;font-size:15px;line-height:1.85;max-width:560px}.offer-copy .btn{margin-top:20px}.about-copy{max-width:910px}.about-copy p{font-size:clamp(15px,1.55vw,19px);line-height:1.95;margin-bottom:30px}.hero-lead{font:400 clamp(23px,2.6vw,35px)/1.45 var(--font-display)}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:9vw}.contact-grid p{font-size:15px;line-height:2}.contact-form label{display:block;font-family:var(--font-body);font-size:11px;letter-spacing:.08em;line-height:1.8}.contact-form input,.contact-form textarea{display:block;background:rgba(255,255,255,.45);border:1px solid var(--line);margin:8px 0 23px;padding:16px;width:100%;font-size:14px;border-radius:0;letter-spacing:0;text-transform:none}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-note{font-size:10px;line-height:1.8;letter-spacing:0;text-transform:none}
.menu-app .menu-hero h1{font-size:clamp(48px,6vw,85px);line-height:1.18;margin:25px 0 45px;max-width:950px}.menu-app .menu-intro h2,.menu-app .catalog-heading h2{font-size:clamp(30px,3.6vw,52px);line-height:1.22}.menu-app .summary-panel h2{font-size:clamp(28px,3vw,42px)}
@media(max-width:1050px){header.site-head .links{display:none}.mobile-menu-toggle{display:block}.foot{grid-template-columns:1fr 1fr}.footer-action{grid-column:1/-1;justify-self:start}}
@media(max-width:800px){header.site-head nav.wrap{height:78px}header.site-head .logo{width:175px}.hero{display:flex;flex-direction:column}.hero-copy{padding:70px 6vw}.hero-media{min-height:42vh}.hero h1{font-size:clamp(55px,12vw,85px)}.section{padding:65px 0}.foot{grid-template-columns:1fr;gap:18px}.footer-action{grid-column:auto}.contact-grid{grid-template-columns:1fr;gap:36px}.contact-form-row{grid-template-columns:1fr}.event-section .photo{min-height:310px}.offer-copy{margin-right:auto}.process{grid-template-columns:1fr 1fr}.step{min-height:230px}}
@media(max-width:500px){.process{grid-template-columns:1fr}.step{min-height:160px}.hero-buttons .btn{margin-right:0}.pagehero h1{font-size:clamp(40px,11vw,60px)}}

/* Bellevue: glatka, neprekinuta traka – dvije identične polovice */
.ticker {overflow:hidden;white-space:nowrap;}
.ticker .ticker-track {display:flex;flex-wrap:nowrap;gap:0;width:max-content;max-width:none;animation:bellevue-infinite-ticker 70s linear infinite;will-change:transform;}
.ticker .ticker-group {display:flex;flex:0 0 auto;gap:0;white-space:nowrap;width:max-content;align-items:center;}
.ticker .ticker-group span {display:inline-flex;align-items:center;flex:0 0 auto;margin:0!important;padding:0!important;font-family:var(--font-body,'Montserrat',sans-serif);letter-spacing:.23em;}
.ticker .ticker-group span::after {content:'·';display:inline-block;margin:0 2.4rem;letter-spacing:0;}
@keyframes bellevue-infinite-ticker {from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:700px){.ticker .ticker-track{animation-duration:85s}.ticker .ticker-group span::after{margin:0 1.6rem}}
@media(prefers-reduced-motion:reduce){.ticker .ticker-track{animation:none}}

/* Autorske catering fotografije — prilagodljiv editorial raspored */
.gallery{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}
.gallery img{display:block;min-height:0;height:360px;grid-column:span 4;object-fit:cover;background:#e8e0d4}
.gallery img:nth-child(1),.gallery img:nth-child(6){grid-column:span 8;height:470px}
.gallery img:nth-child(2),.gallery img:nth-child(7){grid-column:span 4;height:470px}
.gallery img:nth-child(3),.gallery img:nth-child(4),.gallery img:nth-child(5),.gallery img:nth-child(8),.gallery img:nth-child(9){grid-column:span 4;height:360px}
@media(max-width:900px){.gallery img,.gallery img:nth-child(n){grid-column:span 6;height:330px}.gallery img:first-child{grid-column:span 12;height:440px}}
@media(max-width:600px){.gallery{gap:12px}.gallery img,.gallery img:nth-child(n){grid-column:span 12!important;height:280px}.gallery img:first-child{height:340px}}