.oc-story{--black:#050505;--ink:#0c0c0b;--cream:#eee9df;--white:#f7f4ee;--muted:#a7a29a;--orange:#de5942;--sand:#c39873;--line:#2c2b28}.oc-story *{box-sizing:border-box}.oc-story{scroll-behavior:smooth}.oc-story{margin:0;background:var(--black);color:var(--white);font-family:"Exo 2",Arial,sans-serif;line-height:1.55}.oc-story a{color:inherit;text-decoration:none}.oc-story img{display:block;width:100%;height:100%;object-fit:cover}.oc-story .header{position:absolute;inset:0 0 auto;height:82px;padding:0 3.8vw;display:flex;align-items:center;gap:3.5vw;z-index:10;border-bottom:1px solid rgba(255,255,255,.11)}.oc-story .logo{font-size:18px;font-weight:600;letter-spacing:0}.oc-story .logo sup{font-size:8px;margin-left:2px}.oc-story .header nav{margin-left:auto;display:flex;gap:2.8vw}.oc-story .header nav a,.oc-story .menu-toggle{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.oc-story .header-btn{margin-left:1vw}.oc-story .menu-toggle{display:none;background:transparent;border:0;color:white}.oc-story .btn{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);padding:17px 27px;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.11em;transition:.25s}.oc-story .btn:hover{background:#f0674f;transform:translateY(-2px)}.oc-story .hero{height:100vh;height:100svh;min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden}.oc-story .hero-image{position:absolute;inset:0;object-position:60% 46%}.oc-story .hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,2,2,.88) 0%,rgba(2,2,2,.72) 28%,rgba(2,2,2,.16) 54%,rgba(2,2,2,.08) 100%),linear-gradient(0deg,rgba(0,0,0,.42),transparent 42%)}.oc-story .hero-copy{position:relative;width:min(670px,52vw);margin-left:3.8vw;padding-top:60px}.oc-story .kicker{color:var(--sand);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px}.oc-story .hero h1,.oc-story .opening h2,.oc-story .search h2,.oc-story .timeline h2,.oc-story .lounin h2,.oc-story .materials h2,.oc-story .rosovice h2,.oc-story .process h2,.oc-story .people h2,.oc-story .michelin h2{font-size:clamp(52px,6.3vw,96px);line-height:1.02;letter-spacing:-.01em;font-weight:900;margin:0}.oc-story .hero-lead{max-width:590px;color:#c9c5be;font-size:18px;margin:28px 0 35px}.oc-story .route{position:absolute;bottom:32px;right:4vw;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.oc-story .route span{color:var(--orange);padding:0 8px}.oc-story .light{background:var(--cream);color:var(--ink)}.oc-story .opening{padding:130px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.oc-story .chapter{display:block;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin-bottom:34px}.oc-story .opening h2,.oc-story .lounin h2,.oc-story .people h2{font-size:clamp(44px,5.2vw,78px)}.oc-story .lead{font-size:clamp(21px,2vw,29px);font-weight:600;line-height:1.35}.oc-story .opening-copy>p:last-child,.oc-story .lounin-copy>p:last-child,.oc-story .people-copy>p:last-child{max-width:630px}.oc-story .opening-photo{height:700px;margin:0;position:relative}.oc-story .opening-photo:after{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid #9d968a}.oc-story .opening-photo img{position:relative;z-index:1}.oc-story .opening-photo figcaption{position:relative;z-index:1;margin-top:12px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#6c6760}.oc-story .archive{padding:0 3vw 110px;background:var(--cream);color:var(--ink)}.oc-story .archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.oc-story .archive-grid figure{height:340px;margin:0}.oc-story .archive-grid figure:nth-child(even){margin-top:0}.oc-story .archive-caption{text-align:right;margin:35px 1vw 0;font-size:12px;text-transform:uppercase;letter-spacing:.11em}.oc-story .search{padding:130px 7vw}.oc-story .search-head{max-width:980px}.oc-story .search-head>p:last-child{max-width:690px;color:var(--muted);font-size:18px}.oc-story .ingredients{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:80px}.oc-story .ingredient{background:#111}.oc-story .ingredient img{height:380px}.oc-story .ingredient div{padding:30px}.oc-story .ingredient span,.oc-story .year b,.oc-story .material-row span,.oc-story .process-grid span{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.12em}.oc-story .ingredient h3,.oc-story .year h3,.oc-story .material-row h3,.oc-story .process-grid h3{font-size:24px;line-height:1.15;margin:12px 0}.oc-story .ingredient p,.oc-story .year p,.oc-story .material-row p,.oc-story .process-grid p{color:var(--muted);font-size:14px}.oc-story .quote-strip{height:760px;position:relative;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}.oc-story .quote-strip>img{position:absolute;inset:0;filter:grayscale(1);object-position:center 43%}.oc-story .quote-strip:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,rgba(0,0,0,.88) 72%,#000)}.oc-story blockquote{position:relative;z-index:1;width:50%;padding:7vw;font-size:clamp(27px,3vw,44px);line-height:1.25;font-weight:700;margin:0}.oc-story .timeline{padding:130px 7vw;background:#111}.oc-story .timeline-title{max-width:970px}.oc-story .years{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.oc-story .year{min-height:260px;padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.oc-story .year.accent{background:var(--orange)}.oc-story .year.accent b,.oc-story .year.accent p{color:#280d08}.oc-story .lounin{padding:130px 7vw}.oc-story .lounin-top{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;align-items:center}.oc-story .lounin-top figure{margin:0;height:700px}.oc-story .lounin-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:90px}.oc-story .lounin-gallery img{height:360px}.oc-story .lounin-gallery .tall{margin-top:0}.oc-story .materials{padding:130px 0;background:#171614}.oc-story .materials-head{padding:0 7vw;max-width:1000px}.oc-story .material-row{display:grid;grid-template-columns:58% 42%;align-items:center;margin-top:100px}.oc-story .material-row>img{height:720px}.oc-story .material-row>div{padding:7vw}.oc-story .material-row.ceramic{grid-template-columns:42% 58%;background:#0b0b0b}.oc-story .material-row.ceramic>img{order:2}.oc-story .material-row h3{font-size:clamp(36px,4vw,62px);margin-top:18px}.oc-story .material-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 12px 0}.oc-story .material-detail img{height:430px}.oc-story .rosovice{height:820px;position:relative;display:flex;align-items:center;overflow:hidden}.oc-story .rosovice-bg{position:absolute;inset:0}.oc-story .rosovice-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.93),rgba(0,0,0,.55) 55%,rgba(0,0,0,.2))}.oc-story .rosovice-copy{position:relative;padding:7vw;width:min(820px,62vw)}.oc-story .rosovice-copy p:last-child{font-size:19px;color:#ccc;max-width:650px}.oc-story .process{padding:130px 7vw}.oc-story .process-intro{max-width:1000px}.oc-story .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:80px}.oc-story .process-grid article{border-top:1px solid var(--line);padding-top:18px}.oc-story .process-grid img{height:390px;margin-bottom:24px}.oc-story .balsamico{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--cream);color:var(--ink);margin-top:120px}.oc-story .balsamico>img{height:720px}.oc-story .balsamico>div{padding:7vw}.oc-story .balsamico h2{font-size:clamp(40px,4.7vw,70px)}.oc-story .balsamico p:last-child{color:#58534c}.oc-story .people{padding:130px 7vw}.oc-story .people-copy{max-width:920px}.oc-story .people-pics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:75px}.oc-story .people-pics img{height:620px}.oc-story .michelin{text-align:center;padding:140px 7vw;background:var(--orange)}.oc-story .michelin .kicker{color:#35110b}.oc-story .michelin h2{max-width:1150px;margin:auto}.oc-story .michelin>p:not(.kicker){max-width:720px;margin:30px auto;color:#3a1712;font-size:18px}.oc-story .stars{font-size:32px;letter-spacing:.25em;margin-bottom:25px}.oc-story .restaurants{display:flex;justify-content:center;flex-wrap:wrap;margin:60px auto 45px;border-top:1px solid rgba(0,0,0,.25);max-width:1000px}.oc-story .restaurants span{flex:1;padding:25px 18px;border-right:1px solid rgba(0,0,0,.25);min-width:200px;font-weight:800}.oc-story .michelin .btn{background:#090909}.oc-story .michelin .btn:hover{background:#262626}.oc-story footer{padding:70px 4vw;display:grid;grid-template-columns:1fr 1.4fr 1fr auto;gap:5vw;border-top:1px solid var(--line)}.oc-story footer p,.oc-story footer a{font-size:13px;color:#aaa}.oc-story footer .logo{color:white;font-size:20px}.oc-story footer div{display:grid;gap:8px}.oc-story .up{text-transform:uppercase;letter-spacing:.1em;font-weight:800}.oc-story .reveal{opacity:1;transform:none}.oc-story.js-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s ease}.oc-story.js-ready .reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.oc-story .header{height:70px}.oc-story .header-btn{display:none}.oc-story .menu-toggle{display:block;margin-left:auto}.oc-story .header nav{display:none;position:absolute;top:70px;left:0;right:0;padding:25px 5vw;background:#070707;flex-direction:column}.oc-story .header nav.open{display:flex}.oc-story .hero{min-height:820px}.oc-story .hero-image{object-position:58% center}.oc-story .hero-overlay{background:linear-gradient(0deg,rgba(2,2,2,.82) 0%,rgba(2,2,2,.46) 45%,rgba(2,2,2,.08) 74%)}.oc-story .hero-copy{align-self:flex-end;width:auto;margin:0 5vw;padding:0 0 145px}.oc-story .hero h1{font-size:14vw}.oc-story .hero-lead{font-size:16px}.oc-story .route{left:5vw;right:auto}.oc-story .opening,.oc-story .lounin-top,.oc-story .material-row,.oc-story .material-row.ceramic,.oc-story .balsamico{grid-template-columns:1fr}.oc-story .opening,.oc-story .lounin,.oc-story .search,.oc-story .timeline,.oc-story .process,.oc-story .people{padding:85px 6vw}.oc-story .opening-photo,.oc-story .lounin-top figure{height:520px}.oc-story .archive-grid{grid-template-columns:1fr 1fr}.oc-story .archive-grid figure{height:270px}.oc-story .ingredients,.oc-story .years,.oc-story .process-grid{grid-template-columns:1fr}.oc-story .ingredient{display:grid;grid-template-columns:1fr 1fr}.oc-story .ingredient img{height:100%}.oc-story .quote-strip{height:650px}.oc-story .quote-strip:after{background:linear-gradient(0deg,#000 3%,rgba(0,0,0,.7) 64%,transparent)}.oc-story blockquote{width:100%;align-self:flex-end;padding:8vw 6vw}.oc-story .lounin-gallery{grid-template-columns:1fr 1fr}.oc-story .lounin-gallery img{height:300px}.oc-story .material-row>img{height:520px}.oc-story .material-row.ceramic>img{order:0}.oc-story .material-row>div{padding:70px 6vw}.oc-story .material-detail{grid-template-columns:1fr 1fr}.oc-story .material-detail img{height:340px}.oc-story .material-detail img:last-child{grid-column:1/-1}.oc-story .rosovice{height:760px}.oc-story .rosovice-copy{width:100%;padding:8vw 6vw}.oc-story .process-grid article{display:grid;grid-template-columns:170px 1fr;column-gap:25px}.oc-story .process-grid img{grid-row:1/5;height:230px}.oc-story .balsamico>img{height:520px}.oc-story .people-pics img{height:480px}.oc-story footer{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.oc-story .hero h1{font-size:14vw}.oc-story .opening h2,.oc-story .search h2,.oc-story .timeline h2,.oc-story .lounin h2,.oc-story .materials h2,.oc-story .rosovice h2,.oc-story .process h2,.oc-story .people h2,.oc-story .michelin h2{font-size:11vw}.oc-story .opening-photo{height:430px}.oc-story .archive-grid{grid-template-columns:1fr}.oc-story .archive-grid figure,.oc-story .archive-grid figure:nth-child(even){height:310px;margin:0}.oc-story .ingredient{display:block}.oc-story .ingredient img{height:320px}.oc-story .lounin-gallery{grid-template-columns:1fr}.oc-story .lounin-gallery .tall{margin-top:0}.oc-story .material-detail{grid-template-columns:1fr}.oc-story .material-detail img,.oc-story .material-detail img:last-child{grid-column:auto;height:360px}.oc-story .process-grid article{display:block}.oc-story .process-grid img{height:330px}.oc-story .people-pics{grid-template-columns:1fr}.oc-story .people-pics img{height:430px}.oc-story .restaurants{display:grid;grid-template-columns:1fr 1fr}.oc-story .restaurants span{min-width:0}.oc-story footer{grid-template-columns:1fr}}

/* Přenositelnost, čitelnost a ovládání */
.oc-story{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.oc-story .hero .kicker{display:inline-block;padding:7px 11px;margin-left:-11px;background:rgba(0,0,0,.72);color:#f2c49d;text-shadow:0 1px 2px #000}
.oc-story .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.oc-story .btn-secondary{background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.65)}
.oc-story .btn-secondary:hover{background:#fff;color:#090909}
.oc-story .process-grid article:nth-child(3) img{object-position:center 42%}
@supports not (height:100svh){.oc-story .hero{height:100vh}}
@media(prefers-reduced-motion:reduce){.oc-story{scroll-behavior:auto}.oc-story.js-ready .reveal,.oc-story.js-ready .reveal.visible{opacity:1;transform:none;transition:none}.oc-story .btn{transition:none}}
@media(max-width:520px){.oc-story .hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.oc-story .hero-actions .btn{padding-left:14px;padding-right:14px}.oc-story .hero .kicker{font-size:11px}}

/* Integrace pouze na stránce, kde existuje #oc-story */
.oc-story{width:100vw;max-width:none;margin-left:calc(50% - 50vw);overflow:hidden}
body.oc-story-page .content-inner{max-width:none;padding-left:0;padding-right:0}
body.oc-story-page .content-inner>h1,body.oc-story-page .breadcrumbs{display:none}
body.oc-story-page #content{padding-top:0;padding-bottom:0}

/* Ochrana proti typografickým stylům šablony Shoptetu */
#oc-story,#oc-story p,#oc-story a,#oc-story span,#oc-story b,#oc-story strong,#oc-story h1,#oc-story h2,#oc-story h3,#oc-story blockquote,#oc-story figcaption{font-family:"Exo 2",Arial,Helvetica,sans-serif!important;font-style:normal}
#oc-story .hero h1{color:#f7f4ee!important;font-size:clamp(52px,6.3vw,96px)!important;line-height:1.02!important;letter-spacing:-.01em!important;font-weight:900!important;text-transform:none!important;text-shadow:none!important}
#oc-story .hero .kicker{color:#f2c49d!important;font-size:13px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important}
#oc-story .hero-lead{color:#dedad3!important;font-size:18px!important;line-height:1.55!important;font-weight:400!important;letter-spacing:0!important}
#oc-story .hero-actions .btn{min-width:0!important;height:auto!important;padding:17px 27px!important;border-radius:0!important;background:#de5942!important;color:#fff!important;font-size:12px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.11em!important;text-transform:uppercase!important;text-decoration:none!important;box-shadow:none!important}
#oc-story .hero-actions .btn-secondary{background:rgba(0,0,0,.58)!important;border:1px solid rgba(255,255,255,.65)!important;color:#fff!important}
#oc-story h2{font-weight:900!important;line-height:1.02!important;letter-spacing:-.01em!important;text-transform:none!important}
#oc-story h3{font-weight:700!important;letter-spacing:0!important;text-transform:none!important}
#oc-story p{letter-spacing:0}
@media(max-width:850px){#oc-story .hero h1{font-size:14vw!important}#oc-story .hero-lead{font-size:16px!important}}
@media(max-width:520px){#oc-story .hero h1{font-size:14vw!important}#oc-story .hero .kicker{font-size:11px!important}#oc-story .hero-actions .btn{padding:17px 12px!important}}