*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07090c;color:#fff;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}
:root{--pink:#ff167d;--cyan:#56d8ff;--gold:#d7ae67;--line:#252a31;--muted:#9da3ad;--max:1280px}
.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}
header{height:76px;position:fixed;inset:0 0 auto;z-index:30;background:rgba(5,7,10,.9);backdrop-filter:blur(16px);border-bottom:1px solid #20242a}
.nav{height:100%;display:flex;align-items:center;gap:34px}.brand{margin-right:auto;display:flex;align-items:center}.brand img{display:block;width:205px;max-height:58px;object-fit:contain;object-position:left center}.wordmark{font-size:28px;font-weight:900;font-style:italic}.wordmark span{color:var(--pink)}nav{display:flex;gap:30px;font-size:13px;color:#d9dce1}nav a:hover{color:#fff}.quote{background:var(--pink);padding:12px 20px;border-radius:3px;font-weight:800;font-size:12px}#menu{display:none;background:none;border:0;color:#fff;font-size:26px}
.hero{min-height:800px;position:relative;display:flex;align-items:center;padding-top:76px;background:#0a0d12 center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,8,.96) 0%,rgba(3,5,8,.79) 39%,rgba(3,5,8,.18) 72%,rgba(3,5,8,.45) 100%),linear-gradient(0deg,#07090c 0%,transparent 28%)}.hero .wrap{position:relative;z-index:2}.hero-copy{max-width:660px;padding:80px 0 120px}.eyebrow{font-size:12px;letter-spacing:.28em;color:var(--gold);font-weight:800;margin:0 0 20px}h1{font-size:clamp(58px,6vw,90px);line-height:.88;letter-spacing:-.055em;margin:0;font-weight:950}h1 em{font-style:normal;color:var(--pink)}.hero h2{font-size:28px;margin:26px 0 12px}.lead{max-width:550px;color:#c1c5cc;line-height:1.8;font-size:15px}.actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 23px;border:1px solid #3a4049;font-size:13px;font-weight:800}.btn.primary{background:var(--pink);border-color:var(--pink)}.stats{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--line);background:rgba(7,9,12,.8)}.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:22px 24px;border-right:1px solid var(--line)}.stat:first-child{border-left:1px solid var(--line)}.stat b{display:block;font-size:14px}.stat small{display:block;color:#777f8b;margin-top:6px}
section{padding:100px 0}.sectiontop{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.sectiontop h2,.custom h2,.aboutcopy h2,.contact h2{font-size:clamp(34px,4vw,54px);line-height:1.08;margin:8px 0 0}.sectiontop p{color:var(--muted);max-width:440px;line-height:1.7}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{height:430px;position:relative;overflow:hidden;background:#11151b;border:1px solid #252a31}.card>img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}.card:hover>img{transform:scale(1.025)}.shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,5,8,.96),transparent 66%)}.cardcopy{position:absolute;left:24px;right:24px;bottom:23px}.cardcopy small{color:var(--pink);font-weight:800;letter-spacing:.18em}.cardcopy h3{font-size:22px;margin:8px 0}.cardcopy p{color:#adb2ba;font-size:13px;margin:0 0 16px}.cardcopy a{font-size:12px;font-weight:800}.missing{display:grid;place-items:center;height:100%;background:linear-gradient(135deg,#161a20,#0b0e12);color:#777}
.custom{background:#0c0f14;border-block:1px solid var(--line)}.customgrid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}.custom p{color:#aeb4bd;line-height:1.8}.specgrid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.spec{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:120px}.spec:nth-child(2n){border-right:0}.spec:nth-last-child(-n+2){border-bottom:0}.spec i{font-style:normal;color:var(--pink);font-size:12px}.spec b{display:block;font-size:17px;margin:12px 0 5px}.spec small{color:#737b87}
.craft{padding:0}.craftgrid{min-height:590px;display:grid;grid-template-columns:1.1fr .9fr}.craftphoto{background:#12161c center/cover no-repeat}.craftcopy{padding:90px max(40px,calc((100vw - var(--max))/2));padding-left:70px;display:flex;flex-direction:column;justify-content:center;background:#090b0f}.craftcopy p{color:#aeb4bd;line-height:1.85;max-width:520px}
.gallery{background:#0b0e12}.mosaic{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:280px 280px;gap:16px}.tile{position:relative;background:#151920 center/cover no-repeat;overflow:hidden}.tile:first-child{grid-row:1/3}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent)}.tile span{position:absolute;left:22px;bottom:20px;z-index:2;font-weight:900;font-size:20px}
.contactgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.contact p{color:#aeb4bd;line-height:1.8}.contactbox{border:1px solid var(--line);padding:32px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.contactbox a{border:1px solid var(--line);padding:20px;color:#d8dbe0}.contactbox small{display:block;color:#747c87;margin-top:7px}
footer{border-top:1px solid var(--line);padding:35px 0;color:#747c87;font-size:12px}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}footer img{width:160px;max-height:48px;object-fit:contain;object-position:left}
.mobilebar{display:none}
@media(max-width:900px){nav,.quote{display:none}#menu{display:block}.hero{min-height:760px;background-position:62% center}.hero-copy{padding-top:150px;max-width:560px}.stats .wrap{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr}.customgrid,.craftgrid,.contactgrid{grid-template-columns:1fr}.craftphoto{min-height:420px}.craftcopy{padding:65px 32px}}
@media(max-width:560px){.wrap{width:min(100% - 28px,var(--max))}header{height:64px}.brand img{width:155px;max-height:45px}.hero{padding-top:64px;min-height:780px;background-position:64% center}.hero:before{background:linear-gradient(0deg,#07090c 0%,rgba(4,6,9,.62) 56%,rgba(4,6,9,.18) 100%)}.hero-copy{padding:320px 0 155px}h1{font-size:50px}.hero h2{font-size:22px}.lead{font-size:14px}.actions{flex-direction:column;align-items:stretch}.stats .wrap{grid-template-columns:1fr 1fr}.stat{padding:16px 12px}section{padding:72px 0}.sectiontop{display:block}.grid{grid-template-columns:1fr}.card{height:410px}.customgrid{gap:42px}.spec{padding:20px;min-height:105px}.mosaic{grid-template-columns:1fr;grid-template-rows:310px 220px 220px}.tile:first-child{grid-row:auto}.contactbox{grid-template-columns:1fr;padding:18px}footer{padding-bottom:90px}footer .wrap{display:block}footer img{margin-bottom:16px}.mobilebar{display:grid;position:fixed;z-index:40;bottom:0;left:0;right:0;grid-template-columns:1fr 1fr;background:#080a0d;border-top:1px solid var(--line);padding:8px;gap:8px}.mobilebar a{padding:13px;text-align:center;border:1px solid #30353d;font-size:13px;font-weight:800}.mobilebar a:last-child{background:var(--pink);border-color:var(--pink)}}



.brand img{width:230px;max-height:62px;object-fit:contain;object-position:left center}
footer img{width:190px;max-height:62px;object-fit:contain;object-position:left center}
@media(max-width:560px){
  .brand img{width:172px;max-height:48px}
  footer img{width:170px;max-height:52px}
}

.social-item{
display:flex;
align-items:center;
gap:16px;
}
.social-item img{
width:32px;
height:32px;
object-fit:contain;
display:block;
}
.social-item span{
display:flex;
flex-direction:column;
}

.social-item{
    display:flex;
    align-items:center;
    gap:18px;
}
.social-item img{
    width:34px;
    height:34px;
    opacity:.95;
}


/* Social icons: use the user's official SVGs */
.social-item{
  display:flex;
  align-items:center;
  gap:18px;
}
.social-item .social-icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  object-fit:contain;
  display:block;
}
.social-item span{
  display:flex;
  flex-direction:column;
}

/* The user-supplied mail icon is black on transparent.
   Invert it so it stays visible on the dark ARCADE SIR background. */
.social-item .email-icon{
  filter: brightness(0) invert(1);
}

/* final social icon alignment */
.social-item{
 display:flex;
 align-items:center;
 gap:18px;
}
.social-item .social-icon{
 width:40px;
 height:40px;
 object-fit:contain;
 display:block;
 flex:none;
}

.contact-item-final{
 display:flex;
 align-items:center;
 gap:18px;
}
.contact-item-final img{
 width:40px;
 height:40px;
 object-fit:contain;
 display:block;
}
.contact-item-final .email-final{
 filter:brightness(0) invert(1);
}


/* ARCADE SIR social icon final sizing */
.social-item img,
.contact-item-final img,
.social-icon {
    width: 38px !important;
    height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    object-fit: contain !important;
    flex: 0 0 38px;
}

/* keep official icons but fit luxury dark theme */
.email-icon,
.email-final {
    filter: invert(1) brightness(1.2) !important;
}

/* Instagram was oversized because it was inserted without icon wrapper */
.instagram-icon {
    width: 38px !important;
    height: 38px !important;
}

/* alignment */
.social-item,
.contact-item-final {
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
}


/* Final fix: enforce identical icon sizing/alignment for all 4 social cards */
.contactbox > a.social-item{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
}
.contactbox > a.social-item > img.social-icon{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  object-fit:contain !important;
  flex:0 0 38px !important;
  display:block !important;
}
.contactbox > a.social-item > img.email-icon{
  filter: invert(1) brightness(1.15) !important;
}