*{


margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{
background:
linear-gradient(135deg,rgba(255,79,163,0.25),rgba(11,16,38,0.85)),
url("images/Chopstx/bg.jpeg") center/cover no-repeat fixed;
color:#fff;
line-height:1.6;
scroll-behavior:smooth;
}

img,video,picture{
max-width:100%;
height:auto;
display:block;
}

body::after{
content:"";
position:fixed;
inset:0;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
background-size:140px 140px;
opacity:0.05;
pointer-events:none;
z-index:9999;
}


.contact-section{
width:100%;
min-height:58vh;
background:url('images/Chopstx/mainphoto.png') center/cover no-repeat;
position:relative;
overflow:hidden;
}

.contact-bubble{
position:absolute;
top:65.5%;
left:clamp(16px,21vw,220px);
transform:translateY(-50%);
width:clamp(140px,16vw,220px);
height:clamp(140px,16vw,220px);
}

.contact-bubble img{
width:100%;
height:100%;
object-fit:cover;
cursor:pointer;
transition:.4s;
}

.dish-marquee-section{
width:100%;
overflow:hidden;
background:#ff4fa3;
box-shadow:0 20px 50px rgba(0,0,0,.6);
}

.marquee-track{
display:flex;
width:max-content;
animation:marqueeMove 20s linear infinite;
}

.marquee-track span{
font-size:3rem;
font-weight:800;
color:#03166a;
white-space:nowrap;
padding-right:120px;
letter-spacing:2px;
text-transform:uppercase;
text-shadow:0 2px 8px rgba(38,33,11,.25);
}

.alt-section{
display:flex;
flex-direction:column;

top:50px;
}

.alt-row{
display:flex;
align-items:center;
gap:clamp(12px,2vw,24px);
position:relative;
}

.alt-row.reverse{flex-direction:row-reverse;}

.alt-image{
flex:1;
overflow:hidden;
transform:translateY(40px);
opacity:0;
animation:imageFadeUp 1.2s ease forwards;
min-height:clamp(320px,42vw,632px);
}

.alt-image img{
width:100%;
height:100%;
object-fit:cover;
transition:transform .6s ease;
}

.alt-image:hover img{transform:scale(1.08);}

.alt-main-img{
width:100%;
height:100%;
object-fit:cover;
position:relative;
top:clamp(8%,20vw,55%)!important;
}

.alt-text,
.alt-text1{
flex:1;
position:relative;
overflow:hidden;
animation:textFadeUp 1.2s ease forwards;
}

.alt-text{
background:url("images/sectioninfo1.png") center/contain no-repeat;
border-radius: 50px;
min-height:clamp(300px,42vw,635px);
display:flex;
align-items:flex-end;

aspect-ratio: 4 / 3;
}

.alt-text1{
background:url("images/sectioninfo2.png") center/contain no-repeat;
min-height:var(--sectioninfo2-min-h-desktop);
padding-right:20px;
aspect-ratio: 16 / 9;
}

.alt-row,
.editorial-section{
content-visibility:auto;
contain-intrinsic-size:auto 780px;
}

.alt-text:hover{transform:scale(1.05);transition:.6s;}


.alt-btn-wrapper{
position:absolute;
left:calc(clamp(220px,27vw,520px) + var(--eg-adjust-x-desktop) + var(--eg-adjust-x-global));
top:calc(clamp(300px,74%,620px) + var(--eg-adjust-y-desktop) + var(--eg-adjust-y-global));
transform:translate(-50%,-50%);
z-index:20;
width:auto;
padding-bottom:0;
display:block;
}

.image-btn img{
width:var(--eg-img-width);
max-width:var(--eg-img-maxw);
transition:.4s;
}

.image-btn img:hover{
transform:translateY(-6px) scale(1.05);
}

.image-btn{
position:relative;
display:inline-block;
}

.image-btn img{
display:block;
width:var(--eg-img-width);
max-width:var(--eg-img-maxw);
transition:transform .4s ease;
}

.image-btn::after{
content:"";
position:absolute;
left:0;
bottom:-8px;
width:0%;
height:3px;
background:#fff;
transition:width .35s ease;
border-radius:2px;
}

.image-btn:hover img{
transform:translateY(-6px) scale(1.05);
}

.image-btn:hover::after{
width:100%;
}


.alt-image-layered{
position:relative;
width:100%;
min-height:clamp(360px,46vw,650px);
display:flex;
justify-content:center;
align-items:flex-end;
overflow:visible;
padding-bottom:clamp(30px,7vw,120px);
}


.layer-bg{
position:absolute;
left:50%;
transform:translateX(-50%);
}
.layer-top{
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
width:clamp(200px,30vw,420px);
z-index:3;
}

.layer-bg img{
width:min(1700px,140vw);
max-width:none;
transition:transform 1.6s ease;
}

.layer-top img{
width:100%;
max-width:none;
transition:transform 1.2s ease,box-shadow 1.2s ease;
}

.alt-image-layered:hover .layer-bg img{transform:scale(1.05);}
.alt-image-layered:hover .layer-top img{transform:scale(1.08) rotate(14deg);}

.editorial-section{
background:#f3efe4;
overflow:hidden;
box-shadow:0 40px 100px rgba(0,0,0,.35);
margin-top:120px;
padding-top:40px;
padding-bottom:40px;
}


.editorial-row{
display:flex;
align-items:center;
gap:clamp(24px,4vw,60px);
}

.editorial-logo img{
width:min(550px,42vw);
padding:20px clamp(10px,5vw,80px) 20px 10px;
}

.editorial-info-line{
display:flex;
gap:clamp(24px,5vw,100px);
flex-wrap:wrap;
justify-content:space-between;
}

.info-group{
flex:1;
position:relative;
padding-left:18px;
min-width:200px;
}

.info-group::before{
content:"";
position:absolute;
left:0;
top:4px;
width:3px;
height:34px;
background:#ff4fa3;
border-radius:10px;
}

.info-group h4{
font-size:.95rem;
letter-spacing:2px;
color:#ff4fa3;
margin-bottom:12px;
}

.info-group p{
font-size:1rem;
color:#111;
line-height:1.7;
}

.editorial-info-line .info-group p a,
.editorial-info-line .info-group p a:visited {
color:#111;
text-decoration:none;
position:relative;
}

.editorial-info-line .info-group p a::after {
content:"";
position:absolute;
left:0;
bottom:-2px;
width:0;
height:1px;
background:#111;
transition:width .25s ease;
}

.editorial-info-line .info-group p a:hover::after,
.editorial-info-line .info-group p a:focus::after,
.editorial-info-line .info-group p a:active::after {
width:100%;
}

.editorial-info-line .info-group p a:hover,
.editorial-info-line .info-group p a:active {
color:#111;
}

.reveal{
opacity:0;
filter:blur(12px);
transform:translateY(60px);
transition:all 1.2s cubic-bezier(0.19,1,0.22,1);
}

.from-left{transform:translateX(-80px) translateY(40px);}
.from-right{transform:translateX(80px) translateY(40px);}

.reveal.active{
opacity:1;
transform:translateX(0) translateY(0);
filter:blur(0);
}

.alt-btn-wrapper.reveal,
.alt-btn-wrapper.reveal.active{
transform:translate(-50%,-50%);
}

.contact-actions{
position:absolute;
top:30px;
left:0;
right:0;
margin-inline:auto;
display:flex;
justify-content:center;
flex-wrap:wrap;
width:fit-content;
max-width:calc(100% - 24px);
gap:clamp(16px,2.5vw,40px);
z-index:5;
animation:slideFadeIn 1s ease forwards;
padding-inline:0;
text-align:center;
}

.contact-actions a{
font-size:1rem;
font-weight:600;
letter-spacing:1px;
text-decoration:none;
color:#fff;
position:relative;
}

.contact-actions a::after{
content:"";
position:absolute;
left:0;
bottom:-6px;
width:0;
height:2px;
background:#ff4fa3;
transition:.3s;
}

.contact-actions a:hover::after{width:100%;}

@keyframes slideFadeIn{
from{opacity:0;transform:translateY(-20px);}
to{opacity:1;transform:translateY(0);}
}

@keyframes textReveal{
from{transform:translateY(120%);opacity:0;}
to{transform:translateY(0);opacity:1;}
}

@keyframes imageFadeUp{
from{opacity:0;transform:translateY(40px);}
to{opacity:1;transform:translateY(0);}
}

@keyframes textFadeUp{
from{opacity:0;transform:translateY(40px);}
to{opacity:1;transform:translateY(0);}
}

@keyframes marqueeMove{
from{transform:translateX(0);}
to{transform:translateX(-50%);}
}

:root{
--space-xs:12px;
--space-sm:20px;
--space-md:32px;
--space-lg:48px;
--space-xl:72px;


--eg-img-width:var(--eg-img-width-desktop);
--eg-img-maxw:var(--eg-img-maxw-desktop);

--eg-adjust-x-global:0px;
--eg-adjust-y-global:0px;
--eg-adjust-x-desktop:-217px;
--eg-adjust-y-desktop:102px;
--eg-adjust-x-1200:-281px;
--eg-adjust-y-1200:45px;
--eg-adjust-x-992:0px;
--eg-adjust-y-992:0px;
--eg-adjust-x-768:0px;
--eg-adjust-y-768:80px;
--eg-adjust-x-576:0px;
--eg-adjust-y-576:0px;
--eg-adjust-x-400:-66px;
--eg-adjust-y-400:250px;
--eg-adjust-x-2200:100px;
--eg-adjust-y-2200:0px;
--eg-adjust-x-2500:0px;
--eg-adjust-y-2500:0px;
--eg-adjust-x-desktop-lg:0px;
--eg-adjust-y-desktop-lg:0px;

--eg-pos-left-desktop-lg:490px;
--eg-pos-top-desktop-lg:69%;
--eg-pos-left-2200:8vw;
--eg-pos-top-2200:68%;
--eg-pos-left-2500:20vw;
--eg-pos-top-2500:77%;

--eg-img-width-desktop:clamp(290px,50vw,560px);
--eg-img-maxw-desktop:82vw;
--eg-img-width-1200:clamp(180px,31vw,520px);
--eg-img-maxw-1200:82vw;
--eg-img-width-992:clamp(165px,33vw,465px);
--eg-img-maxw-992:88vw;
--eg-img-width-768:clamp(150px,54vw,385px);
--eg-img-maxw-768:90vw;
--eg-img-width-576:clamp(130px,42vw,315px);
--eg-img-maxw-576:92vw;
--eg-img-width-400:clamp(110px,57vw,245px);
--eg-img-maxw-400:94vw;
--eg-img-width-1600:clamp(225px,26vw,695px);
--eg-img-maxw-1600:74vw;
--eg-img-width-2200:clamp(285px,23vw,885px);
--eg-img-maxw-2200:68vw;
--eg-img-width-2500:clamp(265px,19vw,765px);
--eg-img-maxw-2500:60vw;

--sectioninfo2-min-h-desktop:clamp(180px,24vw,300px);
--sectioninfo2-min-h-1200:260px;
--sectioninfo2-min-h-992:220px;
--sectioninfo2-min-h-768:190px;
--sectioninfo2-min-h-576:165px;
--sectioninfo2-min-h-400:145px;
--sectioninfo2-min-h-1600:340px;
--sectioninfo2-min-h-2200:420px;
--sectioninfo2-min-h-2500:460px;
}

.contact-section,
.alt-section,
.editorial-section,
.dish-marquee-section{
padding-left:0;
padding-right:0;
}

@media (max-width:1200px){
body{background-attachment:scroll;}

.contact-actions{left:10%;}

.editorial-row{gap:40px;}
.editorial-logo img{width:420px;padding:10px 40px 10px 0;}
.editorial-info-line{gap:60px;justify-content:space-between;}

.alt-section{gap:25px;}
.alt-image{min-height:520px;}
.alt-text{min-height:520px;border-radius:64px;}
.alt-text1{min-height:var(--sectioninfo2-min-h-1200);}
.alt-btn-wrapper{
left:calc(clamp(180px,25vw,420px) + var(--eg-adjust-x-1200) + var(--eg-adjust-x-global));
top:calc(72% + var(--eg-adjust-y-1200) + var(--eg-adjust-y-global));
}
:root{
--eg-img-width:var(--eg-img-width-1200);
--eg-img-maxw:var(--eg-img-maxw-1200);
}
}

@media (max-width:992px){
.contact-section{min-height:50vh;background-position:center top;}
.contact-actions{gap:24px;top:20px;}
.contact-actions a{font-size:.95rem;}
.contact-bubble{
top:72%;
left:80px;
width:190px;
height:190px;
}

.marquee-track span{font-size:2.3rem;padding-right:80px;}

.alt-row,
.editorial-row{
flex-direction:column;
align-items:center;
}
.alt-row.reverse{flex-direction:column;}

.alt-image,
.alt-text,
.alt-text1{
width:100%;
min-height:auto;
}

.alt-image img,
.alt-main-img,
.small-img{
width:100%;
height:auto;
object-fit:cover;
}

.alt-text{
padding:32px;
border-radius:48px;
background-position:center;
background-size:contain;
}

.alt-text1{
min-height:var(--sectioninfo2-min-h-992);
padding:24px 20px;
background-position:center;
background-size:contain;
}


.alt-btn-wrapper{
left:calc(clamp(160px,24vw,360px) + var(--eg-adjust-x-992) + var(--eg-adjust-x-global));
top:calc(70% + var(--eg-adjust-y-992) + var(--eg-adjust-y-global));
width: 200%;
}
:root{
--eg-img-width:var(--eg-img-width-992);
--eg-img-maxw:var(--eg-img-maxw-992);
}
}

@media (max-width:768px){
.alt-section{gap:20px;padding:40px 20px;}
.contact-section{min-height:45vh;}
.contact-actions{gap:16px;top:15px;font-size:0.9rem;}
.contact-bubble{top:70%;left:clamp(12px,10vw,60px);width:clamp(100px,12vw,160px);height:clamp(100px,12vw,160px);}
.marquee-track span{font-size:1.8rem;padding-right:60px;}
.editorial-row{flex-direction:column;gap:30px;}
.editorial-logo img{width:100%;max-width:300px;padding:0;}
.editorial-info-line{gap:20px;justify-content:space-between;}
.info-group{flex:1;width:100%;}
.alt-text,.alt-text1{border-radius:32px;min-height:auto;}
}

@media (max-width:576px){
.contact-section{min-height:40vh;}
.contact-actions{gap:12px;top:12px;font-size:0.85rem;flex-wrap:wrap;}
.contact-actions a{white-space:nowrap;}
.contact-bubble{top:65%;left:clamp(8px,5vw,40px);width:clamp(84px,10vw,120px);height:clamp(84px,10vw,120px);}
.marquee-track span{font-size:1.4rem;padding-right:40px;}
.alt-section{gap:15px;padding:20px 15px;}
.alt-image{min-height:clamp(250px,60vw,400px);}
.alt-text{padding:20px;border-radius:24px;min-height:clamp(200px,50vw,300px);}
.alt-text1{min-height:clamp(150px,40vw,250px);padding:15px;}
.alt-btn-wrapper{left:calc(50% + var(--eg-adjust-x-576) + var(--eg-adjust-x-global));top:calc(65% + var(--eg-adjust-y-576) + var(--eg-adjust-y-global));}
:root{--eg-img-width:var(--eg-img-width-576);--eg-img-maxw:var(--eg-img-maxw-576);}
.editorial-section{padding:30px 15px;margin-top:60px;}
}

@media (max-width:400px){
.contact-section{min-height:35vh;}
.contact-actions{gap:8px;top:10px;font-size:0.75rem;}
.contact-bubble{top:60%;width:clamp(70px,8vw,100px);height:clamp(70px,8vw,100px);}
.marquee-track{animation:marqueeMove 15s linear infinite;}
.marquee-track span{font-size:1.1rem;padding-right:30px;}
.alt-section{gap:10px;padding:15px 10px;}
.alt-image{min-height:clamp(200px,70vw,350px);}
.alt-text{padding:15px;border-radius:20px;min-height:200px;}
.alt-btn-wrapper{left:calc(50% + var(--eg-adjust-x-400) + var(--eg-adjust-x-global));top:calc(60% + var(--eg-adjust-y-400) + var(--eg-adjust-y-global));}
:root{--eg-img-width:var(--eg-img-width-400);--eg-img-maxw:var(--eg-img-maxw-400);}
.editorial-logo img{max-width:100%;}
.info-group{margin-bottom:20px;}
.contact-actions a{font-size:0.75rem;}
.alt-image-layered{
min-height:520px;
padding-bottom:80px;
}
.layer-bg{left:50%;}
.layer-bg img{
width:100vw;
max-width:100vw;
height:auto;
object-fit:cover;
}
.layer-top{
left:50%;
width:320px;
}
.layer-top img{width:100%;}

.editorial-section{margin-top:80px;}
.editorial-logo img{width:min(80vw,420px);padding:0 0 20px 0;}
.editorial-info-line{gap:32px;justify-content:center;flex-wrap:nowrap;}
.info-group{flex:1 1 260px;}
}

@media (max-width:768px){
.contact-section{min-height:46vh;}
.contact-actions{
top:14px;
gap:14px;
padding-inline:8px;
max-width:calc(100% - 16px);
}
.contact-bubble{
position:static;
transform:none;
margin:24px auto 0;
width: 140px;
height: 125px;
}

.dish-marquee-section{box-shadow:0 14px 40px rgba(0,0,0,.45);}
.marquee-track span{font-size:1.8rem;padding-right:56px;letter-spacing:1px;}

.alt-section{gap:28px;}
.alt-image{min-height:unset;}
.alt-text{border-radius:36px;padding:24px;}
.alt-text1{
min-height:var(--sectioninfo2-min-h-768);
padding:20px;
}
.alt-btn-wrapper{
left:calc(clamp(130px,23vw,280px) + var(--eg-adjust-x-768) + var(--eg-adjust-x-global));
top:calc(67% + var(--eg-adjust-y-768) + var(--eg-adjust-y-global));
}
:root{
--eg-img-width:var(--eg-img-width-768);
--eg-img-maxw:var(--eg-img-maxw-768);
}

.alt-image-layered{min-height:440px;padding-bottom:60px;}
.layer-bg img{width:100vw;max-width:100vw;}
.layer-top{width:240px;}

.editorial-section{padding-top:30px;padding-bottom:30px;}
.editorial-info-line{gap:24px;justify-content:space-between;}
.info-group h4{font-size:.85rem;}
.info-group p{font-size:.95rem;}
}

@media (min-width:577px) and (max-width:768px){
.alt-btn-wrapper{
left:calc(35% + var(--eg-adjust-x-global));
top:calc(98% + var(--eg-adjust-y-global));
width:auto;
}
:root{
--eg-img-width:clamp(150px,48vw,320px);
--eg-img-maxw:86vw;
}
}

@media (max-width:576px){
body{line-height:1.5;}
.contact-section{min-height:42vh;}
.contact-actions a{font-size:.9rem;}
.contact-bubble{width:108 px;height: 96px;}

.marquee-track span{font-size:1.4rem;padding-right:40px;}

.alt-text{border-radius:28px;}
.alt-text1{min-height:var(--sectioninfo2-min-h-576);}
.alt-btn-wrapper{
position:static;
transform:none;
width:100%;
display:flex;
justify-content:center;
margin-top:16px;
}
.image-btn img{
max-width:min(92vw,320px);
}
:root{
--eg-img-width:var(--eg-img-width-576);
--eg-img-maxw:var(--eg-img-maxw-576);
}

.layer-bg img{width:100vw;max-width:100vw;}
.layer-top{width:200px;}

.editorial-logo img{width:min(84vw,360px);}
.info-group{padding-left:14px;}
.info-group::before{height:28px;}
}

@media (min-width:1600px){
.contact-section{min-height:62vh;}
.marquee-track span{font-size:clamp(2.8rem,2.6vw,4rem);}
.alt-text1{min-height:var(--sectioninfo2-min-h-1600);}
:root{
--eg-img-width:var(--eg-img-width-1600);
--eg-img-maxw:var(--eg-img-maxw-1600);
}
}

@media (min-width:1400px) and (max-width:2199px){
.alt-btn-wrapper{
left:calc(var(--eg-pos-left-desktop-lg) + var(--eg-adjust-x-desktop) + var(--eg-adjust-x-desktop-lg) + var(--eg-adjust-x-global));
top:calc(var(--eg-pos-top-desktop-lg) + var(--eg-adjust-y-desktop) + var(--eg-adjust-y-desktop-lg) + var(--eg-adjust-y-global));
}
}

@media (min-width:2200px){
.alt-text1{min-height:var(--sectioninfo2-min-h-2200);}
.alt-btn-wrapper{
left:calc(var(--eg-pos-left-2200) + var(--eg-adjust-x-2200) + var(--eg-adjust-x-global));
top:calc(var(--eg-pos-top-2200) + var(--eg-adjust-y-2200) + var(--eg-adjust-y-global));
}
:root{
--eg-img-width:var(--eg-img-width-2200);
--eg-img-maxw:var(--eg-img-maxw-2200);
}
}

@media (min-width:2400px){
.alt-text1{min-height:var(--sectioninfo2-min-h-2500);}
.alt-btn-wrapper{
left:calc(var(--eg-pos-left-2500) + var(--eg-adjust-x-2500) + var(--eg-adjust-x-global));
top:calc(var(--eg-pos-top-2500) + var(--eg-adjust-y-2500) + var(--eg-adjust-y-global));
}
:root{
--eg-img-width:var(--eg-img-width-2500);
--eg-img-maxw:var(--eg-img-maxw-2500);
}
}

@media (max-width:400px){
.contact-actions{top:10px;gap:10px;padding-inline:6px;}
.contact-actions a{font-size:.82rem;}
.marquee-track span{font-size:1.15rem;padding-right:24px;}
.alt-text{padding:16px;border-radius:20px;}
.alt-text1{
min-height:var(--sectioninfo2-min-h-400);
padding:14px;
}
.alt-btn-wrapper{
position:static;
transform:none;
width:100%;
display:flex;
justify-content:center;
margin-top:12px;
}
.image-btn img{
max-width:min(92vw,280px);
}
:root{
--eg-img-width:var(--eg-img-width-400);
--eg-img-maxw:var(--eg-img-maxw-400);
}
.layer-top{width:170px;}
.editorial-section{margin-top:56px;}
.info-group h4{font-size:.78rem;letter-spacing:1px;}
.info-group p{font-size:.88rem;line-height:1.5;}
}

@media (prefers-reduced-motion:reduce){
*{
animation-duration:0.01ms !important;
animation-iteration-count:1 !important;
transition-duration:0.01ms !important;
scroll-behavior:auto !important;
}
}