:root {
  --color-bg-base: #fcfbf9;
  --color-bg-alt: #f0eee8;
  --color-text-main: #2b2b2b;
  --color-text-muted: #595959;
  --color-accent: #6b665b;
  --color-border: #dddcd5;
  --color-white: #ffffff;
  
  --font-serif: "Playfair Display", Georgia, serif;
  --font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 2rem;
  --spacing-xl: 4rem;
  
  --transition-speed: 0.3s;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background-color: var(--color-bg-base);
  color: var(--color-text-main);
  font-family: var(--font-sans);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-serif);
  font-weight: 400;
  color: var(--color-text-main);
  margin-bottom: var(--spacing-md);
}

h1 { font-size: 2.5rem; line-height: 1.2; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }

p { margin-bottom: var(--spacing-md); }
a { color: var(--color-accent); text-decoration: none; transition: color var(--transition-speed); }
a:hover { color: var(--color-text-main); }
img { max-width: 100%; height: auto; display: block; object-fit: cover; }

/* Layout */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

.section { padding: var(--spacing-xl) 0; }
.section-alt { background-color: var(--color-bg-alt); }
.text-center { text-align: center; }

/* Header & Nav */
.site-header {
  border-bottom: 1px solid var(--color-border);
  padding: var(--spacing-md) 0;
  background-color: var(--color-bg-base);
  position: sticky;
  top: 0;
  z-index: 100;
}

.site-header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.brand-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-serif);
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--color-text-main);
  text-transform: uppercase;
  text-decoration: none;
}

.brand-logo:hover {
  color: var(--color-text-main);
}

.brand-logo-image {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.main-nav {
  display: flex;
  gap: var(--spacing-md);
  flex-wrap: wrap;
}

.main-nav a {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-muted);
}

.main-nav a:hover, .main-nav a.active {
  color: var(--color-text-main);
  border-bottom: 1px solid var(--color-text-main);
}

.mobile-menu-btn {
  display: none;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
}

/* Hero Section */
.hero {
  padding: 6rem 0;
  text-align: center;
  border-bottom: 1px solid var(--color-border);
  background: linear-gradient(to bottom, var(--color-bg-base), var(--color-bg-alt));
}

.hero-subtitle {
  font-family: var(--font-sans);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.85rem;
  color: var(--color-accent);
  margin-bottom: var(--spacing-md);
  display: block;
}

.editorial-statement {
  max-width: 800px;
  margin: var(--spacing-lg) auto 0;
  padding: var(--spacing-md);
  border-left: 2px solid var(--color-accent);
  background: var(--color-white);
  font-style: italic;
  color: var(--color-text-muted);
  text-align: left;
}

/* Grids */
.grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media(min-width: 768px) {
  .grid-2 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(3, 1fr); }
}

/* Property Cards */
.property-card {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  transition: transform var(--transition-speed);
}

.property-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

.card-image-wrap {
  position: relative;
  height: 250px;
  overflow: hidden;
  background: var(--color-bg-alt);
}

.card-image-wrap img {
  width: 100%;
  height: 100%;
}

.card-content {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.location-tag {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-accent);
  margin-bottom: var(--spacing-sm);
}

.card-title {
  font-size: 1.25rem;
  margin-bottom: var(--spacing-md);
}

.hotel-context {
  flex-grow: 1;
  font-size: 0.95rem;
  margin-bottom: var(--spacing-md);
}

.adult-amenity-note {
  font-size: 0.8rem;
  color: var(--color-text-muted);
  padding-top: var(--spacing-md);
  border-top: 1px dashed var(--color-border);
  margin-top: auto;
}

.card-disclaimer {
  font-size: 0.7rem;
  font-style: italic;
  color: var(--color-text-muted);
  margin-top: var(--spacing-sm);
}

/* Tags */
.tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: var(--spacing-md);
}

.tag {
  background: var(--color-bg-alt);
  color: var(--color-text-muted);
  font-size: 0.75rem;
  padding: 0.2rem 0.6rem;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Trip Selector */
.trip-selector {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}

.selector-btn {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  padding: 0.5rem 1.5rem;
  font-family: var(--font-sans);
  font-size: 0.9rem;
  color: var(--color-text-muted);
  cursor: pointer;
  transition: all var(--transition-speed);
}

.selector-btn:hover, .selector-btn.active {
  background: var(--color-accent);
  color: var(--color-white);
  border-color: var(--color-accent);
}

/* Footer */
.site-footer {
  background-color: var(--color-white);
  border-top: 1px solid var(--color-border);
  padding: var(--spacing-xl) 0 var(--spacing-md);
  text-align: center;
  font-size: 0.85rem;
}

.footer-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}

.footer-nav a { color: var(--color-text-muted); }

.footer-disclaimer {
  max-width: 800px;
  margin: 0 auto var(--spacing-lg);
  color: var(--color-text-muted);
}

.footer-address {
  margin: 0 auto var(--spacing-lg);
  color: var(--color-text-muted);
  font-style: normal;
  line-height: 1.5;
  font-size: 0.85rem;
  text-align: center;
}

/* Forms */
.contact-form {
  max-width: 600px;
  margin: 0 auto;
}

.form-group {
  margin-bottom: var(--spacing-md);
}

.form-group label {
  display: block;
  font-size: 0.9rem;
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-main);
}

.form-control {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid var(--color-border);
  font-family: var(--font-sans);
  background: var(--color-white);
}

textarea.form-control { resize: vertical; min-height: 150px; }

.btn {
  display: inline-block;
  background: var(--color-text-main);
  color: var(--color-white);
  padding: 0.75rem 2rem;
  border: none;
  cursor: pointer;
  font-family: var(--font-sans);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.9rem;
  transition: background var(--transition-speed);
}

.btn:hover { background: var(--color-accent); }

/* Cookie Banner */
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--color-white);
  border-top: 1px solid var(--color-border);
  padding: var(--spacing-md);
  box-shadow: 0 -5px 15px rgba(0,0,0,0.05);
  z-index: 1000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  transition: transform var(--transition-speed);
}

.cookie-banner.hidden {
  transform: translateY(100%);
}

.cookie-text { flex: 1 1 300px; font-size: 0.85rem; color: var(--color-text-muted); }
.cookie-actions { display: flex; gap: var(--spacing-sm); flex-wrap: wrap; }
.cookie-btn {
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  cursor: pointer;
  border: 1px solid var(--color-border);
  background: var(--color-bg-base);
}
.cookie-btn.primary {
  background: var(--color-text-main);
  color: var(--color-white);
  border-color: var(--color-text-main);
}

/* Accordion */
.accordion { margin-bottom: var(--spacing-md); border-bottom: 1px solid var(--color-border); }
.accordion-header {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  padding: var(--spacing-md) 0;
  font-family: var(--font-serif);
  font-size: 1.25rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
.accordion-content {
  padding-bottom: var(--spacing-md);
  display: none;
  font-size: 0.95rem;
}
.accordion.active .accordion-content { display: block; }

@media(max-width: 767px) {
  h1 { font-size: 2rem; }
  .mobile-menu-btn { display: block; }
  .main-nav {
    display: none;
    width: 100%;
    flex-direction: column;
    margin-top: var(--spacing-md);
  }
  .main-nav.show { display: flex; }
}

.property-note-detail {
  background: var(--color-white);
  padding: var(--spacing-lg);
  border: 1px solid var(--color-border);
  margin-bottom: var(--spacing-lg);
}

.content-block { margin-bottom: var(--spacing-xl); }
/* ENDFILE */
<!-- FILE: terms.html -->
<!DOCTYPE html>
<html lang="en-CA">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Terms of Use | BrowselyQuarry</title>
  <link rel="stylesheet" href="style.css?v=cb1c92a5">
  <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
  <link rel="icon" type="image/svg+xml" href="favicon.svg">
  <link rel="manifest" href="site.webmanifest">
  <link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
  <header class="site-header">
    <div class="container">
      <a href="./" class="brand-logo">
        <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM2YjY2NWIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMyAyMWgxOCIvPjxwYXRoIGQ9Ik01IDIxVjVhMiAyIDAgMCAxIDItMmgxMGEyIDIgMCAwIDEgMiAydjE2Ii8+PHBhdGggZD0iTTkgMjF2LTRhMiAyIDAgMCAxIDItMmgyYTIgMiAwIDAgMSAyIDJ2NCIvPjxwYXRoIGQ9Ik05IDdoNiIvPjxwYXRoIGQ9Ik05IDExaDYiLz48L3N2Zz4=" alt="BrowselyQuarry Luxury Hotel Editorial Logo" class="brand-logo-image">
        <span>BrowselyQuarry</span>
      </a>
      <nav class="main-nav">
        <a href="./">Home</a>
      </nav>
    </div>
  </header>
  <main class="section">
    <div class="container" style="max-width: 800px;">
      <h1>Terms of Use</h1>
      <p><strong>Effective Date:</strong> January 1, 2026</p>
      
      <p>Welcome to BrowselyQuarry. By accessing and using BrowselyQuarry.lol (the "Site"), you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to abide by these terms, please do not use this Site.</p>
      
      <h3>1. Nature of Service</h3>
      <p>BrowselyQuarry is strictly an independent editorial and informational travel guide. We focus on providing field notes regarding the architecture, dining, and accommodation of Canadian luxury hotels and resorts.</p>
      <ul>
        <li>We are <strong>not</strong> a hotel, travel agency, or booking platform.</li>
        <li>We do <strong>not</strong> process reservations, accept payments, or offer customer service for properties.</li>
        <li>We do <strong>not</strong> operate casinos, provide gambling services, offer betting odds, or facilitate real-money gaming.</li>
      </ul>

      <h3>2. Informational Content & Accuracy</h3>
      <p>All content is provided for planning inspiration. We source information from official property pages at the time of publication. However, amenities, dining hours, and resort operations are subject to change. We accept no liability for discrepancies between our field notes and real-world availability. <strong>You must verify all details with the official hotel or venue before making travel arrangements.</strong></p>

      <h3>3. Intellectual Property Rights</h3>
      <p>All editorial content, styling, and design elements on this Site are the property of BrowselyQuarry and are protected by applicable copyright and trademark law. You may not reproduce, distribute, or create derivative works without express written permission.</p>

      <h3>4. User Conduct</h3>
      <p>You agree to use the Site only for lawful purposes. You are prohibited from using the Site to transmit any malicious code, attempt unauthorized access to our servers, or interfere with the proper working of the Site.</p>

      <h3>5. Disclaimer of Warranties</h3>
      <p>The Site is provided on an "as-is" and "as available" basis. BrowselyQuarry makes no representations or warranties of any kind, express or implied, regarding the operation of the Site or the information contained within it.</p>

      <h3>6. Limitation of Liability</h3>
      <p>In no event shall BrowselyQuarry, its editors, or affiliates be liable for any direct, indirect, incidental, or consequential damages arising out of your use of the Site or reliance on its content.</p>

      <h3>7. Changes to Terms</h3>
      <p>We reserve the right to modify these Terms of Use at any time. Your continued use of the Site following the posting of changes will mean you accept those changes.</p>

      <h3>8. Contact Information</h3>
      <p>If you have any questions about these Terms, please contact us using our contact form.</p>
    </div>
  </main>
  <footer class="site-footer">
    <div class="container">
      <nav class="footer-nav">
        <a href="privacy.html">Privacy Policy</a>
        <a href="terms.html">Terms of Use</a>
        <a href="cookies.html">Cookie Policy</a>
        <a href="accessibility.html">Accessibility</a>
        <a href="editorial-disclaimer.html">Editorial Disclaimer</a>
      </nav>
      <address class="footer-address">245 King Street West, Toronto, ON M5V 1J2, Canada</address>
      <p>&copy; 2026 BrowselyQuarry.lol. All rights reserved.</p>
    </div>
  </footer>
</body>
</html>