:root{
  --black:#15100d; --brown:#3a2117; --cream:#f5f0e8; --sand:#e6d8c7;
  --rust:#a84020; --white:#fffdf9; --muted:#756b63; --line:rgba(21,16,13,.13);
  --sans:"DM Sans",Arial,sans-serif; --serif:"DM Serif Display",Georgia,serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--cream);color:var(--black);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.topline{height:27px;background:var(--rust);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;font-size:7px;letter-spacing:.24em;text-transform:uppercase}
.header{height:82px;position:absolute;top:27px;left:0;width:100%;z-index:10;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff}
.logo{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.18em}
.logo img{width:35px;height:35px;object-fit:cover;border-radius:50%;mix-blend-mode:screen}
.header nav{display:flex;align-items:center;gap:30px;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.outline-link{border:1px solid rgba(255,255,255,.5);padding:11px 15px}
.hamb{display:none;border:0;background:none;color:#fff}
.hero{height:92vh;min-height:690px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden;background:#24140d}
.hero-photo{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=2200&q=90") center/cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,8,6,.82),rgba(12,8,6,.35) 57%,rgba(12,8,6,.16))}
.hero-inner{position:relative;z-index:2;margin-left:10vw;width:650px;padding-top:55px}
.hero-kicker,.tiny{font-size:8px;letter-spacing:.28em;font-weight:700;text-transform:uppercase}
.hero h1{font-size:clamp(68px,8.7vw,128px);line-height:.84;letter-spacing:-.065em;margin:23px 0 28px}
.hero h1 em{font-family:var(--serif);font-weight:400}
.hero-inner>p{max-width:450px;font-size:13px;line-height:1.8;color:rgba(255,255,255,.74)}
.hero-buttons{display:flex;gap:10px;margin-top:31px}
.btn{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:0 20px;font-size:8px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transition:.25s}
.btn b{font-size:13px;font-weight:400}
.btn.light{background:var(--white);color:var(--black)}
.btn.glass{border:1px solid rgba(255,255,255,.5);color:#fff}
.btn.dark{background:var(--black);color:#fff}
.btn:hover{transform:translateY(-3px)}
.hero-side{position:absolute;right:5vw;bottom:62px;z-index:2;text-align:right;font-size:8px;letter-spacing:.18em;line-height:1.7}
.hero-side span{color:rgba(255,255,255,.55)}
.hero-scroll{position:absolute;bottom:30px;left:5vw;z-index:2;font-size:7px;letter-spacing:.2em;display:flex;gap:12px;align-items:center}
.hero-scroll span{width:28px;height:1px;background:#fff}
.marquee{height:46px;background:var(--black);color:#fff;overflow:hidden;display:flex;align-items:center;white-space:nowrap;font-size:10px;letter-spacing:.28em}
.marquee div{animation:move 25s linear infinite}
@keyframes move{to{transform:translateX(-50%)}}
.section{padding:115px 10vw}
.section-no{font-size:7px;color:var(--muted);letter-spacing:.25em;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:67px}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.intro-title h2,.coffee-heading h2,.gallery-top h2,.visit h2{font-size:clamp(56px,6.5vw,96px);line-height:.91;letter-spacing:-.065em;margin-top:18px}
h2 em{font-family:var(--serif);font-weight:400}
.intro-copy{padding-top:15px;max-width:520px}
.intro-copy .big{font-size:21px;line-height:1.45;margin-bottom:28px;letter-spacing:-.02em}
.intro-copy>p:not(.big){font-size:12px;line-height:1.9;color:var(--muted)}
.signature{margin-top:48px;padding-top:17px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.2em;font-weight:700}
.signature span{font-weight:400;color:var(--muted);margin-left:12px}
.coffee{background:#f7f2e9;position:relative;overflow:hidden}
.coffee-top{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;margin-bottom:58px}
.coffee-intro{padding-left:0}
.coffee-intro .section-no{margin-bottom:48px}
.coffee-intro h2{font-size:clamp(68px,7.2vw,108px);line-height:.86;letter-spacing:-.07em;margin-top:18px}
.coffee-intro h2 em{font-family:var(--serif);font-weight:400;color:var(--rust)}
.coffee-intro>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:430px;margin-top:28px}
.coffee-visual{position:relative;height:430px}
.coffee-hero-image{position:absolute;width:430px;height:430px;border-radius:50%;overflow:hidden;right:-65px;top:-50px}
.coffee-hero-image img{width:100%;height:100%;object-fit:cover}
.coffee-badge{position:absolute;z-index:2;left:22%;top:44%;width:135px;height:135px;border-radius:50%;background:var(--rust);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 18px 35px rgba(73,27,12,.18)}
.coffee-badge:before,.coffee-badge:after{content:"";width:24px;height:1px;background:rgba(255,255,255,.45);margin:8px 0}
.coffee-badge span{font-size:6px;letter-spacing:.23em}
.coffee-badge strong{font-size:9px;letter-spacing:.17em;line-height:1.5}
.coffee-menu{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);column-gap:52px;position:relative}
.coffee-menu:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--line)}
.coffee-menu article{min-width:0;display:grid;grid-template-columns:86px 1fr 42px;gap:20px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);transition:.25s}
.coffee-menu article:nth-last-child(-n+2){border-bottom:0}
.coffee-menu article:hover{transform:translateX(5px)}
.mini-coffee{width:86px;height:86px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 7px 20px rgba(30,15,7,.12)}
.mini-coffee img{width:100%;height:100%;object-fit:cover}
.coffee-info{min-width:0}
.coffee-name h3{font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:-.025em;margin-bottom:7px}
.coffee-name span{font-size:7px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.coffee-info>p{font-size:11px;line-height:1.55;color:var(--muted);margin-top:10px;max-width:240px}
.coffee-arrow{width:38px;height:38px;border:1px solid var(--rust);border-radius:50%;display:grid;place-items:center;color:var(--rust);font-size:18px;transition:.25s}
.coffee-arrow:hover{background:var(--rust);color:#fff}
.coffee-bottom{display:flex;justify-content:space-between;padding-top:16px;font-size:7px;letter-spacing:.22em;color:var(--muted)}
.feature{height:76vh;min-height:600px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}
.feature-photo{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1554118811-1e0d58224f24?auto=format&fit=crop&w=2200&q=90") center/cover}
.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,7,4,.75),rgba(12,7,4,.25))}
.feature-content{position:relative;z-index:2;margin-left:10vw;max-width:590px}
.feature h2{font-size:clamp(60px,7vw,102px);line-height:.88;letter-spacing:-.065em;margin:18px 0 25px}
.feature-content p{font-size:13px;line-height:1.8;color:rgba(255,255,255,.7);max-width:390px}
.under{display:inline-flex;gap:28px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.5);margin-top:30px;font-size:8px;letter-spacing:.2em;text-transform:uppercase}
.light-text{color:rgba(255,255,255,.7)}
.gallery{background:var(--white)}
.gallery-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}
.gallery-top>p{font-size:11px;color:var(--muted);line-height:1.8;max-width:250px}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);height:360px;gap:12px}
.gallery-grid figure{overflow:hidden}
.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.gallery-grid figure:hover img{transform:scale(1.04)}
.visit{background:var(--cream)}
.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}
.address{border-top:1px solid var(--line);padding-top:18px;margin:48px 0 28px}
.address span{font-size:8px;letter-spacing:.22em;color:var(--rust);font-weight:700}
.address p{font-size:17px;line-height:1.75;margin-top:11px;letter-spacing:-.01em}
.address.prominent{padding:24px 22px;background:rgba(255,255,255,.42);border-left:3px solid var(--rust)}
.address.prominent p strong{font-weight:700}
.map-art{height:490px;background:#ddcdbb;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.grid-lines{position:absolute;inset:-30px;background-image:linear-gradient(rgba(21,16,13,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(21,16,13,.1) 1px,transparent 1px);background-size:42px 42px;transform:rotate(-3deg) scale(1.08)}
.pin{position:relative;z-index:1;width:55px;height:55px;border-radius:50%;background:var(--rust);color:#fff;display:grid;place-items:center;font-size:21px;box-shadow:0 15px 35px rgba(80,30,10,.25);margin-bottom:23px}
.map-art strong,.map-art>span,.map-art>a{position:relative;z-index:1}
.map-art strong{font-size:10px;letter-spacing:.25em}
.map-art>span{font-size:7px;letter-spacing:.2em;color:var(--muted);margin-top:8px}
.map-art>a{margin-top:28px;border-bottom:1px solid var(--black);padding-bottom:6px;font-size:7px;letter-spacing:.18em;text-transform:uppercase}
.final{height:65vh;min-height:480px;position:relative;color:#fff;display:grid;place-items:center;text-align:center;overflow:hidden}
.final-bg{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1445116572660-236099ec97a0?auto=format&fit=crop&w=2200&q=90") center/cover}
.final:after{content:"";position:absolute;inset:0;background:rgba(16,8,4,.62)}
.final-content{position:relative;z-index:2}
.final-content>span{font-size:7px;letter-spacing:.3em}
.final h2{font-size:clamp(60px,8vw,110px);line-height:.87;letter-spacing:-.07em;margin:22px 0 30px}
.final h2 em{font-weight:400}
footer{background:var(--black);color:#fff;min-height:74px;padding:0 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:7px;letter-spacing:.2em;text-transform:uppercase}
.footer-logo{display:flex;align-items:center;gap:9px;font-size:10px}
.footer-logo img{width:28px;height:28px;object-fit:cover;border-radius:50%;mix-blend-mode:screen}
footer>div:nth-child(2){text-align:center;color:#8e8580}
footer>div:last-child{text-align:right;color:#6d6762}
.mobile-nav{display:none}
@media(max-width:900px){
  .header nav{display:none}.hamb{display:block}.hamb i{display:block;width:26px;height:1px;background:#fff;margin:7px}
  .mobile-nav{display:flex;position:fixed;z-index:9;top:0;right:0;width:100%;padding:115px 8vw 35px;background:var(--black);color:#fff;flex-direction:column;gap:22px;transform:translateY(-110%);transition:.35s}
  .mobile-nav.open{transform:none}.mobile-nav a{font-size:12px;letter-spacing:.18em;text-transform:uppercase}
  .hero-inner{margin-left:7vw;width:80vw}.section{padding:90px 7vw}
  .intro-grid,.visit-grid{grid-template-columns:1fr;gap:45px}.coffee-top,.gallery-top{display:block}
  .coffee-visual{height:350px;margin-top:30px}.coffee-hero-image{width:350px;height:350px;right:0;top:-15px}
  .coffee-badge{left:18%;top:42%}
  .coffee-menu{column-gap:30px}.coffee-menu article{grid-template-columns:68px 1fr 36px;gap:13px}.mini-coffee{width:68px;height:68px}
  .coffee-name h3{font-size:23px}.coffee-info>p{font-size:10px}
  .map-art{height:400px}.gallery-grid{grid-template-columns:repeat(4,1fr);height:260px}
}
@media(max-width:600px){
  .topline{padding:0 5vw}.topline span:last-child{display:none}
  .header{top:27px;height:70px;padding:0 6vw}.logo{font-size:10px}.logo img{width:31px;height:31px}
  .hero{height:86vh;min-height:650px}.hero-photo{background-position:57% center}.hero-shade{background:linear-gradient(90deg,rgba(12,8,6,.78),rgba(12,8,6,.28))}
  .hero-inner{margin:35px 7vw 0}.hero h1{font-size:62px;margin-top:18px}.hero-inner>p{font-size:12px}.hero-buttons{flex-direction:column;align-items:flex-start}
  .hero-side,.hero-scroll{display:none}.section{padding:78px 7vw}.section-no{margin-bottom:48px}
  .intro-title h2,.coffee-intro h2,.gallery-top h2,.visit h2{font-size:58px}
  .intro-copy .big{font-size:19px}
  .coffee-visual{height:275px;margin-top:20px}.coffee-hero-image{width:275px;height:275px;right:-35px;top:-5px}.coffee-badge{width:105px;height:105px;left:8%;top:39%}
  .coffee-badge strong{font-size:7px}.coffee-badge span{font-size:5px}
  .coffee-menu{display:block}.coffee-menu:after{display:none}.coffee-menu article{grid-template-columns:58px 1fr 34px;gap:12px;padding:18px 0}.coffee-menu article:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
  .mini-coffee{width:58px;height:58px}.coffee-name h3{font-size:22px}.coffee-info>p{font-size:9px;margin-top:6px}.coffee-name span{font-size:6px}.coffee-arrow{width:32px;height:32px;font-size:15px}.coffee-bottom{font-size:6px}
  .feature{height:68vh;min-height:550px}.feature-content{margin-left:7vw;margin-right:7vw}.feature h2{font-size:57px}
  .gallery-grid{display:flex;height:220px;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px}.gallery-grid figure{flex:0 0 78%;scroll-snap-align:start}.gallery-grid::-webkit-scrollbar{display:none}
  .map-art{height:350px}.final{height:60vh;min-height:430px}.final h2{font-size:59px}
  footer{grid-template-columns:1fr;gap:12px;padding:25px 7vw;text-align:center}.footer-logo{justify-content:center}footer>div:nth-child(2),footer>div:last-child{text-align:center}
}

.fade{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}
.fade.show{opacity:1;transform:none}

/* SON TASARIM RÖTUŞLARI */
.hero-kicker{font-size:9px;letter-spacing:.32em}
.hero h1{max-width:760px}
.coffee-top{min-height:430px}
.coffee-visual{overflow:visible}
.coffee-hero-image{border:8px solid rgba(247,242,233,.9);box-shadow:0 25px 70px rgba(40,20,8,.16)}
.coffee-menu article{min-height:138px}
.coffee-menu article:nth-child(odd){padding-right:24px}
.coffee-menu article:nth-child(even){padding-left:24px}
.coffee-arrow{background:transparent}
.address-note{
  display:inline-block;
  margin:-10px 0 18px;
  padding:8px 12px;
  background:var(--rust);
  color:#fff;
  font-size:7px;
  font-weight:700;
  letter-spacing:.2em;
}
.visit h2{margin-bottom:2px}
.final-content .btn{margin-top:3px}

@media(max-width:900px){
  .coffee-top{min-height:0}
  .coffee-menu article:nth-child(odd),
  .coffee-menu article:nth-child(even){padding-left:0;padding-right:0}
}
@media(min-width:901px){
  .coffee-menu article:nth-child(3),
  .coffee-menu article:nth-child(4),
  .coffee-menu article:nth-child(5),
  .coffee-menu article:nth-child(6){ }
}
@media(max-width:600px){
  .hero h1{font-size:60px;max-width:330px}
  .hero-inner>p{max-width:330px}
  .coffee-top{margin-bottom:34px}
  .coffee-intro .section-no{margin-bottom:38px}
  .coffee-intro h2{font-size:55px}
  .coffee-hero-image{border-width:5px}
  .coffee-menu article{min-height:92px}
  .coffee-arrow{width:30px;height:30px}
  .address{margin-top:34px}
  .address p{font-size:16px}
  .address-note{font-size:6px}
}

/* KAHVE ALANI — DAHA KOMPAKT / EDITORYAL DÜZEN */
.coffee.section{padding-top:82px;padding-bottom:70px}
.coffee-top{grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr);gap:5vw;min-height:0;margin-bottom:34px;align-items:center}
.coffee-intro .section-no{margin-bottom:30px}
.coffee-intro h2{font-size:clamp(58px,6.1vw,88px);margin-top:14px}
.coffee-intro>p{font-size:11px;line-height:1.65;max-width:340px;margin-top:20px}
.coffee-visual{height:320px}
.coffee-hero-image{width:320px;height:320px;right:5px;top:-5px;border-width:6px;box-shadow:0 18px 45px rgba(40,20,8,.14)}
.coffee-badge{width:108px;height:108px;left:15%;top:47%;box-shadow:0 12px 26px rgba(73,27,12,.16)}
.coffee-badge:before,.coffee-badge:after{width:18px;margin:5px 0}
.coffee-badge span{font-size:5px}.coffee-badge strong{font-size:7px}
.coffee-menu{grid-template-columns:1fr 1fr;column-gap:34px}
.coffee-menu:after{left:50%}
.coffee-menu article{grid-template-columns:58px 1fr 30px;gap:14px;min-height:100px;padding:16px 0}
.coffee-menu article:nth-child(odd){padding-right:16px}
.coffee-menu article:nth-child(even){padding-left:16px}
.coffee-menu article:nth-last-child(-n+2){border-bottom:0}
.mini-coffee{width:58px;height:58px;box-shadow:0 5px 15px rgba(30,15,7,.1)}
.coffee-name h3{font-size:21px;margin-bottom:4px}
.coffee-name span{font-size:6px;letter-spacing:.15em}
.coffee-info>p{font-size:9px;line-height:1.4;margin-top:5px;max-width:220px}
.coffee-arrow{width:30px;height:30px;font-size:14px}
.coffee-bottom{padding-top:12px;font-size:6px}

@media(max-width:900px) and (min-width:701px){
  .coffee.section{padding-top:75px;padding-bottom:60px}
  .coffee-top{display:grid;grid-template-columns:1fr 1fr;gap:4vw;margin-bottom:28px}
  .coffee-visual{height:285px}
  .coffee-hero-image{width:285px;height:285px;right:-8px;top:0}
  .coffee-badge{left:7%;top:45%;width:100px;height:100px}
  .coffee-menu{grid-template-columns:1fr 1fr;column-gap:24px}
  .coffee-menu article{grid-template-columns:52px 1fr 28px;gap:11px;min-height:90px;padding:13px 0}
  .coffee-menu article:nth-child(odd){padding-right:12px}
  .coffee-menu article:nth-child(even){padding-left:12px}
  .mini-coffee{width:52px;height:52px}
  .coffee-name h3{font-size:19px}
  .coffee-info>p{font-size:8px}
}

@media(max-width:700px){
  .coffee.section{padding-top:68px;padding-bottom:56px}
  .coffee-top{display:block;margin-bottom:24px}
  .coffee-intro .section-no{margin-bottom:32px}
  .coffee-intro h2{font-size:54px}
  .coffee-intro>p{font-size:10px;max-width:300px;margin-top:16px}
  .coffee-visual{height:245px;margin-top:18px}
  .coffee-hero-image{width:245px;height:245px;right:-28px;top:0;border-width:5px}
  .coffee-badge{width:92px;height:92px;left:6%;top:43%}
  .coffee-menu{display:block;border-top:1px solid var(--line)}
  .coffee-menu:after{display:none}
  .coffee-menu article,
  .coffee-menu article:nth-child(odd),
  .coffee-menu article:nth-child(even){grid-template-columns:54px 1fr 30px;gap:11px;min-height:88px;padding:14px 0;border-bottom:1px solid var(--line)}
  .mini-coffee{width:54px;height:54px}
  .coffee-name h3{font-size:20px}
  .coffee-info>p{font-size:8px}
}

/* KAHVE ALANI — BÜYÜK GÖRSEL KALDIRILDI / DAHA KOMPAKT TASARIM */
.coffee.section{padding-top:72px;padding-bottom:52px}
.coffee-top{display:block;margin-bottom:28px}
.coffee-intro{display:grid;grid-template-columns:220px 1fr;column-gap:5vw;align-items:end}
.coffee-intro .section-no{grid-column:1/-1;margin-bottom:28px}
.coffee-intro .tiny{grid-column:1}
.coffee-intro h2{grid-column:1;font-size:clamp(52px,5.5vw,78px);margin-top:12px}
.coffee-intro>p{grid-column:2;grid-row:2;align-self:end;max-width:420px;margin:0 0 5px;font-size:12px;line-height:1.65}
.coffee-menu{margin-top:34px;column-gap:42px}
.coffee-menu article{grid-template-columns:52px 1fr 30px;gap:14px;min-height:88px;padding:13px 0}
.mini-coffee{width:52px;height:52px}
.coffee-name h3{font-size:21px;margin-bottom:3px}
.coffee-info>p{font-size:9px;line-height:1.35;margin-top:4px}
.coffee-arrow{width:29px;height:29px;font-size:13px}
.coffee-bottom{padding-top:10px}

@media(max-width:900px){
  .coffee-intro{grid-template-columns:1fr 1fr;column-gap:30px}
  .coffee-intro .section-no{grid-column:1/-1}
  .coffee-intro h2{font-size:clamp(48px,7vw,68px)}
  .coffee-intro>p{grid-column:2;grid-row:2}
  .coffee-menu{grid-template-columns:1fr 1fr;column-gap:24px}
}
@media(max-width:600px){
  .coffee.section{padding-top:65px;padding-bottom:45px}
  .coffee-intro{display:block}
  .coffee-intro .section-no{margin-bottom:38px}
  .coffee-intro h2{font-size:55px;margin-top:12px}
  .coffee-intro>p{margin-top:16px;max-width:330px}
  .coffee-menu{display:block;margin-top:25px}
  .coffee-menu:after{display:none}
  .coffee-menu article{grid-template-columns:58px 1fr 30px;min-height:82px;padding:13px 0!important}
  .mini-coffee{width:58px;height:58px}
}


/* KAHVE ALANI — ORANLI / KOMPAKT SON DÜZEN */
.coffee.section{
  padding:78px 10vw 46px !important;
}
.coffee-top{
  display:block !important;
  margin:0 0 30px !important;
}
.coffee-intro{
  display:grid !important;
  grid-template-columns:minmax(280px,.82fr) minmax(300px,1fr) !important;
  grid-template-rows:auto auto !important;
  column-gap:8vw !important;
  align-items:end !important;
}
.coffee-intro .section-no{
  grid-column:1/-1 !important;
  margin:0 0 34px !important;
}
.coffee-intro .tiny{
  grid-column:1 !important;
  grid-row:2 !important;
  margin-bottom:10px !important;
}
.coffee-intro h2{
  grid-column:1 !important;
  grid-row:2 !important;
  font-size:clamp(48px,5.2vw,74px) !important;
  line-height:.88 !important;
  margin:28px 0 0 !important;
  align-self:end !important;
}
.coffee-intro>p{
  grid-column:2 !important;
  grid-row:2 !important;
  max-width:440px !important;
  margin:0 0 5px !important;
  font-size:12px !important;
  line-height:1.65 !important;
  color:var(--muted) !important;
}
.coffee-menu{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  column-gap:42px !important;
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
  position:relative !important;
  margin-top:0 !important;
}
.coffee-menu:after{
  display:block !important;
  left:50% !important;
  top:0 !important;
  bottom:0 !important;
  width:1px !important;
  background:var(--line) !important;
}
.coffee-menu article,
.coffee-menu article:nth-child(odd),
.coffee-menu article:nth-child(even){
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) 30px !important;
  gap:14px !important;
  align-items:center !important;
  min-height:94px !important;
  padding:15px 18px 15px 0 !important;
  border-bottom:1px solid var(--line) !important;
  transition:transform .25s ease, background .25s ease !important;
}
.coffee-menu article:nth-child(even){
  padding-left:18px !important;
  padding-right:0 !important;
}
.coffee-menu article:nth-child(5),
.coffee-menu article:nth-child(6){
  border-bottom:0 !important;
}
.coffee-menu article:hover{
  transform:translateX(3px) !important;
}
.mini-coffee{
  width:58px !important;
  height:58px !important;
  border-radius:50% !important;
  box-shadow:0 5px 15px rgba(30,15,7,.10) !important;
}
.coffee-name h3{
  font-family:var(--sans) !important;
  font-size:20px !important;
  line-height:1.1 !important;
  font-weight:700 !important;
  letter-spacing:-.035em !important;
  margin:0 0 5px !important;
}
.coffee-name span{
  display:block !important;
  font-size:7px !important;
  line-height:1.25 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  white-space:normal !important;
}
.coffee-info>p{
  font-size:9px !important;
  line-height:1.35 !important;
  margin:4px 0 0 !important;
  max-width:250px !important;
  color:var(--muted) !important;
}
.coffee-arrow{
  width:29px !important;
  height:29px !important;
  border:0 !important;
  border-radius:50% !important;
  background:rgba(168,64,32,.08) !important;
  color:var(--rust) !important;
  font-size:14px !important;
}
.coffee-bottom{
  padding-top:11px !important;
  font-size:6px !important;
}

@media(max-width:900px){
  .coffee.section{padding:68px 7vw 44px !important}
  .coffee-intro{column-gap:5vw !important}
  .coffee-intro h2{font-size:clamp(44px,6vw,64px) !important}
  .coffee-menu{column-gap:28px !important}
  .coffee-menu article,.coffee-menu article:nth-child(odd),.coffee-menu article:nth-child(even){grid-template-columns:50px minmax(0,1fr) 28px !important;gap:11px !important;padding-left:0 !important;padding-right:10px !important;min-height:86px !important}
  .coffee-menu article:nth-child(even){padding-left:10px !important;padding-right:0 !important}
  .mini-coffee{width:50px !important;height:50px !important}
}
@media(max-width:600px){
  .coffee.section{padding:58px 6vw 40px !important}
  .coffee-intro{display:block !important}
  .coffee-intro .section-no{margin-bottom:30px !important}
  .coffee-intro .tiny{display:block !important;margin-bottom:8px !important}
  .coffee-intro h2{font-size:52px !important;margin:0 !important}
  .coffee-intro>p{margin:14px 0 0 !important;max-width:330px !important;font-size:10px !important}
  .coffee-menu{display:block !important;margin-top:25px !important}
  .coffee-menu:after{display:none !important}
  .coffee-menu article,.coffee-menu article:nth-child(odd),.coffee-menu article:nth-child(even){grid-template-columns:52px minmax(0,1fr) 28px !important;min-height:82px !important;padding:12px 0 !important}
  .coffee-menu article:nth-child(5){border-bottom:1px solid var(--line) !important}
  .mini-coffee{width:52px !important;height:52px !important}
  .coffee-name h3{font-size:19px !important}
}