@import url('https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@400,500,600,700&f[]=general-sans@400,500,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap');

:root{
  --color-primary:#365F55;
  --color-primary-dark:#284A45;
  --color-secondary:#8FA889;
  --color-accent:#C6A55F;
  --color-accent-2:#956555;
  --color-bg:#F3F6F1;
  --color-bg-soft:#E4ECE6;
  --color-bg-contrast:#4E625A;
  --color-text:#27302D;
  --color-text-soft:#5A655F;
  --color-white:#FFFFFF;

  --gradient-hero:linear-gradient(135deg,#284A45 0%,#365F55 52%,#789286 100%);
  --gradient-section-light:linear-gradient(180deg,#F3F6F1 0%,#E4ECE6 100%);
  --gradient-button:linear-gradient(135deg,#B89450 0%,#D0B878 100%);
  --color-button-hover:#D8C48E;
  --gradient-green:linear-gradient(135deg,#365F55 0%,#627E71 100%);
  --overlay-photo:rgba(32,66,61,0.32);

  --font-display:'Instrument Serif', 'Georgia', serif;
  --font-heading:'Cabinet Grotesk','General Sans',sans-serif;
  --font-body:'Manrope',sans-serif;
  --font-mono:'IBM Plex Mono','IBM Plex Sans',monospace;

  --container-w:1240px;
  --radius-lg:22px;
  --radius-md:14px;
  --radius-sm:8px;
  --shadow-soft:0 20px 60px -20px rgba(39,48,45,0.18);
  --shadow-card:0 14px 40px -18px rgba(39,48,45,0.22);
  --ease-premium:cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
html,body{overflow-x:hidden;max-width:100%;}
body{
  position:relative;
  margin:0;
  background:var(--color-bg);
  color:var(--color-text);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4{
  font-family:var(--font-heading);
  font-weight:600;
  color:var(--color-text);
  margin:0;
  letter-spacing:-0.01em;
  line-height:1.12;
}

.display{
  font-family:var(--font-display);
  font-weight:400;
  font-style:normal;
  letter-spacing:-0.01em;
  line-height:1.05;
}

p{margin:0;line-height:1.62;color:var(--color-text-soft);}

a{color:inherit;text-decoration:none;}

.mono{
  font-family:var(--font-mono);
  letter-spacing:0.06em;
  text-transform:uppercase;
  font-size:12.5px;
}

.text-accent{color:var(--color-accent);}
.text-accent-2{color:var(--color-accent-2);}
.text-secondary{color:var(--color-secondary);}
.text-on-dark{color:rgba(255,255,255,0.92);}
.text-on-dark-soft{color:rgba(255,255,255,0.68);}

::selection{background:var(--color-accent);color:#2a2114;}

img{max-width:100%;display:block;}