@font-face{font-family:Manrope;src:url("assets/fonts/manrope-variable.woff2") format("woff2");font-weight:200 800;font-display:swap}
:root{--dark:#1c1209;--card:#2d1d10;--light:#f1e8dc;--light-card:#ede1d2;--accent:#a65331;--gold:#bd7a3e;--ink:#21160e;--cream:#f3e9dc}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--dark)}
body{width:min(100%,809px);margin:0 auto;color:var(--ink);background:var(--light);font-family:Manrope,Arial,sans-serif;font-size:10px;overflow-x:hidden}
button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}
h1,h2,h3,p{margin-top:0}.light-section{background:var(--light)}.dark-section{background:var(--dark);color:var(--cream)}
.hero{height:498px;position:relative;color:#f5eee5;background:#170d05 url("assets/hero-dark.png") center top/100% 498px no-repeat;overflow:hidden}
.site-header{position:absolute;top:0;left:0;right:0;height:68px;display:flex;align-items:flex-start;padding-top:23px;z-index:5}
.nav{display:flex;gap:34px;margin-left:211px}.nav a{font-size:10px;color:#f6eee5;white-space:nowrap;transition:.2s}.nav a:hover{color:#cf8a51}
.hours{position:absolute;right:45px;top:20px;display:flex;gap:10px;align-items:center;color:#fff}.hours .clock{width:30px;height:30px;border-radius:50%;background:#593820;display:grid;place-items:center;font-size:17px;color:#d6a46f}.hours b,.hours small{display:block;line-height:1.25}.hours b{font-size:11px;font-weight:500}.hours small{font-size:9px;color:#d9d0c8}
.menu-toggle{display:none}
.hero-copy{position:absolute;left:46px;top:94px;width:370px}.eyebrow{display:inline-block;margin:0 0 13px;padding:4px 13px;border-radius:14px;background:rgba(117,72,39,.6);font-size:10px;letter-spacing:1.4px;color:#e7d6c5}.hero h1{margin:0;font:400 37px/.95 Georgia,"Times New Roman",serif;letter-spacing:-.6px}.hero h1 em{font-style:normal;color:#c06839}.hero-text{font:400 10px/1.5 Georgia,"Times New Roman",serif;margin:13px 0 29px;color:#f5eee7}.hero-actions{display:flex;gap:9px}.button{min-height:38px;padding:0 24px;border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s,filter .18s;background:none}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button-primary{background:linear-gradient(110deg,#ac5937,#9e4b2b);color:#fff}.button-outline{border-color:#79512f;color:#eee3d8;background:rgba(25,15,7,.3)}
.hero-trust{position:absolute;left:46px;bottom:55px;width:334px;height:68px;background:rgba(62,39,21,.72);border-radius:11px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:9px 10px;color:#f2e8dd}.hero-trust article{display:flex;align-items:center;gap:7px;min-width:0}.trust-icon{font-size:22px;color:#c68a45}.hero-trust b,.hero-trust small{display:block;line-height:1.2}.hero-trust b{font:400 9px/1.25 Georgia,serif}.hero-trust small{font-size:7px;color:#d8c7b6;margin-top:4px}
.section-title{height:41px;margin:0;display:flex;align-items:center;justify-content:center;gap:16px;font:400 22px/1 Georgia,"Times New Roman",serif}.section-title>span:first-child,.section-title>span:last-child{display:block;width:23px;height:1px;background:#9c744e}.dark-title{color:#25180f}.light-title{color:#f5eee5}.light-title>span:first-child,.light-title>span:last-child{width:29px;background:#9c6b39}
.benefits{height:234px;padding-top:18px}.benefits .section-title{margin-bottom:11px}.benefit-grid{display:grid;grid-template-columns:229px 235px 234px;gap:10px;margin-left:43px}.benefit-grid article{height:133px;border:1px solid #cabaa6;border-radius:14px;background:rgba(238,226,211,.65);display:grid;grid-template-columns:100px 1fr;align-items:center;padding-right:13px;overflow:hidden}.benefit-grid img{width:100px;height:116px;object-fit:contain}.benefit-grid h3{font:400 12px/1.2 Georgia,serif;margin:0 0 7px}.benefit-grid p{font-size:8px;line-height:1.55;margin:0}
.menu-section{height:347px;padding-top:15px}.menu-section .section-title{margin-bottom:12px}.menu-grid{display:grid;grid-template-columns:166px 160px 170px 177px;gap:13px;margin-left:44px}.menu-card{height:215px;border:1px solid #765029;border-radius:11px;overflow:hidden;background:linear-gradient(145deg,#332112,#26170c)}.menu-card img{display:block;width:100%;height:127px;object-fit:cover}.menu-card>div{padding:10px 12px}.menu-card h3{font:400 12px/1.1 Georgia,serif;margin:0 0 4px}.menu-card p{height:29px;font-size:8.5px;line-height:1.3;color:#d7c8bb;margin:0}.menu-card b{font:400 12px/1 Georgia,serif;color:#e4a253}.menu-button{height:35px;min-height:35px;border-color:#7e562e;border-radius:6px;padding:0 20px;margin:12px auto 0;color:#dfae72;display:flex;width:max-content}
.atmosphere{height:233px;display:grid;grid-template-columns:274px 1fr}.atmosphere-copy{padding:24px 25px 0 49px;position:relative}.atmosphere-copy:after{content:"❧";position:absolute;right:6px;bottom:45px;color:#a59480;font-size:33px;opacity:.7}.atmosphere h2,.breakfast h2,.contacts h2{font:400 21px/1.15 Georgia,"Times New Roman",serif;margin:0 0 10px}.atmosphere p{font-size:9px;line-height:1.5;margin-bottom:8px}.small-button{height:34px;min-height:34px;background:linear-gradient(115deg,#92502e,#77391f);color:#fff;border-radius:7px;padding:0 16px}.atmosphere .small-button{margin-top:2px}
.gallery{display:grid;grid-template-columns:167px 143px 154px;gap:10px;padding-top:19px}.gallery img{width:100%;height:185px;object-fit:cover;border-radius:14px;border:2px solid #f7f0e8}
.breakfast{height:204px;border-top:1px solid #e1d6c9;display:grid;grid-template-columns:410px 1fr;overflow:hidden}.breakfast-art{height:204px}.breakfast-art img{width:400px;height:204px;object-fit:contain;object-position:left center}.breakfast-copy{padding:20px 62px 0 27px;position:relative}.breakfast-copy:after{content:"❧";position:absolute;right:55px;top:37px;color:#aa9a87;font-size:30px;opacity:.65}.breakfast-copy h2{font-size:22px;margin-bottom:12px}.breakfast-copy p{font-size:9px;line-height:1.55;margin:0 0 24px}
.reviews{height:230px;padding-top:9px}.reviews .section-title{margin-bottom:13px}.review-grid{display:grid;grid-template-columns:217px 218px 225px;gap:26px;margin-left:43px}.review-grid>article{height:140px;border:1px solid #644424;border-radius:13px;padding:10px 14px;background:linear-gradient(135deg,rgba(70,45,23,.72),rgba(45,28,14,.78))}.review-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.avatar{width:39px;height:39px;border-radius:50%;display:block;object-fit:cover;border:2px solid #8a6742}.review-head b,.review-head span{display:block}.review-head b{font:400 10px Georgia,serif;margin-bottom:4px}.review-head span{font-size:10px;letter-spacing:2px;color:#e5a34d}.review-grid p{font-size:8.5px;line-height:1.55;color:#d9cabd;margin:0}.review-dots{display:flex;justify-content:center;gap:10px;margin-top:9px}.review-dots span{width:7px;height:7px;border-radius:50%;background:#6b4a28}.review-dots .active{background:#efb66d}
.contacts{height:178px;display:grid;grid-template-columns:272px 249px 1fr;padding-top:13px}.contact-copy{padding-left:47px}.contact-copy h2{margin-bottom:10px}.contact-copy p{display:flex;align-items:center;gap:9px;font-size:8.5px;line-height:1.25;margin:0 0 5px}.contact-copy i{font-style:normal;width:19px;height:19px;border-radius:50%;background:#9c5432;color:#fff;display:grid;place-items:center}.socials{display:flex;gap:16px;margin:9px 0 0 31px}.socials a{width:18px;height:18px;border-radius:50%;background:#965031;color:#fff;display:grid;place-items:center;font-size:8px}.map-card{height:154px;border:1px solid #cfc0ae;border-radius:15px;overflow:hidden;background:#eadfce}.map-grid{height:128px;position:relative;background-color:#ece2d4;background-image:linear-gradient(31deg,transparent 46%,#d7c9b9 47% 49%,transparent 50%),linear-gradient(91deg,transparent 48%,#ded2c2 49% 51%,transparent 52%),linear-gradient(151deg,transparent 47%,#d9cbbb 48% 50%,transparent 51%);background-size:92px 70px,63px 63px,120px 85px}.map-grid:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(12deg,transparent 0 31px,rgba(255,255,255,.65) 32px 35px,transparent 36px 56px)}.map-pin{position:absolute;z-index:2;left:105px;top:53px;width:20px;height:27px;background:#93502e;color:#fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;font-size:7px}.map-pin::first-letter{transform:rotate(45deg)}.map-card p{text-align:center;font-size:8px;line-height:25px;margin:0}.order-card{height:154px;margin:0 52px 0 19px;border-radius:14px;color:#f5eee5;background:linear-gradient(130deg,#24170d,#160e07);position:relative;overflow:hidden;padding:18px 94px 10px 20px}.order-card:after{content:"";position:absolute;right:-20px;bottom:-22px;width:105px;height:80px;background:radial-gradient(ellipse,#6c7b37 0 14%,transparent 16%) 0 0/28px 18px;opacity:.45;transform:rotate(-20deg)}.order-card img{position:absolute;z-index:2;right:10px;top:35px;width:96px;height:102px;object-fit:contain}.order-card h3{font:400 14px/1.45 Georgia,serif;margin:0 0 6px}.order-card p{font-size:8px;line-height:1.55;margin:0 0 8px}.order-card .small-button{height:31px;min-height:31px;padding:0 15px;font-size:8px}
footer{height:19px;background:#1c1209;color:#d8c9bc;text-align:center;font-size:8px;line-height:19px}footer b{color:#d6814e}
.modal{position:fixed;z-index:100;inset:0;background:rgba(20,12,6,.75);display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-card{width:min(390px,100%);background:#f1e8dc;border-radius:16px;padding:28px;position:relative;box-shadow:0 25px 80px #0008}.modal-card h2{font:400 28px Georgia,serif;margin:0 0 7px}.modal-card label{display:block;margin:13px 0 5px;font-weight:700}.modal-card input{display:block;width:100%;height:43px;border:1px solid #bca891;border-radius:7px;padding:0 12px;background:#fff}.modal-card form>.button{width:100%;margin-top:16px}.modal-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px}.form-status{display:block;margin-top:10px}
.map-grid{background:#ece2d4 url("assets/map.jpg") center/cover no-repeat}.map-grid:after{display:none}
.benefits{height:233px}.benefits .section-title{margin-bottom:13px}.menu-section .section-title{margin-bottom:11px}
.hero h1 em{display:inline-block;transform:scaleX(.95);transform-origin:left top}.hero-text{margin-bottom:33px}
.dark-section{background:radial-gradient(circle at 50% 45%,#25180d 0,#1c1209 66%,#170e07 100%)}
.benefit-grid p{font-size:9px;line-height:1.45}.menu-card p{font-size:9px}.atmosphere p{font-size:9.5px}.review-grid p{font-size:9px;line-height:1.5}.contact-copy p{font-size:9px}
.map-card{width:230px}.order-card{margin-left:0}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:700px){
  body{width:100%;font-size:13px}.hero{height:700px;background-size:auto 498px;background-position:64% top;background-color:#1b1108}.site-header{height:62px;padding:14px 16px;align-items:center}.menu-toggle{display:block;color:#fff;border:1px solid #8f633d;border-radius:7px;background:#2d1d10;font-size:20px;margin-left:auto}.nav{display:none}.site-header.open .nav{display:flex;position:absolute;top:57px;left:14px;right:14px;margin:0;padding:18px;gap:16px;flex-direction:column;background:#24170d;border:1px solid #684724;border-radius:12px}.nav a{font-size:14px}.hours{left:16px;right:auto;top:15px}.hero-copy{left:20px;right:20px;top:355px;width:auto}.hero h1{font-size:39px}.hero-text br{display:none}.hero-text{font:11px/1.5 Manrope,Arial,sans-serif;margin-bottom:18px}.hero-trust{left:16px;right:16px;bottom:13px;width:auto;height:85px}.benefits,.menu-section,.atmosphere,.breakfast,.reviews,.contacts{height:auto}.benefits{padding:35px 16px}.section-title{font-size:23px}.benefit-grid,.menu-grid,.review-grid{margin:15px 0 0;grid-template-columns:1fr}.benefit-grid article{width:100%;height:126px;grid-template-columns:120px 1fr}.benefit-grid img{width:112px}.benefit-grid h3{font-size:16px}.benefit-grid p{font-size:11px}.menu-section{padding:28px 16px 38px}.menu-grid{gap:14px}.menu-card{height:auto}.menu-card img{height:auto;aspect-ratio:1.5/1}.menu-card h3{font-size:17px}.menu-card p{font-size:11px}.menu-card b{font-size:15px}.atmosphere{display:block;padding:34px 18px}.atmosphere-copy{padding:0}.atmosphere-copy:after{display:none}.atmosphere h2,.breakfast h2,.contacts h2{font-size:26px}.atmosphere p,.breakfast-copy p{font-size:12px}.gallery{grid-template-columns:repeat(3,1fr);padding-top:24px;gap:7px}.gallery img{height:150px}.breakfast{display:block;padding-bottom:35px}.breakfast-art{height:auto}.breakfast-art img{width:100%;height:auto}.breakfast-copy{padding:20px}.breakfast-copy:after{display:none}.reviews{padding:30px 16px}.review-grid{gap:12px}.review-grid>article{height:auto;min-height:148px}.review-head b{font-size:13px}.review-grid p{font-size:11px}.contacts{display:block;padding:32px 18px}.contact-copy{padding:0 0 24px}.contact-copy p{font-size:12px}.map-card{height:180px;margin-bottom:16px}.map-grid{height:150px}.map-pin{left:50%;top:62px}.map-card p{font-size:10px;line-height:29px}.order-card{height:180px;margin:0;padding:24px 125px 15px 22px}.order-card img{right:15px;top:42px;width:120px;height:125px}.order-card h3{font-size:19px}.order-card p{font-size:10px}footer{height:auto;min-height:34px;line-height:1.4;padding:9px 16px}
}

@media(min-width:701px){
  .light-section{background:#f0e8dc}
  .dark-section{background:#1c130a}
  .atmosphere{background:#f0e7dc}
  .breakfast{background:#ebddcd}
  .contacts{background:#f0e7dc}
  .menu-section{background-image:url("assets/background-menu.png");background-position:center top;background-size:809px 347px;background-repeat:no-repeat}
  .breakfast{background-image:url("assets/background-breakfast.png");background-position:center top;background-size:809px 204px;background-repeat:no-repeat}

  .hero-text{font-size:11px;line-height:1.36;margin-bottom:32px}
  .hero-text{font-size:10px;line-height:1.5}
  .hero h1{position:relative;top:2px}
  .hero-actions .button{width:131px;padding-left:0;padding-right:0}
  .hero-trust article{gap:3px}
  .hero-trust article:nth-child(2){transform:translateX(14px)}
  .hero-trust article:nth-child(3){transform:translateX(24px)}
  .trust-icon{display:block;flex:0 0 25px;width:25px;height:27px;color:transparent;font-size:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%}
  .hero-trust article:nth-child(1) .trust-icon{background-image:url("assets/trust-fresh.png")}
  .hero-trust article:nth-child(2) .trust-icon{background-image:url("assets/trust-beans.png")}
  .hero-trust article:nth-child(3) .trust-icon{flex-basis:27px;width:27px;background-image:url("assets/trust-barista.png")}
  .hero-trust b{font-size:9px;line-height:1.25}
  .hero-trust small{font-size:8px;line-height:1.25;margin-top:3px}
  .hero-trust article:nth-child(1) small{width:65px}
  .section-title{font-size:20px}
  .benefits .section-title{transform:translate(-7px,-2px) scale(1.015,1.05)}
  .menu-section .section-title{transform:translateX(-8px) scaleY(1.055)}
  .reviews .section-title{transform:translate(-4px,7px) scale(.985,.933)}
  .atmosphere h2{transform:translate(1px,-1px) scale(.88,.955);transform-origin:left top}
  .breakfast h2{transform:translateX(1px) scale(.886,.864);transform-origin:left top}
  .contacts h2{transform:scale(.882,.889);transform-origin:left top}

  .benefit-grid article{position:relative;grid-template-columns:108px 1fr;background:#ebddcd}
  .benefit-grid article>div{grid-column:2}
  .benefit-grid article:nth-child(1),.benefit-grid article:nth-child(3){grid-template-columns:107px 1fr}
  .benefit-grid article:nth-child(2){grid-template-columns:116px 1fr}
  .benefit-grid article:nth-child(1) img{position:absolute;left:5px;top:2px;width:102px;height:118px}
  .benefit-grid article:nth-child(2) img{position:absolute;left:-4px;top:5px;width:130px;height:112px}
  .benefit-grid article:nth-child(3) img{position:absolute;left:-2px;top:-2px;width:125px;height:126px}
  .benefit-grid p{font-size:8px;line-height:1.55}

  .menu-section{padding-top:15px}
  .menu-section .section-title{margin-bottom:12px}
  .menu-grid{grid-template-columns:166px 160px 170px 177px;margin-left:44px}
  .menu-card{position:relative;height:215px;background:#2e1e0f}
  .menu-card img{position:absolute;left:0;top:0;width:100%;height:127px;object-fit:fill}
  .menu-card>div{position:absolute;left:0;right:0;top:127px}
  .menu-button{width:143px;margin-left:320px;margin-right:0;padding-left:0;padding-right:0}

  .gallery img{object-fit:fill;border:0;border-radius:0}
  .atmosphere-copy:after{content:"";left:232px;right:auto;top:134px;bottom:auto;width:36px;height:62px;background:url("assets/ornament-atmosphere.png") center/100% 100% no-repeat;opacity:1}

  .breakfast-art{position:relative}
  .breakfast-art img{position:absolute;left:0;top:-1px;width:390px;height:204px}
  .breakfast-copy p{max-width:230px;position:relative;top:-5px}
  .breakfast-copy:after{content:"";left:232px;right:auto;top:31px;width:38px;height:42px;background:url("assets/ornament-breakfast.png") center/100% 100% no-repeat;opacity:1}
  .breakfast .small-button{width:102px;padding-left:0;padding-right:0}

  .review-head{gap:12px;margin-bottom:5px}
  .review-grid article:nth-child(2) .review-head{gap:13px}
  .review-grid article:nth-child(3) .review-head{gap:14px}
  .review-grid p{font-size:10px;line-height:1.55}
  .review-grid>article{background:#2e1f10}
  .avatar{position:relative;top:-2px;width:42px;height:42px;border:0;border-radius:0}
  .review-grid article:nth-child(3) .avatar{width:43px;height:43px}
  .map-grid{background-size:228px 126px;background-position:center top}
  .map-card>p{position:relative;top:-2px}
  .contact-copy h2{margin-bottom:9px}
  .contact-copy h2{position:relative}
  .contact-copy h2:after{content:"";position:absolute;left:160px;top:-3px;width:32px;height:32px;background:url("assets/ornament-contacts.png") center/100% 100% no-repeat}
  .contact-copy p:nth-of-type(1),.contact-copy p:nth-of-type(2){margin-bottom:9.5px}
  .contact-copy i{color:transparent;background-color:transparent;border-radius:0;background-position:center;background-size:19px 19px;background-repeat:no-repeat}
  .contact-copy p:nth-of-type(1) i{background-image:url("assets/contact-address.png")}
  .contact-copy p:nth-of-type(2) i{background-image:url("assets/contact-hours.png")}
  .contact-copy p:nth-of-type(3) i{background-image:url("assets/contact-phone.png")}
  .socials{margin-top:6px}
  .socials a{color:transparent;background-color:transparent;border-radius:0;background-position:center;background-size:18px 18px;background-repeat:no-repeat}
  .socials a:nth-child(1){background-image:url("assets/social-instagram.png")}
  .socials a:nth-child(2){background-image:url("assets/social-vk.png")}
  .socials a:nth-child(3){background-image:url("assets/social-telegram.png")}
  .order-card{margin-right:52px;margin-left:0;padding:19px 80px 10px 21px;background:#1c130a}
  .order-card:after{display:none}
  .order-card img{left:121px;right:auto;top:20px;width:108px;height:120px}
  .order-card h3{font-size:14px;transform:translateX(2px) scale(.842,.912);transform-origin:left top}
  .order-card p{width:98px}
  .order-card .small-button{width:70px;padding:0}
  h1,h2,h3,p,b,small,.review-head span,footer span{opacity:.85}
  footer{background:#1c130a}
}