*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --o:#FF751F;
  --ol:#FF8F45;
  --op:rgba(255,117,31,0.08);
  --b:#F2EDE4;
  --bm:#EDE7DC;
  --bd:#E5DDD1;
  --bw:#FAF6F0;
  --t:#180F06;
  --tm:rgba(24,15,6,0.55);
  --tl:rgba(24,15,6,0.32);
}
html{scroll-behavior:smooth;}
body{font-family:'Be Vietnam Pro',sans-serif;background:var(--b);color:var(--t);overflow-x:hidden;cursor:none;}

/* CURSOR */
.cur{position:fixed;width:8px;height:8px;background:var(--o);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);}
.cur-r{position:fixed;width:30px;height:30px;border:1.5px solid rgba(255,117,31,0.3);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 64px;height:72px;display:flex;justify-content:space-between;align-items:center;transition:all .4s;}
nav.s{background:rgba(242,237,228,0.97);border-bottom:1px solid rgba(24,15,6,0.08);backdrop-filter:blur(16px);}
.nav-logo img{height:34px;width:auto;display:block;}
.nav-r{display:flex;gap:32px;align-items:center;}
.nav-r a{color:var(--tm);text-decoration:none;font-size:13px;font-weight:500;transition:color .3s;}
.nav-r a:hover{color:var(--t);}
.nav-cta{background:var(--o)!important;color:#fff!important;padding:10px 24px!important;border-radius:2px;font-weight:600!important;}
.nav-cta:hover{background:var(--ol)!important;}

/* BUTTONS */
.btn-dark{background:var(--t);color:#fff;text-decoration:none;padding:15px 38px;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border-radius:2px;display:inline-block;transition:all .3s;}
.btn-dark:hover{background:#2d1e0e;transform:translateY(-2px);}
.btn-o{background:var(--o);color:#fff;text-decoration:none;padding:15px 38px;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border-radius:2px;display:inline-block;transition:all .3s;}
.btn-o:hover{background:var(--ol);transform:translateY(-2px);}
.btn-w{background:#fff;color:var(--o);text-decoration:none;padding:15px 38px;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border-radius:2px;display:inline-block;transition:all .3s;}
.btn-w:hover{background:var(--b);transform:translateY(-2px);}
.gh{color:var(--tm);text-decoration:none;font-size:13px;font-weight:500;display:flex;align-items:center;gap:12px;transition:color .3s;}
.gh:hover{color:var(--t);}
.gh::before{content:'';width:30px;height:1px;background:currentColor;}
.ghw{color:rgba(255,255,255,.5);text-decoration:none;font-size:13px;font-weight:500;display:flex;align-items:center;gap:12px;transition:color .3s;}
.ghw:hover{color:#fff;}
.ghw::before{content:'';width:30px;height:1px;background:currentColor;}

/* ORANGE BALL - brand symbol */
.ball { border-radius:50%; background:var(--o); display:inline-block; flex-shrink:0; }
.ball-sm { width:12px; height:12px; }
.ball-md { width:24px; height:24px; }
.ball-lg { width:48px; height:48px; }
.ball-xl { width:80px; height:80px; }
.ball-abs { position:absolute; border-radius:50%; background:var(--o); pointer-events:none; }
/* Section divider ball */
.ball-divider { display:flex; align-items:center; justify-content:center; padding:32px 0; }
.ball-divider .ball { opacity:.7; }
/* Floating balls in sections */
.sec-ball1 { top:40px; right:60px; width:56px; height:56px; opacity:.9; }
.sec-ball2 { bottom:40px; right:120px; width:28px; height:28px; opacity:.5; }
.sec-ball3 { top:50%; right:48px; width:14px; height:14px; opacity:.35; transform:translateY(-50%); }
/* Keystones ball accent */
.ks-ball { position:absolute; top:20px; right:20px; width:20px; height:20px; border-radius:50%; background:var(--o); opacity:.15; transition:opacity .3s; }
.ks-card:hover .ks-ball { opacity:.5; }
/* Way card ball */
.way-ball { width:14px; height:14px; border-radius:50%; background:rgba(255,255,255,.35); margin-bottom:16px; display:block; }
/* CTA ball large */
.mani-ball { position:absolute; top:-40px; right:80px; width:120px; height:120px; border-radius:50%; background:rgba(255,255,255,.12); pointer-events:none; }
.mani-ball2 { position:absolute; bottom:-20px; right:200px; width:60px; height:60px; border-radius:50%; background:rgba(255,255,255,.08); pointer-events:none; }
/* Ticker ball */
.tk-ball { display:inline-block; width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.9); margin:0 8px; vertical-align:middle; flex-shrink:0; }

.lbl{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--o);margin-bottom:14px;font-weight:600;display:flex;align-items:center;gap:10px;}
.lbl::before{content:'';width:18px;height:1px;background:var(--o);}
.lblw{color:rgba(255,255,255,.55);}
.lblw::before{background:rgba(255,255,255,.55);}

/* ─── HERO ─── */
.hero{min-height:100vh;background:var(--b);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:120px 64px 80px;gap:60px;position:relative;overflow:hidden;}
.h-shape{position:absolute;border-radius:50%;pointer-events:none;}
.h-s1{top:-120px;right:-120px;width:560px;height:560px;border:1px solid rgba(255,117,31,0.09);}
.h-s2{top:-20px;right:0px;width:340px;height:340px;border:1px solid rgba(255,117,31,0.06);}
.h-s3{bottom:-80px;left:-80px;width:320px;height:320px;border:1px solid rgba(255,117,31,0.05);}
.h-dot{position:absolute;border-radius:50%;background:var(--o);}
.h-d1{top:18%;right:38%;width:10px;height:10px;opacity:.6;}
.h-d2{bottom:25%;left:30%;width:6px;height:6px;opacity:.4;}

.hero-l{position:relative;z-index:2;}
.h-eyebrow{font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--o);margin-bottom:28px;font-weight:600;display:flex;align-items:center;gap:14px;opacity:0;animation:up .9s ease .3s forwards;}
.h-eyebrow::before{content:'';width:26px;height:1px;background:var(--o);}
.hero h1{font-size:clamp(46px,5.8vw,92px);font-weight:900;line-height:.91;letter-spacing:-3px;color:var(--t);margin-bottom:32px;opacity:0;animation:up .9s ease .5s forwards;}
.hero h1 em{font-style:italic;color:var(--o);}
.hero-sub{font-size:17px;line-height:1.8;color:var(--tm);margin-bottom:44px;font-weight:300;max-width:420px;opacity:0;animation:up .9s ease .7s forwards;}
.hero-cta{display:flex;align-items:center;gap:24px;opacity:0;animation:up .9s ease .9s forwards;}
.hero-sg{margin-top:44px;padding-top:28px;border-top:1px solid rgba(24,15,6,0.1);opacity:0;animation:up .9s ease 1.1s forwards;}
.hero-sg p{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--o);}

.hero-r{position:relative;z-index:2;opacity:0;animation:up .9s ease .6s forwards;}
.h-img{position:relative;}
.h-img-main{border-radius:3px;overflow:hidden;aspect-ratio:3/4;}
.h-img-main img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s;}
.h-img-main:hover img{transform:scale(1.03);}
.h-badge{position:absolute;bottom:-18px;left:-18px;background:var(--o);color:#fff;padding:20px 22px;border-radius:2px;}
.h-badge-n{font-size:38px;font-weight:900;line-height:1;letter-spacing:-2px;}
.h-badge-t{font-size:9px;letter-spacing:2px;text-transform:uppercase;opacity:.75;margin-top:4px;}
.h-tag{position:absolute;top:18px;right:18px;background:rgba(242,237,228,.92);color:var(--t);padding:7px 13px;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;backdrop-filter:blur(8px);border-radius:2px;}

/* TICKER */
.ticker{background:var(--o);padding:13px 0;overflow:hidden;}
.tk-in{display:flex;white-space:nowrap;animation:tick 24s linear infinite;}
.tk-item{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.7);padding:0 30px;flex-shrink:0;}
.tk-item span{color:#fff;}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ─── ABOUT ─── */
.about{background:var(--bw);padding:130px 64px;display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center;}
.about h2{font-size:clamp(40px,4.8vw,70px);font-weight:900;line-height:.93;letter-spacing:-2px;margin-bottom:24px;}
.about p{font-size:16px;line-height:1.85;color:var(--tm);margin-bottom:14px;font-weight:300;}
.about-q{margin-top:32px;padding:22px 22px 22px 26px;border-left:3px solid var(--o);background:var(--op);border-radius:0 3px 3px 0;}
.about-q p{font-size:16px;font-weight:700;color:var(--t);font-style:italic;margin:0;line-height:1.5;}
.a-img{position:relative;overflow:hidden;border-radius:3px;aspect-ratio:4/5;}
.a-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s;}
.a-img:hover img{transform:scale(1.03);}
.a-img-lbl{position:absolute;bottom:18px;left:18px;background:var(--o);color:#fff;padding:9px 14px;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;border-radius:2px;}

/* ─── THE BRANDSKIN WAY (inspired by Everymore Way) ─── */
.way{background:var(--b);padding:130px 64px;}
.way-head{margin-bottom:72px;}
.way-title{font-size:clamp(52px,6.5vw,96px);font-weight:900;line-height:.9;letter-spacing:-3px;}
.way-title em{font-style:italic;color:var(--o);}
.way-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;}
.way-card{background:var(--o);padding:44px 30px 48px;}
.way-icon{font-size:38px;margin-bottom:20px;line-height:1;}
.way-title-c{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff;margin-bottom:14px;}
.way-text{font-size:14px;line-height:1.75;color:rgba(255,255,255,.72);font-weight:300;}

/* ─── KEYSTONES ─── */
.ks{background:var(--bm);padding:130px 64px;}
.ks-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:80px;}
.ks-head h2{font-size:clamp(52px,6.5vw,96px);font-weight:900;line-height:.9;letter-spacing:-3px;}
.ks-head h2 em{font-style:italic;color:var(--o);}
.ks-intro{font-size:16px;line-height:1.8;color:var(--tm);font-weight:300;max-width:380px;}
.ks-intro strong{color:var(--t);font-weight:700;}

.ks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.ks-card{background:var(--bw);padding:48px 36px;position:relative;overflow:hidden;cursor:none;transition:background .3s;}
.ks-card:hover{background:#fff;}
.ks-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--o);transform:scaleX(0);transition:transform .4s;transform-origin:left;}
.ks-card:hover::before{transform:scaleX(1);}
.ks-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:rgba(24,15,6,.06);}
.ks-name{font-size:32px;font-weight:900;letter-spacing:-1px;color:var(--o);margin-bottom:8px;line-height:1;}
.ks-sub{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--t);margin-bottom:20px;opacity:.6;}
.ks-desc{font-size:14px;line-height:1.8;color:var(--tm);font-weight:300;margin-bottom:20px;}
.ks-list{list-style:none;display:flex;flex-direction:column;gap:7px;}
.ks-list li{font-size:12px;color:var(--tl);font-weight:400;display:flex;align-items:flex-start;gap:8px;line-height:1.5;}
.ks-list li::before{content:'—';color:var(--o);font-weight:700;flex-shrink:0;font-size:11px;}

/* ─── SERVICES LIST ─── */
.svc-full{background:var(--b);padding:130px 64px;}
.svc-full-head{margin-bottom:72px;}
.svc-full-head h2{font-size:clamp(52px,6.5vw,96px);font-weight:900;line-height:.9;letter-spacing:-3px;}
.svc-full-head h2 em{font-style:italic;color:var(--o);}
.svc-list{display:flex;flex-direction:column;}
.svc-item{display:grid;grid-template-columns:72px 1fr 1fr 50px;gap:40px;align-items:center;padding:30px 0;border-bottom:1px solid rgba(24,15,6,.1);cursor:none;position:relative;}
.svc-item:first-child{border-top:1px solid rgba(24,15,6,.1);}
.svc-item::before{content:'';position:absolute;left:-64px;right:-64px;top:0;bottom:0;background:var(--op);opacity:0;transition:opacity .3s;pointer-events:none;}
.svc-item:hover::before{opacity:1;}
.svc-n{font-size:11px;letter-spacing:3px;color:var(--tl);font-weight:500;position:relative;z-index:1;}
.svc-name{font-size:clamp(18px,2vw,28px);font-weight:900;letter-spacing:-.5px;color:var(--t);transition:color .3s;position:relative;z-index:1;}
.svc-item:hover .svc-name{color:var(--o);}
.svc-k{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--o);position:relative;z-index:1;opacity:.7;}
.svc-arr{width:42px;height:42px;border:1.5px solid rgba(24,15,6,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--tl);font-size:15px;transition:all .3s;flex-shrink:0;position:relative;z-index:1;}
.svc-item:hover .svc-arr{border-color:var(--o);color:var(--o);transform:rotate(45deg);}

/* ─── WORK ─── */
.work{background:var(--bd);padding:130px 64px;}
.work-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px;}
.work-head h2{font-size:clamp(48px,6vw,88px);font-weight:900;line-height:.92;letter-spacing:-3px;}
.wg{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;}
.wi{position:relative;overflow:hidden;aspect-ratio:16/10;cursor:none;}
.wi img{width:100%;height:100%;object-fit:cover;filter:grayscale(15%) brightness(.82);transition:transform .6s,filter .6s;display:block;}
.wi:hover img{transform:scale(1.05);filter:grayscale(0%) brightness(.92);}
.wi-info{position:absolute;bottom:0;left:0;right:0;padding:28px 24px 22px;background:linear-gradient(to top,rgba(24,15,6,.72) 0%,transparent 100%);transform:translateY(8px);opacity:0;transition:all .4s;}
.wi:hover .wi-info{transform:translateY(0);opacity:1;}
.wi-cat{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--o);font-weight:600;margin-bottom:5px;}
.wi-title{font-size:17px;font-weight:800;letter-spacing:-.2px;color:#fff;}
.wi-tag{position:absolute;top:16px;left:16px;background:var(--o);color:#fff;padding:5px 11px;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;border-radius:2px;}
.wi-full{grid-column:span 2;aspect-ratio:21/9;}

/* ─── MANIFESTO ─── */
.mani{background:var(--o);padding:160px 64px;text-align:center;position:relative;overflow:hidden;}
.mani::before{content:'BRANDSKIN';position:absolute;font-size:clamp(80px,16vw,220px);font-weight:900;color:rgba(255,255,255,.06);top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;letter-spacing:-8px;pointer-events:none;}
.mani-sg{font-size:12px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:32px;display:block;position:relative;}
.mani blockquote{font-size:clamp(28px,4.5vw,64px);font-weight:900;line-height:1.05;letter-spacing:-2px;max-width:860px;margin:0 auto 40px;color:#fff;position:relative;}
.mani blockquote em{font-style:italic;color:rgba(255,255,255,.75);}
.mani p{font-size:17px;line-height:1.8;color:rgba(255,255,255,.65);max-width:480px;margin:0 auto 48px;font-weight:300;position:relative;}

/* ─── HOW WE WORK ─── */
.how{background:var(--bw);padding:130px 64px;}
.how-head{margin-bottom:80px;}
.how-head h2{font-size:clamp(48px,5.5vw,84px);font-weight:900;line-height:.92;letter-spacing:-3px;max-width:700px;}
.how-head h2 em{font-style:italic;color:var(--o);}
.how-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;}
.how-card{padding:48px 44px;background:var(--b);transition:background .3s;position:relative;overflow:hidden;}
.how-card:hover{background:var(--bd);}
.how-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--o);transition:height .4s;}
.how-card:hover::before{height:100%;}
.how-n{font-size:52px;font-weight:900;color:rgba(24,15,6,.06);line-height:1;margin-bottom:20px;letter-spacing:-2px;}
.how-title{font-size:20px;font-weight:800;letter-spacing:-.3px;margin-bottom:12px;color:var(--t);}
.how-text{font-size:14px;line-height:1.8;color:var(--tm);font-weight:300;}

/* ─── STUDIO ─── */
.studio{background:var(--b);display:grid;grid-template-columns:1fr 1fr;min-height:580px;}
.s-img{position:relative;overflow:hidden;}
.s-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s;}
.s-img:hover img{transform:scale(1.04);}
.s-fade{position:absolute;inset:0;background:linear-gradient(to right,transparent 55%,var(--b) 100%);}
.s-badge{position:absolute;top:28px;left:28px;background:var(--o);color:#fff;padding:7px 14px;font-size:10px;letter-spacing:3px;text-transform:uppercase;font-weight:700;border-radius:2px;}
.s-body{padding:90px 60px;display:flex;flex-direction:column;justify-content:center;}
.s-body h2{font-size:clamp(36px,4vw,60px);font-weight:900;line-height:.93;letter-spacing:-1.5px;margin-bottom:20px;}
.s-body p{font-size:15px;line-height:1.8;color:var(--tm);font-weight:300;margin-bottom:10px;}
.s-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin:24px 0 36px;}
.s-list li{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;color:var(--tm);font-weight:300;}
.dot{width:6px;height:6px;min-width:6px;background:var(--o);border-radius:50%;margin-top:9px;}

/* ─── CTA ─── */
.cta{background:var(--t);padding:140px 64px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.cta-l h2{font-size:clamp(48px,6vw,92px);font-weight:900;line-height:.9;letter-spacing:-3px;color:#fff;margin-bottom:24px;}
.cta-l h2 em{font-style:italic;color:var(--o);display:block;}
.cta-l p{font-size:16px;line-height:1.8;color:rgba(255,255,255,.45);font-weight:300;margin-bottom:40px;max-width:380px;}
.cta-btns{display:flex;align-items:center;gap:24px;}
.cta-v{display:flex;align-items:center;justify-content:center;}
.cta-rings{position:relative;width:260px;height:260px;display:flex;align-items:center;justify-content:center;}
.cta-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,117,31,.18);animation:pulse 4s ease-in-out infinite;}
.cta-ring:nth-child(1){width:100%;height:100%;}
.cta-ring:nth-child(2){width:70%;height:70%;animation-delay:.7s;}
.cta-ring:nth-child(3){width:42%;height:42%;animation-delay:1.4s;border-color:rgba(255,117,31,.3);}
.cta-core{width:64px;height:64px;background:radial-gradient(circle at 35% 35%,rgba(255,117,31,.9) 0%,rgba(255,117,31,.2) 70%,transparent 100%);border-radius:50%;}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.04);opacity:1}}

/* ─── FOOTER ─── */
footer{background:var(--bm);border-top:1px solid rgba(24,15,6,.07);}
.ft-top{padding:72px 64px 48px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:52px;border-bottom:1px solid rgba(24,15,6,.07);}
.ft-logo img{height:34px;width:auto;display:block;margin-bottom:14px;}
.ft-sl{font-size:13px;color:var(--tm);margin-bottom:22px;font-style:italic;line-height:1.5;}
.ft-em{font-size:14px;color:var(--t);text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:500;transition:color .3s;}
.ft-em:hover{color:var(--o);}
.ft-em::before{content:'';width:18px;height:1px;background:currentColor;}
.ft-ct{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--o);font-weight:600;margin-bottom:18px;}
.ft-l{list-style:none;display:flex;flex-direction:column;gap:11px;}
.ft-l a{font-size:13px;color:var(--tm);text-decoration:none;transition:color .3s;font-weight:300;}
.ft-l a:hover{color:var(--t);}
.ft-bot{padding:18px 64px;display:flex;justify-content:space-between;align-items:center;}
.ft-co p{font-size:11px;color:var(--tl);line-height:1.9;}
.ft-born{font-style:italic;font-size:12px;color:var(--o);letter-spacing:1px;opacity:.55;white-space:nowrap;}

/* ANIM */
@keyframes up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.r{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease;}
.r.v{opacity:1;transform:translateY(0);}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}.d5{transition-delay:.4s}

/* MOBILE */
@media(max-width:900px){
  nav{padding:0 24px;}.nav-r a:not(.nav-cta){display:none;}
  .hero{grid-template-columns:1fr;padding:100px 24px 60px;gap:40px;}.hero-r{order:-1;}
  .about,.way,.ks,.svc-full,.work,.how,.studio,.cta{padding:80px 24px;}
  .about{grid-template-columns:1fr;gap:40px;}
  .way-grid{grid-template-columns:1fr 1fr;}
  .ks-head{grid-template-columns:1fr;gap:24px;}
  .ks-grid{grid-template-columns:1fr;}
  .svc-item{grid-template-columns:56px 1fr 42px;gap:14px;}.svc-k{display:none;}
  .work-head{flex-direction:column;align-items:flex-start;gap:20px;}
  .wg{grid-template-columns:1fr;}.wi-full{grid-column:span 1;aspect-ratio:16/10;}
  .how-grid{grid-template-columns:1fr;}
  .studio{grid-template-columns:1fr;}.s-body{padding:56px 24px;}
  .cta{grid-template-columns:1fr;}.cta-v{display:none;}
  .ft-top{grid-template-columns:1fr;gap:32px;padding:48px 24px 36px;}
  .ft-bot{flex-direction:column;align-items:flex-start;gap:10px;padding:18px 24px;}
}