*{margin:0;padding:0;box-sizing:border-box;}
body{background:#FAF8F4;font-family:'Syne',sans-serif;color:#1F1B16;-webkit-font-smoothing:antialiased;}
nav{display:flex;justify-content:space-between;align-items:center;padding:16px 48px;position:sticky;top:0;z-index:100;background:rgba(250,248,244,.92);backdrop-filter:blur(10px);border-bottom:1px solid #EFE9DD;}
.logo-img{height:36px;width:auto;display:block;}
.nav-links{display:flex;gap:28px;align-items:center;}
.nav-links a{font-family:'Syne',sans-serif;font-size:13px;font-weight:500;color:#5F5246;text-decoration:none;transition:color .15s;}
.nav-links a:hover,.nav-links a.active{color:#1F1B16;}
.nav-links .cta{color:#FAF8F4;background:#1F1B16;padding:10px 22px;border-radius:999px;font-weight:600;}
.nav-links .cta:hover{background:#3A3228;color:#FAF8F4;}
.mock-hero-title{font-family:'Cormorant',serif;font-weight:600;color:#1F1B16;line-height:1.08;margin:0;letter-spacing:-1.2px;font-size:clamp(22px,5vw,40px);}
.mock-hero-sub{font-family:'Syne',sans-serif;font-size:clamp(11px,1.4vw,13px);color:#5F5246;margin:16px auto 0;max-width:380px;line-height:1.7;}
.mock-hero-btn{font-family:'Syne',sans-serif;font-size:13px;font-weight:600;display:inline-block;margin-top:18px;color:#FAF8F4;background:#1F1B16;padding:11px 26px;border-radius:999px;}
.mock-label-dark{font-family:'Syne',sans-serif;font-size:11px;letter-spacing:2px;color:#1F1B16;}
.mock-label-muted{font-family:'Syne',sans-serif;font-size:11px;color:#A39B8D;}
.mock-label-pop{font-family:'Syne',sans-serif;font-size:11px;letter-spacing:2px;color:#B0531F;}
.mock-label-pop2{font-family:'Syne',sans-serif;font-size:11px;color:#C99A6B;}
.mock-footer-kicker{font-family:'Syne',sans-serif;font-size:11px;letter-spacing:3px;color:#A39B8D;margin:0;}
.mock-footer-title{font-family:'Cormorant',serif;font-size:38px;font-weight:400;color:#1F1B16;margin:12px 0 0;letter-spacing:-1px;}
.mock-footer-btn{font-family:'Syne',sans-serif;font-size:13px;font-weight:600;display:inline-block;margin-top:20px;color:#FAF8F4;background:#1F1B16;padding:11px 26px;border-radius:999px;}
.mock-footer-copy{font-family:'Syne',sans-serif;font-size:11px;color:#A39B8D;}
.strip{overflow:hidden;cursor:grab;}
.track{display:flex;gap:18px;width:max-content;will-change:transform;pointer-events:auto;}
.pc-only{display:block;}
.mobile-only{display:none;}
.portfolio-card{position:relative;}
.portfolio-card .view-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1F1B16;color:#FAF8F4;padding:12px 28px;border-radius:999px;font-family:'Syne',sans-serif;font-size:13px;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none;z-index:10;}
.portfolio-card:hover .view-btn{opacity:1;pointer-events:auto;}
.portfolio-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);transition:background .3s;border-radius:10px;z-index:5;pointer-events:none;}
.portfolio-card:hover::before{background:rgba(0,0,0,.3);}
h1,h2,h3{font-family:'Cormorant',serif;font-weight:600;color:#1F1B16;line-height:1.08;margin:0;letter-spacing:-1.2px;}
h1{font-size:clamp(36px,6vw,56px);font-weight:700;}
h2{font-size:clamp(24px,4.5vw,40px);}
h3{font-size:clamp(20px,4vw,32px);}
footer{position:relative;overflow:hidden;padding:80px 48px 44px;text-align:center;border-top:1px solid #EFE9DD;}
.fg{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(80,140,110,.72) 0%,rgba(80,140,110,.36) 42%,transparent 70%);bottom:-270px;left:-80px;filter:blur(2px);pointer-events:none;}
.fp{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(220,150,110,.36) 0%,rgba(220,150,110,.10) 45%,transparent 70%);top:-100px;right:-30px;filter:blur(3px);pointer-events:none;}
.fi{position:relative;z-index:2;}
.fi .kicker{font-family:'Poppins',sans-serif;font-size:11px;letter-spacing:3px;color:#A39B8D;}
.fi h2{font-family:'Cormorant',serif;font-size:38px;font-weight:600;letter-spacing:-1px;margin:12px 0 0;}
.fi .btn{font-family:'Syne',sans-serif;font-weight:600;display:inline-block;margin-top:22px;font-size:13px;color:#FAF8F4;background:#1F1B16;padding:12px 28px;border-radius:999px;text-decoration:none;}
.fi .btm{display:flex;justify-content:space-between;align-items:center;margin-top:52px;padding-top:18px;border-top:1px solid #E2DBD0;}
.fi .btm span{font-family:'Poppins',sans-serif;font-size:11px;color:#A39B8D;}
@media (max-width:768px){
  nav{padding:16px 24px;}
  .logo-img{height:40px;}
  .pc-only{display:none !important;}
  .mobile-only{display:block !important;}
  .mobile-only[style*="display:flex"]{display:flex !important;}
  .mock-hero-title{font-size:clamp(18px,4.5vw,36px);}
  .mock-hero-sub{font-size:clamp(10px,1.2vw,12px);max-width:90%;}
  .strip{padding:8px 0 !important;height:620px;overflow:hidden;display:flex !important;flex-direction:column;}
  .track{display:flex !important;flex-direction:column;width:100% !important;gap:12px;}
}