{"id":2553,"date":"2026-09-03T21:08:27","date_gmt":"2026-09-03T21:08:27","guid":{"rendered":"https:\/\/duoocanvas.com\/symfiny\/?page_id=2553"},"modified":"2026-09-15T02:24:01","modified_gmt":"2026-09-15T02:24:01","slug":"symfiny-home","status":"publish","type":"page","link":"https:\/\/duoocanvas.com\/symfiny\/","title":{"rendered":"Symfiny Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2553\" class=\"elementor elementor-2553\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80c1c3b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"80c1c3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b105cca elementor-widget elementor-widget-html\" data-id=\"b105cca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     SYMFINY \u2014 COMPLETE HOMEPAGE\n     Elementor HTML Widget\n     \n     PAGE STRUCTURE:\n     HOME\n     ABOUT US (only live internal page)\n     COURSES \/ WORKSHOPS \/ PROGRAMMES (coming soon)\n     BLOG \/ UPDATES\n     CONNECT\n\n     IMPORTANT:\n     Disable old WPCode MUSIC \/ HERO animation snippets before using.\n============================================================ -->\n\n<div id=\"symfiny-site\" class=\"sf-site\">\n\n<style>\n\n\/* ============================================================\n   01. BRAND SYSTEM\n============================================================ *\/\n\n#symfiny-site{\n  --forest:#102F2B;\n  --teal:#174C45;\n  --sage:#5F8F82;\n  --aqua:#8DB9B4;\n  --cream:#F4F1E8;\n  --white:#FAF9F5;\n  --gold:#B99A63;\n  --ink:#183A35;\n  --muted:#667873;\n\n  --serif:\"Cormorant Garamond\", Georgia, serif;\n  --sans:\"DM Sans\", Arial, sans-serif;\n\n  --max:1240px;\n\n  width:100%;\n  overflow:hidden;\n  background:var(--cream);\n  color:var(--ink);\n  font-family:var(--sans);\n  line-height:1.65;\n  box-sizing:border-box;\n\n  scroll-behavior:smooth;\n}\n\n#symfiny-site *,\n#symfiny-site *::before,\n#symfiny-site *::after{\n  box-sizing:border-box;\n}\n\n#symfiny-site img,\n#symfiny-site video{\n  display:block;\n  max-width:100%;\n}\n\n#symfiny-site a{\n  color:inherit;\n  text-decoration:none;\n}\n\n#symfiny-site button{\n  font-family:inherit;\n}\n\n\n\/* ============================================================\n   02. GOOGLE FONTS\n============================================================ *\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap');\n\n\n\/* ============================================================\n   03. GLOBAL WATER \/ GLASS VEIL\n\n   Very subtle. It should feel like looking through atmosphere,\n   not like a blur filter has been placed over the website.\n============================================================ *\/\n\n#symfiny-site::before{\n  content:\"\";\n  position:fixed;\n  inset:0;\n  pointer-events:none;\n  z-index:9990;\n\n  background:\n    radial-gradient(\n      circle at 20% 10%,\n      rgba(141,185,180,.055),\n      transparent 35%\n    ),\n    radial-gradient(\n      circle at 80% 70%,\n      rgba(185,154,99,.035),\n      transparent 30%\n    );\n\n  mix-blend-mode:normal;\n}\n\n#symfiny-site::after{\n  content:\"\";\n  position:fixed;\n  inset:0;\n  pointer-events:none;\n  z-index:9989;\n\n  opacity:.035;\n\n  background-image:\n    url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'\/%3E%3C\/svg%3E\");\n}\n\n\n\/* ============================================================\n   04. CONTAINER\n============================================================ *\/\n\n.sf-wrap{\n  width:min(calc(100% - 48px), var(--max));\n  margin:0 auto;\n}\n\n.sf-section{\n  position:relative;\n  padding:120px 0;\n}\n\n.sf-eyebrow{\n  margin:0 0 18px;\n  color:var(--gold);\n  font-size:11px;\n  font-weight:700;\n  letter-spacing:.22em;\n  text-transform:uppercase;\n}\n\n.sf-title{\n  margin:0;\n  color:var(--forest);\n  font-family:var(--serif);\n  font-size:clamp(42px,5vw,72px);\n  font-weight:500;\n  line-height:.98;\n  letter-spacing:-.025em;\n}\n\n.sf-title-light{\n  color:var(--white);\n}\n\n.sf-copy{\n  max-width:650px;\n  margin:25px 0 0;\n  color:#536863;\n  font-size:17px;\n  line-height:1.8;\n}\n\n.sf-copy-light{\n  color:rgba(250,249,245,.78);\n}\n\n.sf-small{\n  font-size:13px;\n  color:var(--muted);\n}\n\n.sf-gold-line{\n  width:52px;\n  height:1px;\n  margin:25px 0;\n  background:var(--gold);\n}\n\n\n\/* ============================================================\n   05. HEADER\n============================================================ *\/\n\n.sf-header{\n  position:absolute;\n  top:0;\n  left:0;\n  right:0;\n  z-index:1000;\n\n  padding:22px 0;\n\n  transition:\n    background .45s ease,\n    backdrop-filter .45s ease,\n    padding .45s ease,\n    border-color .45s ease;\n}\n\n.sf-header.sf-scrolled{\n  position:fixed;\n\n  padding:13px 0;\n\n  background:rgba(16,47,43,.88);\n  backdrop-filter:blur(18px);\n  -webkit-backdrop-filter:blur(18px);\n\n  border-bottom:1px solid rgba(250,249,245,.12);\n}\n\n.sf-nav{\n  width:min(calc(100% - 48px), 1380px);\n  margin:auto;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:30px;\n}\n\n.sf-logo{\n  width:130px;\n  flex-shrink:0;\n}\n\n.sf-logo img{\n  width:100%;\n  height:auto;\n  object-fit:contain;\n}\n\n.sf-menu{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:31px;\n  margin-left:auto;\n}\n\n.sf-menu a{\n  position:relative;\n\n  color:var(--white) !important;\n\n  font-size:12px;\n  font-weight:500;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n\n  opacity:.96;\n\n  transition:\n    color .25s ease,\n    opacity .25s ease;\n}\n\n.sf-menu a:nth-child(3){max-width:230px;text-align:center;line-height:1.25;}\n\n.sf-menu a:hover{\n  color:#fff !important;\n  opacity:1;\n}\n\n.sf-menu a::after{\n  content:\"\";\n  position:absolute;\n  left:0;\n  bottom:-8px;\n\n  width:0;\n  height:1px;\n\n  background:var(--gold);\n\n  transition:width .3s ease;\n}\n\n.sf-menu a:hover::after,\n.sf-menu a.sf-active::after{\n  width:100%;\n}\n\n.sf-enquire{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:9px;\n\n  min-height:43px;\n  padding:0 18px;\n\n  color:var(--white) !important;\n\n  border:1px solid rgba(250,249,245,.65);\n  border-radius:999px;\n\n  font-size:11px;\n  font-weight:600;\n  letter-spacing:.09em;\n  text-transform:uppercase;\n\n  background:rgba(16,47,43,.28);\n\n  transition:\n    background .3s ease,\n    border-color .3s ease,\n    transform .3s ease;\n}\n\n.sf-enquire:hover{\n  background:rgba(250,249,245,.13);\n  border-color:rgba(250,249,245,.95);\n  transform:translateY(-1px);\n}\n\n.sf-mobile-toggle{\n  display:none;\n\n  width:42px;\n  height:42px;\n\n  border:1px solid rgba(250,249,245,.4);\n  border-radius:50%;\n\n  background:rgba(16,47,43,.35);\n\n  color:white;\n  cursor:pointer;\n}\n\n.sf-mobile-toggle span,\n.sf-mobile-toggle span::before,\n.sf-mobile-toggle span::after{\n  display:block;\n  width:16px;\n  height:1px;\n  margin:auto;\n  background:white;\n  content:\"\";\n}\n\n.sf-mobile-toggle span::before{\n  transform:translateY(-5px);\n}\n\n.sf-mobile-toggle span::after{\n  transform:translateY(4px);\n}\n\n\n\n\n\/* V8 \u2014 navigation gently fades into the page as the user scrolls.\n   It never disappears; it simply becomes quieter, like an editorial overlay. *\/\n.sf-header{\n  --sf-menu-opacity:1;\n}\n.sf-header .sf-nav{\n  opacity:var(--sf-menu-opacity);\n  transition:opacity .7s cubic-bezier(.22,1,.36,1), background .45s ease,\n    border-color .45s ease, box-shadow .45s ease, transform .45s cubic-bezier(.22,1,.36,1);\n}\n.sf-header .sf-logo{\n  opacity:calc(.82 + (var(--sf-menu-opacity) * .18));\n}\n.sf-header.sf-menu-quiet .sf-nav{\n  opacity:.56;\n}\n.sf-header.sf-menu-quiet .sf-nav:hover,\n.sf-header.sf-menu-quiet .sf-nav:focus-within{\n  opacity:.96;\n}\n.sf-header.sf-menu-quiet .sf-logo{\n  opacity:.78;\n}\n\n\/* V5 HEADER \u2014 refined glass navigation *\/\n.sf-header{\n  padding:18px 0;\n  transition:transform .55s cubic-bezier(.22,1,.36,1), background .45s ease,\n    backdrop-filter .45s ease, padding .45s ease, box-shadow .45s ease, border-color .45s ease;\n  will-change:transform;\n}\n.sf-header:not(.sf-scrolled){\n  background:linear-gradient(180deg,rgba(7,31,28,.42),rgba(7,31,28,0));\n}\n.sf-header.sf-scrolled{\n  padding:10px 0;\n  background:rgba(10,39,35,.72);\n  backdrop-filter:blur(24px) saturate(145%);\n  -webkit-backdrop-filter:blur(24px) saturate(145%);\n  border-bottom:1px solid rgba(244,241,232,.13);\n  box-shadow:0 14px 45px rgba(3,20,18,.18), inset 0 1px 0 rgba(255,255,255,.06);\n}\n.sf-nav{\n  padding:6px 10px;\n  border:1px solid rgba(244,241,232,.10);\n  border-radius:999px;\n  background:rgba(12,48,43,.18);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);\n  transition:background .45s ease,border-color .45s ease,box-shadow .45s ease;\n}\n.sf-scrolled .sf-nav{\n  background:rgba(244,241,232,.045);\n  border-color:rgba(244,241,232,.12);\n}\n.sf-logo{\n  position:relative;\n  transition:transform .45s cubic-bezier(.22,1,.36,1),filter .35s ease;\n}\n.sf-logo:hover{transform:translateY(-1px) scale(1.035);filter:drop-shadow(0 5px 16px rgba(141,185,180,.18));}\n.sf-menu a{\n  padding:10px 2px;\n  transition:color .28s ease,opacity .28s ease,transform .28s ease;\n}\n.sf-menu a:hover{transform:translateY(-2px);}\n.sf-menu a::before{\n  content:\"\";position:absolute;left:50%;bottom:2px;width:4px;height:4px;border-radius:50%;\n  background:var(--gold);transform:translateX(-50%) scale(0);opacity:0;\n  transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s ease;\n}\n.sf-menu a:hover::before,.sf-menu a.sf-active::before{transform:translateX(-50%) scale(1);opacity:1;}\n.sf-menu a::after{bottom:0;height:1px;opacity:.7;}\n.sf-enquire{\n  position:relative;overflow:hidden;\n  min-height:40px;padding:0 17px;\n  background:linear-gradient(135deg,rgba(244,241,232,.10),rgba(141,185,180,.08));\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 5px 18px rgba(0,0,0,.08);\n  transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s ease,border-color .35s ease,box-shadow .35s ease;\n}\n.sf-enquire::before{\n  content:\"\";position:absolute;inset:0;transform:translateX(-120%) skewX(-18deg);\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);\n  transition:transform .65s ease;\n}\n.sf-enquire:hover{transform:translateY(-2px);background:rgba(244,241,232,.14);box-shadow:0 9px 26px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.14);}\n.sf-enquire:hover::before{transform:translateX(120%) skewX(-18deg);}\n@media(max-width:900px){\n .sf-nav{padding:5px 7px;}\n .sf-header{padding:12px 0;}\n .sf-header.sf-scrolled{padding:8px 0;}\n}\n\n\/* ============================================================\n   06. HERO\n============================================================ *\/\n\n.sf-hero{\n  position:relative;\n  min-height:92vh;\n  min-height:92svh;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #102F2B 0%,\n      #174C45 100%\n    );\n}\n\n.sf-hero-video{\n  position:absolute;\n  inset:0;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  z-index:0;\n\n  transform:scale(1.035);\n}\n\n.sf-hero-overlay{\n  position:absolute;\n  inset:0;\n  z-index:1;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(16,47,43,.56) 0%,\n      rgba(16,47,43,.23) 38%,\n      rgba(16,47,43,.60) 100%\n    );\n}\n\n.sf-hero-overlay::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n\n  background:\n    radial-gradient(\n      ellipse at center,\n      transparent 15%,\n      rgba(8,29,26,.27) 100%\n    );\n}\n\n.sf-hero-inner{\n  position:relative;\n  z-index:3;\n\n  width:min(calc(100% - 40px),900px);\n\n  padding-top:60px;\n\n  text-align:center;\n\n  transition:\n    transform .12s linear,\n    opacity .12s linear;\n}\n\n.sf-hero-kicker{\n  margin:0 0 18px;\n\n  color:rgba(250,249,245,.86);\n\n  font-size:11px;\n  font-weight:600;\n  letter-spacing:.24em;\n  text-transform:uppercase;\n}\n\n.sf-hero h1{\n  margin:0;\n\n  color:var(--white);\n\n  font-family:var(--serif);\n  font-size:clamp(58px,9vw,112px);\n  font-weight:500;\n\n  line-height:.83;\n  letter-spacing:-.04em;\n}\n\n.sf-hero h1 span{\n  display:block;\n}\n\n.sf-hero-sub{\n  max-width:680px;\n  margin:30px auto 0;\n\n  color:rgba(250,249,245,.82);\n\n  font-size:16px;\n  line-height:1.75;\n}\n\n.sf-hero-actions{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:12px;\n\n  margin-top:35px;\n}\n\n.sf-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:10px;\n\n  min-height:50px;\n  padding:0 25px;\n\n  border-radius:999px;\n\n  font-size:11px;\n  font-weight:700;\n  letter-spacing:.11em;\n  text-transform:uppercase;\n\n  cursor:pointer;\n\n  transition:\n    transform .3s ease,\n    background .3s ease,\n    color .3s ease,\n    border-color .3s ease;\n}\n\n.sf-btn:hover{\n  transform:translateY(-2px);\n}\n\n.sf-btn-light{\n  color:var(--forest) !important;\n  background:var(--white);\n  border:1px solid var(--white);\n}\n\n.sf-btn-light:hover{\n  background:#fff;\n}\n\n.sf-btn-outline{\n  color:var(--white) !important;\n  background:rgba(250,249,245,.06);\n  border:1px solid rgba(250,249,245,.68);\n  backdrop-filter:blur(10px);\n}\n\n.sf-btn-outline:hover{\n  background:rgba(250,249,245,.12);\n  border-color:white;\n}\n\n.sf-scroll{\n  position:absolute;\n  left:50%;\n  bottom:25px;\n  z-index:3;\n\n  transform:translateX(-50%);\n\n  color:rgba(250,249,245,.72);\n\n  font-size:9px;\n  letter-spacing:.25em;\n  text-transform:uppercase;\n}\n\n.sf-scroll::after{\n  content:\"\";\n  display:block;\n\n  width:1px;\n  height:38px;\n\n  margin:10px auto 0;\n\n  background:linear-gradient(\n    to bottom,\n    rgba(250,249,245,.7),\n    transparent\n  );\n}\n\n\n\/* ============================================================\n   07. SOUND CONTROL\n\n   ONE audio element only.\n============================================================ *\/\n\n.sf-sound{\n  position:fixed;\n  left:22px;\n  bottom:22px;\n\n  z-index:1100;\n\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n\n  min-height:42px;\n  padding:0 15px;\n\n  color:var(--white);\n\n  border:1px solid rgba(250,249,245,.38);\n  border-radius:999px;\n\n  background:rgba(16,47,43,.70);\n\n  backdrop-filter:blur(14px);\n  -webkit-backdrop-filter:blur(14px);\n\n  font-size:10px;\n  font-weight:600;\n  letter-spacing:.1em;\n  text-transform:uppercase;\n\n  cursor:pointer;\n\n  transition:\n    background .3s ease,\n    border-color .3s ease;\n}\n\n.sf-sound:hover{\n  background:rgba(16,47,43,.9);\n  border-color:rgba(250,249,245,.7);\n}\n\n.sf-sound-icon{\n  font-size:14px;\n}\n\n\n\/* ============================================================\n   08. INTRODUCTION\n============================================================ *\/\n\n.sf-intro{\n  background:var(--cream);\n}\n\n.sf-intro-grid{\n  display:grid;\n  grid-template-columns:1fr 1.05fr;\n  gap:90px;\n  align-items:center;\n}\n\n.sf-intro-image{\n  position:relative;\n}\n\n.sf-intro-image img{\n  width:100%;\n  height:620px;\n\n  object-fit:cover;\n\n  border-radius:4px 80px 4px 80px;\n}\n\n.sf-image-note{\n  position:absolute;\n  right:-18px;\n  bottom:25px;\n\n  max-width:230px;\n  padding:20px;\n\n  color:var(--forest);\n\n  background:rgba(250,249,245,.86);\n\n  border:1px solid rgba(16,47,43,.1);\n  border-radius:18px;\n\n  backdrop-filter:blur(12px);\n}\n\n.sf-image-note strong{\n  display:block;\n\n  color:var(--gold);\n\n  font-family:var(--serif);\n  font-size:28px;\n  font-weight:500;\n  line-height:1;\n}\n\n\n\/* ============================================================\n   09. THREE WORDS \/ PHILOSOPHY\n============================================================ *\/\n\n.sf-triad{\n  padding:55px 0 65px;\n\n  background:var(--forest);\n}\n\n.sf-triad-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:1px;\n\n  background:rgba(250,249,245,.14);\n}\n\n.sf-triad-item{\n  padding:35px;\n\n  background:var(--forest);\n\n  text-align:center;\n}\n\n.sf-triad-number{\n  margin-bottom:13px;\n\n  color:var(--gold);\n\n  font-family:var(--serif);\n  font-size:38px;\n}\n\n.sf-triad-item h3{\n  margin:0;\n\n  color:var(--white);\n\n  font-family:var(--serif);\n  font-size:30px;\n  font-weight:500;\n}\n\n.sf-triad-item p{\n  margin:10px auto 0;\n  max-width:280px;\n\n  color:rgba(250,249,245,.64);\n\n  font-size:13px;\n}\n\n\n\/* ============================================================\n   10. JAL \/ WATER\n============================================================ *\/\n\n.sf-jal{\n  background:var(--cream);\n}\n\n.sf-jal-inner{\n  display:grid;\n  grid-template-columns:.9fr 1.1fr;\n  gap:70px;\n  align-items:center;\n}\n\n.sf-jal-copy{\n  max-width:560px;\n}\n\n.sf-jal-words{\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px;\n\n  margin-top:30px;\n}\n\n.sf-jal-pill{\n  padding:8px 13px;\n\n  color:var(--teal);\n\n  border:1px solid rgba(23,76,69,.18);\n  border-radius:999px;\n\n  background:rgba(141,185,180,.13);\n\n  font-size:10px;\n  font-weight:600;\n  letter-spacing:.1em;\n  text-transform:uppercase;\n}\n\n.sf-jal-image{\n  position:relative;\n}\n\n.sf-jal-image img{\n  width:100%;\n  height:590px;\n\n  object-fit:cover;\n\n  border-radius:80px 4px 80px 4px;\n}\n\n.sf-frog{\n  position:absolute;\n  right:22px;\n  top:24px;\n\n  width:46px;\n  height:46px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:rgba(250,249,245,.78);\n\n  border:1px solid rgba(16,47,43,.12);\n\n  backdrop-filter:blur(10px);\n\n  font-size:21px;\n\n  transform:rotate(7deg);\n}\n\n\n\/* ============================================================\n   11. WATER BROS\n============================================================ *\/\n\n.sf-bros{\n  position:relative;\n\n  min-height:620px;\n\n  display:flex;\n  align-items:center;\n\n  overflow:hidden;\n\n  background:var(--teal);\n}\n\n.sf-bros::before{\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background:\n    radial-gradient(\n      circle at 25% 50%,\n      rgba(141,185,180,.20),\n      transparent 30%\n    ),\n    linear-gradient(\n      90deg,\n      rgba(16,47,43,.96),\n      rgba(16,47,43,.60)\n    );\n}\n\n.sf-bros-inner{\n  position:relative;\n  z-index:2;\n\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:70px;\n\n  align-items:center;\n}\n\n.sf-bros-photo{\n  position:relative;\n}\n\n.sf-bros-photo img{\n  width:100%;\n  height:560px;\n\n  object-fit:cover;\n  object-position:center;\n\n  border-radius:4px 100px 4px 100px;\n}\n\n.sf-bros-note{\n  position:absolute;\n\n  padding:11px 15px;\n\n  color:var(--forest);\n\n  background:var(--cream);\n\n  border-radius:5px 16px 5px 16px;\n\n  font-family:var(--serif);\n  font-size:21px;\n  line-height:1.05;\n\n  box-shadow:0 15px 40px rgba(0,0,0,.18);\n\n  transform:rotate(-3deg);\n}\n\n.sf-bros-note.one{\n  left:-20px;\n  top:55px;\n}\n\n.sf-bros-note.two{\n  right:-25px;\n  bottom:55px;\n  transform:rotate(3deg);\n}\n\n.sf-bros-copy .sf-eyebrow{\n  color:var(--aqua);\n}\n\n.sf-bros-copy .sf-title{\n  color:var(--white);\n}\n\n.sf-bros-copy p{\n  color:rgba(250,249,245,.76);\n}\n\n.sf-bros-signoff{\n  margin-top:30px;\n\n  color:var(--gold);\n\n  font-family:var(--serif);\n  font-size:27px;\n  font-style:italic;\n}\n\n\n\/* ============================================================\n   12. STORY\n============================================================ *\/\n\n.sf-story{\n  background:var(--white);\n}\n\n.sf-story-grid{\n  display:grid;\n  grid-template-columns:1.1fr .9fr;\n  gap:90px;\n  align-items:center;\n}\n\n.sf-family img{\n  width:100%;\n  height:650px;\n\n  object-fit:cover;\n\n  border-radius:80px 4px 80px 4px;\n}\n\n.sf-story-copy{\n  max-width:560px;\n}\n\n.sf-story-quote{\n  margin:35px 0;\n\n  padding:25px 0 25px 25px;\n\n  border-left:1px solid var(--gold);\n\n  color:var(--forest);\n\n  font-family:var(--serif);\n  font-size:31px;\n  line-height:1.12;\n}\n\n\n\/* ============================================================\n   13. EXPLORE FOUR PATHS\n============================================================ *\/\n\n.sf-explore{\n  background:var(--cream);\n}\n\n.sf-explore-head{\n  max-width:700px;\n  margin:0 auto 55px;\n\n  text-align:center;\n}\n\n.sf-explore-head .sf-gold-line{\n  margin-left:auto;\n  margin-right:auto;\n}\n\n.sf-cards{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:15px;\n}\n\n.sf-card{\n  position:relative;\n  overflow:hidden;\n\n  min-height:430px;\n\n  display:flex;\n  flex-direction:column;\n  justify-content:flex-end;\n\n  border-radius:5px 38px 5px 38px;\n\n  background:var(--forest);\n\n  box-shadow:0 15px 45px rgba(16,47,43,.09);\n\n  transition:\n    transform .45s ease,\n    box-shadow .45s ease;\n}\n\n.sf-card:hover{\n  transform:translateY(-7px);\n  box-shadow:0 25px 60px rgba(16,47,43,.16);\n}\n\n.sf-card-image{\n  position:absolute;\n  inset:0;\n}\n\n.sf-card-image img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n\n  transition:transform .8s ease;\n}\n\n.sf-card:hover .sf-card-image img{\n  transform:scale(1.045);\n}\n\n.sf-card-image::after{\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(16,47,43,.03) 20%,\n      rgba(16,47,43,.85) 100%\n    );\n}\n\n.sf-card-content{\n  position:relative;\n  z-index:2;\n\n  padding:28px 25px;\n}\n\n.sf-card-number{\n  color:var(--gold);\n\n  font-size:10px;\n  letter-spacing:.15em;\n  font-weight:700;\n}\n\n.sf-card h3{\n  margin:7px 0 7px;\n\n  color:var(--white);\n\n  font-family:var(--serif);\n  font-size:31px;\n  font-weight:500;\n  line-height:1;\n}\n\n.sf-card p{\n  margin:0;\n\n  color:rgba(250,249,245,.74);\n\n  font-size:12px;\n  line-height:1.55;\n}\n\n.sf-card-link{\n  display:inline-flex;\n  margin-top:18px;\n\n  color:var(--white);\n\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n}\n\n\n\/* ============================================================\n   14. WATERKEEPER BAND\n============================================================ *\/\n\n.sf-waterkeeper{\n  position:relative;\n\n  min-height:560px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  overflow:hidden;\n\n  background:var(--forest);\n}\n\n.sf-waterkeeper video{\n  position:absolute;\n  inset:0;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  opacity:.60;\n}\n\n.sf-waterkeeper::after{\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(16,47,43,.88),\n      rgba(16,47,43,.50),\n      rgba(16,47,43,.82)\n    );\n}\n\n.sf-waterkeeper-inner{\n  position:relative;\n  z-index:2;\n\n  max-width:850px;\n\n  text-align:center;\n}\n\n.sf-waterkeeper .sf-eyebrow{\n  color:var(--aqua);\n}\n\n.sf-waterkeeper .sf-title{\n  color:var(--white);\n}\n\n.sf-waterkeeper p{\n  color:rgba(250,249,245,.74);\n}\n\n.sf-waterkeeper-quote{\n  margin-top:30px;\n\n  color:var(--gold);\n\n  font-family:var(--serif);\n  font-size:25px;\n  font-style:italic;\n}\n\n\n\/* ============================================================\n   15. SMALL FROG MOMENT #2\n============================================================ *\/\n\n.sf-frog-two{\n  position:absolute;\n  left:8%;\n  bottom:18%;\n\n  opacity:.82;\n\n  font-size:24px;\n\n  transform:rotate(-7deg);\n}\n\n\n\/* ============================================================\n   16. FINAL CTA\n============================================================ *\/\n\n.sf-final{\n  position:relative;\n\n  padding:130px 0;\n\n  background:var(--white);\n\n  text-align:center;\n}\n\n.sf-final-inner{\n  max-width:800px;\n  margin:auto;\n}\n\n.sf-final .sf-title{\n  font-size:clamp(48px,6vw,82px);\n}\n\n.sf-final p{\n  max-width:650px;\n  margin:25px auto 0;\n\n  color:#64746f;\n\n  font-size:16px;\n}\n\n.sf-final-actions{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:12px;\n\n  margin-top:35px;\n}\n\n\n\/* ============================================================\n   17. FOOTER\n============================================================ *\/\n\n.sf-footer{\n  padding:60px 0 25px;\n\n  color:rgba(250,249,245,.70);\n\n  background:var(--forest);\n}\n\n.sf-footer-grid{\n  display:grid;\n  grid-template-columns:1.3fr 1fr 1fr;\n  gap:50px;\n\n  padding-bottom:45px;\n\n  border-bottom:1px solid rgba(250,249,245,.13);\n}\n\n.sf-footer-logo{\n  width:125px;\n}\n\n.sf-footer p{\n  max-width:340px;\n\n  margin:18px 0 0;\n\n  font-size:12px;\n  line-height:1.7;\n}\n\n.sf-footer h4{\n  margin:0 0 15px;\n\n  color:var(--white);\n\n  font-size:10px;\n  letter-spacing:.15em;\n  text-transform:uppercase;\n}\n\n.sf-footer-links{\n  display:flex;\n  flex-direction:column;\n  gap:8px;\n}\n\n.sf-footer-links a{\n  color:rgba(250,249,245,.67);\n\n  font-size:12px;\n\n  transition:color .25s ease;\n}\n\n.sf-footer-links a:hover{\n  color:var(--white);\n}\n\n.sf-footer-bottom{\n  display:flex;\n  justify-content:space-between;\n  gap:20px;\n\n  padding-top:20px;\n\n  font-size:10px;\n}\n\n\n\/* ============================================================\n   18. REVEAL ANIMATION\n============================================================ *\/\n\n.sf-reveal{\n  opacity:0;\n  transform:translateY(28px);\n\n  transition:\n    opacity .9s ease,\n    transform 1s cubic-bezier(.22,.61,.36,1);\n}\n\n.sf-reveal.sf-visible{\n  opacity:1;\n  transform:none;\n}\n\n\n\/* ============================================================\n   18B. HOMEPAGE EDITORIAL REFINEMENT\n============================================================ *\/\n\n.sf-purpose{\n  background:var(--cream);\n  padding-top:135px;\n}\n\n.sf-purpose-intro{\n  display:grid;\n  grid-template-columns:1.05fr .95fr;\n  gap:90px;\n  align-items:end;\n  margin-bottom:70px;\n}\n\n.sf-purpose-lead{\n  max-width:560px;\n  color:#526660;\n  font-size:17px;\n  line-height:1.85;\n}\n.sf-purpose-lead p{margin:0 0 18px;}\n\n.sf-purpose-reflection{\n  display:grid;\n  grid-template-columns:1.12fr .88fr;\n  gap:70px;\n  align-items:center;\n  margin-bottom:55px;\n}\n\n.sf-purpose-reflection-image{position:relative;}\n.sf-purpose-reflection-image img{\n  width:100%; height:560px; object-fit:cover;\n  border-radius:4px 90px 4px 90px;\n}\n.sf-purpose-caption{\n  position:absolute; left:24px; bottom:22px; max-width:310px;\n  padding:15px 18px; color:var(--forest);\n  background:rgba(250,249,245,.84); border:1px solid rgba(16,47,43,.12);\n  border-radius:12px; backdrop-filter:blur(14px);\n  font-family:var(--serif); font-size:22px; line-height:1.05;\n}\n.sf-purpose-reflection-copy{\n  color:#526660; font-size:17px; line-height:1.85;\n}\n.sf-purpose-reflection-copy p{margin:0 0 25px;}\n\n.sf-purpose-gallery{\n  display:grid;\n  grid-template-columns:1.05fr .8fr 1.05fr;\n  grid-template-rows:240px 260px;\n  gap:14px;\n}\n.sf-purpose-photo{margin:0; overflow:hidden; border-radius:4px 35px 4px 35px;}\n.sf-purpose-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease;}\n.sf-purpose-photo:hover img{transform:scale(1.035);}\n.sf-purpose-photo:nth-child(1){grid-column:1;grid-row:1;}\n.sf-purpose-photo:nth-child(2){grid-column:2;grid-row:1 \/ span 2;}\n.sf-purpose-photo:nth-child(3){grid-column:3;grid-row:1;}\n.sf-purpose-photo:nth-child(4){grid-column:1 \/ span 1;grid-row:2;}\n.sf-purpose-photo-wide{grid-column:3 !important;grid-row:2 !important;}\n\n.sf-guiding{\n  padding:115px 0;\n  background:var(--forest);\n  color:var(--white);\n}\n.sf-guiding-inner{max-width:980px;margin:auto;text-align:center;}\n.sf-guiding .sf-eyebrow{color:var(--gold);}\n.sf-guiding h2{\n  margin:0; color:var(--white); font-family:var(--serif);\n  font-size:clamp(58px,8vw,112px); font-weight:500; line-height:.82; letter-spacing:-.035em;\n}\n.sf-guiding h2 em{color:var(--aqua);font-style:italic;}\n.sf-guiding p:last-child{max-width:560px;margin:32px auto 0;color:rgba(250,249,245,.70);font-size:15px;line-height:1.8;}\n\n.sf-bros-new{padding:120px 0 125px;min-height:0;background:var(--teal);}\n.sf-bros-head{max-width:850px;margin:0 auto 60px;text-align:center;position:relative;z-index:2;}\n.sf-bros-head .sf-title{font-size:clamp(48px,6vw,82px);}\n.sf-bros-head .sf-title em{color:var(--aqua);font-style:italic;}\n.sf-bros-subline{margin:22px auto 0;color:rgba(250,249,245,.66);font-size:15px;}\n.sf-bros-lines{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;margin:22px auto 0;max-width:900px;}\n.sf-bros-lines span{padding:8px 12px;color:rgba(250,249,245,.70);border:1px solid rgba(250,249,245,.13);border-radius:999px;font-size:10px;letter-spacing:.06em;background:rgba(250,249,245,.035);backdrop-filter:blur(8px);}\n\n.sf-bros-stage{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;position:relative;z-index:2;}\n.sf-bros-art{position:relative;min-height:560px;display:flex;align-items:flex-end;justify-content:center;}\n.sf-bros-art::before{content:\"\";position:absolute;inset:7% 4% 0;border:1px solid rgba(250,249,245,.11);border-radius:40px;background:radial-gradient(circle at 50% 35%,rgba(141,185,180,.11),transparent 55%);}\n.sf-bros-art img{position:relative;z-index:2;width:min(100%,620px);height:auto;max-height:590px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 30px 45px rgba(0,0,0,.18));}\n.sf-bros-overlay-note{position:absolute;z-index:4;max-width:210px;padding:13px 16px;color:var(--forest);background:var(--cream);border-radius:7px 18px 7px 18px;box-shadow:0 16px 40px rgba(0,0,0,.18);font-family:var(--serif);font-size:20px;line-height:1.05;}\n.sf-bros-overlay-note.note-a{left:0;top:15%;transform:rotate(-3deg);}\n.sf-bros-overlay-note.note-b{right:0;top:34%;transform:rotate(3deg);}\n.sf-bros-overlay-note.note-c{left:9%;bottom:5%;max-width:245px;transform:rotate(-2deg);}\n.sf-bros-speech{position:relative;}\n.sf-speech-label{display:block;margin:0 0 12px;color:var(--aqua);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;}\n.sf-speech-bubble{position:relative;padding:38px 42px;background:var(--cream);color:var(--forest);border-radius:34px;box-shadow:0 25px 65px rgba(0,0,0,.18);}\n.sf-speech-bubble::before{content:\"\";position:absolute;left:-24px;top:58px;width:45px;height:45px;background:var(--cream);clip-path:polygon(100% 0,100% 100%,0 45%);}\n.sf-speech-bubble p{margin:0 0 19px;font-size:15px;line-height:1.72;}\n.sf-speech-bubble strong{display:block;margin-top:8px;font-family:var(--serif);font-size:31px;font-weight:500;line-height:1;}\n.sf-speech-bubble em{display:block;margin-top:8px;color:var(--gold);font-family:var(--serif);font-size:22px;}\n.sf-bros-speech .sf-btn{margin-top:22px;}\n\n.sf-latest{background:var(--white);}\n.sf-latest-head{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end;margin-bottom:55px;}\n.sf-latest-head > p{margin:0;color:#5b6d67;font-size:15px;line-height:1.8;max-width:500px;}\n.sf-latest .sf-title em{color:var(--teal);font-style:italic;}\n.sf-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}\n.sf-news-item{min-height:275px;padding:30px;background:var(--cream);border:1px solid rgba(16,47,43,.09);border-radius:5px 34px 5px 34px;display:flex;flex-direction:column;justify-content:flex-end;}\n.sf-news-item > span:first-child{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.15em;}\n.sf-news-item h3{margin:8px 0 8px;color:var(--forest);font-family:var(--serif);font-size:32px;font-weight:500;line-height:1;}\n.sf-news-item p{margin:0;color:#5a6b66;font-size:13px;line-height:1.65;}\n.sf-news-link{display:block;margin-top:20px;color:var(--teal);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}\n\n.sf-journey{min-height:700px;}\n.sf-journey .sf-title{max-width:900px;margin:auto;font-size:clamp(52px,7vw,92px);}\n.sf-journey-edu{max-width:560px;margin:35px auto 0;padding:22px 25px;border:1px solid rgba(250,249,245,.18);border-radius:20px;background:rgba(16,47,43,.28);backdrop-filter:blur(12px);}\n.sf-journey-edu span{display:block;color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;}\n.sf-journey-edu strong{display:block;margin-top:7px;color:var(--white);font-family:var(--serif);font-size:27px;font-weight:500;}\n.sf-journey-edu p{margin:8px 0 0;color:rgba(250,249,245,.70);font-size:13px;line-height:1.7;}\n\n.sf-connect{background:var(--cream);}\n.sf-connect .sf-title em{color:var(--teal);font-style:italic;}\n.sf-final-contact{display:flex;justify-content:center;gap:12px;align-items:center;margin-top:28px;flex-wrap:wrap;}\n.sf-final-contact a{color:var(--forest);font-size:14px;border-bottom:1px solid rgba(16,47,43,.22);padding-bottom:3px;}\n\n.sf-footer-minimal{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-bottom:40px;border-bottom:1px solid rgba(250,249,245,.13);}\n.sf-footer-minimal p{margin:12px 0 0;max-width:none;font-family:var(--serif);font-size:18px;color:rgba(250,249,245,.74);}\n.sf-footer-contact{display:flex;gap:24px;flex-wrap:wrap;justify-content:flex-end;}\n.sf-footer-contact a{color:rgba(250,249,245,.72);font-size:12px;}\n\n\/* ============================================================\n   19. RESPONSIVE \u2014 TABLET\n============================================================ *\/\n\n@media(max-width:1000px){\n\n  .sf-menu{\n    gap:18px;\n  }\n\n  .sf-menu a{\n    font-size:10px;\n  }\n\n  .sf-intro-grid,\n  .sf-jal-inner,\n  .sf-story-grid,\n  .sf-bros-inner{\n    grid-template-columns:1fr 1fr;\n    gap:45px;\n  }\n\n  .sf-cards{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .sf-card{\n    min-height:420px;\n  }\n\n}\n\n\n\/* ============================================================\n   20. RESPONSIVE \u2014 MOBILE\n============================================================ *\/\n\n@media(max-width:760px){\n  #symfiny-site .sf-bros-head{padding:19px 17px 21px;border-radius:22px 6px 22px 6px;}\n  #symfiny-site .sf-bros-head .sf-title{font-size:clamp(42px,12vw,62px);}\n  #symfiny-site .sf-jal-video-bg .sf-jal-bg-video{opacity:.09;}\n\n  .sf-wrap{\n    width:min(calc(100% - 32px),var(--max));\n  }\n\n  .sf-section{\n    padding:78px 0;\n  }\n\n  \/* HEADER *\/\n\n  .sf-nav{\n    width:calc(100% - 30px);\n  }\n\n  .sf-logo{\n    width:110px;\n  }\n\n  .sf-menu{\n    position:fixed;\n\n    top:68px;\n    left:15px;\n    right:15px;\n\n    display:none;\n\n    flex-direction:column;\n    align-items:stretch;\n\n    gap:0;\n\n    padding:10px;\n\n    border:1px solid rgba(250,249,245,.13);\n    border-radius:20px;\n\n    background:rgba(16,47,43,.96);\n\n    backdrop-filter:blur(20px);\n  }\n\n  .sf-menu.sf-open{\n    display:flex;\n  }\n\n  .sf-menu a{\n    padding:14px 15px;\n\n    font-size:11px;\n  }\n\n  .sf-menu a::after{\n    display:none;\n  }\n\n  .sf-enquire{\n    display:none;\n  }\n\n  .sf-mobile-toggle{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n  }\n\n  \/* HERO *\/\n\n  .sf-hero{\n    min-height:86vh;\n    min-height:86svh;\n  }\n\n  .sf-hero-inner{\n    width:calc(100% - 30px);\n    padding-top:70px;\n  }\n\n  .sf-hero h1{\n    font-size:clamp(55px,17vw,78px);\n    line-height:.88;\n  }\n\n  .sf-hero-kicker{\n    font-size:9px;\n    line-height:1.5;\n  }\n\n  .sf-hero-sub{\n    margin-top:23px;\n    font-size:14px;\n    line-height:1.65;\n  }\n\n  .sf-hero-actions{\n    margin-top:27px;\n  }\n\n  .sf-btn{\n    width:100%;\n    max-width:290px;\n    min-height:48px;\n  }\n\n  \/* SOUND *\/\n\n  .sf-sound{\n    left:12px;\n    bottom:12px;\n\n    min-height:38px;\n    padding:0 12px;\n\n    font-size:9px;\n  }\n\n  \/* INTRO *\/\n\n  .sf-intro-grid,\n  .sf-jal-inner,\n  .sf-story-grid,\n  .sf-bros-inner{\n    display:flex;\n    flex-direction:column;\n\n    gap:38px;\n  }\n\n  .sf-intro-image{\n    width:100%;\n  }\n\n  .sf-intro-image img{\n    height:420px;\n    border-radius:4px 55px 4px 55px;\n  }\n\n  .sf-image-note{\n    right:8px;\n    bottom:12px;\n    max-width:190px;\n    padding:15px;\n  }\n\n  \/* TITLES *\/\n\n  .sf-title{\n    font-size:clamp(40px,12vw,58px);\n  }\n\n  .sf-copy{\n    font-size:15px;\n    line-height:1.75;\n  }\n\n  \/* TRIAD *\/\n\n  .sf-triad{\n    padding:35px 0;\n  }\n\n  .sf-triad-grid{\n    grid-template-columns:1fr;\n  }\n\n  .sf-triad-item{\n    padding:27px 20px;\n  }\n\n  \/* JAL *\/\n\n  .sf-jal-copy{\n    order:1;\n  }\n\n  .sf-jal-image{\n    order:2;\n    width:100%;\n  }\n\n  .sf-jal-image img{\n    width:100%;\n    height:430px;\n    border-radius:55px 4px 55px 4px;\n  }\n\n  \/* BROS *\/\n\n  .sf-bros{\n    min-height:auto;\n    padding:80px 0;\n  }\n\n  .sf-bros-photo img{\n    height:470px;\n    border-radius:4px 60px 4px 60px;\n  }\n\n  .sf-bros-note{\n    font-size:18px;\n  }\n\n  .sf-bros-note.one{\n    left:-4px;\n    top:30px;\n  }\n\n  .sf-bros-note.two{\n    right:-4px;\n    bottom:25px;\n  }\n\n  \/* STORY *\/\n\n  .sf-family{\n    width:100%;\n  }\n\n  .sf-family img{\n    width:100%;\n    height:500px;\n    border-radius:55px 4px 55px 4px;\n  }\n\n  .sf-story-quote{\n    font-size:26px;\n  }\n\n  \/* CARDS *\/\n\n  .sf-cards{\n    grid-template-columns:1fr;\n    gap:14px;\n  }\n\n  .sf-card{\n    min-height:440px;\n  }\n\n  \/* WATERKEEPER *\/\n\n  .sf-waterkeeper{\n    min-height:530px;\n  }\n\n  .sf-waterkeeper-inner{\n    width:calc(100% - 30px);\n  }\n\n  \/* FINAL *\/\n\n  .sf-final{\n    padding:90px 0;\n  }\n\n  \/* FOOTER *\/\n\n  .sf-footer-grid{\n    grid-template-columns:1fr 1fr;\n    gap:35px;\n  }\n\n  .sf-footer-grid > div:first-child{\n    grid-column:1 \/ -1;\n  }\n\n  .sf-footer-bottom{\n    flex-direction:column;\n    gap:6px;\n  }\n\n}\n\n\n\/* ============================================================\n   20B. HOMEPAGE REFINEMENT \u2014 MOBILE\n============================================================ *\/\n\n@media(max-width:760px){\n  .sf-purpose{padding-top:92px;}\n  .sf-purpose-intro,.sf-purpose-reflection,.sf-latest-head{grid-template-columns:1fr;gap:28px;}\n  .sf-purpose-lead,.sf-purpose-reflection-copy,.sf-latest-head > p{font-size:15px;}\n  .sf-purpose-reflection{margin-bottom:30px;}\n  .sf-purpose-reflection-image img{height:380px;border-radius:4px 55px 4px 55px;}\n  .sf-purpose-caption{left:12px;bottom:12px;max-width:240px;font-size:18px;padding:12px 14px;}\n  .sf-purpose-gallery{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px;gap:10px;}\n  .sf-purpose-photo:nth-child(1),.sf-purpose-photo:nth-child(2),.sf-purpose-photo:nth-child(3),.sf-purpose-photo:nth-child(4),.sf-purpose-photo-wide{grid-column:auto !important;grid-row:auto !important;}\n  .sf-purpose-photo:nth-child(2){grid-row:span 2 !important;}\n  .sf-guiding{padding:85px 0;}\n  .sf-guiding h2{font-size:clamp(54px,15vw,76px);}\n  .sf-bros-new{padding:85px 0 90px;}\n  .sf-bros-stage{grid-template-columns:1fr;gap:35px;}\n  .sf-bros-lines{gap:6px;margin-top:18px;}\n  .sf-bros-lines span{font-size:9px;padding:7px 10px;}\n  .sf-bros-art{min-height:400px;}\n  .sf-bros-art img{width:100%;max-height:440px;}\n  .sf-bros-overlay-note{max-width:155px;font-size:16px;padding:10px 12px;}\n  .sf-bros-overlay-note.note-a{left:-2px;top:6%;}\n  .sf-bros-overlay-note.note-b{right:-2px;top:28%;}\n  .sf-bros-overlay-note.note-c{left:5%;bottom:3%;max-width:190px;}\n  .sf-speech-bubble{padding:27px 23px;border-radius:26px;}\n  .sf-speech-bubble::before{left:25px;top:-25px;transform:rotate(90deg);}\n  .sf-speech-bubble p{font-size:14px;line-height:1.7;}\n  .sf-speech-bubble strong{font-size:27px;}\n  .sf-latest{padding-top:80px;}\n  .sf-news-grid{grid-template-columns:1fr;gap:12px;}\n  .sf-news-item{min-height:225px;padding:25px;}\n  .sf-journey{min-height:640px;}\n  .sf-journey-edu{padding:18px 19px;}\n  .sf-footer-minimal{align-items:flex-start;flex-direction:column;gap:25px;}\n  .sf-footer-contact{justify-content:flex-start;gap:12px;flex-direction:column;}\n  .sf-menu a{font-size:10px;}\n}\n\n\/* ============================================================\n   21. VERY SMALL PHONES\n============================================================ *\/\n\n@media(max-width:390px){\n\n  .sf-hero h1{\n    font-size:53px;\n  }\n\n  .sf-intro-image img,\n  .sf-jal-image img,\n  .sf-family img{\n    height:390px;\n  }\n\n  .sf-card{\n    min-height:410px;\n  }\n\n}\n\n\n\/* ============================================================\n   22. REDUCED MOTION\n============================================================ *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  #symfiny-site *,\n  #symfiny-site *::before,\n  #symfiny-site *::after{\n    animation:none !important;\n    transition:none !important;\n    scroll-behavior:auto !important;\n  }\n\n  .sf-reveal{\n    opacity:1;\n    transform:none;\n  }\n\n}\n\n\n\/* ============================================================\n   SYMFINY PREMIUM GLASS \/ EDITORIAL FINISH \u2014 V3\n   ============================================================ *\/\n\n#symfiny-site{\n  --glass-light:rgba(250,249,245,.62);\n  --glass-dark:rgba(10,38,34,.54);\n  --glass-border:rgba(250,249,245,.18);\n  --glass-shadow:0 28px 80px rgba(8,29,26,.14);\n}\n\n#symfiny-site .sf-section{\n  isolation:isolate;\n}\n\n#symfiny-site .sf-eyebrow{\n  text-shadow:0 1px 12px rgba(185,154,99,.12);\n}\n\n\/* PURPOSE \u2014 a composed photographic diptych, not a random gallery *\/\n#symfiny-site .sf-purpose{\n  position:relative;\n  background:\n    radial-gradient(circle at 12% 18%,rgba(141,185,180,.12),transparent 28%),\n    radial-gradient(circle at 88% 82%,rgba(185,154,99,.07),transparent 25%),\n    var(--cream);\n}\n\n#symfiny-site .sf-purpose::before{\n  content:\"\";\n  position:absolute;\n  width:420px;\n  height:420px;\n  left:-190px;\n  top:15%;\n  border-radius:50%;\n  background:rgba(141,185,180,.08);\n  filter:blur(5px);\n  pointer-events:none;\n}\n\n#symfiny-site .sf-purpose-intro{\n  grid-template-columns:.92fr 1.08fr;\n  gap:110px;\n  align-items:end;\n  margin-bottom:78px;\n}\n\n#symfiny-site .sf-purpose-intro .sf-title{\n  font-size:clamp(52px,6.1vw,88px);\n}\n\n#symfiny-site .sf-purpose-lead{\n  max-width:620px;\n  color:#465b55;\n}\n\n#symfiny-site .sf-purpose-feature{\n  display:grid;\n  grid-template-columns:1.08fr .92fr;\n  gap:90px;\n  align-items:center;\n  position:relative;\n}\n\n#symfiny-site .sf-purpose-feature-media{\n  position:relative;\n  min-height:650px;\n}\n\n#symfiny-site .sf-purpose-main-media{\n  position:absolute;\n  left:0;\n  top:0;\n  width:76%;\n  height:600px;\n  overflow:hidden;\n  border-radius:8px 96px 8px 96px;\n  border:1px solid rgba(250,249,245,.65);\n  box-shadow:var(--glass-shadow);\n  background:#dfe8e3;\n}\n\n#symfiny-site .sf-purpose-main-media::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(180deg,rgba(16,47,43,.02),rgba(16,47,43,.18));\n  pointer-events:none;\n}\n\n#symfiny-site .sf-purpose-main-media img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  transition:transform 1s cubic-bezier(.2,.65,.25,1);\n}\n\n#symfiny-site .sf-purpose-feature:hover .sf-purpose-main-media img{\n  transform:scale(1.025);\n}\n\n#symfiny-site .sf-media-index{\n  position:absolute;\n  top:20px;\n  left:22px;\n  z-index:2;\n  padding:8px 11px;\n  border:1px solid rgba(250,249,245,.38);\n  border-radius:999px;\n  color:var(--white);\n  background:rgba(16,47,43,.28);\n  backdrop-filter:blur(12px);\n  -webkit-backdrop-filter:blur(12px);\n  font-size:9px;\n  font-weight:700;\n  letter-spacing:.16em;\n}\n\n#symfiny-site .sf-purpose-feature-copy-wrap{\n  display:flex;\n  flex-direction:column;\n  gap:24px;\n  max-width:590px;\n}\n\n#symfiny-site .sf-purpose-secondary-media{\n  position:relative;\n  width:78%;\n  height:210px;\n  margin-left:auto;\n  overflow:hidden;\n  border-radius:42px 8px 42px 8px;\n  border:1px solid rgba(250,249,245,.62);\n  box-shadow:0 24px 55px rgba(16,47,43,.16);\n  background:var(--forest);\n}\n\n#symfiny-site .sf-purpose-secondary-media img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  transition:transform 1s cubic-bezier(.2,.65,.25,1);\n}\n\n#symfiny-site .sf-purpose-secondary-media:hover img{transform:scale(1.035);}\n\n#symfiny-site .sf-purpose-secondary-media span{\n  position:absolute;\n  left:18px;\n  bottom:14px;\n  color:var(--white);\n  font-family:var(--serif);\n  font-size:20px;\n  text-shadow:0 2px 16px rgba(0,0,0,.45);\n}\n\n#symfiny-site .sf-purpose-feature-copy{\n  max-width:590px;\n  padding:42px 44px;\n  border:1px solid rgba(16,47,43,.10);\n  border-radius:28px 6px 28px 6px;\n  background:rgba(255,255,255,.44);\n  box-shadow:0 24px 70px rgba(16,47,43,.07);\n  backdrop-filter:blur(16px);\n  -webkit-backdrop-filter:blur(16px);\n}\n\n#symfiny-site .sf-glass-kicker{\n  margin-bottom:25px;\n  color:var(--gold);\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n}\n\n#symfiny-site .sf-purpose-feature-copy p{\n  margin:0 0 21px;\n  color:#536761;\n  font-size:16px;\n  line-height:1.82;\n}\n\n#symfiny-site .sf-purpose-signature{\n  margin-top:28px;\n  padding-top:22px;\n  border-top:1px solid rgba(16,47,43,.13);\n  color:var(--forest);\n  font-family:var(--serif);\n  font-size:25px;\n  line-height:1.15;\n}\n\n\/* GUIDING PRINCIPLES \u2014 three premium glass picture panels *\/\n#symfiny-site .sf-guiding-premium{\n  padding:125px 0 135px;\n  background:\n    radial-gradient(circle at 50% 0%,rgba(141,185,180,.16),transparent 38%),\n    linear-gradient(145deg,#0b2925 0%,#102f2b 55%,#0c2824 100%);\n  overflow:hidden;\n}\n\n#symfiny-site .sf-guiding-premium::before{\n  content:\"\";\n  position:absolute;\n  width:700px;\n  height:700px;\n  right:-330px;\n  top:-220px;\n  border:1px solid rgba(141,185,180,.10);\n  border-radius:50%;\n  box-shadow:0 0 0 70px rgba(141,185,180,.025),0 0 0 140px rgba(141,185,180,.018);\n}\n\n#symfiny-site .sf-guiding-intro{\n  max-width:880px;\n  margin:0 auto 70px;\n  text-align:center;\n}\n\n#symfiny-site .sf-guiding-intro h2{\n  margin:0;\n  color:var(--white);\n  font-family:var(--serif);\n  font-size:clamp(58px,7vw,100px);\n  font-weight:500;\n  line-height:.86;\n  letter-spacing:-.035em;\n}\n\n#symfiny-site .sf-guiding-intro h2 em{\n  color:var(--aqua);\n  font-style:italic;\n}\n\n#symfiny-site .sf-guiding-intro > p:last-child{\n  max-width:590px;\n  margin:28px auto 0;\n  color:rgba(250,249,245,.62);\n  font-size:14px;\n  line-height:1.8;\n}\n\n#symfiny-site .sf-principle-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:18px;\n  position:relative;\n}\n\n#symfiny-site .sf-principle-card{\n  position:relative;\n  padding:10px;\n  border:1px solid rgba(250,249,245,.13);\n  border-radius:30px 6px 30px 6px;\n  background:linear-gradient(145deg,rgba(250,249,245,.09),rgba(250,249,245,.025));\n  box-shadow:0 30px 80px rgba(0,0,0,.20);\n  backdrop-filter:blur(18px);\n  -webkit-backdrop-filter:blur(18px);\n}\n\n#symfiny-site .sf-principle-media{\n  position:relative;\n  height:390px;\n  overflow:hidden;\n  border-radius:22px 4px 22px 4px;\n  background:#173f39;\n}\n\n#symfiny-site .sf-principle-media img,\n#symfiny-site .sf-principle-media video{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  transition:transform 1s cubic-bezier(.2,.65,.25,1);\n}\n\n#symfiny-site .sf-principle-card:hover .sf-principle-media img,\n#symfiny-site .sf-principle-card:hover .sf-principle-media video{\n  transform:scale(1.035);\n}\n\n#symfiny-site .sf-principle-media::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(180deg,transparent 45%,rgba(8,29,26,.55));\n  pointer-events:none;\n}\n\n#symfiny-site .sf-principle-media > span{\n  position:absolute;\n  top:15px;\n  right:15px;\n  z-index:2;\n  width:35px;\n  height:35px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border:1px solid rgba(250,249,245,.25);\n  border-radius:50%;\n  color:var(--white);\n  background:rgba(16,47,43,.35);\n  backdrop-filter:blur(10px);\n  font-size:9px;\n  font-weight:700;\n}\n\n#symfiny-site .sf-principle-copy{\n  padding:22px 17px 18px;\n}\n\n#symfiny-site .sf-principle-copy p{\n  margin:0;\n  color:var(--white);\n  font-family:var(--serif);\n  font-size:31px;\n  line-height:1;\n}\n\n#symfiny-site .sf-principle-copy span{\n  display:block;\n  margin-top:7px;\n  color:rgba(250,249,245,.48);\n  font-size:10px;\n  letter-spacing:.08em;\n}\n\n\/* WATER BROS \u2014 photographic atmosphere behind the original artwork *\/\n#symfiny-site .sf-bros-premium{\n  position:relative;\n  background:#123a34;\n}\n\n#symfiny-site .sf-bros-bg{\n  position:absolute;\n  inset:0;\n  background-image:url(\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-13-2026-at-01_08_15-AM.png\");\n  background-size:cover;\n  background-position:center;\n  opacity:.36;\n  filter:saturate(.82);\n}\n\n#symfiny-site .sf-bros-wash{\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(circle at 32% 40%,rgba(141,185,180,.20),transparent 35%),\n    linear-gradient(90deg,rgba(8,29,26,.93) 0%,rgba(10,38,34,.70) 45%,rgba(8,29,26,.90) 100%);\n}\n\n#symfiny-site .sf-bros-stage{\n  grid-template-columns:1.05fr .95fr;\n  gap:80px;\n}\n\n#symfiny-site .sf-bros-art{\n  min-height:600px;\n}\n\n#symfiny-site .sf-bros-art-glass{\n  position:absolute;\n  inset:4% 0 0;\n  border:1px solid rgba(250,249,245,.13);\n  border-radius:42px 8px 42px 8px;\n  background:linear-gradient(145deg,rgba(250,249,245,.08),rgba(250,249,245,.015));\n  backdrop-filter:blur(4px);\n  -webkit-backdrop-filter:blur(4px);\n}\n\n#symfiny-site .sf-bros-art img{\n  width:min(100%,650px);\n  max-height:620px;\n  filter:drop-shadow(0 30px 50px rgba(0,0,0,.28));\n}\n\n#symfiny-site .sf-bros-overlay-note{\n  z-index:5;\n  max-width:205px;\n  padding:14px 16px;\n  border:1px solid rgba(16,47,43,.12);\n  border-radius:7px 19px 7px 19px;\n  background:rgba(250,249,245,.88);\n  box-shadow:0 22px 55px rgba(0,0,0,.24);\n  backdrop-filter:blur(10px);\n  -webkit-backdrop-filter:blur(10px);\n}\n\n#symfiny-site .sf-bros-overlay-note.note-a{left:-16px;top:13%;}\n#symfiny-site .sf-bros-overlay-note.note-b{right:-22px;top:5%;}\n#symfiny-site .sf-bros-overlay-note.note-c{left:5%;bottom:3%;max-width:245px;}\n\n#symfiny-site .sf-bros-speech{\n  z-index:5;\n}\n\n#symfiny-site .sf-speech-bubble{\n  padding:40px 42px;\n  border:1px solid rgba(250,249,245,.45);\n  border-radius:34px 8px 34px 8px;\n  background:rgba(250,249,245,.83);\n  box-shadow:0 30px 80px rgba(0,0,0,.25);\n  backdrop-filter:blur(22px);\n  -webkit-backdrop-filter:blur(22px);\n}\n\n#symfiny-site .sf-speech-bubble::before{\n  background:rgba(250,249,245,.83);\n}\n\n\/* LATEST \u2014 glass cards instead of flat boxes *\/\n#symfiny-site .sf-latest-premium{\n  background:\n    radial-gradient(circle at 90% 15%,rgba(141,185,180,.10),transparent 30%),\n    var(--white);\n}\n\n#symfiny-site .sf-news-grid{\n  gap:18px;\n}\n\n#symfiny-site .sf-news-glass{\n  position:relative;\n  min-height:315px;\n  overflow:hidden;\n  border:1px solid rgba(16,47,43,.11);\n  border-radius:28px 6px 28px 6px;\n  background:linear-gradient(145deg,rgba(250,249,245,.76),rgba(141,185,180,.09));\n  box-shadow:0 25px 70px rgba(16,47,43,.08);\n  backdrop-filter:blur(18px);\n  -webkit-backdrop-filter:blur(18px);\n  transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease;\n}\n\n#symfiny-site .sf-news-glass::before{\n  content:\"\";\n  position:absolute;\n  width:180px;\n  height:180px;\n  right:-75px;\n  top:-75px;\n  border:1px solid rgba(23,76,69,.10);\n  border-radius:50%;\n}\n\n#symfiny-site .sf-news-glass:hover{\n  transform:translateY(-6px);\n  box-shadow:0 35px 90px rgba(16,47,43,.13);\n  border-color:rgba(23,76,69,.18);\n}\n\n#symfiny-site .sf-news-glass h3{\n  font-size:35px;\n}\n\n#symfiny-site .sf-news-link{\n  width:max-content;\n  padding-bottom:4px;\n  border-bottom:1px solid rgba(23,76,69,.22);\n}\n\n\/* EDUQUARIUM BUTTON *\/\n#symfiny-site .sf-edu-button{\n  display:block;\n  cursor:pointer;\n  transition:transform .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease;\n}\n\n#symfiny-site .sf-edu-button b{\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n  margin-top:18px;\n  color:var(--white);\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n\n#symfiny-site .sf-edu-button b i{\n  color:var(--gold);\n  font-style:normal;\n  font-size:15px;\n}\n\n#symfiny-site .sf-edu-button:hover{\n  transform:translateY(-3px);\n  border-color:rgba(250,249,245,.34);\n  background:rgba(16,47,43,.43);\n  box-shadow:0 22px 55px rgba(0,0,0,.18);\n}\n\n\/* CONNECT \/ FOOTER polish *\/\n#symfiny-site .sf-final-contact a{\n  padding:11px 16px;\n  border:1px solid rgba(16,47,43,.13);\n  border-radius:999px;\n  background:rgba(250,249,245,.55);\n  backdrop-filter:blur(10px);\n  -webkit-backdrop-filter:blur(10px);\n}\n\n#symfiny-site .sf-footer{\n  background:\n    radial-gradient(circle at 80% 0%,rgba(141,185,180,.08),transparent 30%),\n    var(--forest);\n}\n\n@media(max-width:1000px){\n  #symfiny-site .sf-purpose-intro{gap:50px;}\n  #symfiny-site .sf-purpose-feature{gap:45px;}\n  #symfiny-site .sf-principle-media{height:330px;}\n  #symfiny-site .sf-bros-stage{gap:45px;}\n}\n\n@media(max-width:760px){\n  #symfiny-site .sf-purpose-intro{display:grid;grid-template-columns:1fr;gap:25px;margin-bottom:48px;}\n  #symfiny-site .sf-purpose-feature{display:flex;flex-direction:column;gap:35px;align-items:stretch;}\n  #symfiny-site .sf-purpose-feature-media{min-height:500px;}\n  #symfiny-site .sf-purpose-main-media{width:88%;height:430px;border-radius:6px 58px 6px 58px;}\n  #symfiny-site .sf-purpose-secondary-media{width:48%;height:205px;border-width:6px;border-radius:5px 30px 5px 30px;}\n  #symfiny-site .sf-purpose-feature-copy{padding:29px 24px;border-radius:23px 6px 23px 6px;}\n  #symfiny-site .sf-purpose-signature{font-size:22px;}\n\n  #symfiny-site .sf-guiding-premium{padding:88px 0 95px;}\n  #symfiny-site .sf-guiding-intro{margin-bottom:45px;}\n  #symfiny-site .sf-guiding-intro h2{font-size:clamp(53px,15vw,76px);}\n  #symfiny-site .sf-principle-grid{grid-template-columns:1fr;gap:14px;}\n  #symfiny-site .sf-principle-card{padding:8px;}\n  #symfiny-site .sf-principle-media{height:350px;}\n\n  #symfiny-site .sf-bros-premium{padding:88px 0 95px;}\n  #symfiny-site .sf-bros-stage{grid-template-columns:1fr;gap:38px;}\n  #symfiny-site .sf-bros-art{min-height:475px;}\n  #symfiny-site .sf-bros-art-glass{inset:3% 0 0;}\n  #symfiny-site .sf-bros-art img{max-height:470px;}\n  #symfiny-site .sf-bros-overlay-note{font-size:16px;max-width:155px;padding:10px 12px;}\n  #symfiny-site .sf-bros-overlay-note.note-a{left:-2px;top:7%;}\n  #symfiny-site .sf-bros-overlay-note.note-b{right:-2px;top:4%;}\n  #symfiny-site .sf-bros-overlay-note.note-c{left:4%;bottom:2%;max-width:185px;}\n  #symfiny-site .sf-speech-bubble{padding:28px 23px;border-radius:27px 7px 27px 7px;}\n  #symfiny-site .sf-speech-bubble::before{left:25px;top:-24px;transform:rotate(90deg);}\n\n  #symfiny-site .sf-news-glass{min-height:250px;}\n  #symfiny-site .sf-news-glass h3{font-size:31px;}\n  #symfiny-site .sf-edu-button{padding:18px 19px;}\n}\n\n\n\n\/* ============================================================\n   V4 POLISH \u2014 clearer Water Bros composition + calmer luxury glass\n============================================================ *\/\n#symfiny-site .sf-purpose,\n#symfiny-site .sf-latest,\n#symfiny-site .sf-explore{\n  background:\n    radial-gradient(circle at 12% 12%, rgba(141,185,180,.10), transparent 28%),\n    radial-gradient(circle at 88% 70%, rgba(95,143,130,.07), transparent 30%),\n    #edf2ee;\n}\n\n\/* Keep cream as an accent, not the dominant canvas *\/\n#symfiny-site .sf-purpose-feature-copy,\n#symfiny-site .sf-news-item,\n#symfiny-site .sf-final-contact a{\n  background:rgba(250,249,245,.58);\n  border-color:rgba(16,47,43,.11);\n  box-shadow:0 24px 70px rgba(16,47,43,.08), inset 0 1px 0 rgba(255,255,255,.55);\n  backdrop-filter:blur(22px) saturate(125%);\n  -webkit-backdrop-filter:blur(22px) saturate(125%);\n}\n\n\/* PURPOSE \u2014 make the second image feel deliberately tucked beneath the hero image *\/\n#symfiny-site .sf-purpose-feature-media{\n  min-height:690px;\n  padding-bottom:28px;\n}\n#symfiny-site .sf-purpose-main-media{\n  width:84%;\n  height:600px;\n  z-index:1;\n}\n#symfiny-site .sf-purpose-secondary-media{\n  left:17%;\n  right:auto;\n  bottom:0;\n  width:57%;\n  height:225px;\n  z-index:3;\n  border:6px solid rgba(250,249,245,.78);\n  border-radius:6px 34px 6px 34px;\n  box-shadow:0 28px 65px rgba(16,47,43,.20), inset 0 1px 0 rgba(255,255,255,.45);\n}\n#symfiny-site .sf-purpose-secondary-media::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(180deg,rgba(16,47,43,0),rgba(16,47,43,.10));\n  pointer-events:none;\n}\n#symfiny-site .sf-purpose-secondary-media span{\n  z-index:2;\n  left:17px;\n  bottom:14px;\n  font-size:18px;\n}\n\n\/* WATER BROS \u2014 let the supplied photograph read clearly, with the original Bros sitting at the bottom over it *\/\n#symfiny-site .sf-bros-premium{\n  min-height:820px;\n  overflow:hidden;\n  background:#123a34;\n}\n#symfiny-site .sf-bros-bg{\n  opacity:.94;\n  filter:saturate(.98) contrast(1.02) brightness(.98);\n  background-position:center center;\n}\n#symfiny-site .sf-bros-wash{\n  background:\n    linear-gradient(180deg,rgba(7,28,25,.12) 0%,rgba(7,28,25,.04) 48%,rgba(7,28,25,.20) 100%),\n    radial-gradient(circle at 50% 80%,rgba(141,185,180,.07),transparent 42%);\n}\n#symfiny-site .sf-bros-stage{\n  display:block;\n  min-height:610px;\n  position:relative;\n}\n#symfiny-site .sf-bros-art{\n  position:absolute;\n  left:0;\n  bottom:-12px;\n  width:66%;\n  min-height:0;\n  height:570px;\n  display:flex;\n  align-items:flex-end;\n  justify-content:center;\n  z-index:3;\n}\n#symfiny-site .sf-bros-art-glass{\n  display:none;\n}\n#symfiny-site .sf-bros-art img{\n  width:min(100%,660px);\n  height:auto;\n  max-height:570px;\n  object-fit:contain;\n  object-position:center bottom;\n  filter:drop-shadow(0 32px 48px rgba(0,0,0,.26));\n}\n#symfiny-site .sf-bros-speech{\n  position:absolute;\n  right:0;\n  top:68px;\n  width:min(430px,39%);\n  z-index:6;\n}\n#symfiny-site .sf-speech-bubble{\n  background:rgba(250,249,245,.76);\n  border-color:rgba(250,249,245,.58);\n  box-shadow:0 30px 90px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.65);\n  backdrop-filter:blur(24px) saturate(120%);\n  -webkit-backdrop-filter:blur(24px) saturate(120%);\n}\n#symfiny-site .sf-bros-overlay-note.note-a{left:2%;top:45%;}\n#symfiny-site .sf-bros-overlay-note.note-b{right:7%;top:20%;}\n#symfiny-site .sf-bros-overlay-note.note-c{left:13%;bottom:2%;}\n\n\/* WATER PHILOSOPHY \u2014 subtle moving water texture, never competing with the copy *\/\n#symfiny-site .sf-jal-video-bg{\n  position:relative;\n  overflow:hidden;\n  isolation:isolate;\n}\n#symfiny-site .sf-jal-video-bg .sf-jal-bg-video{\n  position:absolute;\n  inset:0;\n  z-index:-2;\n  overflow:hidden;\n  opacity:.13;\n}\n#symfiny-site .sf-jal-video-bg .sf-jal-bg-video video{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n  filter:saturate(.8) contrast(.95);\n  transform:scale(1.04);\n}\n#symfiny-site .sf-jal-video-bg .sf-jal-bg-wash{\n  position:absolute;\n  inset:0;\n  z-index:-1;\n  background:linear-gradient(90deg,rgba(237,242,238,.96) 0%,rgba(237,242,238,.82) 52%,rgba(237,242,238,.92) 100%);\n}\n\n\/* WATER BROS \u2014 clear photograph + readable dark-glass title treatment *\/\n#symfiny-site .sf-bros-head{\n  width:min(920px,100%);\n  padding:24px 30px 27px;\n  border:1px solid rgba(250,249,245,.22);\n  border-radius:28px 7px 28px 7px;\n  background:linear-gradient(145deg,rgba(7,28,25,.68),rgba(7,28,25,.38));\n  box-shadow:0 25px 70px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.12);\n  backdrop-filter:blur(16px) saturate(115%);\n  -webkit-backdrop-filter:blur(16px) saturate(115%);\n}\n#symfiny-site .sf-bros-head .sf-eyebrow{\n  color:#d9ece7;\n  text-shadow:0 2px 18px rgba(0,0,0,.45);\n}\n#symfiny-site .sf-bros-head .sf-title{\n  color:#fbfaf4;\n  text-shadow:0 3px 28px rgba(0,0,0,.58);\n}\n#symfiny-site .sf-bros-head .sf-title em{\n  color:#a9d3ca;\n}\n#symfiny-site .sf-bros-subline{\n  color:rgba(250,249,245,.82);\n}\n#symfiny-site .sf-bros-lines span{\n  color:rgba(250,249,245,.84);\n  border-color:rgba(250,249,245,.20);\n  background:rgba(250,249,245,.07);\n}\n#symfiny-site .sf-bros-art{\n  filter:drop-shadow(0 28px 48px rgba(0,0,0,.18));\n}\n\n\/* More restrained cream on the remaining light surfaces *\/\n#symfiny-site .sf-connect{background:#edf2ee;}\n#symfiny-site .sf-journey .sf-journey-edu,\n#symfiny-site .sf-journey .sf-edu-button{\n  box-shadow:0 22px 60px rgba(16,47,43,.12), inset 0 1px 0 rgba(255,255,255,.55);\n}\n\n@media(max-width:760px){\n  #symfiny-site .sf-purpose-feature-media{min-height:550px;padding-bottom:22px;}\n  #symfiny-site .sf-purpose-main-media{width:92%;height:430px;}\n  #symfiny-site .sf-purpose-secondary-media{\n    left:18%;\n    width:62%;\n    height:180px;\n    bottom:0;\n    border-width:5px;\n  }\n\n  #symfiny-site .sf-bros-premium{min-height:0;padding:82px 0 88px;}\n  #symfiny-site .sf-bros-stage{display:block;min-height:0;padding-top:8px;}\n  #symfiny-site .sf-bros-art{\n    position:relative;\n    left:auto;\n    bottom:auto;\n    width:100%;\n    height:390px;\n    min-height:390px;\n    margin-top:25px;\n    z-index:3;\n  }\n  #symfiny-site .sf-bros-art img{width:100%;max-height:390px;}\n  #symfiny-site .sf-bros-speech{\n    position:relative;\n    right:auto;\n    top:auto;\n    width:100%;\n    margin-top:-8px;\n    z-index:6;\n  }\n  #symfiny-site .sf-bros-overlay-note.note-a{left:0;top:16%;}\n  #symfiny-site .sf-bros-overlay-note.note-b{right:0;top:8%;}\n  #symfiny-site .sf-bros-overlay-note.note-c{left:5%;bottom:0;}\n}\n\n@media (max-width:760px){\n  #symfiny-site .sf-purpose-feature-copy-wrap{max-width:none;gap:18px;}\n  #symfiny-site .sf-purpose-secondary-media{width:88%;height:180px;margin:0 0 0 auto;border-radius:30px 8px 30px 8px;}\n}\n\n\/* ============================================================\n   WATER BROS \u2014 DIALOGUE LEGIBILITY ONLY\n   Layout\/artwork intentionally untouched.\n   Darker, higher-opacity glass for all dialogue boxes.\n============================================================ *\/\n#symfiny-site .sf-bros-overlay-note{\n  background:rgba(8,28,25,.97) !important;\n  color:var(--white) !important;\n  border:1px solid rgba(244,241,232,.18) !important;\n  box-shadow:0 18px 45px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.07) !important;\n  backdrop-filter:blur(16px) saturate(125%);\n  -webkit-backdrop-filter:blur(16px) saturate(125%);\n}\n#symfiny-site .sf-speech-bubble{\n  background:rgba(8,28,25,.98) !important;\n  color:var(--white) !important;\n  border:1px solid rgba(244,241,232,.18) !important;\n  box-shadow:0 28px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.07) !important;\n  backdrop-filter:blur(18px) saturate(125%);\n  -webkit-backdrop-filter:blur(18px) saturate(125%);\n}\n#symfiny-site .sf-speech-bubble::before{\n  background:rgba(8,28,25,.98) !important;\n}\n#symfiny-site .sf-speech-bubble p{\n  color:rgba(250,249,245,.86) !important;\n}\n#symfiny-site .sf-speech-bubble strong{\n  color:var(--white) !important;\n}\n#symfiny-site .sf-speech-bubble em{\n  color:var(--gold) !important;\n}\n\n<\/style>\n\n\n\n<style id=\"symfiny-v10-elegant-overrides\">\n\/* ============================================================\n   V10 \u2014 DEEP FOREST \/ POND \/ MINERAL GLASS DIRECTION\n   Deliberately restrained: fewer pastel blocks, more depth.\n============================================================ *\/\n#symfiny-site{\n  --forest:#0b2521;\n  --forest-2:#12352f;\n  --pond:#1d4a40;\n  --moss:#47685b;\n  --mist:#dfe4d8;\n  --cream:#eee9dc;\n  --gold:#b99a63;\n  --gold-soft:rgba(185,154,99,.34);\n  --ink:#10251f;\n}\n\n\/* Give light sections a mineral, warm-water tone instead of baby blue. *\/\n#symfiny-site .sf-purpose,\n#symfiny-site .sf-journey,\n#symfiny-site .sf-latest,\n#symfiny-site .sf-explore{\n  background:\n    radial-gradient(circle at 78% 15%,rgba(185,154,99,.075),transparent 27%),\n    linear-gradient(135deg,#e9e8dd 0%,#dfe5dc 48%,#d8e1da 100%) !important;\n}\n#symfiny-site .sf-purpose-feature-copy,\n#symfiny-site .sf-journey-edu,\n#symfiny-site .sf-card{\n  background:rgba(247,244,235,.28) !important;\n  border-color:rgba(185,154,99,.24) !important;\n  box-shadow:0 28px 80px rgba(11,37,33,.12),inset 0 1px 0 rgba(255,255,255,.42) !important;\n  backdrop-filter:blur(24px) saturate(115%);\n  -webkit-backdrop-filter:blur(24px) saturate(115%);\n}\n#symfiny-site .sf-title,\n#symfiny-site .sf-purpose-feature-copy h2,\n#symfiny-site .sf-card h3{color:#102f2a;}\n#symfiny-site .sf-eyebrow,\n#symfiny-site .sf-glass-kicker{color:#806a43;}\n\n\/* Purpose: full landscape image, precisely aligned with the copy box. *\/\n#symfiny-site .sf-purpose-feature-copy-wrap{\n  width:100%;\n  max-width:590px;\n  margin-left:auto;\n  gap:18px;\n}\n#symfiny-site .sf-purpose-secondary-media{\n  width:100% !important;\n  height:auto !important;\n  aspect-ratio:16 \/ 7 !important;\n  margin:0 !important;\n  border-radius:28px 7px 28px 7px !important;\n  border:1px solid rgba(185,154,99,.38) !important;\n  box-shadow:0 24px 60px rgba(11,37,33,.18) !important;\n}\n#symfiny-site .sf-purpose-secondary-media img{\n  object-fit:cover !important;\n  object-position:center 48% !important;\n}\n\n\/* Deepen the dark sections so the site feels like pond water, not aqua UI. *\/\n#symfiny-site .sf-guiding,\n#symfiny-site .sf-bros-premium,\n#symfiny-site .sf-final{\n  background:\n    radial-gradient(circle at 15% 20%,rgba(71,104,91,.28),transparent 32%),\n    radial-gradient(circle at 85% 80%,rgba(185,154,99,.055),transparent 28%),\n    linear-gradient(145deg,#081e1b 0%,#0d2b25 52%,#071916 100%) !important;\n}\n#symfiny-site .sf-principle-card,\n#symfiny-site .sf-bros-speech,\n#symfiny-site .sf-bros-overlay-note{\n  background:rgba(8,30,27,.46) !important;\n  border-color:rgba(238,233,220,.16) !important;\n  box-shadow:0 28px 75px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.10) !important;\n  backdrop-filter:blur(22px) saturate(125%);\n  -webkit-backdrop-filter:blur(22px) saturate(125%);\n}\n\n\/* Header: elegant disappearing navigation \u2014 not a permanent bar. *\/\n#sfHeader{\n  opacity:1;\n  transform:translateY(0);\n  transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1),background .4s ease,padding .4s ease;\n}\n#sfHeader.sf-scrolled.sf-header-hide{\n  opacity:0;\n  transform:translateY(-115%);\n  pointer-events:none;\n}\n#sfHeader.sf-scrolled.sf-header-hide:hover,\n#sfHeader.sf-scrolled:focus-within{\n  opacity:1;\n  transform:translateY(0);\n  pointer-events:auto;\n}\n#sfHeader.sf-scrolled{\n  background:rgba(8,30,27,.72) !important;\n  border-bottom:1px solid rgba(185,154,99,.16) !important;\n  box-shadow:0 12px 50px rgba(0,0,0,.12);\n}\n#sfHeader .sf-enquire{\n  border-color:rgba(185,154,99,.55);\n  background:rgba(185,154,99,.08);\n}\n#sfHeader .sf-enquire:hover{background:rgba(185,154,99,.16);border-color:rgba(185,154,99,.85);}\n\n\/* Gold should read as a detail, not a theme colour. *\/\n#symfiny-site .sf-gold-line{background:linear-gradient(90deg,var(--gold),transparent);}\n#symfiny-site .sf-card-link{color:#806a43 !important;}\n\n@media(max-width:760px){\n  #symfiny-site .sf-purpose-secondary-media{aspect-ratio:16 \/ 8 !important;width:100% !important;}\n}\n<\/style>\n\n\n<style id=\"symfiny-v14-luxury\">\n\/* ============================================================\n   V14 \u2014 SYMFINY LUXURY EDITORIAL\n   A restrained high-end finish: deeper water, warmer mineral\n   surfaces, sharper typography, richer glass and quieter motion.\n   Existing content, links, photography and Water Bros composition\n   are preserved.\n============================================================ *\/\n\n#symfiny-site{\n  --lux-ink:#091a17;\n  --lux-deep:#061512;\n  --lux-water:#0d2b25;\n  --lux-water-2:#123b33;\n  --lux-mineral:#e4e5dc;\n  --lux-ivory:#eeeade;\n  --lux-line:rgba(185,154,99,.28);\n  --lux-white:rgba(250,249,245,.92);\n}\n\n\/* ---------- GLOBAL FINISH ---------- *\/\n#symfiny-site{\n  position:relative;\n  background:var(--lux-mineral);\n  -webkit-font-smoothing:antialiased;\n  text-rendering:optimizeLegibility;\n}\n#symfiny-site .sf-wrap{position:relative;}\n#symfiny-site ::selection{\n  background:rgba(185,154,99,.78);\n  color:#071815;\n}\n\n\/* Quiet hairline separators \u2014 luxury editorial rather than boxed UI *\/\n#symfiny-site .sf-purpose,\n#symfiny-site .sf-jal,\n#symfiny-site .sf-latest,\n#symfiny-site .sf-explore,\n#symfiny-site .sf-connect{\n  position:relative;\n}\n#symfiny-site .sf-purpose::after,\n#symfiny-site .sf-jal::after,\n#symfiny-site .sf-latest::after,\n#symfiny-site .sf-explore::after,\n#symfiny-site .sf-connect::after{\n  content:\"\";\n  position:absolute;\n  left:50%;\n  bottom:0;\n  width:min(1240px,calc(100% - 48px));\n  height:1px;\n  transform:translateX(-50%);\n  background:linear-gradient(90deg,transparent,rgba(16,47,43,.12),rgba(185,154,99,.20),rgba(16,47,43,.12),transparent);\n  pointer-events:none;\n}\n\n\/* ---------- TYPOGRAPHY ---------- *\/\n#symfiny-site .sf-eyebrow{\n  letter-spacing:.27em;\n  font-size:10px;\n  color:#806a43;\n}\n#symfiny-site .sf-title{\n  letter-spacing:-.035em;\n  line-height:.91;\n}\n#symfiny-site .sf-copy{\n  color:#4c605a;\n  font-size:16px;\n  line-height:1.88;\n}\n#symfiny-site .sf-gold-line{\n  width:72px;\n  margin-top:28px;\n  margin-bottom:28px;\n  background:linear-gradient(90deg,var(--gold),rgba(185,154,99,0));\n}\n\n\/* ---------- HERO \u2014 cinematic luxury ---------- *\/\n#symfiny-site .sf-hero{\n  min-height:96vh;\n  min-height:96svh;\n  background:#061714;\n}\n#symfiny-site .sf-hero-video{\n  transform:scale(1.045);\n  filter:saturate(.88) contrast(1.05) brightness(.88);\n  transition:filter 1.2s ease,transform 1.8s cubic-bezier(.2,.65,.25,1);\n}\n#symfiny-site .sf-hero-overlay{\n  background:\n    linear-gradient(180deg,\n      rgba(3,18,16,.72) 0%,\n      rgba(7,29,25,.20) 34%,\n      rgba(4,20,17,.40) 62%,\n      rgba(3,15,13,.82) 100%);\n}\n#symfiny-site .sf-hero-overlay::after{\n  background:\n    radial-gradient(ellipse at 50% 45%,\n      transparent 12%,\n      rgba(2,13,11,.22) 62%,\n      rgba(1,10,8,.72) 100%);\n}\n#symfiny-site .sf-hero-inner{\n  width:min(calc(100% - 40px),1040px);\n}\n#symfiny-site .sf-hero-kicker{\n  color:rgba(244,241,232,.78);\n  letter-spacing:.31em;\n}\n#symfiny-site .sf-hero h1{\n  font-size:clamp(64px,9.6vw,126px);\n  line-height:.80;\n  text-shadow:0 12px 45px rgba(0,0,0,.42);\n}\n#symfiny-site .sf-hero-sub{\n  max-width:650px;\n  color:rgba(250,249,245,.74);\n  font-size:15px;\n  letter-spacing:.01em;\n}\n#symfiny-site .sf-hero-actions{margin-top:39px;}\n#symfiny-site .sf-btn{\n  min-height:52px;\n  padding:0 27px;\n  letter-spacing:.14em;\n}\n#symfiny-site .sf-btn-light{\n  color:#102f2a !important;\n  background:linear-gradient(135deg,#f5f1e7,#e5dfcf);\n  border:1px solid rgba(185,154,99,.62);\n  box-shadow:0 14px 35px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.8);\n}\n#symfiny-site .sf-btn-light:hover{\n  background:#f7f3e9;\n  box-shadow:0 18px 45px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.9);\n}\n#symfiny-site .sf-btn-outline{\n  background:rgba(6,25,22,.28);\n  border-color:rgba(244,241,232,.45);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);\n}\n#symfiny-site .sf-scroll{\n  opacity:.65;\n  letter-spacing:.32em;\n}\n\n\/* ---------- HEADER \u2014 jewellery-like details ---------- *\/\n#symfiny-site .sf-header .sf-nav{\n  border-color:rgba(244,241,232,.13);\n  box-shadow:0 8px 35px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.07);\n}\n#symfiny-site .sf-menu a{\n  letter-spacing:.105em;\n}\n#symfiny-site .sf-menu a::after{\n  background:linear-gradient(90deg,transparent,var(--gold),transparent);\n}\n#symfiny-site .sf-enquire{\n  border-color:rgba(185,154,99,.52);\n  color:#f4f1e8 !important;\n}\n\n\/* ---------- PURPOSE \u2014 museum-like composition ---------- *\/\n#symfiny-site .sf-purpose{\n  background:\n    radial-gradient(circle at 6% 12%,rgba(141,185,180,.13),transparent 25%),\n    radial-gradient(circle at 92% 84%,rgba(185,154,99,.08),transparent 24%),\n    linear-gradient(135deg,#e9e8df 0%,#e0e4dc 52%,#d9e0d9 100%) !important;\n}\n#symfiny-site .sf-purpose-intro{\n  margin-bottom:84px;\n}\n#symfiny-site .sf-purpose-intro .sf-title{\n  font-size:clamp(54px,6.5vw,92px);\n}\n#symfiny-site .sf-purpose-feature{\n  gap:96px;\n}\n#symfiny-site .sf-purpose-main-media{\n  border-color:rgba(185,154,99,.34);\n  box-shadow:0 38px 90px rgba(8,31,27,.16),inset 0 1px 0 rgba(255,255,255,.6);\n}\n#symfiny-site .sf-purpose-main-media::before,\n#symfiny-site .sf-purpose-secondary-media::before{\n  content:\"\";\n  position:absolute;\n  inset:10px;\n  border:1px solid rgba(244,241,232,.16);\n  border-radius:inherit;\n  z-index:2;\n  pointer-events:none;\n}\n#symfiny-site .sf-purpose-feature-copy{\n  background:linear-gradient(145deg,rgba(247,244,235,.64),rgba(247,244,235,.30)) !important;\n  border-color:rgba(185,154,99,.25);\n  box-shadow:0 32px 80px rgba(11,37,33,.12),inset 0 1px 0 rgba(255,255,255,.62) !important;\n  backdrop-filter:blur(26px) saturate(120%);\n  -webkit-backdrop-filter:blur(26px) saturate(120%);\n}\n#symfiny-site .sf-purpose-signature{\n  border-top-color:rgba(185,154,99,.22);\n  color:#173b34;\n}\n\n\/* ---------- GUIDING PRINCIPLES \u2014 private-gallery feel ---------- *\/\n#symfiny-site .sf-guiding-premium{\n  background:\n    radial-gradient(circle at 50% -10%,rgba(95,143,130,.18),transparent 35%),\n    radial-gradient(circle at 100% 100%,rgba(185,154,99,.07),transparent 28%),\n    linear-gradient(145deg,#061714 0%,#0a2621 48%,#061512 100%) !important;\n}\n#symfiny-site .sf-guiding-premium::after{\n  content:\"\";\n  position:absolute;\n  left:0;\n  right:0;\n  top:0;\n  height:1px;\n  background:linear-gradient(90deg,transparent,rgba(185,154,99,.38),transparent);\n}\n#symfiny-site .sf-guiding-intro h2{\n  font-size:clamp(60px,7.5vw,108px);\n  text-shadow:0 14px 50px rgba(0,0,0,.28);\n}\n#symfiny-site .sf-principle-grid{\n  gap:20px;\n}\n#symfiny-site .sf-principle-card{\n  padding:8px;\n  border-color:rgba(185,154,99,.18);\n  background:linear-gradient(145deg,rgba(244,241,232,.075),rgba(244,241,232,.018));\n  box-shadow:0 35px 90px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);\n}\n#symfiny-site .sf-principle-card::before{\n  content:\"\";\n  position:absolute;\n  left:18px;\n  right:18px;\n  top:8px;\n  height:1px;\n  background:linear-gradient(90deg,transparent,rgba(185,154,99,.52),transparent);\n  opacity:.8;\n  z-index:3;\n}\n#symfiny-site .sf-principle-media{\n  border-radius:24px 4px 24px 4px;\n}\n#symfiny-site .sf-principle-media::after{\n  background:linear-gradient(180deg,transparent 35%,rgba(3,17,14,.68));\n}\n#symfiny-site .sf-principle-copy p{\n  font-size:33px;\n}\n#symfiny-site .sf-principle-copy span{\n  letter-spacing:.12em;\n}\n\n\/* ---------- WATER PHILOSOPHY \u2014 quiet resort atmosphere ---------- *\/\n#symfiny-site .sf-jal{\n  background:\n    radial-gradient(circle at 82% 15%,rgba(141,185,180,.10),transparent 28%),\n    linear-gradient(135deg,#e7e6dc,#dfe4dc 52%,#d9e0d9) !important;\n}\n#symfiny-site .sf-jal-bg-video{\n  opacity:.17 !important;\n}\n#symfiny-site .sf-jal-bg-wash{\n  background:linear-gradient(90deg,rgba(231,230,220,.94),rgba(231,230,220,.72) 54%,rgba(223,228,220,.91)) !important;\n}\n#symfiny-site .sf-jal-copy{\n  padding:10px 0;\n}\n#symfiny-site .sf-jal-image{\n  padding:8px;\n  border:1px solid rgba(185,154,99,.24);\n  border-radius:32px 8px 32px 8px;\n  background:rgba(244,241,232,.20);\n  box-shadow:0 35px 85px rgba(8,31,27,.14),inset 0 1px 0 rgba(255,255,255,.65);\n}\n#symfiny-site .sf-jal-image img{\n  border-radius:25px 4px 25px 4px;\n}\n\n\/* ---------- WATER BROS \u2014 luxury atmosphere only.\n   Artwork, stage geometry and dialogue positioning remain intact. ---------- *\/\n#symfiny-site .sf-bros-premium{\n  background:\n    radial-gradient(circle at 50% 0%,rgba(95,143,130,.16),transparent 32%),\n    linear-gradient(145deg,#061714 0%,#0b2924 52%,#051411 100%) !important;\n}\n#symfiny-site .sf-bros-bg{\n  filter:saturate(.82) contrast(1.04) brightness(.91);\n}\n#symfiny-site .sf-bros-wash{\n  background:\n    radial-gradient(circle at 28% 38%,rgba(141,185,180,.14),transparent 34%),\n    linear-gradient(90deg,rgba(4,19,17,.88),rgba(8,34,29,.54) 48%,rgba(4,18,15,.90)) !important;\n}\n#symfiny-site .sf-bros-head{\n  border-color:rgba(185,154,99,.24);\n  background:linear-gradient(145deg,rgba(5,22,19,.82),rgba(8,35,30,.52));\n  box-shadow:0 30px 80px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.08);\n}\n#symfiny-site .sf-bros-lines span{\n  border-color:rgba(185,154,99,.18);\n  background:rgba(244,241,232,.035);\n}\n\n\/* Preserve the already-correct dark, high-opacity dialogue treatment. *\/\n#symfiny-site .sf-bros-overlay-note,\n#symfiny-site .sf-speech-bubble{\n  background:rgba(8,28,25,.98) !important;\n  border-color:rgba(244,241,232,.18) !important;\n}\n#symfiny-site .sf-speech-bubble{\n  box-shadow:0 35px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.07) !important;\n}\n\n\/* ---------- LATEST \u2014 luxury editorial cards ---------- *\/\n#symfiny-site .sf-latest-premium{\n  background:\n    radial-gradient(circle at 92% 8%,rgba(185,154,99,.07),transparent 24%),\n    linear-gradient(135deg,#e8e7de,#e0e4dc 58%,#dbe1db) !important;\n}\n#symfiny-site .sf-latest-head{\n  margin-bottom:62px;\n}\n#symfiny-site .sf-latest-head .sf-title{\n  font-size:clamp(52px,6.4vw,88px);\n}\n#symfiny-site .sf-news-grid{gap:20px;}\n#symfiny-site .sf-news-glass{\n  min-height:330px;\n  padding:34px;\n  border-radius:26px 6px 26px 6px;\n  border-color:rgba(185,154,99,.24);\n  background:linear-gradient(145deg,rgba(247,244,235,.55),rgba(247,244,235,.20)) !important;\n  box-shadow:0 30px 80px rgba(11,37,33,.11),inset 0 1px 0 rgba(255,255,255,.62);\n  backdrop-filter:blur(25px) saturate(120%);\n  -webkit-backdrop-filter:blur(25px) saturate(120%);\n}\n#symfiny-site .sf-news-glass::after{\n  content:\"\";\n  position:absolute;\n  left:24px;\n  right:24px;\n  top:0;\n  height:1px;\n  background:linear-gradient(90deg,transparent,rgba(185,154,99,.48),transparent);\n}\n#symfiny-site .sf-news-glass h3{\n  font-size:37px;\n  line-height:.96;\n}\n#symfiny-site .sf-news-link{\n  color:#725d3b !important;\n  border-bottom-color:rgba(185,154,99,.32);\n}\n\n\/* ---------- JOURNEY \u2014 cinematic statement section ---------- *\/\n#symfiny-site .sf-journey{\n  min-height:760px;\n  background:#061714 !important;\n}\n#symfiny-site .sf-waterkeeper video{\n  opacity:.50;\n  filter:saturate(.78) contrast(1.05) brightness(.80);\n}\n#symfiny-site .sf-waterkeeper::after{\n  background:\n    linear-gradient(90deg,rgba(3,17,15,.91),rgba(7,32,27,.46),rgba(3,17,15,.88)),\n    radial-gradient(circle at 50% 50%,transparent,rgba(1,11,9,.30));\n}\n#symfiny-site .sf-waterkeeper-inner{\n  max-width:920px;\n}\n#symfiny-site .sf-waterkeeper .sf-eyebrow{\n  color:#c5a96f;\n}\n#symfiny-site .sf-journey .sf-title{\n  font-size:clamp(56px,7.4vw,100px);\n  text-shadow:0 14px 50px rgba(0,0,0,.34);\n}\n#symfiny-site .sf-waterkeeper-quote{\n  font-size:28px;\n  color:#c5a96f;\n}\n#symfiny-site .sf-journey-edu{\n  border-color:rgba(185,154,99,.28);\n  background:linear-gradient(145deg,rgba(244,241,232,.09),rgba(244,241,232,.035)) !important;\n  box-shadow:0 30px 80px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.09) !important;\n  backdrop-filter:blur(24px) saturate(120%);\n  -webkit-backdrop-filter:blur(24px) saturate(120%);\n}\n#symfiny-site .sf-journey-edu strong{\n  font-size:30px;\n}\n\n\/* ---------- EXPLORE \u2014 art-directed tiles ---------- *\/\n#symfiny-site .sf-explore{\n  background:\n    radial-gradient(circle at 8% 15%,rgba(141,185,180,.10),transparent 25%),\n    linear-gradient(135deg,#e6e6dc,#dde3db 55%,#d8dfd9) !important;\n}\n#symfiny-site .sf-explore-head{\n  margin-bottom:62px;\n}\n#symfiny-site .sf-cards{\n  gap:18px;\n}\n#symfiny-site .sf-card{\n  min-height:455px;\n  border-radius:7px 38px 7px 38px;\n  border:1px solid rgba(185,154,99,.25);\n  box-shadow:0 28px 75px rgba(11,37,33,.15);\n}\n#symfiny-site .sf-card-image::after{\n  background:\n    linear-gradient(180deg,rgba(4,20,17,.04) 15%,rgba(4,20,17,.88) 100%);\n}\n#symfiny-site .sf-card-content{\n  padding:31px 28px;\n}\n#symfiny-site .sf-card-number{\n  color:#c5a96f;\n  letter-spacing:.18em;\n}\n#symfiny-site .sf-card h3{\n  font-size:34px;\n  line-height:.94;\n  text-shadow:0 5px 22px rgba(0,0,0,.25);\n}\n#symfiny-site .sf-card-link{\n  position:relative;\n  padding-bottom:5px;\n  color:#eadfca !important;\n  border-bottom:1px solid rgba(185,154,99,.35);\n  width:max-content;\n}\n\n\/* ---------- CONNECT \u2014 private-members-club ending ---------- *\/\n#symfiny-site .sf-connect{\n  padding:145px 0;\n  background:\n    radial-gradient(circle at 50% 0%,rgba(95,143,130,.14),transparent 32%),\n    radial-gradient(circle at 10% 100%,rgba(185,154,99,.06),transparent 25%),\n    linear-gradient(145deg,#071a17,#0b2924 55%,#061613) !important;\n  color:var(--white);\n}\n#symfiny-site .sf-connect .sf-title{\n  color:var(--white);\n  font-size:clamp(56px,7vw,94px);\n}\n#symfiny-site .sf-connect .sf-title em{\n  color:#a9d3ca;\n}\n#symfiny-site .sf-connect .sf-eyebrow{\n  color:#c5a96f;\n}\n#symfiny-site .sf-connect .sf-final-inner > p:not(.sf-eyebrow){\n  max-width:600px;\n  margin:28px auto 0;\n  color:rgba(250,249,245,.68);\n}\n#symfiny-site .sf-final-contact a{\n  color:#f4f1e8 !important;\n  border-color:rgba(185,154,99,.28);\n  background:rgba(244,241,232,.055);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);\n}\n#symfiny-site .sf-final-contact span{\n  color:rgba(185,154,99,.75);\n}\n\n\/* ---------- FOOTER \u2014 understated, expensive ---------- *\/\n#symfiny-site .sf-footer{\n  padding-top:72px;\n  background:\n    radial-gradient(circle at 80% 0%,rgba(95,143,130,.09),transparent 30%),\n    #04110f !important;\n}\n#symfiny-site .sf-footer-minimal{\n  border-bottom-color:rgba(185,154,99,.18);\n}\n#symfiny-site .sf-footer-minimal p{\n  color:rgba(244,241,232,.66);\n  letter-spacing:.015em;\n}\n#symfiny-site .sf-footer-contact a{\n  color:rgba(244,241,232,.66);\n  transition:color .25s ease,transform .25s ease;\n}\n#symfiny-site .sf-footer-contact a:hover{\n  color:#f4f1e8;\n  transform:translateY(-1px);\n}\n#symfiny-site .sf-footer-bottom{\n  color:rgba(244,241,232,.42);\n}\n\n\/* ---------- REVEAL \u2014 slower, more editorial ---------- *\/\n#symfiny-site .sf-reveal{\n  transform:translateY(34px);\n  transition:\n    opacity 1s cubic-bezier(.22,1,.36,1),\n    transform 1.15s cubic-bezier(.22,1,.36,1);\n}\n#symfiny-site .sf-reveal.sf-visible{transform:none;}\n#symfiny-site .sf-news-grid .sf-reveal:nth-child(2),\n#symfiny-site .sf-cards .sf-reveal:nth-child(2){transition-delay:.07s;}\n#symfiny-site .sf-news-grid .sf-reveal:nth-child(3),\n#symfiny-site .sf-cards .sf-reveal:nth-child(3){transition-delay:.14s;}\n#symfiny-site .sf-cards .sf-reveal:nth-child(4){transition-delay:.21s;}\n#symfiny-site .sf-principle-grid .sf-reveal:nth-child(2){transition-delay:.08s;}\n#symfiny-site .sf-principle-grid .sf-reveal:nth-child(3){transition-delay:.16s;}\n\n\/* ---------- MOBILE LUXURY ---------- *\/\n@media(max-width:760px){\n  #symfiny-site .sf-hero{\n    min-height:91vh;\n    min-height:91svh;\n  }\n  #symfiny-site .sf-hero-video{\n    transform:scale(1.025);\n  }\n  #symfiny-site .sf-hero h1{\n    font-size:clamp(58px,17vw,82px);\n    line-height:.84;\n  }\n  #symfiny-site .sf-hero-sub{\n    font-size:14px;\n  }\n  #symfiny-site .sf-section{\n    padding:86px 0;\n  }\n  #symfiny-site .sf-purpose-intro .sf-title{\n    font-size:clamp(46px,13vw,66px);\n  }\n  #symfiny-site .sf-purpose-feature-copy{\n    padding:31px 25px;\n  }\n  #symfiny-site .sf-guiding-premium{\n    padding:92px 0 98px;\n  }\n  #symfiny-site .sf-guiding-intro h2{\n    font-size:clamp(52px,15vw,78px);\n  }\n  #symfiny-site .sf-principle-media{\n    height:330px;\n  }\n  #symfiny-site .sf-principle-copy p{\n    font-size:29px;\n  }\n  #symfiny-site .sf-latest-head .sf-title{\n    font-size:clamp(46px,13vw,68px);\n  }\n  #symfiny-site .sf-news-glass{\n    min-height:270px;\n    padding:28px 25px;\n  }\n  #symfiny-site .sf-news-glass h3{\n    font-size:32px;\n  }\n  #symfiny-site .sf-journey{\n    min-height:690px;\n  }\n  #symfiny-site .sf-journey .sf-title{\n    font-size:clamp(50px,14vw,76px);\n  }\n  #symfiny-site .sf-connect{\n    padding:100px 0;\n  }\n  #symfiny-site .sf-connect .sf-title{\n    font-size:clamp(50px,14vw,76px);\n  }\n  #symfiny-site .sf-purpose::after,\n  #symfiny-site .sf-jal::after,\n  #symfiny-site .sf-latest::after,\n  #symfiny-site .sf-explore::after,\n  #symfiny-site .sf-connect::after{\n    width:calc(100% - 32px);\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  #symfiny-site .sf-hero-video{\n    transform:scale(1.02);\n  }\n}\n\n\n<style id=\"symfiny-v15-deep-forest-continuous-luxury\">\n\/* ============================================================\n   V15 \u2014 DEEP FOREST \/ CONTINUOUS LUXURY\n   Targeted visual refinement only.\n   Content, imagery, links, layout and Water Bros artwork remain intact.\n   The goal: one continuous luxury environment instead of \"box after box\".\n============================================================ *\/\n\n#symfiny-site{\n  --lux-bg:#071d19;\n  --lux-bg-2:#0a2521;\n  --lux-bg-3:#0d2d27;\n  --lux-ink:#edf0e8;\n  --lux-muted:rgba(237,240,232,.68);\n  --lux-line:rgba(244,241,232,.13);\n  --lux-gold:#c2a66c;\n  background:#061714 !important;\n  color:var(--lux-ink);\n}\n\n\/* A single deep-water canvas. Sections now flow into one another rather\n   than alternating between pale rectangular slabs. *\/\n#symfiny-site .sf-purpose,\n#symfiny-site .sf-guiding-premium,\n#symfiny-site .sf-jal,\n#symfiny-site .sf-latest-premium,\n#symfiny-site .sf-explore,\n#symfiny-site .sf-connect{\n  color:var(--lux-ink);\n  border:0 !important;\n}\n\n#symfiny-site .sf-purpose{\n  background:\n    radial-gradient(circle at 12% 12%,rgba(95,143,130,.13),transparent 28%),\n    radial-gradient(circle at 88% 78%,rgba(185,154,99,.045),transparent 25%),\n    linear-gradient(145deg,#0a2823 0%,#09221e 48%,#071b18 100%) !important;\n}\n\n#symfiny-site .sf-guiding-premium{\n  background:\n    radial-gradient(circle at 50% 0%,rgba(95,143,130,.14),transparent 34%),\n    linear-gradient(180deg,#071c19 0%,#09231f 100%) !important;\n}\n\n#symfiny-site .sf-jal{\n  background:\n    radial-gradient(circle at 85% 12%,rgba(141,185,180,.10),transparent 27%),\n    linear-gradient(145deg,#0c2b26 0%,#0a2521 55%,#081f1c 100%) !important;\n}\n\n#symfiny-site .sf-latest-premium{\n  background:\n    radial-gradient(circle at 92% 8%,rgba(185,154,99,.065),transparent 24%),\n    linear-gradient(145deg,#081f1c 0%,#0a2622 58%,#071b18 100%) !important;\n}\n\n#symfiny-site .sf-explore{\n  background:\n    radial-gradient(circle at 8% 15%,rgba(95,143,130,.11),transparent 26%),\n    linear-gradient(145deg,#0a2823 0%,#09221e 55%,#071b18 100%) !important;\n}\n\n#symfiny-site .sf-connect{\n  background:\n    radial-gradient(circle at 50% 0%,rgba(95,143,130,.14),transparent 30%),\n    radial-gradient(circle at 12% 100%,rgba(185,154,99,.055),transparent 24%),\n    linear-gradient(145deg,#071b18 0%,#0a2823 52%,#061714 100%) !important;\n}\n\n\/* Make section changes feel like changes in water depth, not page breaks. *\/\n#symfiny-site .sf-purpose::after,\n#symfiny-site .sf-guiding-premium::after,\n#symfiny-site .sf-jal::after,\n#symfiny-site .sf-latest-premium::after,\n#symfiny-site .sf-explore::after,\n#symfiny-site .sf-connect::after{\n  content:\"\";\n  position:absolute;\n  left:50%;\n  bottom:0;\n  width:min(1240px,calc(100% - 48px));\n  height:1px;\n  transform:translateX(-50%);\n  background:linear-gradient(90deg,transparent,rgba(194,166,108,.25),transparent);\n  pointer-events:none;\n}\n\n\/* ---------- TYPE: ivory, not white ---------- *\/\n#symfiny-site .sf-purpose .sf-title,\n#symfiny-site .sf-jal .sf-title,\n#symfiny-site .sf-latest .sf-title,\n#symfiny-site .sf-explore .sf-title,\n#symfiny-site .sf-connect .sf-title{\n  color:#f0eee5 !important;\n}\n\n#symfiny-site .sf-purpose .sf-eyebrow,\n#symfiny-site .sf-jal .sf-eyebrow,\n#symfiny-site .sf-latest .sf-eyebrow,\n#symfiny-site .sf-explore .sf-eyebrow,\n#symfiny-site .sf-connect .sf-eyebrow,\n#symfiny-site .sf-glass-kicker{\n  color:var(--lux-gold) !important;\n}\n\n#symfiny-site .sf-purpose-lead,\n#symfiny-site .sf-purpose-reflection-copy,\n#symfiny-site .sf-latest-head > p,\n#symfiny-site .sf-jal-copy p,\n#symfiny-site .sf-connect .sf-final-inner > p:not(.sf-eyebrow){\n  color:var(--lux-muted) !important;\n}\n\n\/* ---------- PURPOSE: remove the obvious floating-card treatment ---------- *\/\n#symfiny-site .sf-purpose-feature-copy{\n  background:linear-gradient(145deg,rgba(244,241,232,.075),rgba(244,241,232,.025)) !important;\n  border:1px solid rgba(194,166,108,.20) !important;\n  border-radius:2px 28px 2px 28px !important;\n  box-shadow:0 30px 80px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.065) !important;\n  backdrop-filter:blur(20px) saturate(120%);\n  -webkit-backdrop-filter:blur(20px) saturate(120%);\n}\n#symfiny-site .sf-purpose-feature-copy h2,\n#symfiny-site .sf-purpose-feature-copy p,\n#symfiny-site .sf-purpose-signature{\n  color:#f0eee5 !important;\n}\n#symfiny-site .sf-purpose-feature-copy p{color:rgba(240,238,229,.68) !important;}\n#symfiny-site .sf-purpose-signature{border-top-color:rgba(194,166,108,.20) !important;}\n\n#symfiny-site .sf-purpose-main-media,\n#symfiny-site .sf-purpose-secondary-media{\n  border-color:rgba(194,166,108,.25) !important;\n  box-shadow:0 30px 85px rgba(0,0,0,.30) !important;\n}\n#symfiny-site .sf-purpose-secondary-media{background:#102f2b !important;}\n\n\/* ---------- GUIDING PRINCIPLES: gallery, not three cards ---------- *\/\n#symfiny-site .sf-principle-grid{gap:1px;}\n#symfiny-site .sf-principle-card{\n  padding:0 !important;\n  border:0 !important;\n  border-top:1px solid rgba(194,166,108,.20) !important;\n  border-bottom:1px solid rgba(244,241,232,.08) !important;\n  border-radius:0 !important;\n  background:transparent !important;\n  box-shadow:none !important;\n  backdrop-filter:none;\n  -webkit-backdrop-filter:none;\n}\n#symfiny-site .sf-principle-card + .sf-principle-card{\n  border-left:1px solid rgba(244,241,232,.08) !important;\n}\n#symfiny-site .sf-principle-media{\n  border-radius:0 !important;\n  border:0 !important;\n  background:#102f2b !important;\n}\n#symfiny-site .sf-principle-copy{padding:24px 6px 24px;}\n#symfiny-site .sf-principle-copy p{color:#f0eee5 !important;}\n#symfiny-site .sf-principle-copy span{color:rgba(240,238,229,.45) !important;}\n\n\/* ---------- WATER PHILOSOPHY: same dark world, photograph floats ---------- *\/\n#symfiny-site .sf-jal-bg-wash{\n  background:linear-gradient(90deg,rgba(10,37,33,.96),rgba(10,37,33,.78) 52%,rgba(8,31,28,.94)) !important;\n}\n#symfiny-site .sf-jal-bg-video{opacity:.11 !important;}\n#symfiny-site .sf-jal-image{\n  padding:7px;\n  border:1px solid rgba(194,166,108,.20) !important;\n  border-radius:2px 48px 2px 48px !important;\n  background:rgba(244,241,232,.035) !important;\n  box-shadow:0 35px 90px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.06) !important;\n}\n#symfiny-site .sf-jal-image img{border-radius:0 40px 0 40px !important;}\n#symfiny-site .sf-jal-pill{\n  color:#d7c8a8 !important;\n  border-color:rgba(194,166,108,.22) !important;\n  background:rgba(194,166,108,.055) !important;\n}\n\n\/* ---------- WATER BROS: preserve its current composition + dialogue ---------- *\/\n#symfiny-site .sf-bros-premium{\n  border-top:1px solid rgba(194,166,108,.12) !important;\n  border-bottom:1px solid rgba(194,166,108,.18) !important;\n}\n\/* Deliberately no geometry, artwork or dialogue positioning overrides here. *\/\n\n\/* ---------- LATEST: turn cards into an editorial index ---------- *\/\n#symfiny-site .sf-news-grid{gap:0 !important;}\n#symfiny-site .sf-news-glass{\n  min-height:330px;\n  border:0 !important;\n  border-top:1px solid rgba(194,166,108,.20) !important;\n  border-bottom:1px solid rgba(244,241,232,.08) !important;\n  border-radius:0 !important;\n  background:linear-gradient(145deg,rgba(244,241,232,.045),rgba(244,241,232,.012)) !important;\n  box-shadow:none !important;\n  backdrop-filter:blur(8px);\n  -webkit-backdrop-filter:blur(8px);\n  transition:background .45s ease,transform .45s ease;\n}\n#symfiny-site .sf-news-glass::after{display:none !important;}\n#symfiny-site .sf-news-glass:hover{\n  transform:translateY(-3px) !important;\n  background:rgba(244,241,232,.065) !important;\n  box-shadow:none !important;\n}\n#symfiny-site .sf-news-glass h3{color:#f0eee5 !important;}\n#symfiny-site .sf-news-glass p{color:rgba(240,238,229,.62) !important;}\n#symfiny-site .sf-news-link{\n  color:#d8c7a3 !important;\n  border-color:rgba(194,166,108,.30) !important;\n}\n\n\/* ---------- JOURNEY: already cinematic \u2014 let it breathe into the canvas ---------- *\/\n#symfiny-site .sf-journey{\n  border-top:1px solid rgba(194,166,108,.12) !important;\n  border-bottom:1px solid rgba(194,166,108,.18) !important;\n}\n#symfiny-site .sf-journey-edu{\n  border-radius:2px 24px 2px 24px !important;\n  background:linear-gradient(145deg,rgba(244,241,232,.065),rgba(244,241,232,.018)) !important;\n  border-color:rgba(194,166,108,.22) !important;\n}\n\n\/* ---------- EXPLORE: gallery tiles remain, but lose the UI-box feel ---------- *\/\n#symfiny-site .sf-cards{gap:10px !important;}\n#symfiny-site .sf-card{\n  border:1px solid rgba(194,166,108,.19) !important;\n  border-radius:2px 30px 2px 30px !important;\n  box-shadow:0 25px 70px rgba(0,0,0,.28) !important;\n}\n#symfiny-site .sf-card:hover{\n  transform:translateY(-5px) !important;\n  box-shadow:0 32px 85px rgba(0,0,0,.35) !important;\n}\n\n\/* ---------- CONNECT: quiet final room, not another white panel ---------- *\/\n#symfiny-site .sf-final-contact a{\n  color:#f0eee5 !important;\n  border-color:rgba(194,166,108,.22) !important;\n  background:rgba(244,241,232,.035) !important;\n  box-shadow:none !important;\n}\n#symfiny-site .sf-final-contact a:hover{\n  background:rgba(194,166,108,.09) !important;\n  border-color:rgba(194,166,108,.48) !important;\n}\n\n\/* ---------- FOOTER: deepest point of the green ---------- *\/\n#symfiny-site .sf-footer{\n  background:\n    radial-gradient(circle at 80% 0%,rgba(95,143,130,.07),transparent 28%),\n    #03110f !important;\n}\n\n\/* Slightly more air between sections; no artificial boxed gaps. *\/\n#symfiny-site .sf-section{position:relative;}\n\n@media(max-width:760px){\n  #symfiny-site .sf-purpose,\n  #symfiny-site .sf-guiding-premium,\n  #symfiny-site .sf-jal,\n  #symfiny-site .sf-latest-premium,\n  #symfiny-site .sf-explore,\n  #symfiny-site .sf-connect{\n    background:#09221e !important;\n  }\n  #symfiny-site .sf-principle-grid{gap:0;}\n  #symfiny-site .sf-principle-card + .sf-principle-card{\n    border-left:0 !important;\n  }\n  #symfiny-site .sf-news-glass{min-height:260px;}\n  #symfiny-site .sf-purpose-feature-copy{border-radius:2px 22px 2px 22px !important;}\n}\n<\/style>\n<\/style>\n\n\n<style id=\"symfiny-v16-luxury-readable-type\">\n\/* ============================================================\n   V16 \u2014 LUXURY READABILITY\n   Colour-only correction: cream \/ gold \/ aqua typography on\n   the deeper forest canvas. Layout, imagery and Water Bros\n   composition are intentionally untouched.\n============================================================ *\/\n#symfiny-site{\n  --lux-cream:#F4F1E8;\n  --lux-white:#FAF9F5;\n  --lux-gold:#C2A66C;\n  --lux-aqua:#A8CBC5;\n}\n\n\/* Primary editorial typography *\/\n#symfiny-site .sf-title,\n#symfiny-site .sf-title-light,\n#symfiny-site h1,\n#symfiny-site h2,\n#symfiny-site h3,\n#symfiny-site h4{\n  color:var(--lux-cream) !important;\n}\n\n\/* Body copy \u2014 lifted from the dark background *\/\n#symfiny-site .sf-copy,\n#symfiny-site .sf-purpose-lead,\n#symfiny-site .sf-purpose-reflection-copy,\n#symfiny-site .sf-latest-head > p,\n#symfiny-site .sf-jal-copy p,\n#symfiny-site .sf-card p,\n#symfiny-site .sf-news-glass p,\n#symfiny-site .sf-connect .sf-final-inner > p:not(.sf-eyebrow),\n#symfiny-site .sf-final p{\n  color:rgba(244,241,232,.78) !important;\n}\n\n\/* Gold is reserved for labels, numbering and luxury details *\/\n#symfiny-site .sf-eyebrow,\n#symfiny-site .sf-glass-kicker,\n#symfiny-site .sf-card-number,\n#symfiny-site .sf-news-item > span:first-child,\n#symfiny-site .sf-speech-label,\n#symfiny-site .sf-bros-signoff,\n#symfiny-site .sf-waterkeeper-quote,\n#symfiny-site .sf-purpose-signature{\n  color:var(--lux-gold) !important;\n}\n\n\/* Aqua for secondary emphasis *\/\n#symfiny-site .sf-bros-copy .sf-eyebrow,\n#symfiny-site .sf-waterkeeper .sf-eyebrow,\n#symfiny-site .sf-guiding .sf-eyebrow,\n#symfiny-site .sf-bros-head .sf-title em,\n#symfiny-site .sf-guiding h2 em{\n  color:var(--lux-aqua) !important;\n}\n\n\/* Explore \/ editorial links *\/\n#symfiny-site .sf-card-link,\n#symfiny-site .sf-news-link,\n#symfiny-site .sf-final-contact a{\n  color:var(--lux-cream) !important;\n}\n#symfiny-site .sf-card-link::after,\n#symfiny-site .sf-news-link::after{\n  background:var(--lux-gold) !important;\n}\n\n\/* Philosophy \/ principle supporting text *\/\n#symfiny-site .sf-principle-copy p{\n  color:var(--lux-cream) !important;\n}\n#symfiny-site .sf-principle-copy span{\n  color:rgba(244,241,232,.62) !important;\n}\n\n\/* Journey glass panel *\/\n#symfiny-site .sf-journey-edu span{color:var(--lux-gold) !important;}\n#symfiny-site .sf-journey-edu strong{color:var(--lux-cream) !important;}\n#symfiny-site .sf-journey-edu p{color:rgba(244,241,232,.74) !important;}\n\n\/* Header stays crisp against the hero *\/\n#symfiny-site .sf-menu a,\n#symfiny-site .sf-enquire{\n  color:var(--lux-cream) !important;\n}\n\n\/* Footer *\/\n#symfiny-site .sf-footer h4{color:var(--lux-cream) !important;}\n#symfiny-site .sf-footer p,\n#symfiny-site .sf-footer-links a,\n#symfiny-site .sf-footer-contact a,\n#symfiny-site .sf-footer-bottom{\n  color:rgba(244,241,232,.70) !important;\n}\n\n\/* Water Bros dialogue: keep the approved dark treatment readable. *\/\n#symfiny-site .sf-speech-bubble p{color:rgba(250,249,245,.88) !important;}\n#symfiny-site .sf-speech-bubble strong{color:var(--lux-white) !important;}\n#symfiny-site .sf-speech-bubble em{color:var(--lux-gold) !important;}\n#symfiny-site .sf-bros-overlay-note{color:var(--lux-white) !important;}\n<\/style>\n\n<!-- ============================================================\n     HEADER\n============================================================ -->\n\n<header class=\"sf-header\" id=\"sfHeader\">\n\n  <nav class=\"sf-nav\">\n\n    <a class=\"sf-logo\" href=\"\/symfiny\/\" aria-label=\"Symfiny Home\">\n      <img decoding=\"async\"\n        src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/Symfiny-final-Logo-4-1.png\"\n        alt=\"Symfiny\"\n       title=\"Symfiny Home\">\n    <\/a>\n\n    <div class=\"sf-menu\" id=\"sfMenu\">\n\n      <a href=\"#home\" class=\"sf-active\">Home<\/a>\n\n      <a href=\"\/symfiny\/about-us-2\/\">\n        About Us\n      <\/a>\n\n      <a href=\"#journey\">\n        Courses \/ Workshops \/ Programmes\n      <\/a>\n\n      <a href=\"#latest\">\n        Blog\n      <\/a>\n\n    <\/div>\n\n    <a class=\"sf-enquire\" href=\"#connect\">\n      Connect With Us\n      <span>\u2192<\/span>\n    <\/a>\n\n    <button\n      class=\"sf-mobile-toggle\"\n      id=\"sfMobileToggle\"\n      aria-label=\"Open menu\"\n      aria-expanded=\"false\"\n      type=\"button\"\n    >\n      <span><\/span>\n    <\/button>\n\n  <\/nav>\n\n<\/header>\n\n\n<!-- ============================================================\n     HERO\n============================================================ -->\n\n<section class=\"sf-hero\" id=\"home\">\n\n  <video\n    id=\"sfHeroVideo\"\n    class=\"sf-hero-video\"\n    autoplay\n    muted\n    loop\n    playsinline\n    preload=\"auto\"\n    poster=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-3-2026-at-03_59_48-AM-1.png\"\n  >\n\n    <source\n      src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/DJI_20001124170319_0617_D.mp4\"\n      type=\"video\/mp4\"\n    >\n\n  <\/video>\n\n  <div class=\"sf-hero-overlay\"><\/div>\n\n  <div class=\"sf-hero-inner\" id=\"sfHeroInner\">\n\n    <p class=\"sf-hero-kicker\">\n      A fish farm \u00b7 a living classroom \u00b7 a journey back to water\n    <\/p>\n\n    <h1>\n      <span>Where Fish Teach.<\/span>\n      <span>Water Heals.<\/span>\n    <\/h1>\n\n    <p class=\"sf-hero-sub\">\n      A living world of fish, water, nature and curiosity \u2014\n      grown from a real farm and shared with the next generation.\n    <\/p>\n\n    <div class=\"sf-hero-actions\">\n\n      <a\n        class=\"sf-btn sf-btn-light\"\n        href=\"#purpose\"\n      >\n        Explore Symfiny\n        <span>\u2192<\/span>\n      <\/a>\n\n      <a\n        class=\"sf-btn sf-btn-outline\"\n        href=\"\/symfiny\/about-us-2\/\"\n      >\n        About Us\n        <span>\u2192<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n  <div class=\"sf-scroll\">\n    Scroll\n  <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     AUDIO \u2014 ONLY ONE AUDIO ELEMENT\n============================================================ -->\n\n<audio\n  id=\"symfinyAudio\"\n  loop\n  preload=\"auto\"\n>\n  <source\n    src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/Symfiny-Song-Prisi.wav\"\n    type=\"audio\/wav\"\n  >\n<\/audio>\n\n<button\n  id=\"sfSound\"\n  class=\"sf-sound\"\n  type=\"button\"\n  aria-label=\"Turn sound on\"\n  aria-pressed=\"false\"\n>\n  <span class=\"sf-sound-icon\">\u266a<\/span>\n  <span id=\"sfSoundText\">Sound Off<\/span>\n<\/button>\n\n\n<!-- ============================================================\n     PURPOSE\n============================================================ -->\n\n<section class=\"sf-section sf-purpose\" id=\"purpose\">\n  <div class=\"sf-wrap\">\n\n    <div class=\"sf-purpose-intro sf-reveal\">\n      <div>\n        <p class=\"sf-eyebrow\">Purpose<\/p>\n        <h2 class=\"sf-title\">An aquarium can open up a whole world.<\/h2>\n      <\/div>\n      <div class=\"sf-purpose-lead\">\n        <p>An aquarium may be small, but there is so much life happening inside it.<\/p>\n        <p>You start out thinking you are simply keeping fish, and then somehow you find yourself learning about water, plants, balance, patience and care.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"sf-purpose-feature sf-reveal\">\n      <div class=\"sf-purpose-feature-media\">\n        <div class=\"sf-purpose-main-media\">\n          <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-at-05_57_37-AM.png\" alt=\"Light reflecting into an aquarium, opening up a world beyond\" title=\"Symfiny Home\">\n          <span class=\"sf-media-index\">01 \/ 02<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"sf-purpose-feature-copy-wrap\">\n        <div class=\"sf-purpose-secondary-media\">\n          <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-5-2026-at-02_51_33-AM.png\" alt=\"A living world of water, plants and fish\" title=\"Symfiny Home\">\n          <span>Look closer.<\/span>\n        <\/div>\n        <div class=\"sf-purpose-feature-copy\">\n        <div class=\"sf-glass-kicker\">A small world. A bigger way of seeing.<\/div>\n        <p>You begin to see how everything depends on something else. And once you see that in a tank, you start seeing it everywhere \u2014 in ponds, trees, soil, rain, animals, seasons \u2014 in the way nature quietly holds everything together.<\/p>\n        <p>Living close to all of this has changed the way we see things. We have learnt to slow down, notice more and stop rushing to control everything.<\/p>\n        <p>Fishkeeping may have been where it started, but it opened up a much bigger way of understanding life. And I think that is what we love most about it.<\/p>\n        <div class=\"sf-purpose-signature\">The more you notice, the more connected everything becomes.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     GUIDING PRINCIPLE\n============================================================ -->\n\n<section class=\"sf-guiding sf-guiding-premium\">\n  <div class=\"sf-wrap\">\n    <div class=\"sf-guiding-intro sf-reveal\">\n      <p class=\"sf-eyebrow\">Symfiny's guiding principle<\/p>\n      <h2>Fish teach. <em>Water heals.<\/em> Nature leads.<\/h2>\n      <p>Three ideas at the heart of everything we do \u2014 and three ways of paying closer attention to the living world around us.<\/p>\n    <\/div>\n\n    <div class=\"sf-principle-grid\">\n      <article class=\"sf-principle-card sf-reveal\">\n        <div class=\"sf-principle-media\">\n          <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-3-2026-at-03_44_48-AM-1-e1788471000476.png\" alt=\"Fish teach\" title=\"Symfiny Home\">\n          <span>01<\/span>\n        <\/div>\n        <div class=\"sf-principle-copy\">\n          <p>Fish teach<\/p>\n          <span>Observation \u00b7 patience \u00b7 attention<\/span>\n        <\/div>\n      <\/article>\n\n      <article class=\"sf-principle-card sf-reveal\">\n        <div class=\"sf-principle-media\">\n          <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-13-2026-at-01_50_58-AM.png\" alt=\"Water heals\" title=\"Symfiny Home\">\n          <span>02<\/span>\n        <\/div>\n        <div class=\"sf-principle-copy\">\n          <p>Water heals<\/p>\n          <span>Slowness \u00b7 rhythm \u00b7 renewal<\/span>\n        <\/div>\n      <\/article>\n\n      <article class=\"sf-principle-card sf-reveal\">\n        <div class=\"sf-principle-media\">\n          <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/boys-at-the-pond-vid-mp4-image.jpg\" alt=\"Two brothers beside a pond\" title=\"Symfiny Home\">\n          <span>03<\/span>\n        <\/div>\n        <div class=\"sf-principle-copy\">\n          <p>Nature leads<\/p>\n          <span>Cycles \u00b7 balance \u00b7 interdependence<\/span>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     WATER PHILOSOPHY\n============================================================ -->\n\n<section class=\"sf-section sf-jal sf-jal-video-bg\" id=\"philosophy\">\n  <div class=\"sf-jal-bg-video\" aria-hidden=\"true\">\n    <video autoplay muted loop playsinline preload=\"metadata\">\n      <source src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/DJI_20001229141838_0064_D.mp4\" type=\"video\/mp4\">\n    <\/video>\n  <\/div>\n  <div class=\"sf-jal-bg-wash\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"sf-wrap\">\n    <div class=\"sf-jal-inner\">\n      <div class=\"sf-jal-copy sf-reveal\">\n        <p class=\"sf-eyebrow\">A way of living in balance<\/p>\n        <h2 class=\"sf-title\">Water has always been more than a resource.<\/h2>\n        <div class=\"sf-gold-line\"><\/div>\n        <p class=\"sf-copy\">It is Jal \u2014 life itself. And somewhere along the way, we have begun to forget that connection.<\/p>\n        <p class=\"sf-copy\">For us, becoming water-wise begins by finding our way back to it. Through aquariums, learning and living systems, Symfiny helps us understand not only water \u2014 but how deeply we belong to it.<\/p>\n      <\/div>\n      <div class=\"sf-jal-image sf-reveal\">\n        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-5-2026-at-02_50_17-AM.png\" alt=\"Children learning beside water\" title=\"Symfiny Home\">\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     WATER BROS\n============================================================ -->\n\n<section class=\"sf-bros sf-bros-new sf-bros-premium\" id=\"water-bros\">\n  <div class=\"sf-bros-bg\"><\/div>\n  <div class=\"sf-bros-wash\"><\/div>\n  <div class=\"sf-wrap\">\n    <div class=\"sf-bros-head sf-reveal\">\n      <p class=\"sf-eyebrow\">Meet the Water Bros<\/p>\n      <h2 class=\"sf-title sf-title-light\">Two brothers.<br><em>In deep water \u2014 on purpose.<\/em><\/h2>\n      <div class=\"sf-bros-lines\">\n        <span>Two brothers. A little too curious for our own good.<\/span>\n        <span>Two brothers. Knee-deep in fish, water and questions.<\/span>\n        <span>Two brothers. We got hooked. Then we went deeper.<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"sf-bros-stage\">\n      <div class=\"sf-bros-art sf-reveal\">\n        <div class=\"sf-bros-art-glass\"><\/div>\n        <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/2.png\" alt=\"The Water Bros\" title=\"Symfiny Home\">\n        <div class=\"sf-bros-overlay-note note-a\">There\u2019s a lot going on under there.<\/div>\n        <div class=\"sf-bros-overlay-note note-b\">That\u2019s the point. Nature never works alone.<\/div>\n        <div class=\"sf-bros-overlay-note note-c\">Fishkeeping is where waterkeeping begins.<\/div>\n      <\/div>\n\n      <div class=\"sf-bros-speech sf-reveal\">\n        <span class=\"sf-speech-label\">THE WATER BROS<\/span>\n        <div class=\"sf-speech-bubble\">\n          <p>We\u2019ve pretty much grown up around fish tanks, ponds, plants, farm animals and a whole lot of water.<\/p>\n          <p>We started out just loving fish. Then we got curious about the water they live in, where that water comes from, what keeps it healthy \u2014 and why all of it matters.<\/p>\n          <p>Now we\u2019re learning as we go, asking a lot of questions, trying things for ourselves and sharing what we discover along the way.<\/p>\n          <strong>We\u2019re the Water Bros.<\/strong>\n          <em>Dive in. We\u2019ll show you.<\/em>\n        <\/div>\n        <a class=\"sf-btn sf-btn-light\" href=\"\/symfiny\/about-us-2\/\">Meet the Water Bros <span>\u2192<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     LATEST NEWS\n============================================================ -->\n\n<section class=\"sf-section sf-latest sf-latest-premium\" id=\"latest\">\n  <div class=\"sf-wrap\">\n    <div class=\"sf-latest-head sf-reveal\">\n      <div>\n        <p class=\"sf-eyebrow\">Latest news & updates<\/p>\n        <h2 class=\"sf-title\">What\u2019s happening<br><em>at Symfiny.<\/em><\/h2>\n      <\/div>\n      <p>The bits worth knowing, the things worth seeing, and occasionally a fish that refuses to follow the plan.<\/p>\n    <\/div>\n\n    <div class=\"sf-news-grid\">\n      <article class=\"sf-news-item sf-news-glass sf-reveal\">\n        <span>01 \u00b7 FOLLOW ALONG<\/span>\n        <h3>We\u2019re making a little splash.<\/h3>\n        <p>Behind-the-scenes reels, farm days, fishkeeping experiments and the wonderfully unpredictable bits in between.<\/p>\n        <a class=\"sf-news-link\" href=\"#connect\">Find the good stuff \u2192<\/a>\n      <\/article>\n\n      <article class=\"sf-news-item sf-news-glass sf-reveal\">\n        <span>02 \u00b7 FINS & FORTUNE<\/span>\n        <h3>Good things come in fins.<\/h3>\n        <p>New arrivals, special availability and the occasional offer. No hard sell. Just the fishy news when it\u2019s worth knowing.<\/p>\n        <a class=\"sf-news-link\" href=\"#connect\">Ask what\u2019s swimming in \u2192<\/a>\n      <\/article>\n\n      <article class=\"sf-news-item sf-news-glass sf-reveal\">\n        <span>03 \u00b7 CURIOSITY<\/span>\n        <h3>Class is about to get wetter.<\/h3>\n        <p>Courses, workshops, school programmes and Eduquarium experiences are taking shape. Watch this space.<\/p>\n        <a class=\"sf-news-link\" href=\"#journey\">See what\u2019s coming \u2192<\/a>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     THE JOURNEY GOES FURTHER\n============================================================ -->\n\n<section class=\"sf-waterkeeper sf-journey\" id=\"journey\">\n  <video id=\"sfWaterVideo\" autoplay muted loop playsinline preload=\"auto\" poster=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-5-2026-at-02_58_29-AM.png\">\n    <source src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/VIDEO-2025-10-03-09-42-03_professional_grade.mp4\" type=\"video\/mp4\">\n  <\/video>\n  <div class=\"sf-waterkeeper-inner sf-reveal\">\n    <p class=\"sf-eyebrow\">The journey goes further<\/p>\n    <h2 class=\"sf-title\">Fishkeeping can be an open door to waterkeeping.<\/h2>\n    <p class=\"sf-copy sf-copy-light\" style=\"margin-left:auto;margin-right:auto;\">When a child learns to care for one small living system, they begin to notice the larger systems around it.<\/p>\n    <div class=\"sf-waterkeeper-quote\">\u201cTo protect life, we must first learn to protect water.\u201d<\/div>\n    <a class=\"sf-journey-edu sf-edu-button\" href=\"\/symfiny\/symfiny-studio\/\" aria-label=\"Discover Eduquariums\">\n      <span>Eduquariums \u00b7 coming soon<\/span>\n      <strong>What if learning could breathe?<\/strong>\n      <p>Eduquariums will bring aquariums, observation and living systems into learning spaces \u2014 giving curiosity somewhere real to begin.<\/p>\n      <b>Discover Eduquariums <i>\u2192<\/i><\/b>\n    <\/a>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     EXPLORE\n============================================================ -->\n\n<section class=\"sf-section sf-explore\" id=\"explore\">\n\n  <div class=\"sf-wrap\">\n\n    <div class=\"sf-explore-head sf-reveal\">\n\n      <p class=\"sf-eyebrow\">\n        Explore Symfiny\n      <\/p>\n\n      <h2 class=\"sf-title\">\n        Different paths.<br>\n        One purpose.\n      <\/h2>\n\n      <div class=\"sf-gold-line\"><\/div>\n\n      <p class=\"sf-copy\" style=\"margin-left:auto;margin-right:auto;\">\n        Start wherever your curiosity takes you.\n        There is always more beneath the surface.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"sf-cards\">\n\n      <!-- ABOUT -->\n\n      <a\n        class=\"sf-card sf-reveal\"\n        href=\"\/symfiny\/about-us-2\/\"\n      >\n\n        <div class=\"sf-card-image\">\n\n          <img decoding=\"async\"\n            loading=\"lazy\"\n            src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/DJI_20001013180750_0202_D-1-scaled.jpg\"\n            alt=\"Symfiny farm\"\n           title=\"Symfiny Home\">\n\n        <\/div>\n\n        <div class=\"sf-card-content\">\n\n          <div class=\"sf-card-number\">\n            01 \u00b7 ABOUT US\n          <\/div>\n\n          <h3>\n            Our Farm & Water Stewardship\n          <\/h3>\n\n          <p>\n            See where Symfiny comes from and how we work\n            with water, land, fish and natural cycles.\n          <\/p>\n\n          <span class=\"sf-card-link\">\n            Explore \u2192\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n\n      <!-- FISH -->\n\n      <a\n        class=\"sf-card sf-reveal\"\n        href=\"#latest\"\n      >\n\n        <div class=\"sf-card-image\">\n\n          <img decoding=\"async\"\n            loading=\"lazy\"\n            src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/Goldies.png\"\n            alt=\"Symfiny fish\"\n           title=\"Symfiny Home\">\n\n        <\/div>\n\n        <div class=\"sf-card-content\">\n\n          <div class=\"sf-card-number\">\n            02 \u00b7 OUR FISH\n          <\/div>\n\n          <h3>\n            Fishkeeping, Done Thoughtfully\n          <\/h3>\n\n          <p>\n            Our fish systems, our principles and eventually\n            the fishes available from Symfiny.\n          <\/p>\n\n\n\n        <\/div>\n\n      <\/a>\n\n\n      <!-- STUDIO -->\n\n      <a\n        class=\"sf-card sf-reveal\"\n        href=\"#journey\"\n      >\n\n        <div class=\"sf-card-image\">\n\n          <img decoding=\"async\"\n            loading=\"lazy\"\n            src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-5-2026-at-02_52_40-AM.png\"\n            alt=\"Symfiny Studio\"\n           title=\"Symfiny Home\">\n\n        <\/div>\n\n        <div class=\"sf-card-content\">\n\n          <div class=\"sf-card-number\">\n            03 \u00b7 STUDIO\n          <\/div>\n\n          <h3>\n            Curiosity Needs Somewhere to Go\n          <\/h3>\n\n          <p>\n            Eduquariums, Water Bros, fishkeeping, experiments,\n            stories and learning.\n          <\/p>\n\n          <span class=\"sf-card-link\">\n            Enter the Studio \u2192\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n\n      <!-- CONTACT -->\n\n      <a\n        class=\"sf-card sf-reveal\"\n        href=\"#connect\"\n      >\n\n        <div class=\"sf-card-image\">\n\n          <img decoding=\"async\"\n            loading=\"lazy\"\n            src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/Angels-scaled.jpg\"\n            alt=\"Symfiny fish and water\"\n           title=\"Symfiny Home\">\n\n        <\/div>\n\n        <div class=\"sf-card-content\">\n\n          <div class=\"sf-card-number\">\n            04 \u00b7 CONTACT\n          <\/div>\n\n          <h3>\n            Come Say Hello\n          <\/h3>\n\n          <p>\n            Looking for our fish, a school enquiry,\n            a collaboration or simply have a question?\n          <\/p>\n\n          <span class=\"sf-card-link\">\n            Get in touch \u2192\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     FINAL CONNECT \/ CTA\n============================================================ -->\n\n<section class=\"sf-final sf-connect\" id=\"connect\">\n  <div class=\"sf-wrap\">\n    <div class=\"sf-final-inner sf-reveal\">\n      <p class=\"sf-eyebrow\">Come say hello<\/p>\n      <h2 class=\"sf-title\">Curious enough<br><em>to dive in?<\/em><\/h2>\n      <p>For fish, school enquiries, collaborations, workshops or simply a question \u2014 come find us.<\/p>\n      <div class=\"sf-final-contact\">\n        <a href=\"mailto:info@symfiny.com\">info@symfiny.com<\/a>\n        <span>\u00b7<\/span>\n        <a href=\"tel:+91987654321\">+91 987-6543-21<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     FOOTER\n============================================================ -->\n\n<footer class=\"sf-footer\">\n  <div class=\"sf-wrap\">\n    <div class=\"sf-footer-minimal\">\n      <div>\n        <img decoding=\"async\" class=\"sf-footer-logo\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/Symfiny-final-Logo-4-1.png\" alt=\"Symfiny\" title=\"Symfiny Home\">\n        <p>Where Fish Teach. Water Heals.<\/p>\n      <\/div>\n      <div class=\"sf-footer-contact\">\n        <a href=\"mailto:info@symfiny.com\">info@symfiny.com<\/a>\n        <a href=\"tel:+91987654321\">+91 987-6543-21<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"sf-footer-bottom\">\n      <span>\u00a9 2026 Symfiny. All rights reserved.<\/span>\n      <span>Fish teach \u00b7 Water heals \u00b7 Nature leads<\/span>\n    <\/div>\n  <\/div>\n<\/footer>\n\n\n<!-- ============================================================\n     JAVASCRIPT\n============================================================ -->\n\n<script>\n\n\/* Remove theme-generated header\/footer chrome outside this coded page.\n   The Symfiny page owns its navigation and footer. *\/\n(function(){\n  'use strict';\n  function cleanThemeChrome(){\n    var selectors = [\n      'body > header', 'body > footer',\n      '#masthead', '#colophon', '.site-header', '.site-footer',\n      '.elementor-location-header', '.elementor-location-footer',\n      '.ast-header', '.ast-footer', '.ast-above-header', '.ast-primary-header-bar', '.ast-below-header',\n      '.main-header', '.main-footer', '.theme-header', '.theme-footer'\n    ];\n    selectors.forEach(function(sel){\n      document.querySelectorAll(sel).forEach(function(el){\n        if(!el.closest('#symfiny-site')){\n          el.style.setProperty('display','none','important');\n          el.style.setProperty('visibility','hidden','important');\n          el.style.setProperty('height','0','important');\n          el.style.setProperty('min-height','0','important');\n          el.style.setProperty('margin','0','important');\n          el.style.setProperty('padding','0','important');\n          el.style.setProperty('overflow','hidden','important');\n        }\n      });\n    });\n  }\n  if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',cleanThemeChrome);\n  else cleanThemeChrome();\n  window.addEventListener('load',cleanThemeChrome);\n  setTimeout(cleanThemeChrome,300);\n  setTimeout(cleanThemeChrome,1200);\n})();\n\n(function(){\n\n  \"use strict\";\n\n\n  \/* ==========================================================\n     PAGE LINKS\n\n     If your actual WordPress slugs are different, ONLY change\n     these values.\n  ========================================================== *\/\n\n  const SF_LINKS = {\n    home: \"#home\",\n    about: \"\/symfiny\/about-us-2\/\",\n    journey: \"#journey\",\n    latest: \"#latest\",\n    connect: \"#connect\"\n  };\n\n\n  \/* ==========================================================\n     HEADER\n  ========================================================== *\/\n\n  const header =\n    document.getElementById(\"sfHeader\");\n\n  let lastScroll = 0;\n\n  function updateHeader(){\n\n    if(!header) return;\n\n    const y = window.scrollY || 0;\n\n    if(y > 40){\n      header.classList.add(\"sf-scrolled\");\n    }else{\n      header.classList.remove(\"sf-scrolled\");\n    }\n\n    \/* Let the navigation visually recede as the page gains momentum.\n       It remains available and returns to full strength on hover\/focus. *\/\n    if(y > 110){\n      header.classList.add(\"sf-menu-quiet\");\n    }else{\n      header.classList.remove(\"sf-menu-quiet\");\n    }\n\n    \/* Hide on downward travel; restore on upward travel.\n       Near the top the navigation always remains visible. *\/\n    if(y > 150 && y > lastScroll + 2){\n      header.classList.add(\"sf-header-hide\");\n    }else if(y < lastScroll - 2 || y <= 80){\n      header.classList.remove(\"sf-header-hide\");\n    }\n\n    lastScroll = y;\n\n  }\n\n  window.addEventListener(\n    \"scroll\",\n    updateHeader,\n    {passive:true}\n  );\n\n  updateHeader();\n\n\n  \/* ==========================================================\n     MOBILE MENU\n  ========================================================== *\/\n\n  const toggle =\n    document.getElementById(\"sfMobileToggle\");\n\n  const menu =\n    document.getElementById(\"sfMenu\");\n\n  if(toggle && menu){\n\n    toggle.addEventListener(\n      \"click\",\n      function(){\n\n        const open =\n          menu.classList.toggle(\"sf-open\");\n\n        toggle.setAttribute(\n          \"aria-expanded\",\n          open ? \"true\" : \"false\"\n        );\n\n      }\n    );\n\n    menu.querySelectorAll(\"a\").forEach(\n      function(link){\n\n        link.addEventListener(\n          \"click\",\n          function(){\n            menu.classList.remove(\"sf-open\");\n            toggle.setAttribute(\n              \"aria-expanded\",\n              \"false\"\n            );\n          }\n        );\n\n      }\n    );\n\n  }\n\n\n  \/* ==========================================================\n     HERO VIDEO\n\n     We aggressively attempt autoplay.\n     Muted autoplay is normally permitted by browsers.\n  ========================================================== *\/\n\n  const heroVideo =\n    document.getElementById(\"sfHeroVideo\");\n\n  function startVideo(video){\n\n    if(!video) return;\n\n    video.muted = true;\n    video.setAttribute(\"muted\",\"\");\n    video.setAttribute(\"playsinline\",\"\");\n    video.setAttribute(\"autoplay\",\"\");\n\n    const attempt =\n      video.play();\n\n    if(attempt && typeof attempt.catch === \"function\"){\n      attempt.catch(function(){\n\n        setTimeout(\n          function(){\n            video.play().catch(function(){});\n          },\n          500\n        );\n\n      });\n    }\n\n  }\n\n  if(heroVideo){\n\n    heroVideo.addEventListener(\n      \"loadeddata\",\n      function(){\n        startVideo(heroVideo);\n      },\n      {once:true}\n    );\n\n    heroVideo.addEventListener(\n      \"canplay\",\n      function(){\n        startVideo(heroVideo);\n      },\n      {once:true}\n    );\n\n    startVideo(heroVideo);\n\n  }\n\n\n  \/* ==========================================================\n     WATERKEEPER VIDEO\n  ========================================================== *\/\n\n  const waterVideo =\n    document.getElementById(\"sfWaterVideo\");\n\n  if(waterVideo){\n\n    waterVideo.addEventListener(\n      \"loadeddata\",\n      function(){\n        startVideo(waterVideo);\n      },\n      {once:true}\n    );\n\n    startVideo(waterVideo);\n\n  }\n\n\n  \/* ==========================================================\n     SINGLE MUSIC ENGINE\n\n     IMPORTANT:\n     There is only ONE audio element.\n     No new Audio() calls.\n     No duplicate event listeners.\n  ========================================================== *\/\n\n  const audio =\n    document.getElementById(\"symfinyAudio\");\n\n  const soundButton =\n    document.getElementById(\"sfSound\");\n\n  const soundText =\n    document.getElementById(\"sfSoundText\");\n\n  let musicOn = false;\n  let musicAttempted = false;\n\n\n  function updateSoundUI(){\n\n    if(!soundButton || !soundText) return;\n\n    soundText.textContent =\n      musicOn ? \"Sound On\" : \"Sound Off\";\n\n    soundButton.setAttribute(\n      \"aria-pressed\",\n      musicOn ? \"true\" : \"false\"\n    );\n\n    soundButton.setAttribute(\n      \"aria-label\",\n      musicOn\n        ? \"Turn sound off\"\n        : \"Turn sound on\"\n    );\n\n  }\n\n\n  async function playMusic(){\n\n    if(!audio) return false;\n\n    try{\n\n      audio.volume = 0.16;\n      audio.muted = false;\n\n      await audio.play();\n\n      musicOn = true;\n\n      updateSoundUI();\n\n      return true;\n\n    }catch(error){\n\n      musicOn = false;\n\n      updateSoundUI();\n\n      return false;\n\n    }\n\n  }\n\n\n  function stopMusic(){\n\n    if(!audio) return;\n\n    audio.pause();\n\n    musicOn = false;\n\n    updateSoundUI();\n\n  }\n\n\n  \/* First attempt: autoplay with sound.\n     Browsers may reject this. *\/\n\n  if(audio){\n\n    audio.volume = 0.16;\n    audio.preload = \"auto\";\n\n    setTimeout(\n      function(){\n        playMusic();\n      },\n      350\n    );\n\n  }\n\n\n  \/* One button. One action. *\/\n\n  if(soundButton){\n\n    soundButton.addEventListener(\n      \"click\",\n      async function(event){\n\n        event.preventDefault();\n        event.stopPropagation();\n\n        if(musicOn){\n\n          stopMusic();\n\n        }else{\n\n          await playMusic();\n\n        }\n\n      }\n    );\n\n  }\n\n\n  \/* ==========================================================\n     FALLBACK FOR BROWSER AUTOPLAY POLICY\n\n     If autoplay with sound was blocked, the first genuine\n     visitor interaction starts the SAME audio element.\n\n     No second audio object is created.\n  ========================================================== *\/\n\n  async function firstInteraction(){\n\n    if(musicAttempted) return;\n\n    musicAttempted = true;\n\n    if(!musicOn){\n      await playMusic();\n    }\n\n    window.removeEventListener(\n      \"pointerdown\",\n      firstInteraction\n    );\n\n    window.removeEventListener(\n      \"keydown\",\n      firstInteraction\n    );\n\n    window.removeEventListener(\n      \"touchstart\",\n      firstInteraction\n    );\n\n  }\n\n\n  window.addEventListener(\n    \"pointerdown\",\n    firstInteraction,\n    {passive:true,once:true}\n  );\n\n  window.addEventListener(\n    \"keydown\",\n    firstInteraction,\n    {passive:true,once:true}\n  );\n\n  window.addEventListener(\n    \"touchstart\",\n    firstInteraction,\n    {passive:true,once:true}\n  );\n\n\n  \/* ==========================================================\n     HERO CINEMATIC SCROLL\n  ========================================================== *\/\n\n  const hero =\n    document.querySelector(\".sf-hero\");\n\n  const heroInner =\n    document.getElementById(\"sfHeroInner\");\n\n  let ticking = false;\n\n  function heroScroll(){\n\n    if(!hero || !heroInner) return;\n\n    const scroll =\n      window.scrollY || 0;\n\n    const height =\n      hero.offsetHeight || 1;\n\n    const progress =\n      Math.min(\n        scroll \/ (height * .85),\n        1\n      );\n\n    heroInner.style.transform =\n      \"translateY(\" +\n      (progress * -38) +\n      \"px)\";\n\n    heroInner.style.opacity =\n      String(1 - progress * .8);\n\n    ticking = false;\n\n  }\n\n\n  window.addEventListener(\n    \"scroll\",\n    function(){\n\n      if(!ticking){\n\n        window.requestAnimationFrame(\n          heroScroll\n        );\n\n        ticking = true;\n\n      }\n\n    },\n    {passive:true}\n  );\n\n\n  \/* ==========================================================\n     SCROLL REVEALS\n  ========================================================== *\/\n\n  const revealElements =\n    document.querySelectorAll(\".sf-reveal\");\n\n  if(\n    \"IntersectionObserver\" in window &&\n    revealElements.length\n  ){\n\n    const observer =\n      new IntersectionObserver(\n        function(entries){\n\n          entries.forEach(\n            function(entry){\n\n              if(entry.isIntersecting){\n\n                entry.target.classList.add(\n                  \"sf-visible\"\n                );\n\n                observer.unobserve(\n                  entry.target\n                );\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.12,\n          rootMargin:\"0px 0px -40px 0px\"\n        }\n      );\n\n    revealElements.forEach(\n      function(element){\n        observer.observe(element);\n      }\n    );\n\n  }else{\n\n    revealElements.forEach(\n      function(element){\n        element.classList.add(\"sf-visible\");\n      }\n    );\n\n  }\n\n\n  \/* ==========================================================\n     SMOOTH INTERNAL LINKS\n  ========================================================== *\/\n\n  document.querySelectorAll(\n    '#symfiny-site a[href^=\"#\"]'\n  ).forEach(\n    function(link){\n\n      link.addEventListener(\n        \"click\",\n        function(event){\n\n          const id =\n            link.getAttribute(\"href\");\n\n          const target =\n            document.querySelector(id);\n\n          if(target){\n\n            event.preventDefault();\n\n            target.scrollIntoView({\n              behavior:\"smooth\",\n              block:\"start\"\n            });\n\n          }\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* ==========================================================\n     STOP VIDEO PARALLAX ON SMALL DEVICES\n\n     The mobile site should feel stable and premium rather\n     than constantly moving.\n  ========================================================== *\/\n\n  if(window.matchMedia(\n    \"(max-width:760px)\"\n  ).matches){\n\n    if(heroVideo){\n      heroVideo.style.transform =\n        \"scale(1.02)\";\n    }\n\n  }\n\n\n  \/* ==========================================================\n     DEBUG HELPER\n\n     This only logs if something fails.\n  ========================================================== *\/\n\n  window.addEventListener(\n    \"error\",\n    function(event){\n\n      if(\n        event.target &&\n        (\n          event.target.tagName === \"VIDEO\" ||\n          event.target.tagName === \"AUDIO\" ||\n          event.target.tagName === \"IMG\"\n        )\n      ){\n\n        console.warn(\n          \"Symfiny media issue:\",\n          event.target.src ||\n          event.target.currentSrc\n        );\n\n      }\n\n    },\n    true\n  );\n\n\n})();\n\n<\/script>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home About Us Courses \/ Workshops \/ Programmes Blog Connect With Us \u2192 A fish farm \u00b7 a living classroom \u00b7 a journey back to water Where Fish Teach. Water Heals. A living world of fish, water, nature and curiosity \u2014 grown from a real farm and shared with the next generation. Explore Symfiny \u2192 About Us \u2192 Scroll \u266a Sound Off Purpose An aquarium can open up a whole world. An aquarium may be small, but there is so much life happening inside it. You start out thinking you are simply keeping fish, and then somehow you find yourself learning about water, plants, balance, patience and care. 01 \/ 02 Look closer. A small world. A bigger way of seeing. You begin to see how everything depends on something else. And once you see that in a tank, you start seeing it everywhere \u2014 in ponds, trees, soil, rain, animals, seasons \u2014 in the way nature quietly holds everything together. Living close to all of this has changed the way we see things. We have learnt to slow down, notice more and stop rushing to control everything. Fishkeeping may have been where it started, but it opened up a much bigger way of understanding life. And I think that is what we love most about it. The more you notice, the more connected everything becomes. Symfiny&#8217;s guiding principle Fish teach. Water heals. Nature leads. Three ideas at the heart of everything we do \u2014 and three ways of paying closer attention to the living world around us. 01 Fish teach Observation \u00b7 patience \u00b7 attention 02 Water heals Slowness \u00b7 rhythm \u00b7 renewal 03 Nature leads Cycles \u00b7 balance \u00b7 interdependence A way of living in balance Water has always been more than a resource. It is Jal \u2014 life itself. And somewhere along the way, we have begun to forget that connection. For us, becoming water-wise begins by finding our way back to it. Through aquariums, learning and living systems, Symfiny helps us understand not only water \u2014 but how deeply we belong to it. Meet the Water Bros Two brothers.In deep water \u2014 on purpose. Two brothers. A little too curious for our own good. Two brothers. Knee-deep in fish, water and questions. Two brothers. We got hooked. Then we went deeper. There\u2019s a lot going on under there. That\u2019s the point. Nature never works alone. Fishkeeping is where waterkeeping begins. THE WATER BROS We\u2019ve pretty much grown up around fish tanks, ponds, plants, farm animals and a whole lot of water. We started out just loving fish. Then we got curious about the water they live in, where that water comes from, what keeps it healthy \u2014 and why all of it matters. Now we\u2019re learning as we go, asking a lot of questions, trying things for ourselves and sharing what we discover along the way. We\u2019re the Water Bros. Dive in. We\u2019ll show you. Meet the Water Bros \u2192 Latest news &#038; updates What\u2019s happeningat Symfiny. The bits worth knowing, the things worth seeing, and occasionally a fish that refuses to follow the plan. 01 \u00b7 FOLLOW ALONG We\u2019re making a little splash. Behind-the-scenes reels, farm days, fishkeeping experiments and the wonderfully unpredictable bits in between. Find the good stuff \u2192 02 \u00b7 FINS &#038; FORTUNE Good things come in fins. New arrivals, special availability and the occasional offer. No hard sell. Just the fishy news when it\u2019s worth knowing. Ask what\u2019s swimming in \u2192 03 \u00b7 CURIOSITY Class is about to get wetter. Courses, workshops, school programmes and Eduquarium experiences are taking shape. Watch this space. See what\u2019s coming \u2192 The journey goes further Fishkeeping can be an open door to waterkeeping. When a child learns to care for one small living system, they begin to notice the larger systems around it. \u201cTo protect life, we must first learn to protect water.\u201d Eduquariums \u00b7 coming soon What if learning could breathe? Eduquariums will bring aquariums, observation and living systems into learning spaces \u2014 giving curiosity somewhere real to begin. Discover Eduquariums \u2192 Explore Symfiny Different paths. One purpose. Start wherever your curiosity takes you. There is always more beneath the surface. 01 \u00b7 ABOUT US Our Farm &#038; Water Stewardship See where Symfiny comes from and how we work with water, land, fish and natural cycles. Explore \u2192 02 \u00b7 OUR FISH Fishkeeping, Done Thoughtfully Our fish systems, our principles and eventually the fishes available from Symfiny. 03 \u00b7 STUDIO Curiosity Needs Somewhere to Go Eduquariums, Water Bros, fishkeeping, experiments, stories and learning. Enter the Studio \u2192 04 \u00b7 CONTACT Come Say Hello Looking for our fish, a school enquiry, a collaboration or simply have a question? Get in touch \u2192 Come say hello Curious enoughto dive in? For fish, school enquiries, collaborations, workshops or simply a question \u2014 come find us. info@symfiny.com \u00b7 +91 987-6543-21 Where Fish Teach. Water Heals. info@symfiny.com +91 987-6543-21 \u00a9 2026 Symfiny. All rights reserved. Fish teach \u00b7 Water heals \u00b7 Nature leads<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2553","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/duoocanvas.com\/symfiny\/wp-json\/wp\/v2\/pages\/2553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duoocanvas.com\/symfiny\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/duoocanvas.com\/symfiny\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/duoocanvas.com\/symfiny\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/duoocanvas.com\/symfiny\/wp-json\/wp\/v2\/comments?post=2553"}],"version-history":[{"count":96,"href":"https:\/\/duoocanvas.com\/symfiny\/wp-json\/wp\/v2\/pages\/2553\/revisions"}],"predecessor-version":[{"id":2975,"href":"https:\/\/duoocanvas.com\/symfiny\/wp-json\/wp\/v2\/pages\/2553\/revisions\/2975"}],"wp:attachment":[{"href":"https:\/\/duoocanvas.com\/symfiny\/wp-json\/wp\/v2\/media?parent=2553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}