:root{--black:#111;--white:#fff;--spacing-md:3rem;--spacing-lg:5rem;--spacing-xl:7rem;--content-width:1350px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--white);color:var(--black);font-family:"Cormorant Garamond",Georgia,serif;-webkit-font-smoothing:antialiased}.page{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 60px}img{display:block;max-width:100%;height:auto}.header{width:100%;padding:40px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:block;flex:0 0 auto}.logo img{width:140px}nav{display:flex;align-items:center;gap:20px}nav a{color:var(--black);text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}nav a:hover{opacity:.5}.about-page{width:100%;margin-top:var(--spacing-md)}.intro-grid,.experience-grid,.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-bottom:var(--spacing-xl)}.portrait,.spaniel,.illustrations{margin:0;padding:0;width:100%}.portrait img,.spaniel img,.illustrations img{width:100%;height:auto;object-fit:contain}.intro-copy,.international{padding-top:10px}h1{font-size:36px;font-weight:400;line-height:1.3;margin:0 0 30px;letter-spacing:-.5px}p{font-size:17px;line-height:1.7;margin:0 0 24px;max-width:52ch}.swallow-line{display:block;width:auto;max-width:130px;height:auto;margin-top:30px;opacity:.85;object-fit:contain}.cocodrile{display:block;width:auto;max-width:130px;height:auto;margin-top:30px;opacity:.85;object-fit:contain}.quote-column{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%}.quote{font-family:'Caveat',cursive;font-size:32px;line-weight:1.3;line-height:1.3;color:var(--black);margin-bottom:10px}.closing{width:100%;max-width:800px;margin:0 auto var(--spacing-xl);text-align:left}.closing p{max-width:100%;font-size:18px}.contact{display:flex;align-items:center;gap:20px;margin-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.contact img{width:auto;max-width:80px;height:auto;object-fit:contain}.contact a{font-size:18px;color:var(--black);text-decoration:none;font-weight:500}.contact a:hover{opacity:.6}@media(max-width:900px){.page{padding:0 30px}.header{flex-direction:column;align-items:flex-start;gap:15px}nav{flex-wrap:wrap;gap:12px}.intro-grid,.experience-grid,.quote-grid{grid-template-columns:1fr;gap:40px;margin-bottom:var(--spacing-lg)}.experience-grid .spaniel{grid-row:2}}


/* FINAL SITE-WIDE MENU — typography and spacing only; page composition unchanged. */
.header nav { gap: 26px; flex-wrap: nowrap; }
.header nav a { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 400; letter-spacing: 0; text-transform: uppercase; }


/* RESPONSIVE MOBILE — keep the approved alternating content but make the header and columns phone-friendly. */
@media(max-width:600px){
  .page{padding:0 20px !important;}
  .header{padding:20px 0 !important;align-items:flex-start !important;gap:16px !important;}
  .logo img{width:72px !important;}
  nav{gap:9px 14px !important;flex-wrap:wrap !important;justify-content:flex-end !important;}
  nav a{font-size:8px !important;letter-spacing:0 !important;}
  .about-page{margin-top:25px !important;}
  .intro-grid,.experience-grid,.quote-grid{gap:28px !important;margin-bottom:55px !important;}
  h1{font-size:38px !important;}
  p{font-size:16px !important;line-height:1.55 !important;max-width:none !important;}
  .quote{font-size:29px !important;}
  .closing p{font-size:17px !important;}
  .contact{gap:14px !important;}
}


/* RESPONSIVE SAFEGUARDS — mobile only */
@media (max-width: 600px) {
  html, body { width:100%; max-width:100%; overflow-x:hidden; }
  .page { width:100% !important; max-width:100%; margin:0; padding:0 20px !important; }
  .header { width:100%; padding:20px 0 !important; display:flex; flex-direction:column; align-items:flex-start !important; gap:16px !important; }
  .logo { width:68px; }
  .logo img { width:100% !important; height:auto; }
  nav { width:100%; display:flex; flex-wrap:wrap !important; justify-content:flex-start !important; gap:8px 11px !important; }
  nav a { font-size:8px !important; line-height:1.2; letter-spacing:0 !important; white-space:normal; }
  .about-page { width:100%; margin-top:18px !important; }
  .intro-grid, .experience-grid, .quote-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:24px !important; margin-bottom:44px !important; }
  .portrait, .spaniel, .international, .intro-copy, .quote-column, .illustrations { width:100%; max-width:100%; min-width:0; }
  .portrait img, .spaniel img, .illustrations img { display:block; width:100%; max-width:100%; height:auto; object-fit:contain; }
  h1 { font-size:clamp(30px,8.5vw,38px) !important; line-height:1.15 !important; margin:0 0 20px !important; overflow-wrap:anywhere; }
  p { max-width:100% !important; font-size:16px !important; line-height:1.55 !important; overflow-wrap:anywhere; }
  .swallow-line, .cocodrile { max-width:120px; height:auto; }
  .quote { font-size:29px !important; line-height:1.2 !important; overflow-wrap:anywhere; }
  .closing p { font-size:17px !important; }
  .contact { display:flex; flex-wrap:wrap; gap:14px !important; }
}

/* V8 targeted refinements */

@media (max-width:800px){
  .site-header{flex-wrap:wrap !important;align-items:center !important;gap:10px 12px !important;}
  .site-header nav,.site-header .main-nav{order:2;display:flex !important;flex:0 0 100% !important;width:100% !important;max-width:100% !important;min-width:0 !important;flex-wrap:nowrap !important;justify-content:flex-start !important;gap:0 13px !important;overflow-x:auto !important;overflow-y:hidden !important;white-space:nowrap !important;padding:5px 0 8px !important;scrollbar-width:none;}
  .site-header nav::-webkit-scrollbar,.site-header .main-nav::-webkit-scrollbar{display:none;}
  .site-header nav a,.site-header .main-nav a{flex:0 0 auto !important;white-space:nowrap !important;font-size:8px !important;line-height:1.2 !important;letter-spacing:0 !important;}
}