@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/lato-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/lato-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/lato-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/lato-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url(../fonts/montserrat-600-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url(../fonts/montserrat-600-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/heebo-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/heebo-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/inter-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/inter-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* CurrySphere static replica. Values read from the live Astra + Spectra computed styles (see _source/design-tokens.md). */
:root{--maroon:#793439;--dark:#431D20;--cream:#FADAB0;--ink:#000;--grey:#f5f5f5}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 17px/1.5 Lato,sans-serif;color:var(--ink);background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:var(--maroon);text-decoration:none}
a:hover{color:var(--dark)}
h1,h2,h3,h4{font-family:Montserrat,sans-serif;font-weight:700;margin:0}
p{margin:0 0 1.5em}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.in{max-width:1200px;margin:0 auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 14px;z-index:99}
.skip:focus{left:8px;top:8px}
:focus-visible{outline:3px solid var(--dark);outline-offset:3px}

/* buttons: Heebo 500 18px, uppercase, pill */
.btn{display:inline-block;font:500 18px/1.2 Heebo,sans-serif;letter-spacing:1px;text-transform:uppercase;background:var(--dark);color:#fff;border:0;border-radius:50px;padding:13px 32px;cursor:pointer}
.btn:hover{background:var(--maroon);color:#fff}
.btn.line{background:transparent;color:#000;border:2px solid #000;text-transform:none}
.btn.line:hover{background:#000;color:#fff}

/* header */
.site-header{background:var(--cream)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:164px;padding-top:17px;padding-bottom:17px}
.brand{display:flex;align-items:center;gap:16px;color:inherit}
.brand img{width:130px;height:130px}
.brand .name{display:block;font:700 26px/1 Montserrat,sans-serif;color:var(--maroon)}
.brand .tag{display:block;font-size:15px;line-height:1.5;color:#000;margin-top:0}
.nav ul{list-style:none;margin:0;padding:0;display:flex}
.nav a{display:block;padding:0 17px;line-height:1.6;color:var(--maroon)}
.nav a[aria-current],.nav a:hover{color:var(--dark)}
.nav-toggle{display:none;background:none;border:1px solid var(--dark);border-radius:2px;width:40px;height:40px;padding:0;color:var(--dark);cursor:pointer}
.nav-toggle svg{width:22px;height:22px;margin:auto;display:block;fill:currentColor}

/* hero (cream band, text left, framed image right) */
.hero{background:var(--cream);padding:4px 40px 7px}
.hero .in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:80px;align-items:center}
.hero h1{font-size:60px;line-height:72px;color:var(--maroon);margin-bottom:20px}
.hero p{color:var(--maroon);margin-bottom:28px}
.hero .shot{width:560px;height:560px;object-fit:cover;border:8px solid var(--maroon);border-radius:28px}
.hero.sub{padding:0 40px}
.hero.sub .in{padding:27px 0 16px}
.hero.sub h1{font-size:45px;line-height:54px;margin:0 0 36px}
.hero.sub .shot{border:0;border-radius:4px;width:560px;height:402px}
.hero.hang .in{align-items:center;padding:0}
.hero.hang h1{font-size:60px;line-height:72px;margin:0}
.hero.hang .shot{border:0;border-radius:4px;width:560px;height:500px;margin-bottom:-52px;position:relative;z-index:1}

/* home */
.offer{padding:113px 40px 100px}
.offer .in{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:80px;align-items:start}
.eyebrow{font-size:14px;line-height:1.4;text-transform:uppercase;margin:0 0 14px}
.offer h2,.h2{font-size:48px;line-height:60px}
.offer p{font-size:17px;margin-bottom:22px}
.cards{padding:0 40px 28px}
.cards .in{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.card a{display:block;color:inherit}
.card figure{margin:0;position:relative}
.card img{width:100%;height:350px;object-fit:cover}
.card .go{position:absolute;right:0;bottom:0;width:81px;height:43px;background:#fff;color:var(--maroon);display:flex;align-items:center;justify-content:center;font:500 20px/1 Heebo,sans-serif}
.card h3{font-size:24px;line-height:1.28;text-align:center;margin:0;padding-top:1px}
.story{background:var(--maroon);color:#fff;padding:86px 40px 45px}
.story .eyebrow{color:#fff;margin-bottom:14px}
.story h2{color:#fff;font-size:48px;line-height:60px;max-width:960px;margin-bottom:52px}
.story .cols{display:grid;grid-template-columns:1fr 550px;gap:90px;align-items:center}
.story .txt{padding:0 12px 0 23px}
.story .txt p{color:#fff;margin-bottom:16px;font-size:20px;line-height:30px}
.frame{position:relative;height:466px;overflow:hidden}
.frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.frame::before{content:"";position:absolute;inset:0;background:rgba(121,52,57,.35)}
.frame::after{content:"";position:absolute;inset:11px;border:3px solid #fff;border-radius:6px}
.frame h3{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:2;text-align:center;color:#fff;font-size:40px;line-height:1.2}
.voice{background:var(--maroon) url(/img/cooked-food-in-bow-2679501.webp) no-repeat 495px -444px/cover;padding:70px 40px 61px}
.voice .in{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.voice .l{border:4px solid #fff;border-radius:8px;padding:0 4px;display:flex;flex-direction:column;justify-content:flex-start;min-height:346px;color:#fff}
.voice .l h2{color:#fff;font-size:48px;line-height:60px;padding-top:58px;margin-bottom:20px}
.voice .l p{font-size:17px;margin:0}
.voice .r{background:#fff;padding:30px 30px 28px;min-height:346px;border-radius:4px}
.voice .q{font:700 56px/56px Montserrat,sans-serif;height:56px;color:#000;margin:0}
.voice .r p{font-size:17px;line-height:25.5px;margin-bottom:20px}
.voice .r b{display:block;font-size:20px;line-height:26px;font-weight:600}
.voice .r span{font-size:17px;line-height:25.5px}
.cta{background:linear-gradient(rgba(0,0,0,.66),rgba(0,0,0,.66)),url(/img/kurmure-peri-peri-chicken.webp) center/cover no-repeat;padding:100px 40px;text-align:center;color:#fff}
.cta h2{color:#fff;font-size:48px;line-height:60px;margin:0 auto 15px}
.cta h2 span{display:block}
.cta h2 .a{max-width:620px;margin:0 auto}
.cta p{color:#fff;margin:0 0 32px}

/* about */
.poster{padding:38px 20px 30px}
.poster img{border:11px solid var(--cream);width:100%;max-width:1200px;margin:0 auto}
.about-text{padding:30px 40px 70px}
.about-text .in{max-width:820px}
.about-text h2{font-size:34px;line-height:1.3;color:var(--maroon);margin:0 0 22px}
.about-text p{font-size:18px;line-height:1.75;margin:0 0 22px}
.about-text b{color:var(--maroon)}

/* menu */
.menu{padding:110px 40px 90px}
.menu .row{display:grid;grid-template-columns:minmax(0,550px) minmax(0,520px);gap:84px;align-items:center;margin:0 0 21px 7px}
.menu .row img{width:550px;height:448px;object-fit:cover}
.menu .num{font-size:14px;font-weight:700;display:block;margin-bottom:12px}
.menu h2{font-size:42px;line-height:1.1;margin-bottom:22px}
.menu .row p{font-size:16px;line-height:1.6;margin:0 0 24px}
.menu .row p em{font-style:italic}

/* contact (cream page) */
body.cream{background:var(--cream)}
.hero.contact .in{padding:0}
.hero.contact h1{font-size:60px;line-height:72px;margin:0}
.hero.contact .shot{border:0;border-radius:4px;width:560px;height:500px}
.hero.contact{padding:0 40px}
.hero.contact h1{margin-bottom:50px}
.enq{padding:68px 40px 0}
blockquote{margin:0;border-left:5px solid rgba(0,0,0,.08);padding:19px 0 19px 20px;font-style:italic;font-size:18px;line-height:1.6;color:var(--maroon)}
blockquote p{margin:0}
.branches{padding:94px 40px 69px}
.branches h2{color:var(--maroon);font-size:48px;line-height:60px;margin-bottom:10px}
.branches>.in>p{color:var(--maroon);margin-bottom:55px}
.bgrid{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:80px;align-items:start}
.reach{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:8px}
.reach p{color:var(--dark);margin:0 0 4px;font-size:15px}
.locs{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}
.locs h3{font:700 20px/1.4 Lato,sans-serif;color:var(--maroon);margin-bottom:6px}
.locs p{margin:0 0 8px;color:var(--maroon);line-height:1.5}

/* events */
.events{padding:54px 20px 28px}
.slider{position:relative;max-width:1200px;margin:0 auto}
.slides{padding:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin:0 120px}
.slides::-webkit-scrollbar{display:none}
.slides li{flex:0 0 100%;scroll-snap-align:center;list-style:none;display:flex;justify-content:center}
.slides img{height:720px;width:auto;max-width:100%;object-fit:contain}
.slider button.arr{position:absolute;top:50%;transform:translateY(-50%);background:none;border:0;width:40px;height:40px;cursor:pointer;color:#555;padding:0}
.slider .prev{left:0}.slider .next{right:0}
.dots{display:flex;gap:8px;padding:10px 0 0}
.dots button{width:8px;height:8px;border-radius:50%;border:0;background:#999;padding:0;cursor:pointer}
.dots button[aria-current="true"]{background:#000}
.cap{text-align:center;font:600 16px/1.5 Inter,sans-serif;color:var(--maroon);margin:30px 0 24px}
hr.line{border:0;border-top:2px solid var(--maroon);margin:0 0 28px}
.events blockquote{text-align:center}

/* shop + product */
.page{padding:75px 40px 128px}
.crumb{font-size:15px;color:#666;margin-bottom:12px}
.crumb a{color:#666}
.page h1.t{font-size:56px;line-height:1.2;margin:0 0 74px}
.count{margin:0 0 44px;font-size:17px}
.prod{width:285px}
.prod figure{margin:0;position:relative}
.prod img{width:285px;height:285px;object-fit:cover}
.sale{position:absolute;left:22px;top:22px;background:#fff;color:#000;border-radius:20px;font-size:15px;line-height:1;padding:9px 12px;z-index:2}
.prod .cat{font-size:15px;color:#666;margin:14px 0 0}
.prod h2{font:600 17.5px/1.2 Montserrat,sans-serif;margin:4px 0 8px}
.prod h2 a{color:#000}
.price{font-size:16px;margin:0 0 14px}
.price del{color:#777;margin-right:4px}.price ins{text-decoration:none;font-weight:700;color:#000}
.pdp{display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:48px;align-items:start}
.pdp figure{position:relative;margin:0}
.pdp figure img{width:600px;height:600px;object-fit:cover}
.pdp .crumb{margin-bottom:12px}
.pdp .c{display:block;margin:0 0 6px;color:var(--maroon)}
.pdp h1{font-size:22px;font-weight:600;line-height:1.3;margin:0 0 16px}
.pdp .price{font-size:24px;line-height:1.2;margin-bottom:10px}
.acts{display:flex;gap:12px;flex-wrap:wrap;padding:6px 0 20px;border-bottom:1px solid #b78a8d;margin-bottom:16px}
.meta{font-size:15px;margin:0}
.tab{margin-top:60px;border-top:1px solid #b78a8d}
.tab h2{display:inline-block;font:700 17px/1.5 Lato,sans-serif;color:#555;padding:10px 0 0;border-top:3px solid var(--maroon);margin-top:-2px}
.tab p{margin:24px 0 0}

/* blog + post */
.hero.blog{padding:0 40px}
.hero.blog .in{display:block;padding:117px 0 91px}
.hero.blog h1{font:600 62px/1.2 Inter,sans-serif;color:var(--maroon)}
.grey{background:var(--grey)}
.posts{padding:68px 40px 100px}
.posts .in{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;align-items:start}
.pc{background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.pc img{width:100%;height:283px;object-fit:cover}
.pc .b{padding:26px 26px 30px}
.pc h2{font:600 24px/1.3 Montserrat,sans-serif;margin:0 0 14px}
.pc h2 a{color:#000}
.date{font-size:13px;font-weight:700;color:var(--maroon);margin:0 0 14px}
.pc p.ex{margin:0 0 26px;line-height:1.5}
.pc .more{font-weight:700;color:var(--maroon)}
.single{padding:46px 20px 60px}
.card-w{background:#fff;max-width:710px;margin:0 auto 24px;padding:40px}
.single h1{font:600 32px/1.2 Montserrat,sans-serif;margin:0 0 20px}
.by{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;margin-bottom:20px}
.by img{width:40px;height:40px;border-radius:50%}
.single .feat{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;box-shadow:0 6px 24px rgba(0,0,0,.12);margin-bottom:32px}
.single .body p{margin:0 0 57px;line-height:1.5}
.single .body h2{font:700 21px/31px Montserrat,sans-serif;margin:0 0 17px}
.single h3.rel{font:700 26px/1.3 Montserrat,sans-serif;margin:0 0 30px}
.relgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.relgrid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.relgrid h4{font:600 18px/1.3 Montserrat,sans-serif;margin:16px 0 6px}
.relgrid h4 a{color:#000}
.relgrid .date{font-size:12px}

/* footer */
.site-footer{background:var(--cream);padding:60px 0 0;color:var(--maroon)}
.fgrid{display:grid;grid-template-columns:600fr 340fr 260fr;padding-bottom:62px}
.site-footer h2{font:600 24px/1.3 Lato,sans-serif;color:var(--maroon);margin:0 0 14px}
.site-footer h2.m{font-family:Montserrat,sans-serif}
.site-footer p{margin:0 0 10px;color:var(--maroon)}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin-bottom:8px}
.site-footer li a[aria-current]{color:#000}
.site-footer .col1 p{max-width:520px}
.social{display:flex;gap:9px;margin-top:6px}
.social a{display:block;width:32px;height:32px;color:var(--maroon)}
.social svg{width:100%;height:100%;fill:currentColor}

@media(max-width:1100px){.bgrid{grid-template-columns:minmax(0,1fr);gap:30px}.locs p{overflow-wrap:anywhere}}
@media(max-width:921px){
 .nav-toggle{display:block}
 .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--cream);z-index:20;border-top:1px solid rgba(67,29,32,.2)}
 .nav.open{display:block}
 .nav ul{flex-direction:column;padding:8px 20px 16px}
 .nav a{padding:10px 0}
 .site-header{position:relative}
 .site-header .wrap{min-height:150px}
 .hero .in{gap:40px;grid-template-columns:1fr 340px}
 .hero h1{font-size:40px;line-height:48px}
 .hero .shot{width:340px;height:340px}
 .hero.hang h1,.hero.contact h1{font-size:40px;line-height:48px}
 .hero.hang .in,.hero.contact .in{grid-template-columns:1fr 340px}
 .hero.hang .shot,.hero.contact .shot{width:340px;height:320px;margin-bottom:0}
 .hero.sub .in{grid-template-columns:1fr 340px}
 .hero.sub h1{font-size:32px;line-height:40px;margin:0}
 .hero.sub .shot{width:340px;height:260px}
 .offer h2,.story h2,.cta h2,.branches h2{font-size:34px;line-height:1.25}
 .cta h2 .a{max-width:none}
 .about-text{padding-left:24px;padding-right:24px}
 .about-text h2{font-size:28px}
 .about-text p{font-size:16px}
 .story .txt p{font-size:18px;line-height:1.6}
 .voice .l h2{font-size:34px;line-height:1.25;padding-top:30px}
 .offer .in{grid-template-columns:1fr 1fr;gap:30px}
 .cards .in{grid-template-columns:1fr 1fr}
 .story .cols,.bgrid{grid-template-columns:1fr;gap:30px}
 .frame{height:420px}
 .voice .in{gap:24px}
 .menu .row{grid-template-columns:1fr 1fr;gap:30px}
 .menu .row img{width:100%;height:340px}
 .menu h2{font-size:30px}
 .posts .in{grid-template-columns:1fr 1fr}
 .hero.blog h1{font-size:44px}
 .pdp{grid-template-columns:1fr}
 .pdp figure img{width:100%;height:auto;aspect-ratio:1}
 .fgrid{grid-template-columns:1fr 1fr;gap:20px}
 .fgrid .col1{grid-column:1/-1}
 .slides{margin:0 56px}
 .slides img{height:520px}
}
@media(max-width:640px){
 body{font-size:16px}
 .hero,.hero.sub,.hero.blog{padding-left:20px;padding-right:20px}
 .hero .in,.hero.hang .in,.hero.contact .in,.hero.sub .in,.offer .in,.voice .in,.menu .row{grid-template-columns:1fr}
 .hero .in{gap:24px;padding-top:24px;padding-bottom:20px}
 .hero .shot,.hero.hang .shot,.hero.contact .shot,.hero.sub .shot{width:100%;height:auto;aspect-ratio:1/1;margin:0}
 .hero.sub .shot{aspect-ratio:7/5}
 .hero.hang .shot{margin-bottom:0}
 .hero h1,.hero.hang h1,.hero.contact h1{font-size:34px;line-height:42px}
 .hero.sub .in{padding-top:24px}
 .hero.sub h1{font-size:28px}
 .offer{padding:56px 20px 48px}
 .cards,.story,.voice,.cta,.menu,.page,.enq,.branches,.posts{padding-left:20px;padding-right:20px}
 .cards .in{grid-template-columns:1fr 1fr;gap:16px}
 .card img{height:200px}
 .card h3{font-size:18px}
 .story{padding-top:56px}
 .voice{background-position:-213px 275px}
 .voice .l{min-height:240px}
 .voice .l h2{font-size:30px}
 .menu{padding-top:48px}
 .menu .row img{height:auto;aspect-ratio:11/9}
 .menu .row{gap:18px;margin-bottom:40px}
 .menu h2{font-size:28px}
 .posts .in,.relgrid,.locs{grid-template-columns:1fr}
 .hero.blog .in{padding:64px 0}
 .hero.blog h1{font-size:34px}
 .page h1.t{font-size:40px}
 .fgrid{grid-template-columns:1fr}
 .cta{padding:64px 24px}
 .cta h2{font-size:28px;line-height:1.3}
 .btn{font-size:16px;padding:12px 24px}
}

@media(max-width:640px){
 .site-header .wrap{min-height:161px;padding:16px 24px}
 .brand{gap:16px}.brand img{width:130px;height:130px}.brand .name{font-size:22px}.brand .tag{font-size:13px;line-height:1.6;max-width:220px}
 .nav-toggle{width:44px;height:44px}
 .hero,.hero.sub,.hero.blog,.hero.contact{padding-left:24px;padding-right:24px}
 .hero .in,.hero.hang .in,.hero.contact .in,.hero.sub .in{gap:30px;padding:64px 0 40px}
 .hero.sub .shot,.hero.hang .shot,.hero.contact .shot{aspect-ratio:452/250}
 .hero h1,.hero.hang h1,.hero.contact h1,.hero.sub h1{font-size:34px;line-height:43px;margin:0}
 .menu{padding-left:32px;padding-right:32px}
 .menu .row img{aspect-ratio:436/250}
 .hero p{font-size:15px}
 .offer h2,.story h2,.branches h2{font-size:28px;line-height:1.3}
 .offer p{font-size:15px}
 .cards .in{grid-template-columns:1fr;gap:57px}
 .offer{padding:100px 24px 56px}
 .cards,.story,.voice,.cta,.page,.enq,.branches,.posts{padding-left:24px;padding-right:24px}
 .card img{height:300px}
 .story h2{margin-bottom:32px}
 .story .txt{padding:0}
 .story .txt p{font-size:18px;line-height:1.65}
 .frame{height:290px}.frame h3{font-size:28px}
 .voice{padding-top:48px;padding-bottom:48px}
 .voice .l{min-height:0;padding-bottom:28px}
 .voice .l h2{font-size:28px;padding-top:24px;line-height:1.25}
 .voice .l p{font-size:15px}
 .voice .r{min-height:0}
 .cta h2{font-size:26px;line-height:1.35}
 .site-footer{text-align:center}
 .site-footer .social{justify-content:center}
 .site-footer h2{font-size:20px}
 .fgrid{gap:28px;padding-bottom:40px}
 .site-footer .col1 p{margin-left:auto;margin-right:auto}
 .events{padding:50px 20px 28px}
 .slides{margin:0}.slides img{width:100%;height:auto;max-height:none}.slider button.arr{display:none}
 .single{padding:20px 8px 40px}.card-w{padding:30px 24px}.single h1{font-size:26px}.single .body p{margin-bottom:40px}
 .site-footer p br{display:none}
}
@media(prefers-reduced-motion:reduce){.slides{scroll-behavior:auto}}