/* Apple Watch-inspired clean editorial style */
/* Fonts: Inter (UI), Playfair Display (titles) */

:root{
  --bg: #ffffff;
  --text: #0b0b0b;
  --muted: #6b6b6b;
  --accent: #111111;
  --gap: 88px;
  --max-width: 1200px;
}

body{ font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; color:var(--text); background:var(--bg); margin:0; -webkit-font-smoothing:antialiased;}
.light{ --bg:#ffffff; --text:#0b0b0b; --muted:#6b6b6b; }
.dark{ --bg:#0b0b0b; --text:#f3f3f3; --muted:#9a9a9a; }

/* NAV */
.nav{
  position:fixed; top:0; left:0; right:0; height:72px; display:flex; align-items:center; justify-content:space-between;
  padding:0 6%; z-index:40; background:transparent;
}
.brand{ font-family:'Playfair Display', serif; letter-spacing:2px; font-weight:300; font-size:1.05rem; }
#modeToggle{
  background:none; border:1px solid rgba(0,0,0,0.08); padding:8px 12px; border-radius:10px; font-size:16px;
}

/* HERO */
.hero{ position:relative; height:100vh; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.hero-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(0.95); transition:filter .6s ease; }
.hero-content{ position:relative; text-align:center; z-index:2; max-width:var(--max-width); padding:0 5%; }
.hero-content h1{ font-family:'Playfair Display', serif; font-size:56px; font-weight:300; margin:0 0 18px; letter-spacing:1px; }
.eyebrow{ margin:0 0 28px; color:var(--muted); font-size:14px; letter-spacing:2px; text-transform:uppercase; }
.cta{ display:inline-block; padding:12px 22px; border-radius:8px; border:1px solid rgba(0,0,0,0.08); text-decoration:none; color:var(--text); font-weight:600; }

/* PANELS */
.panel{ padding:calc(var(--gap) * 1.1) 6%; display:block; max-width:var(--max-width); margin:0 auto; }
.panel--center{ text-align:center; }
.panel-title{ font-family:'Playfair Display', serif; font-size:36px; font-weight:300; margin:0 0 10px; }
.panel-sub{ color:var(--muted); max-width:860px; margin:0 auto 18px; }

/* SPLIT */
.panel--split{ display:flex; gap:48px; align-items:center; padding-top:calc(var(--gap) * 0.6); padding-bottom:calc(var(--gap) * 0.6); }
.split-image{ flex:1; }
.split-image img{ width:100%; height:100%; object-fit:cover; border-radius:14px; box-shadow:0 12px 30px rgba(0,0,0,0.06); }
.split-text{ flex:1; padding:0 4%; }
.split-text h3{ font-family:'Playfair Display', serif; font-size:28px; margin:0 0 12px; }
.link{ color:var(--accent); text-decoration:none; font-weight:600; }

/* GRID CARDS */
.panel--grid .cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:28px; }
.card{ overflow:hidden; border-radius:10px; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,0.04); }
.card img{ width:100%; display:block; height:260px; object-fit:cover; }
.card-meta{ padding:16px; }

/* VIDEO ROW */
.video-row{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:36px; }
.video-frame video, .video-frame iframe{ width:100%; height:320px; border-radius:10px; }

/* CONTACT */
.panel--contact{ text-align:center; }
.contact-form{ max-width:760px; margin:22px auto 0; display:flex; flex-direction:column; gap:14px; }
.form-row{ display:flex; gap:12px; }
.form-row input{ flex:1; padding:14px; border:1px solid rgba(0,0,0,0.06); border-radius:8px; }
textarea{ min-height:140px; padding:14px; border-radius:8px; border:1px solid rgba(0,0,0,0.06); resize:vertical; }

/* FOOTER */
.footer{ text-align:center; padding:60px 6%; color:var(--muted); }

/* RESPONSIVE */
@media (max-width:900px){
  .panel--split{ flex-direction:column; }
  .panel--grid .cards{ grid-template-columns:repeat(2,1fr); }
  .hero-content h1{ font-size:40px; }
}
@media (max-width:520px){
  .panel--grid .cards{ grid-template-columns:1fr; }
  .form-row{ flex-direction:column; }
  .hero-content h1{ font-size:32px; }
}