/* ============================================================
   farahdarwich.ae — production styles
   Design tokens (README):
   Sage #8A9688 · Rich Navy #011627 · Blush #D9BCAF · Pine #283D3B
   Plum #795663 · Card Blush #EAD8CE · Photo mat #ccb1a2
   ============================================================ */

/* ---------- self-hosted fonts ---------- */
@font-face{font-family:'Space Grotesk';src:url('../fonts/SpaceGrotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:'Readex Pro';src:url('../fonts/ReadexPro.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:'Source Code Pro';src:url('../fonts/SourceCodePro.ttf') format('truetype');font-weight:400 600;font-display:swap}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Space Grotesk',system-ui,sans-serif;color:#011627;-webkit-font-smoothing:antialiased;overflow-x:hidden}

/* ---------- custom cursor ---------- */
html.fd-cur-none,html.fd-cur-none *{cursor:none!important}
.fd-cursor{position:fixed;top:0;left:0;z-index:200;pointer-events:none;width:16px;height:16px;border-radius:50%;background:#795663;transform:translate(-50%,-50%);transition:width .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s,opacity .3s;border:2px solid transparent;opacity:0}
@media (hover:none),(pointer:coarse){.fd-cursor{display:none!important}}
@media (prefers-reduced-motion:reduce){.fd-cursor{display:none!important}}

[data-marquee]{cursor:grab}
[data-marquee]:active{cursor:grabbing}

@keyframes fd-blink{0%,49%{opacity:1}50%,100%{opacity:0}}

/* ---------- nav ---------- */
.fd-nav{position:fixed;top:0;left:0;right:0;z-index:120;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(20px,4vw,56px);transition:background .4s ease,box-shadow .4s ease,color .4s ease;background:transparent}
.fd-nav-home{font-weight:600;font-size:16px;letter-spacing:-.01em;color:inherit;text-decoration:none}
.fd-nav-links{display:flex;align-items:center;gap:clamp(14px,2.4vw,34px);font-size:13.5px;letter-spacing:.02em}
.fd-navlink{color:inherit;text-decoration:none;opacity:.82}
.fd-navlink.is-current{color:#795663;opacity:1;font-weight:500}

/* ---------- contact rows ---------- */
.fd-contact{text-decoration:none;color:#011627;transition:color .3s ease}
.fd-contact .fd-cdot{background:rgba(1,22,39,.06);color:#795663;transition:background .3s ease,color .3s ease}
.fd-contact .fd-clabel{border-bottom:1px solid transparent;padding-bottom:1px;transition:border-color .3s ease}
.fd-contact:hover{color:#795663}
.fd-contact:hover .fd-cdot{background:#795663;color:#D9BCAF}
.fd-contact:hover .fd-clabel{border-bottom-color:#795663}

/* ---------- teaser chips / CTA ---------- */
.fd-chip{transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s ease}
.fd-chip:hover{transform:translateY(-5px) rotate(-1.2deg);opacity:.72}
.fd-cta{transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s ease,color .35s ease}
.fd-cta:hover{transform:translateY(-6px);background:#D9BCAF !important;color:#795663 !important}

/* ---------- BlueMint footer link ---------- */
.fd-bluemint{transition:color .3s ease}
.fd-bluemint:hover{color:#D9BCAF !important}

/* ---------- Published Work: filter selects ---------- */
select.fd-sel{font-family:'Space Grotesk',sans-serif;font-size:13.5px;color:#011627;background:transparent;border:1px solid rgba(1,22,39,.28);border-radius:100px;padding:9px 36px 9px 16px;appearance:none;-webkit-appearance:none;outline:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><path d='M1 3l4 4 4-4' fill='none' stroke='%23795663' stroke-width='1.4'/></svg>");background-repeat:no-repeat;background-position:right 14px center;transition:border-color .3s,color .3s}
select.fd-sel:focus{border-color:#795663}
select.fd-sel.on{border-color:#795663;color:#795663}
select.fd-sel option{background:#D9BCAF;color:#011627}

/* ---------- Published Work: cards ---------- */
.fd-workcard{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.fd-workcard:hover{transform:translateY(-4px);border-color:#795663 !important;box-shadow:0 24px 42px -24px rgba(1,22,39,.6) !important}

/* ---------- filter chips ---------- */
.fd-fchip{font-family:'Space Grotesk',sans-serif;font-size:12.5px;padding:6px 13px;border-radius:100px;border:1px solid rgba(1,22,39,.28);background:transparent;color:#011627;transition:all .25s;cursor:pointer}
.fd-fchip.on{border-color:#795663;background:#795663;color:#D9BCAF}
.fd-clear{font-family:'Space Grotesk',sans-serif;font-size:12.5px;padding:8px 15px;border-radius:100px;border:1px solid rgba(1,22,39,.18);background:transparent;color:rgba(1,22,39,.35);transition:all .25s;cursor:pointer}
.fd-clear.active{border-color:#795663;color:#795663}