@charset "utf-8";
/* CSS Document */

/* ============================================================
   FONTS — choose ONE route per client. This is a bake-time
   decision made when the theme is duplicated for a new build,
   driven by the fonts named in the PDF build spec.

   ROUTE A — Self-hosted (@font-face, below).
     For premium / licensed faces (Canela, Founders Grotesk, etc.).
     Drop the .woff2 files into /assets/fonts/ and declare each
     weight as a @font-face block below. This is what the base
     theme ships with, and the usual choice for boutique brands.

   ROUTE B — Google Fonts (@import).
     For Google-hosted families. DELETE the @font-face blocks below
     and add this at the very top of the file, after @charset and
     before :root (import must precede all other rules):
       @import url('https://fonts.googleapis.com/css2?family=...&display=swap');

   Either route: wire the resulting family names into --font-heading
   and --font-body in :root. Never mix routes for the same face.
   ============================================================ */

/* LOAD FONTS */
/* Route A — self-hosted. Files supplied with the Breaq static homepage build. */

/* Cormorant Garamond — display / headings */
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../fonts/cormorant-garamond-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../fonts/cormorant-garamond-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../fonts/cormorant-garamond-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Roboto — UI / body */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* END LOAD FONTS */

:root {

/* color definitions — mapped from the Breaq static homepage build
   (Web/Build/Static Html/2026 09 21 homepage santorini/assets/css/main.css) */
  --color-brand:            #977D4E;  /* design --gold        : primary brand    */
  --color-brand-secondary:  #B79C6C;  /* design --gold-light  : secondary brand  */
  --color-light:            #F6F1EA;  /* design --cream       : bg + text on dark*/
  --color-light-2:          #EDE6DC;  /* design --cream-2     : alternating band */
  --color-dark:             #282724;  /* design --obsidian    : dark sections    */
  --color-text:             #3D3A35;  /* design --ink         : body text        */
  --color-white:            #FFFFFF;
/* end color definitions */

/* NOT YET MAPPED — decide before the overrides pass:
   --cream-3   #E2D9CB  third light tone (no token home)
   --obsidian-2 #32302C second dark, used for raised surfaces
   --muted     #7A736A  per house rule this becomes --color-text at reduced opacity */

/* typography definitions */
--font-heading: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
--font-body: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
/* end typography definitions */
}

.flx
{
	display:flex;
	flex-wrap:wrap;
}
*
{
	box-sizing:border-box;
	
}
html
{
		scroll-behavior:smooth;
}
body, html
{
	margin:0;
	padding:0;
}
.siteWrap
{width:100%;}
/* responsive images */

img.resp
{
	max-width:100%;
	display:block;
	height:auto;
}

/* links */
a {
  text-decoration: none;
  color: inherit;
}

/* base typography */
body {
  font-family: var(--font-body);
  color: var(--color-text);
  font-size: 18px;
  line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
  font-family: var(--font-heading);
  line-height: 1.2;
  margin: 0;
	
}

p {
  margin: 0 0 1em 0;
}
.pageContent 
{
	position:relative;
	
}
.centerWrap
{
}