:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}:root{--swiper-theme-color:var(--text);--swiper-pagination-color:var(--text);--swiper-pagination-bullet-inactive-color:var(--muted);--swiper-pagination-bullet-inactive-opacity:.35;--bg:#fcfaf6;--card:#fff;--text:#1f2937;--muted:#686868;--border:#f3f1ec}*{box-sizing:border-box}body{color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.appShell{flex-direction:column;min-height:100vh;display:flex}nav{grid-template-columns:1fr 60px 1fr;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:5px 50px;display:grid}header{z-index:100;background-color:#fcfaf6;position:sticky;top:0}nav ul{align-items:center;gap:20px;margin:0;padding:0;list-style:none;display:flex}nav ul li a{color:#686868;text-decoration:none}nav ul li a.active{color:#000;border-bottom:1.5px solid #000}.logo{justify-content:center;align-items:center;display:flex}.logo img{object-fit:cover;filter:brightness(0)saturate()invert(20%)sepia(7%)saturate(657%)hue-rotate(41deg)brightness(95%)contrast(87%);width:60px}.search{justify-content:end;align-items:center;gap:20px;display:flex}.cart{cursor:pointer;justify-content:center;align-items:center;display:flex}.cart img{object-fit:cover;height:40px}.search input{background-color:#f0f0f0;border:none;border-radius:10px;outline:none;width:200px;padding:10px;transition:width .3s}.search input:hover,.search input:focus{width:300px}.content{flex:1;width:100%;margin:0;padding:0}.page{width:min(980px,100%);margin:0 auto;padding:22px 20px 40px}.page h1{margin:0 0 10px}.page p{color:var(--muted);margin:0 0 18px;line-height:1.6}.page a{color:var(--text);text-underline-offset:2px;text-decoration:underline}.page a:hover{color:var(--muted)}.cardGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.card h2{margin:0 0 8px}.menuList{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.menuItem{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.menuItem h2{margin:0 0 8px}.hero{grid-template-columns:400px auto;align-items:center;gap:50px;max-width:1400px;height:80vh;margin:0 auto;padding:0 50px;display:grid}.hero-container{background-color:#fcfaf6}.hero-content{flex-direction:column;gap:10vh;display:flex}.hero-content h1{margin:0;font-family:Times New Roman,Times,serif;font-size:3em;font-weight:400}.hero-content p{margin:10px 0;font-size:1em;font-weight:300}.hero-image-icon{width:max-content;height:18vh}.hero-image{height:400px}.hero-image-container{justify-content:end;align-items:center;display:flex}.dottedlist{justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:50px auto;padding:5px 50px;display:flex}.dottedlist p{color:#4d4d38;margin:0;font-size:1.5em;font-weight:100;line-height:1.5}.dottedlist .dot{background-color:#4d4d38;border-radius:50%;width:10px;height:10px}.home-logo{justify-content:center;align-items:center;margin:50px auto;display:flex}.home-logo img{width:100%;max-width:300px}.home-itemlist{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1400px;margin:0 auto;padding:0 50px;display:grid}.home-items{cursor:pointer;border:1px solid #f3f1ec;border-radius:20px;flex-direction:column;justify-content:center;transition:border,box-shadow .5s cubic-bezier(.4,0,.2,1);display:flex}.home-items:hover{border:none;box-shadow:0 0 20px #0000001a}.home-item-image{aspect-ratio:1;object-fit:contain;width:100%}.home-item-title-price{flex-direction:column;gap:10px;padding:15px;display:flex}.rating{color:#686868;align-items:center;gap:5px;font-size:14px;display:flex}.coffee-container{background-image:linear-gradient(#0000007a,#0000007a),url(https://images.unsplash.com/photo-1496582490020-60c1344c64aa?q=80&w=1762&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:50px 0}.coffee{flex-direction:column;justify-content:space-between;max-width:1400px;height:50vh;margin:0 auto;padding:50px;display:flex}.coffee h1{color:#fcfaf6;margin:0;font-family:Times New Roman,Times,serif;font-size:4em;font-weight:100}.coffee p{color:#fcfaf6;max-width:50%;margin:0;font-size:1.2em;font-weight:100;line-height:1.5}.coffee img{height:100px}.about{grid-template-columns:1fr 1fr;align-items:center;gap:20px;max-width:1400px;margin:0 auto;padding:50px;display:grid}.about-header{justify-content:end;align-items:start;gap:10px;display:flex}.about-header h1{margin:0;font-family:Times New Roman,Times,serif;font-size:4em;font-weight:400}.about-header img{height:140px;margin-top:13px}.about-content p{color:#686868;text-align:right;margin:0;font-size:1.2em;font-weight:100;line-height:1.5}.about .shape-img{aspect-ratio:1.44;background-image:linear-gradient(#ffffffb0),url(https://hjcnewmedia.com/small-is-beautiful/assets/blob-header-full.png);background-position:50%;background-repeat:no-repeat;background-size:60%;justify-content:center;align-items:center;display:flex;transform:rotate(15deg)}.shape-img img{width:370px}footer{background-color:#fcfaf6;padding:10px 0 50px}.pattern-container{justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.patterngrid{flex-shrink:0;grid-template-rows:repeat(11,8px);grid-template-columns:repeat(45,7px);display:grid}.pgb{background-color:#181818}.footer-content{justify-content:space-between;gap:50px;max-width:1400px;margin:0 auto;padding:0 50px;display:flex}.footer-content-item{display:flex}.footer-content-item p{margin:5px 0;font-family:Bebas Neue,system-ui,sans-serif}.footer-content-item h2{font-family:Bebas Neue,system-ui,sans-serif}.footer-content-item a{color:#000;text-decoration:none}.footer-content-item-social{gap:10px;display:flex}.footer-content-item-social img{filter:invert();background-color:#fff;border-radius:50%;width:30px;padding:5px}.footer-social{justify-content:flex-end;align-items:flex-end;display:flex}.reviews-section{max-width:1400px;margin:50px auto 70px;padding:0 50px}.reviews-header{margin-bottom:18px}.reviews-header h2{margin:0;font-family:Times New Roman,Times,serif;font-size:2em;font-weight:400}.reviews-header p{color:var(--muted);margin:8px 0 0}.reviews-slider{padding:8px 4px 36px}.review-card{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:18px;flex-direction:column;gap:14px;height:100%;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 12px 25px #0000000a}.review-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px #00000014}.review-stars{align-items:center;gap:4px;display:flex}.review-stars img{width:14px;height:14px}.review-stars span{color:var(--text);margin-left:6px;font-weight:600}.review-card p{color:var(--muted);margin:0;line-height:1.55}.review-card h3{color:var(--text);margin:0;font-size:1rem;font-weight:600}.about-hero-container{background-color:var(--bg)}.about-hero{grid-template-columns:1fr auto;align-items:center;gap:50px;max-width:1400px;margin:0 auto;padding:60px 50px;display:grid}.about-hero-text h1{margin:0 0 20px;font-family:Times New Roman,Times,serif;font-size:3em;font-weight:400}.about-hero-text p{color:var(--muted);max-width:620px;margin:0 0 14px;font-size:1.15em;font-weight:300;line-height:1.7}.about-hero-emblem img{height:22vh;min-height:140px}.about-story{grid-template-columns:1fr 1fr;align-items:center;gap:50px;max-width:1400px;margin:0 auto;padding:60px 50px;display:grid}.about-story-reverse{direction:ltr}.about-story-image{justify-content:center;align-items:center;display:flex}.about-story-image img{object-fit:contain;max-width:100%;max-height:380px}.about-story-text h2{margin:0 0 18px;font-family:Times New Roman,Times,serif;font-size:2.2em;font-weight:400}.about-story-text p{color:var(--muted);margin:0 0 14px;font-size:1.1em;font-weight:300;line-height:1.7}.about-photo-band{background-image:linear-gradient(#00000085,#00000085),url(https://images.unsplash.com/photo-1517433367423-c7e5b0f35086?q=80&w=1760&auto=format&fit=crop);background-position:50%;background-size:cover;margin:30px 0}.about-photo-band-inner{flex-direction:column;gap:16px;max-width:1400px;margin:0 auto;padding:70px 50px;display:flex}.about-photo-band-inner h2{color:var(--bg);margin:0;font-family:Times New Roman,Times,serif;font-size:3em;font-weight:100}.about-photo-band-inner p{color:var(--bg);max-width:600px;margin:0;font-size:1.2em;font-weight:300;line-height:1.6}.about-team{background-color:var(--bg);padding:60px 0}.about-team-inner{text-align:center;max-width:1400px;margin:0 auto;padding:0 50px}.about-team-inner h2{margin:0 0 20px;font-family:Times New Roman,Times,serif;font-size:2.2em;font-weight:400}.about-team-inner p{color:var(--muted);max-width:720px;margin:0 auto 14px;font-size:1.1em;font-weight:300;line-height:1.7}.about-team-emblem{max-width:220px;margin:30px auto 0;display:block}@media (width<=860px){nav{grid-template-columns:1fr;gap:12px;padding:12px 20px}.logo,.search{justify-content:flex-start}.search input:hover,.search input:focus,.search input{width:100%}.hero{grid-template-columns:1fr;gap:20px;height:auto;padding:30px 20px}.hero-image{height:260px}.dottedlist{flex-wrap:wrap;padding:0 20px}.home-itemlist,.menuList,.cardGrid{grid-template-columns:1fr;padding:0 20px}.coffee{gap:30px;height:auto;padding:30px 20px}.coffee p{max-width:100%}.about{grid-template-columns:1fr;padding:30px 20px}.about-content p{text-align:left}.footer-content{flex-direction:column;gap:20px;padding:0 20px}.reviews-section{padding:0 20px}.about-hero{grid-template-columns:1fr;gap:30px;padding:40px 20px}.about-hero-text p{max-width:100%}.about-story{grid-template-columns:1fr;gap:30px;padding:40px 20px}.about-photo-band-inner{padding:40px 20px}.about-photo-band-inner p{max-width:100%}.about-team-inner{padding:0 20px}}