{"id":2727,"date":"2026-09-12T21:03:10","date_gmt":"2026-09-12T21:03:10","guid":{"rendered":"https:\/\/duoocanvas.com\/symfiny\/?page_id=2727"},"modified":"2026-09-15T00:03:44","modified_gmt":"2026-09-15T00:03:44","slug":"about-us-2","status":"publish","type":"page","link":"https:\/\/duoocanvas.com\/symfiny\/about-us-2\/","title":{"rendered":"About Us"},"content":{"rendered":"<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600&display=swap');\n#symfiny-about{\n  --ink:#102F2B;\n  --deep:#0B2421;\n  --green:#174C45;\n  --sage:#5F8F82;\n  --mist:#8DB9B4;\n  --cream:#F4F1E8;\n  --gold:#B99A63;\n  --white:#FCFBF6;\n  --line:rgba(244,241,232,.15);\n  --glass:rgba(244,241,232,.075);\n  --shadow:0 30px 80px rgba(0,0,0,.28);\n  --serif:\"Playfair Display\",Georgia,serif;\n  --sans:\"Manrope\",Arial,sans-serif;\n  width:100vw;\n  max-width:none;\n  position:relative;\n  left:50%;\n  margin-left:-50vw;\n  margin-right:0;\n  overflow:hidden;\n  background:var(--deep);\n  color:var(--cream);\n  font-family:var(--sans);\n  line-height:1.7;\n  isolation:isolate;\n}\n#symfiny-about,#symfiny-about *{box-sizing:border-box}\n#symfiny-about img,#symfiny-about video{display:block;max-width:100%}\n#symfiny-about a{text-decoration:none;color:inherit}\n#symfiny-about button{font:inherit}\n#symfiny-about .sf-container{width:min(1180px,calc(100vw - 48px));margin:auto}\n#symfiny-about .sf-progress{position:fixed;z-index:99999;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--mist),var(--gold));pointer-events:none}\n#symfiny-about .sf-eyebrow{\n  font-size:11px;letter-spacing:.22em;font-weight:800;color:var(--gold);\n  text-transform:uppercase;margin-bottom:18px;\n}\n#symfiny-about h1,#symfiny-about h2,#symfiny-about h3,#symfiny-about h4,\n#symfiny-about p{margin-top:0}\n#symfiny-about .sf-title{\n  font-family:var(--serif);font-weight:500;letter-spacing:-.035em;\n  line-height:1.03;margin-bottom:25px;\n}\n#symfiny-about .sf-title span{color:var(--mist)}\n#symfiny-about .sf-copy{color:rgba(244,241,232,.78);font-size:15.5px;line-height:1.9}\n#symfiny-about .sf-reveal{opacity:0;transform:translateY(28px);filter:blur(4px);transition:opacity .85s ease,transform .85s ease,filter .85s ease}\n#symfiny-about .sf-reveal.in{opacity:1;transform:none;filter:none}\n\/* NAV *\/\n#symfiny-about .sf-header{\n  position:fixed;z-index:1000;top:0;left:0;width:100%;\n  padding:14px 0;\n  background:linear-gradient(180deg,rgba(8,29,27,.92),rgba(8,29,27,.68));\n  backdrop-filter:blur(18px) saturate(120%);\n  border-bottom:1px solid rgba(244,241,232,.10);\n  transition:transform .45s ease,background .45s ease;\n}\n#symfiny-about .sf-header.hide{transform:translateY(-110%)}\n#symfiny-about .sf-header-inner{width:min(1180px,calc(100vw - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}\n#symfiny-about .sf-logo{width:88px;height:48px;object-fit:contain}\n#symfiny-about .sf-nav{display:flex;align-items:center;gap:30px}\n#symfiny-about .sf-nav a{font-size:11px;letter-spacing:.17em;font-weight:800;color:rgba(244,241,232,.80);text-transform:uppercase;transition:color .25s ease}\n#symfiny-about .sf-nav a:hover{color:var(--gold)}\n\/* HERO *\/\n#symfiny-about .sf-hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden}\n#symfiny-about .sf-hero-media{position:absolute;inset:0;z-index:0;background:#071c1a}\n#symfiny-about .sf-hero-media:after{\n  content:\"\";position:absolute;inset:0;\n  background:linear-gradient(180deg,rgba(5,22,20,.28),rgba(5,22,20,.10) 40%,rgba(5,22,20,.82) 100%);\n}\n#symfiny-about .sf-hero-media video{width:100%;height:100%;object-fit:cover}\n#symfiny-about .sf-hero-content{position:relative;z-index:2;width:min(1180px,calc(100vw - 48px));margin:0 auto;padding:0 0 90px}\n#symfiny-about .sf-hero h1{font-size:clamp(58px,8vw,116px);max-width:950px}\n#symfiny-about .sf-hero h1 span{display:block}\n#symfiny-about .sf-hero-sub{max-width:660px;color:rgba(244,241,232,.84);font-size:16px;line-height:1.8}\n#symfiny-about .sf-scroll-note{margin-top:36px;font-size:10px;letter-spacing:.22em;color:rgba(244,241,232,.52)}\n\/* INTRO \/ MEANING *\/\n#symfiny-about .sf-section{padding:125px 0}\n#symfiny-about .sf-meaning{background:var(--cream);color:var(--ink)}\n#symfiny-about .sf-meaning .sf-eyebrow{color:#8f754d}\n#symfiny-about .sf-meaning .sf-title{font-size:clamp(48px,6vw,78px);color:var(--ink)}\n#symfiny-about .sf-meaning .sf-title span{color:var(--green)}\n#symfiny-about .sf-meaning-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}\n#symfiny-about .sf-meaning-copy{font-size:16px;line-height:1.9;color:rgba(16,47,43,.78)}\n#symfiny-about .sf-meaning-copy p{margin-bottom:20px}\n#symfiny-about .sf-image-card{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#d8d4c9}\n#symfiny-about .sf-image-card img{width:100%;height:580px;object-fit:cover}\n#symfiny-about .sf-image-card:after{\n  content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(16,47,43,.30));\n  pointer-events:none;\n}\n#symfiny-about .sf-image-caption{position:absolute;z-index:2;left:22px;bottom:20px;padding:12px 15px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:rgba(16,47,43,.42);backdrop-filter:blur(12px);font-size:11px;letter-spacing:.08em}\n\/* PHILOSOPHY *\/\n#symfiny-about .sf-philosophy{background:linear-gradient(145deg,#102f2b,#174c45);padding:130px 0}\n#symfiny-about .sf-philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}\n#symfiny-about .sf-philosophy-media{position:relative;min-height:610px;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#092522}\n#symfiny-about .sf-philosophy-media img{width:100%;height:610px;object-fit:cover}\n#symfiny-about .sf-philosophy-media:after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,24,22,.65))}\n#symfiny-about .sf-philosophy-label{position:absolute;z-index:2;bottom:25px;left:25px;padding:13px 16px;border-radius:16px;background:rgba(244,241,232,.08);border:1px solid rgba(244,241,232,.18);backdrop-filter:blur(14px);font-size:11px;letter-spacing:.14em;text-transform:uppercase}\n#symfiny-about .sf-philosophy .sf-title{font-size:clamp(48px,5vw,76px)}\n#symfiny-about .sf-philosophy-copy p{color:rgba(244,241,232,.76);font-size:15.5px;line-height:1.9}\n#symfiny-about .sf-philosophy-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}\n#symfiny-about .sf-pill{padding:10px 14px;border-radius:999px;border:1px solid rgba(244,241,232,.16);background:rgba(244,241,232,.055);font-size:11px;letter-spacing:.09em}\n\/* VISION *\/\n#symfiny-about .sf-vision{background:#0b2824;padding:125px 0}\n#symfiny-about .sf-vision-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;margin-bottom:55px}\n#symfiny-about .sf-vision h2{font-size:clamp(50px,6vw,82px)}\n#symfiny-about .sf-vision-intro{font-size:16px;color:rgba(244,241,232,.74);line-height:1.9;align-self:end}\n#symfiny-about .sf-vision-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}\n#symfiny-about .sf-vision-card{\n  min-height:250px;padding:25px 20px;border-radius:22px;border:1px solid var(--line);\n  background:linear-gradient(145deg,rgba(244,241,232,.09),rgba(244,241,232,.025));\n  backdrop-filter:blur(14px);position:relative;overflow:hidden;transition:transform .35s ease,border-color .35s ease;\n}\n#symfiny-about .sf-vision-card:after{content:\"\";position:absolute;width:170px;height:170px;left:var(--cx,50%);top:var(--cy,0%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(141,185,180,.20),transparent 68%);pointer-events:none}\n#symfiny-about .sf-vision-card:hover{transform:translateY(-8px);border-color:rgba(185,154,99,.42)}\n#symfiny-about .sf-vision-number{font-size:10px;letter-spacing:.2em;color:var(--gold)}\n#symfiny-about .sf-vision-card h3{font-family:var(--serif);font-size:25px;font-weight:500;margin:42px 0 12px}\n#symfiny-about .sf-vision-card p{font-size:12px;line-height:1.75;color:rgba(244,241,232,.65)}\n#symfiny-about .sf-vision-belief{margin-top:48px;padding:32px;border-left:1px solid var(--gold);background:rgba(244,241,232,.035);color:rgba(244,241,232,.76);font-size:16px;line-height:1.9}\n\/* STORY *\/\n#symfiny-about .sf-story{background:var(--cream);color:var(--ink);padding:130px 0 0}\n#symfiny-about .sf-story .sf-eyebrow{color:#8f754d}\n#symfiny-about .sf-story-title{font-size:clamp(54px,7vw,94px);color:var(--ink);max-width:850px}\n#symfiny-about .sf-story-title span{color:var(--green)}\n#symfiny-about .sf-story-lead{max-width:760px;font-size:17px;line-height:1.9;color:rgba(16,47,43,.68);margin-bottom:70px}\n#symfiny-about .sf-story-band{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin:0 calc((1180px - 100vw)\/2) 70px}\n#symfiny-about .sf-story-band figure{margin:0;height:510px;overflow:hidden}\n#symfiny-about .sf-story-band img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease}\n#symfiny-about .sf-story-band figure:hover img{transform:scale(1.04)}\n#symfiny-about .sf-story-band figcaption{position:absolute}\n#symfiny-about .sf-story-copy{max-width:820px;margin:auto;padding-bottom:65px}\n#symfiny-about .sf-story-copy p{font-size:16px;line-height:2;color:rgba(16,47,43,.78);margin-bottom:22px}\n#symfiny-about .sf-story-quote{margin:50px 0;padding:38px 0 38px 30px;border-left:2px solid var(--gold);font-family:var(--serif);font-size:clamp(30px,4vw,52px);line-height:1.2;color:var(--green)}\n#symfiny-about .sf-story-photo{margin:55px 0;border-radius:26px;overflow:hidden;box-shadow:0 25px 70px rgba(16,47,43,.18)}\n#symfiny-about .sf-story-photo img{width:100%;height:620px;object-fit:cover}\n\/* STORY VIDEO \u2014 intentionally separated *\/\n#symfiny-about .sf-story-video-section{background:#0a2421;padding:80px 0}\n#symfiny-about .sf-video-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}\n#symfiny-about .sf-video-intro h2{font-family:var(--serif);font-size:clamp(40px,5vw,68px);font-weight:500;line-height:1.05;margin:0}\n#symfiny-about .sf-video-intro p{max-width:390px;color:rgba(244,241,232,.60);font-size:13px;line-height:1.8}\n#symfiny-about .sf-video-frame{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#061917}\n#symfiny-about .sf-video-frame video{width:100%;height:min(68vh,720px);object-fit:cover}\n#symfiny-about .sf-video-label{position:absolute;left:20px;bottom:20px;padding:10px 14px;border-radius:14px;background:rgba(7,31,29,.60);border:1px solid rgba(244,241,232,.15);backdrop-filter:blur(12px);font-size:10px;letter-spacing:.15em;text-transform:uppercase}\n\/* transition *\/\n#symfiny-about .sf-water-turn{background:linear-gradient(180deg,#0a2421,#102f2b);padding:120px 0;text-align:center}\n#symfiny-about .sf-water-word{font-family:var(--serif);font-size:clamp(90px,18vw,240px);line-height:.8;color:rgba(244,241,232,.06);letter-spacing:-.08em}\n#symfiny-about .sf-water-turn h3{font-family:var(--serif);font-weight:500;font-size:clamp(34px,4.5vw,62px);margin:-15px auto 12px;max-width:800px}\n#symfiny-about .sf-water-turn p{color:rgba(244,241,232,.58);font-size:12px;letter-spacing:.16em;text-transform:uppercase}\n\/* WATER BROS *\/\n#symfiny-about .sf-bros-intro{background:radial-gradient(circle at 50% 0%,#285e55 0,#102f2b 44%,#071d1b 100%);padding:125px 0 100px;text-align:center}\n#symfiny-about .sf-bros-logo{width:min(520px,82vw);height:auto;max-height:230px;object-fit:contain;margin:0 auto 30px;filter:drop-shadow(0 20px 35px rgba(0,0,0,.35))}\n#symfiny-about .sf-bros-kicker{font-size:11px;letter-spacing:.22em;color:var(--gold);font-weight:800}\n#symfiny-about .sf-bros-intro h2{font-family:var(--serif);font-size:clamp(48px,6vw,82px);font-weight:500;line-height:1;margin:12px auto 20px}\n#symfiny-about .sf-bros-intro p{max-width:650px;margin:0 auto 35px;color:rgba(244,241,232,.72);font-size:15px;line-height:1.8}\n#symfiny-about .sf-bros-buttons{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}\n#symfiny-about .sf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 23px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;transition:transform .3s ease,box-shadow .3s ease}\n#symfiny-about .sf-btn:hover{transform:translateY(-3px)}\n#symfiny-about .sf-btn-gold{background:linear-gradient(135deg,#b99a63,#e0c995,#a9834c);color:#102f2b;box-shadow:0 12px 35px rgba(185,154,99,.22)}\n#symfiny-about .sf-btn-glass{background:rgba(244,241,232,.07);border:1px solid rgba(244,241,232,.22);color:var(--cream);backdrop-filter:blur(15px)}\n#symfiny-about .sf-bros-visual{margin:65px auto 0;width:min(900px,100%);height:310px;position:relative}\n#symfiny-about .sf-bro{position:absolute;bottom:0;height:300px;width:auto;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.35))}\n#symfiny-about .sf-bro.asher{left:16%}.sf-bro.aidan{right:16%}\n\/* COMIC *\/\n#symfiny-about .sf-comic{background:#f0ede3;color:var(--ink);display:none;padding:85px 0 110px}\n#symfiny-about .sf-comic.open{display:block}\n#symfiny-about .sf-comic-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:55px}\n#symfiny-about .sf-comic-head h2{font-family:var(--serif);font-size:clamp(42px,5vw,70px);font-weight:500;line-height:1;margin:0}\n#symfiny-about .sf-comic-actions{display:flex;gap:9px;flex-wrap:wrap}\n#symfiny-about .sf-comic-btn{border:1px solid rgba(16,47,43,.18);background:rgba(255,255,255,.5);color:var(--ink);border-radius:999px;padding:11px 15px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}\n#symfiny-about .sf-comic-chapter{padding:70px 0;border-top:1px solid rgba(16,47,43,.12)}\n#symfiny-about .sf-comic-chapter:first-of-type{border-top:0}\n#symfiny-about .sf-chapter-number{font-size:10px;font-weight:800;letter-spacing:.18em;color:#9a7b4c}\n#symfiny-about .sf-chapter-title{font-family:var(--serif);font-size:clamp(34px,4vw,58px);font-weight:500;line-height:1.05;margin:12px 0 35px}\n#symfiny-about .sf-comic-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}\n#symfiny-about .sf-comic-panel{min-height:350px;border-radius:20px;overflow:hidden;background:#173f39;position:relative}\n#symfiny-about .sf-comic-panel img{width:100%;height:100%;min-height:350px;object-fit:contain}\n#symfiny-about .sf-bubble{position:absolute;left:22px;right:22px;bottom:22px;padding:18px 20px;background:rgba(255,253,245,.92);border-radius:18px;color:var(--ink);box-shadow:0 15px 35px rgba(0,0,0,.18)}\n#symfiny-about .sf-bubble strong{display:block;font-size:10px;letter-spacing:.14em;margin-bottom:7px;color:#8f754c}\n#symfiny-about .sf-bubble span{font-family:var(--serif);font-size:19px;line-height:1.35}\n#symfiny-about .sf-comic-single{max-width:720px;margin:0 auto}\n#symfiny-about .sf-comic-single img{height:420px}\n#symfiny-about .sf-comic-together{display:block;width:min(620px,100%);height:280px;object-fit:contain;margin:28px auto 0}\n#symfiny-about .sf-comic-breath{padding:115px 0;text-align:center;background:#102f2b;color:var(--cream);margin:0 calc((1180px - 100vw)\/2)}\n#symfiny-about .sf-comic-breath .sf-water-word{font-size:clamp(90px,16vw,210px);color:rgba(244,241,232,.05)}\n#symfiny-about .sf-comic-breath h3{font-family:var(--serif);font-size:clamp(35px,5vw,68px);font-weight:500;margin:-5px auto 15px}\n#symfiny-about .sf-comic-breath p{max-width:600px;margin:auto;color:rgba(244,241,232,.66)}\n\/* DREAM *\/\n#symfiny-about .sf-dream{position:relative;min-height:720px;display:grid;align-items:end;overflow:hidden}\n#symfiny-about .sf-dream-bg{position:absolute;inset:0}\n#symfiny-about .sf-dream-bg img{width:100%;height:100%;object-fit:cover}\n#symfiny-about .sf-dream-bg:after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,28,26,.08),rgba(7,28,26,.84))}\n#symfiny-about .sf-dream-content{position:relative;z-index:2;padding:95px 0}\n#symfiny-about .sf-dream h2{font-family:var(--serif);font-size:clamp(55px,8vw,110px);line-height:.95;font-weight:500;max-width:800px}\n#symfiny-about .sf-dream p{max-width:630px;color:rgba(244,241,232,.78);font-size:16px;line-height:1.9}\n\/* FARM *\/\n#symfiny-about .sf-farm{background:var(--cream);color:var(--ink);padding:125px 0}\n#symfiny-about .sf-farm-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}\n#symfiny-about .sf-farm h2{font-size:clamp(52px,6vw,80px);color:var(--ink)}\n#symfiny-about .sf-farm h2 span{color:var(--green)}\n#symfiny-about .sf-farm p{font-size:15.5px;line-height:1.9;color:rgba(16,47,43,.76)}\n#symfiny-about .sf-farm-media{border-radius:28px;overflow:hidden;box-shadow:0 25px 65px rgba(16,47,43,.18)}\n#symfiny-about .sf-farm-media img{width:100%;height:650px;object-fit:cover}\n\/* ETHICS *\/\n#symfiny-about .sf-ethics{background:#0b2925;padding:125px 0}\n#symfiny-about .sf-ethics-head{max-width:800px;margin-bottom:55px}\n#symfiny-about .sf-ethics h2{font-family:var(--serif);font-size:clamp(50px,6vw,82px);font-weight:500;line-height:1}\n#symfiny-about .sf-ethics-intro{color:rgba(244,241,232,.65);font-size:15px}\n#symfiny-about .sf-principles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}\n#symfiny-about .sf-principle{position:relative;padding:28px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(244,241,232,.08),rgba(244,241,232,.025));overflow:hidden;min-height:175px}\n#symfiny-about .sf-principle:after{content:\"\";position:absolute;inset:auto -50px -80px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(141,185,180,.18),transparent 68%);pointer-events:none}\n#symfiny-about .sf-principle-no{font-size:10px;letter-spacing:.18em;color:var(--gold)}\n#symfiny-about .sf-principle h3{font-family:var(--serif);font-size:25px;font-weight:500;margin:12px 0 7px}\n#symfiny-about .sf-principle p{font-size:12.5px;line-height:1.75;color:rgba(244,241,232,.64);margin:0}\n\/* FISH *\/\n#symfiny-about .sf-fish{background:var(--cream);color:var(--ink);padding:125px 0}\n#symfiny-about .sf-fish-head{max-width:800px;margin-bottom:55px}\n#symfiny-about .sf-fish h2{font-family:var(--serif);font-size:clamp(55px,6vw,86px);font-weight:500;line-height:1;color:var(--ink)}\n#symfiny-about .sf-fish-intro{color:rgba(16,47,43,.68);font-size:15px;line-height:1.9}\n#symfiny-about .sf-tip{display:inline-block;margin-top:12px;padding:9px 13px;border-radius:999px;background:rgba(23,76,69,.07);font-size:11px;color:var(--green)}\n#symfiny-about .sf-fish-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}\n#symfiny-about .sf-fish-card{position:relative;min-height:650px;border-radius:26px;overflow:hidden;background:#092622;box-shadow:0 20px 55px rgba(16,47,43,.14)}\n#symfiny-about .sf-fish-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s ease}\n#symfiny-about .sf-fish-card:hover .sf-fish-photo{transform:scale(1.045)}\n#symfiny-about .sf-fish-card:after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,24,22,.05) 20%,rgba(5,24,22,.86) 100%)}\n#symfiny-about .sf-fish-info{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;color:var(--cream)}\n#symfiny-about .sf-fish-no{font-size:10px;letter-spacing:.18em;color:var(--gold);font-weight:800}\n#symfiny-about .sf-fish-name{font-family:var(--serif);font-size:39px;line-height:1;margin:9px 0 5px}\n#symfiny-about .sf-fish-personality{font-size:12px;color:rgba(244,241,232,.75);margin-bottom:18px}\n#symfiny-about .sf-fish-spec{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}\n#symfiny-about .sf-fish-spec div{padding:10px;border:1px solid rgba(244,241,232,.12);background:rgba(244,241,232,.055);border-radius:12px;backdrop-filter:blur(10px)}\n#symfiny-about .sf-fish-spec small{display:block;font-size:8px;letter-spacing:.12em;color:rgba(244,241,232,.48);text-transform:uppercase}\n#symfiny-about .sf-fish-spec strong{display:block;font-size:10px;font-weight:600;margin-top:2px}\n#symfiny-about .sf-fish-note{font-size:10.5px;line-height:1.6;color:rgba(244,241,232,.64);margin-top:13px}\n#symfiny-about .sf-no-photo-card{background:radial-gradient(circle at 50% 35%,rgba(141,185,180,.18),transparent 30%),linear-gradient(145deg,#1d4b43,#071d1b)}\n#symfiny-about .sf-no-photo-art{position:absolute;inset:12%;border:1px solid rgba(244,241,232,.10);border-radius:50%;box-shadow:inset 0 0 80px rgba(141,185,180,.06);display:grid;place-items:center;color:rgba(244,241,232,.20);font-size:10px;letter-spacing:.20em;text-transform:uppercase}\n#symfiny-about .sf-no-photo-art:before{content:\"AQUATIC SPECIMEN\";position:absolute;top:24%;left:0;right:0;text-align:center}\n#symfiny-about .sf-no-photo-art:after{content:\"PHOTO COMING SOON\";position:absolute;bottom:24%;left:0;right:0;text-align:center;color:rgba(185,154,99,.58)}\n#symfiny-about .sf-fish-card.no-photo:after{background:linear-gradient(180deg,rgba(5,24,22,.02),rgba(5,24,22,.78))}\n#symfiny-about .sf-fish-card.no-photo .sf-fish-info{bottom:25px}\n\/* FOOTER *\/\n#symfiny-about .sf-footer{background:#071d1b;padding:120px 0 65px;text-align:center;border-top:1px solid rgba(244,241,232,.08)}\n#symfiny-about .sf-footer h2{font-family:var(--serif);font-size:clamp(55px,8vw,105px);font-weight:500;line-height:.9;margin-bottom:18px}\n#symfiny-about .sf-footer h2 span{color:var(--mist)}\n#symfiny-about .sf-footer p{max-width:620px;margin:0 auto 30px;color:rgba(244,241,232,.58);font-size:14px;line-height:1.8}\n#symfiny-about .sf-footer-mark{font-size:10px;letter-spacing:.2em;color:var(--gold);font-weight:800}\n\/* responsive *\/\n@media(max-width:980px){\n  #symfiny-about .sf-nav{gap:15px}\n  #symfiny-about .sf-nav a{font-size:9px}\n  #symfiny-about .sf-meaning-grid,#symfiny-about .sf-philosophy-grid,#symfiny-about .sf-vision-head,#symfiny-about .sf-farm-grid{grid-template-columns:1fr;gap:40px}\n  #symfiny-about .sf-vision-grid{grid-template-columns:repeat(2,1fr)}\n  #symfiny-about .sf-story-band{margin-left:0;margin-right:0}\n  #symfiny-about .sf-fish-grid{grid-template-columns:1fr}\n  #symfiny-about .sf-principles{grid-template-columns:1fr}\n}\n@media(max-width:700px){\n  #symfiny-about .sf-container,#symfiny-about .sf-header-inner,#symfiny-about .sf-hero-content{width:calc(100vw - 30px)}\n  #symfiny-about .sf-header{padding:9px 0}\n  #symfiny-about .sf-logo{width:74px;height:42px}\n  #symfiny-about .sf-nav{display:none}\n  #symfiny-about .sf-hero-content{padding-bottom:55px}\n  #symfiny-about .sf-section,#symfiny-about .sf-philosophy,#symfiny-about .sf-vision,#symfiny-about .sf-story,#symfiny-about .sf-farm,#symfiny-about .sf-ethics,#symfiny-about .sf-fish{padding:85px 0}\n  #symfiny-about .sf-image-card img,#symfiny-about .sf-philosophy-media img{height:390px}\n  #symfiny-about .sf-philosophy-media{min-height:390px}\n  #symfiny-about .sf-vision-grid{grid-template-columns:1fr}\n  #symfiny-about .sf-vision-card{min-height:190px}\n  #symfiny-about .sf-story-band{grid-template-columns:1fr}\n  #symfiny-about .sf-story-band figure{height:300px}\n  #symfiny-about .sf-story-photo img{height:380px}\n  #symfiny-about .sf-video-intro{display:block}\n  #symfiny-about .sf-video-intro p{margin-top:18px}\n  #symfiny-about .sf-video-frame video{height:55vh}\n  #symfiny-about .sf-bros-logo{width:min(430px,92vw)}\n  #symfiny-about .sf-bros-visual{height:220px}\n  #symfiny-about .sf-bro{height:215px}\n  #symfiny-about .sf-bro.asher{left:2%}.sf-bro.aidan{right:2%}\n  #symfiny-about .sf-comic-head{display:block}\n  #symfiny-about .sf-comic-actions{margin-top:20px}\n  #symfiny-about .sf-comic-grid{grid-template-columns:1fr}\n  #symfiny-about .sf-comic-panel,#symfiny-about .sf-comic-panel img{min-height:290px;height:290px}\n  #symfiny-about .sf-comic-breath{margin-left:0;margin-right:0}\n  #symfiny-about .sf-dream{min-height:620px}\n  #symfiny-about .sf-fish-card{min-height:600px}\n}\n@media(prefers-reduced-motion:reduce){\n  #symfiny-about *{scroll-behavior:auto!important;animation:none!important;transition:none!important}\n}\n\/* ==========================================================\n   SYMFINY FINAL VISUAL PASS \u2014 COMIC + CONTRAST + FISH UX\n   ========================================================== *\/\n#symfiny-about .sf-comic{\n  background:\n    radial-gradient(circle at 10% 15%,rgba(185,154,99,.12),transparent 28%),\n    radial-gradient(circle at 90% 80%,rgba(95,143,130,.12),transparent 30%),\n    #f4f1e8!important;\n  color:#102f2b!important;\n  padding:90px 0 120px!important;\n}\n#symfiny-about .sf-comic-head h2,\n#symfiny-about .sf-chapter-title{color:#102f2b!important}\n#symfiny-about .sf-comic-chapter{\n  position:relative;\n  padding:82px 0 96px!important;\n  border-top:1px solid rgba(16,47,43,.12)!important;\n}\n#symfiny-about .sf-comic-chapter:before{\n  content:\"\";\n  position:absolute;left:0;top:42px;width:74px;height:3px;\n  background:linear-gradient(90deg,#b99a63,#8db9b4);border-radius:99px;\n}\n#symfiny-about .sf-chapter-number{color:#9b7844!important}\n#symfiny-about .sf-comic-grid{\n  display:grid!important;\n  grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;\n  gap:28px!important;\n  align-items:end!important;\n}\n#symfiny-about .sf-comic-chapter:nth-of-type(odd) .sf-comic-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important}\n#symfiny-about .sf-comic-panel{\n  min-height:430px!important;\n  height:430px!important;\n  border-radius:0!important;\n  overflow:visible!important;\n  position:relative!important;\n  background:\n    radial-gradient(circle,rgba(16,47,43,.10) 1px,transparent 1.2px) 0 0\/12px 12px,\n    linear-gradient(135deg,rgba(255,255,255,.72),rgba(230,226,211,.75))!important;\n  border:1px solid rgba(16,47,43,.10)!important;\n  box-shadow:0 24px 50px rgba(16,47,43,.10)!important;\n  clip-path:polygon(1.5% 2%,98% 0,100% 97%,2% 100%)!important;\n}\n#symfiny-about .sf-comic-chapter:nth-of-type(3n) .sf-comic-panel{clip-path:polygon(0 1%,97% 2%,100% 99%,3% 97%)!important}\n#symfiny-about .sf-comic-panel:before{\n  content:\"\";position:absolute;inset:12px;border:1px solid rgba(16,47,43,.10);pointer-events:none;z-index:0;\n}\n#symfiny-about .sf-comic-panel img{\n  position:absolute!important;inset:12px 10px 0!important;\n  width:calc(100% - 20px)!important;height:calc(100% - 12px)!important;\n  min-height:0!important;object-fit:contain!important;object-position:center bottom!important;\n  z-index:1!important;filter:drop-shadow(0 16px 18px rgba(16,47,43,.16))!important;\n  transition:transform .6s cubic-bezier(.2,.8,.2,1)!important;\n}\n#symfiny-about .sf-comic-panel:hover img{transform:translateY(-7px) scale(1.025)}\n#symfiny-about .sf-bubble{\n  left:auto!important;right:20px!important;bottom:18px!important;\n  width:min(78%,430px)!important;\n  padding:17px 19px 18px!important;\n  background:#fffdf5!important;color:#102f2b!important;\n  border:1px solid rgba(16,47,43,.16)!important;\n  border-radius:18px!important;\n  box-shadow:0 16px 30px rgba(16,47,43,.16)!important;\n  z-index:4!important;\n}\n#symfiny-about .sf-bubble:after{\n  content:\"\";position:absolute;right:32px;bottom:-11px;width:20px;height:20px;\n  background:#fffdf5;border-right:1px solid rgba(16,47,43,.16);border-bottom:1px solid rgba(16,47,43,.16);\n  transform:rotate(45deg);\n}\n#symfiny-about .sf-bubble strong{color:#a07e4c!important}\n#symfiny-about .sf-bubble span{color:#102f2b!important}\n#symfiny-about .sf-comic-single .sf-comic-panel{max-width:720px;margin:34px auto 0!important}\n#symfiny-about .sf-comic-together{filter:drop-shadow(0 18px 28px rgba(16,47,43,.16))!important}\n\/* Make the WATER transition feel like a chapter break, not another dark title block. *\/\n#symfiny-about .sf-comic-breath{\n  margin-left:calc((1180px - 100vw)\/2)!important;margin-right:calc((1180px - 100vw)\/2)!important;\n  padding:145px 0!important;\n  background:linear-gradient(135deg,#0d332e,#174c45)!important;\n  color:#f4f1e8!important;\n  position:relative;overflow:hidden;\n}\n#symfiny-about .sf-comic-breath:before{\n  content:\"\";position:absolute;inset:30px;border:1px solid rgba(244,241,232,.13);pointer-events:none;\n}\n#symfiny-about .sf-comic-breath .sf-water-word{color:rgba(244,241,232,.08)!important;letter-spacing:-.08em}\n#symfiny-about .sf-comic-breath h3{color:#e7f0eb!important;position:relative}\n#symfiny-about .sf-comic-breath p{color:#d5e2dc!important;letter-spacing:.24em;font-weight:800}\n\/* Contrast pass: dark sections need light editorial type, not dark-on-dark text. *\/\n#symfiny-about .sf-philosophy .sf-title,\n#symfiny-about .sf-vision h2,\n#symfiny-about .sf-vision-card h3,\n#symfiny-about .sf-ethics h2,\n#symfiny-about .sf-ethics .sf-principle h3,\n#symfiny-about .sf-dream h2,\n#symfiny-about .sf-footer h2{color:#f4f1e8!important}\n#symfiny-about .sf-philosophy .sf-title span,\n#symfiny-about .sf-vision h2 span,\n#symfiny-about .sf-ethics h2 span,\n#symfiny-about .sf-dream h2 span,\n#symfiny-about .sf-footer h2 span{color:#8db9b4!important}\n#symfiny-about .sf-philosophy-copy p,\n#symfiny-about .sf-vision-intro,\n#symfiny-about .sf-vision-card p,\n#symfiny-about .sf-vision-belief,\n#symfiny-about .sf-ethics-intro,\n#symfiny-about .sf-principle p,\n#symfiny-about .sf-dream p,\n#symfiny-about .sf-footer p{color:rgba(244,241,232,.82)!important}\n\/* Give the ethical guide its own visual identity so it doesn't feel like another Water Bros panel. *\/\n#symfiny-about .sf-ethics{\n  background:linear-gradient(180deg,#f4f1e8 0%,#e9e5d9 100%)!important;\n  color:#102f2b!important;border-top:1px solid rgba(16,47,43,.08);border-bottom:1px solid rgba(16,47,43,.08);\n}\n#symfiny-about .sf-ethics h2{color:#102f2b!important}\n#symfiny-about .sf-ethics h2 span{color:#174c45!important}\n#symfiny-about .sf-ethics .sf-ethics-intro{color:rgba(16,47,43,.68)!important}\n#symfiny-about .sf-principle{background:rgba(255,255,255,.48)!important;border-color:rgba(16,47,43,.12)!important;box-shadow:0 14px 35px rgba(16,47,43,.06)}\n#symfiny-about .sf-principle h3{color:#102f2b!important}\n#symfiny-about .sf-principle p{color:rgba(16,47,43,.68)!important}\n#symfiny-about .sf-principle-no{color:#9b7844!important}\n\/* FISH EXPERIENCE \u2014 fish first, information second. *\/\n#symfiny-about .sf-fish-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}\n#symfiny-about .sf-fish-card{\n  min-height:680px!important;height:680px!important;\n  cursor:pointer!important;background:#071f1d!important;\n  isolation:isolate!important;\n}\n#symfiny-about .sf-fish-card:before{\n  content:\"\";position:absolute;inset:0;z-index:0;\n  background:radial-gradient(circle at 50% 32%,rgba(141,185,180,.18),transparent 46%),linear-gradient(180deg,#163e37 0%,#071f1d 100%);\n}\n#symfiny-about .sf-fish-photo{\n  z-index:1!important;\n  width:100%!important;height:100%!important;\n  object-fit:contain!important;\n  object-position:center 28%!important;\n  padding:28px 22px 185px!important;\n  transform:none!important;\n  filter:drop-shadow(0 24px 30px rgba(0,0,0,.30))!important;\n}\n#symfiny-about .sf-fish-card:hover .sf-fish-photo{transform:scale(1.018)!important}\n#symfiny-about .sf-fish-card:after{z-index:2!important;background:linear-gradient(180deg,transparent 42%,rgba(5,24,22,.18) 56%,rgba(5,24,22,.94) 100%)!important}\n#symfiny-about .sf-fish-info{\n  z-index:5!important;left:20px!important;right:20px!important;bottom:18px!important;\n  padding:18px 18px 16px!important;border-radius:20px!important;\n  background:rgba(7,31,29,.78)!important;border:1px solid rgba(244,241,232,.18)!important;\n  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;\n  transform:translateY(calc(100% - 72px));transition:transform .48s cubic-bezier(.2,.8,.2,1)!important;\n  max-height:78%!important;overflow:auto!important;\n}\n#symfiny-about .sf-fish-card.is-open .sf-fish-info{transform:translateY(0)!important}\n#symfiny-about .sf-fish-card .sf-fish-personality{color:rgba(244,241,232,.82)!important}\n#symfiny-about .sf-fish-card .sf-fish-spec div{background:rgba(244,241,232,.08)!important;border-color:rgba(244,241,232,.16)!important}\n#symfiny-about .sf-fish-card .sf-fish-spec strong{color:#fffdf5!important;font-size:11px!important}\n#symfiny-about .sf-fish-card .sf-fish-spec small{color:rgba(244,241,232,.56)!important}\n#symfiny-about .sf-fish-card .sf-fish-note{color:rgba(244,241,232,.78)!important}\n#symfiny-about .sf-fish-card .sf-fish-no{color:#d2b47d!important}\n#symfiny-about .sf-fish-card:focus{outline:2px solid #b99a63;outline-offset:4px}\n#symfiny-about .sf-fish-card:after{pointer-events:none}\n#symfiny-about .sf-fish-cta{\n  position:absolute;z-index:6;left:20px;bottom:22px;padding:8px 12px;border-radius:999px;\n  color:#102f2b;background:#f4f1e8;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;\n  transition:opacity .25s ease,transform .25s ease;box-shadow:0 8px 20px rgba(0,0,0,.16)\n}\n#symfiny-about .sf-fish-card:hover .sf-fish-cta,\n#symfiny-about .sf-fish-card.is-open .sf-fish-cta{opacity:0;transform:translateY(8px);pointer-events:none}\n\/* Carousel inside the fish card \u2014 never creates extra fish cards. *\/\n#symfiny-about .sf-fish-gallery{position:absolute;inset:0;z-index:1;overflow:hidden}\n#symfiny-about .sf-fish-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s ease}\n#symfiny-about .sf-fish-slide.active{opacity:1;visibility:visible}\n#symfiny-about .sf-fish-gallery .sf-fish-photo{position:absolute!important;inset:0!important}\n#symfiny-about .sf-gallery-controls{position:absolute;z-index:7;right:18px;top:18px;display:flex;gap:6px}\n#symfiny-about .sf-gallery-btn{width:34px;height:34px;border-radius:50%;border:1px solid rgba(244,241,232,.30);background:rgba(7,31,29,.46);color:#fffdf5;backdrop-filter:blur(10px);cursor:pointer;font-size:17px;line-height:1}\n#symfiny-about .sf-gallery-dots{position:absolute;z-index:7;left:50%;top:25px;transform:translateX(-50%);display:flex;gap:5px}\n#symfiny-about .sf-gallery-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.42)}\n#symfiny-about .sf-gallery-dot.active{background:#d6b77d;width:18px;border-radius:9px}\n\/* no-photo cards stay elegant, but still use the same click-to-details interaction. *\/\n#symfiny-about .sf-no-photo-card .sf-fish-info{transform:translateY(calc(100% - 72px))}\n#symfiny-about .sf-no-photo-art{inset:13%!important;z-index:1!important}\n@media(max-width:800px){\n  #symfiny-about .sf-comic-grid,\n  #symfiny-about .sf-comic-chapter:nth-of-type(odd) .sf-comic-grid{grid-template-columns:1fr!important}\n  #symfiny-about .sf-comic-panel{height:380px!important;min-height:380px!important}\n  #symfiny-about .sf-comic-breath{margin-left:0!important;margin-right:0!important;padding:105px 20px!important}\n  #symfiny-about .sf-comic-breath:before{inset:18px}\n  #symfiny-about .sf-fish-grid{grid-template-columns:1fr!important}\n  #symfiny-about .sf-fish-card{height:640px!important;min-height:640px!important}\n  #symfiny-about .sf-fish-photo{padding:18px 12px 175px!important}\n  #symfiny-about .sf-fish-info{max-height:80%!important}\n}\n\/* ==========================================================\n   SYMFINY REFINEMENT PASS \u2014 CONTRAST + MOVEMENT + COMPACTNESS\n   ========================================================== *\/\n\/* 1) Ethical guide: force readable editorial contrast. *\/\n#symfiny-about .sf-ethics .sf-principle h3{\n  color:#102f2b!important;\n  opacity:1!important;\n  text-shadow:none!important;\n  font-family:var(--serif)!important;\n  font-weight:600!important;\n}\n#symfiny-about .sf-ethics .sf-principle-no{opacity:1!important;color:#9b7844!important}\n#symfiny-about .sf-ethics .sf-principle p{color:rgba(16,47,43,.76)!important;opacity:1!important}\n#symfiny-about .sf-ethics .sf-ethics-intro{color:rgba(16,47,43,.74)!important;opacity:1!important}\n\/* 2) Water Bros in the intro: subtle character motion, not cartoonish bouncing. *\/\n@keyframes sfBrosFloatA{\n  0%,100%{transform:translate3d(0,0,0) rotate(-.6deg)}\n  50%{transform:translate3d(-5px,-12px,0) rotate(.7deg)}\n}\n@keyframes sfBrosFloatB{\n  0%,100%{transform:translate3d(0,0,0) rotate(.6deg)}\n  50%{transform:translate3d(6px,-9px,0) rotate(-.7deg)}\n}\n#symfiny-about .sf-bros-visual .sf-bro.asher{animation:sfBrosFloatA 4.8s ease-in-out infinite}\n#symfiny-about .sf-bros-visual .sf-bro.aidan{animation:sfBrosFloatB 4.2s ease-in-out infinite .25s}\n\/* 3) Comic: tighter, more intimate panels. The characters occupy the stage. *\/\n#symfiny-about .sf-comic{padding:62px 0 78px!important}\n#symfiny-about .sf-comic-head{margin-bottom:26px!important}\n#symfiny-about .sf-comic-chapter{padding:48px 0 56px!important}\n#symfiny-about .sf-comic-chapter:before{top:25px!important;width:58px!important;height:2px!important}\n#symfiny-about .sf-comic-grid{\n  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;\n  gap:12px!important;\n  align-items:end!important;\n}\n#symfiny-about .sf-comic-chapter:nth-of-type(odd) .sf-comic-grid{\n  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;\n}\n#symfiny-about .sf-comic-panel{\n  min-height:315px!important;\n  height:315px!important;\n  box-shadow:0 16px 34px rgba(16,47,43,.10)!important;\n}\n#symfiny-about .sf-comic-panel img{\n  inset:0 4px 0!important;\n  width:calc(100% - 8px)!important;\n  height:100%!important;\n  object-position:center bottom!important;\n}\n#symfiny-about .sf-bubble{\n  right:12px!important;bottom:10px!important;\n  width:min(82%,390px)!important;\n  padding:13px 15px 14px!important;\n  border-radius:15px!important;\n  font-size:12px!important;\n}\n#symfiny-about .sf-comic-together{width:min(500px,100%)!important;height:220px!important;margin:18px auto 0!important}\n\/* 4) WATER segregation: compact chapter-break card instead of a full-width block. *\/\n#symfiny-about .sf-comic-breath{\n  width:min(1020px,calc(100% - 32px))!important;\n  margin:18px auto!important;\n  padding:64px 30px!important;\n  border-radius:26px!important;\n  box-shadow:0 22px 55px rgba(16,47,43,.14)!important;\n}\n#symfiny-about .sf-comic-breath:before{inset:16px!important;border-radius:18px!important}\n#symfiny-about .sf-comic-breath .sf-water-word{font-size:clamp(72px,11vw,150px)!important}\n#symfiny-about .sf-comic-breath h3{font-size:clamp(28px,4vw,50px)!important;margin:-6px auto 10px!important}\n#symfiny-about .sf-comic-breath p{font-size:10px!important}\n\/* Let the comic characters breathe slightly while the page is open. *\/\n@keyframes sfComicFloatA{\n  0%,100%{transform:translate3d(0,0,0)}\n  50%{transform:translate3d(-3px,-7px,0)}\n}\n@keyframes sfComicFloatB{\n  0%,100%{transform:translate3d(0,0,0)}\n  50%{transform:translate3d(3px,-5px,0)}\n}\n#symfiny-about .sf-comic-panel:nth-child(odd) img{animation:sfComicFloatA 5.4s ease-in-out infinite}\n#symfiny-about .sf-comic-panel:nth-child(even) img{animation:sfComicFloatB 4.9s ease-in-out infinite .35s}\n\/* 5) Fish: remove the big dead zones. Fish\/photo is the hero; information is an overlay. *\/\n#symfiny-about .sf-fish-grid{gap:14px!important}\n#symfiny-about .sf-fish-card{\n  min-height:555px!important;\n  height:555px!important;\n  border-radius:22px!important;\n}\n#symfiny-about .sf-fish-photo{\n  padding:0!important;\n  object-fit:cover!important;\n  object-position:center center!important;\n  width:100%!important;height:100%!important;\n}\n#symfiny-about .sf-fish-card:after{\n  background:linear-gradient(180deg,rgba(5,24,22,.02) 35%,rgba(5,24,22,.10) 52%,rgba(5,24,22,.95) 100%)!important;\n}\n#symfiny-about .sf-fish-info{\n  left:12px!important;right:12px!important;bottom:12px!important;\n  padding:15px 15px 14px!important;\n  border-radius:17px!important;\n  max-height:84%!important;\n  transform:translateY(calc(100% - 62px));\n}\n#symfiny-about .sf-fish-name{font-size:34px!important;margin:6px 0 3px!important}\n#symfiny-about .sf-fish-personality{margin-bottom:12px!important}\n#symfiny-about .sf-fish-spec{gap:5px!important}\n#symfiny-about .sf-fish-spec div{padding:7px 8px!important}\n#symfiny-about .sf-fish-note{margin-top:9px!important}\n#symfiny-about .sf-fish-cta{left:14px!important;bottom:16px!important}\n#symfiny-about .sf-gallery-controls{right:12px!important;top:12px!important}\n#symfiny-about .sf-gallery-dots{top:18px!important}\n\/* Desktop only: hover reveals details. Do not let focus-within keep cards stuck open. *\/\n@media (hover:hover) and (pointer:fine){\n  #symfiny-about .sf-fish-card:hover .sf-fish-info{transform:translateY(0)!important}\n  #symfiny-about .sf-fish-card:hover .sf-fish-cta{opacity:0;transform:translateY(8px);pointer-events:none}\n  #symfiny-about .sf-fish-card.is-open .sf-fish-info{transform:translateY(0)!important}\n}\n#symfiny-about .sf-fish-card:focus-within .sf-fish-info{transform:translateY(calc(100% - 62px))!important}\n#symfiny-about .sf-fish-card.is-open .sf-fish-info{transform:translateY(0)!important}\n#symfiny-about .sf-fish-card.is-open .sf-fish-cta{opacity:0!important;transform:translateY(8px)!important;pointer-events:none!important}\n#symfiny-about .sf-fish-card.is-user-closed .sf-fish-info{transform:translateY(calc(100% - 62px))!important}\n#symfiny-about .sf-fish-card.is-user-closed .sf-fish-cta{opacity:1!important;transform:none!important;pointer-events:auto!important}\n\/* Touch devices: no CSS hover state; only a real tap opens\/closes. *\/\n@media (hover:none), (pointer:coarse){\n  #symfiny-about .sf-fish-card:hover .sf-fish-info{transform:translateY(calc(100% - 62px))!important}\n  #symfiny-about .sf-fish-card:hover .sf-fish-cta{opacity:1!important;transform:none!important;pointer-events:auto!important}\n  #symfiny-about .sf-fish-card:hover .sf-fish-photo{transform:none!important}\n}\n@media (max-width:900px){\n  #symfiny-about .sf-comic-grid{grid-template-columns:1fr!important}\n  #symfiny-about .sf-comic-panel{height:290px!important;min-height:290px!important}\n  #symfiny-about .sf-comic-breath{width:calc(100% - 20px)!important;padding:54px 20px!important}\n  #symfiny-about .sf-fish-card{height:500px!important;min-height:500px!important}\n}\n@media (prefers-reduced-motion:reduce){\n  #symfiny-about .sf-bros-visual .sf-bro,\n  #symfiny-about .sf-comic-panel img{animation:none!important}\n}\n<\/style>\n<style>\n\/* ==========================================================\n   SYMFINY \u2014 EDITORIAL SYSTEM PASS\n   Fixes the large empty Vision area and strengthens hierarchy,\n   premium glass treatment, movement, navigation and mobile UX.\n   ========================================================== *\/\n#symfiny-about{\n  --sf-max:1180px;\n  --sf-glass:rgba(244,241,232,.075);\n  --sf-glass-strong:rgba(244,241,232,.11);\n  --sf-border:rgba(244,241,232,.14);\n  --sf-shadow:0 30px 80px rgba(0,0,0,.25);\n}\n#symfiny-about .sf-container{\n  width:min(var(--sf-max),calc(100vw - 48px));\n}\n\/* Subtle ambient light \u2014 makes the dark sections feel alive without\n   turning the site into a neon\/glowing interface. *\/\n#symfiny-about:before{\n  content:\"\";\n  position:fixed;\n  z-index:0;\n  width:520px;\n  height:520px;\n  left:var(--mx,50%);\n  top:var(--my,20%);\n  transform:translate(-50%,-50%);\n  border-radius:50%;\n  pointer-events:none;\n  background:radial-gradient(circle,rgba(141,185,180,.045),transparent 68%);\n  mix-blend-mode:screen;\n}\n#symfiny-about .sf-header-inner{\n  position:relative;\n}\n#symfiny-about .sf-header:after{\n  content:\"\";\n  position:absolute;\n  left:0;\n  bottom:-1px;\n  width:100%;\n  height:1px;\n  background:linear-gradient(90deg,transparent,rgba(141,185,180,.22),rgba(185,154,99,.25),transparent);\n}\n\/* Keep navigation useful and editorial. *\/\n#symfiny-about .sf-nav a{\n  position:relative;\n  padding:8px 0;\n}\n#symfiny-about .sf-nav a:after{\n  content:\"\";\n  position:absolute;\n  left:0;\n  right:100%;\n  bottom:2px;\n  height:1px;\n  background:var(--gold);\n  transition:right .35s ease;\n}\n#symfiny-about .sf-nav a:hover:after,\n#symfiny-about .sf-nav a.is-active:after{\n  right:0;\n}\n#symfiny-about .sf-nav a.is-active{\n  color:var(--cream);\n}\n\/* ---------------- VISION: no more dead space ---------------- *\/\n#symfiny-about .sf-vision{\n  position:relative;\n  overflow:hidden;\n  background:\n    radial-gradient(circle at 84% 24%,rgba(95,143,130,.11),transparent 28%),\n    radial-gradient(circle at 12% 82%,rgba(185,154,99,.055),transparent 25%),\n    linear-gradient(135deg,#0b2824 0%,#09231f 54%,#071c1a 100%);\n  padding:108px 0 112px;\n}\n#symfiny-about .sf-vision:before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  pointer-events:none;\n  opacity:.28;\n  background-image:\n    linear-gradient(rgba(244,241,232,.025) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(244,241,232,.025) 1px,transparent 1px);\n  background-size:80px 80px;\n  mask-image:linear-gradient(90deg,black,transparent 78%);\n}\n#symfiny-about .sf-vision-top{\n  display:grid;\n  grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);\n  gap:58px;\n  align-items:center;\n  margin-bottom:48px;\n}\n#symfiny-about .sf-vision-copy{\n  position:relative;\n  z-index:2;\n}\n#symfiny-about .sf-vision h2{\n  max-width:650px;\n  font-size:clamp(46px,5.45vw,78px);\n  line-height:.98;\n  margin-bottom:28px;\n  color:var(--cream)!important;\n}\n#symfiny-about .sf-vision h2 span{\n  color:var(--mist)!important;\n}\n#symfiny-about .sf-vision-intro{\n  max-width:570px;\n  color:rgba(244,241,232,.76)!important;\n  font-size:14px;\n  line-height:1.85;\n}\n#symfiny-about .sf-vision-intro p{\n  margin:0 0 14px;\n}\n#symfiny-about .sf-vision-signature{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  margin-top:28px;\n  color:rgba(244,241,232,.52);\n}\n#symfiny-about .sf-vision-signature span{\n  font-size:9px;\n  letter-spacing:.2em;\n  color:var(--gold);\n  font-weight:800;\n}\n#symfiny-about .sf-vision-signature i{\n  width:34px;\n  height:1px;\n  background:rgba(185,154,99,.55);\n}\n#symfiny-about .sf-vision-signature small{\n  font-size:9px;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n}\n\/* Ecosystem map: replaces the empty right half with something that\n   explains the actual business model rather than decorative filler. *\/\n#symfiny-about .sf-ecosystem{\n  position:relative;\n  min-height:500px;\n  border:1px solid rgba(244,241,232,.12);\n  border-radius:30px;\n  overflow:hidden;\n  background:\n    radial-gradient(circle at 50% 50%,rgba(141,185,180,.13),transparent 31%),\n    linear-gradient(145deg,rgba(244,241,232,.075),rgba(244,241,232,.018));\n  box-shadow:var(--sf-shadow);\n  backdrop-filter:blur(18px) saturate(120%);\n  -webkit-backdrop-filter:blur(18px) saturate(120%);\n}\n#symfiny-about .sf-ecosystem:before{\n  content:\"\";\n  position:absolute;\n  inset:16px;\n  border:1px solid rgba(244,241,232,.08);\n  border-radius:22px;\n  pointer-events:none;\n}\n#symfiny-about .sf-ecosystem-glow{\n  position:absolute;\n  left:50%;\n  top:50%;\n  width:230px;\n  height:230px;\n  transform:translate(-50%,-50%);\n  border-radius:50%;\n  background:radial-gradient(circle,rgba(141,185,180,.22),rgba(141,185,180,.05) 43%,transparent 70%);\n  filter:blur(2px);\n  animation:sfWaterPulse 5.5s ease-in-out infinite;\n}\n@keyframes sfWaterPulse{\n  0%,100%{transform:translate(-50%,-50%) scale(.94);opacity:.75}\n  50%{transform:translate(-50%,-50%) scale(1.06);opacity:1}\n}\n#symfiny-about .sf-ecosystem-orbit{\n  position:absolute;\n  left:50%;\n  top:50%;\n  border:1px solid rgba(141,185,180,.18);\n  border-radius:50%;\n  transform:translate(-50%,-50%);\n  pointer-events:none;\n}\n#symfiny-about .sf-ecosystem-orbit.orbit-one{\n  width:285px;height:285px;\n}\n#symfiny-about .sf-ecosystem-orbit.orbit-two{\n  width:410px;height:410px;\n  border-color:rgba(185,154,99,.12);\n  border-style:dashed;\n  animation:sfOrbit 22s linear infinite;\n}\n@keyframes sfOrbit{\n  to{transform:translate(-50%,-50%) rotate(360deg)}\n}\n#symfiny-about .sf-ecosystem-core{\n  position:absolute;\n  z-index:3;\n  left:50%;\n  top:50%;\n  width:160px;\n  height:160px;\n  transform:translate(-50%,-50%);\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n  border:1px solid rgba(244,241,232,.22);\n  border-radius:50%;\n  background:rgba(9,38,34,.72);\n  box-shadow:inset 0 0 45px rgba(141,185,180,.08),0 18px 40px rgba(0,0,0,.20);\n  backdrop-filter:blur(16px);\n}\n#symfiny-about .sf-core-kicker{\n  font-size:8px;\n  letter-spacing:.2em;\n  color:var(--gold);\n  font-weight:800;\n  margin-bottom:5px;\n}\n#symfiny-about .sf-ecosystem-core strong{\n  font-family:var(--serif);\n  font-size:32px;\n  line-height:1;\n  font-weight:500;\n  color:var(--cream);\n}\n#symfiny-about .sf-ecosystem-core small{\n  margin-top:7px;\n  font-size:8px;\n  letter-spacing:.08em;\n  color:rgba(244,241,232,.48);\n}\n#symfiny-about .sf-eco-node{\n  position:absolute;\n  z-index:4;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  min-width:88px;\n  min-height:62px;\n  padding:9px 12px;\n  border-radius:16px;\n  border:1px solid rgba(244,241,232,.14);\n  background:rgba(8,31,29,.64);\n  backdrop-filter:blur(12px);\n  box-shadow:0 12px 28px rgba(0,0,0,.15);\n  transition:transform .35s ease,border-color .35s ease,background .35s ease;\n}\n#symfiny-about .sf-eco-node:hover{\n  transform:translateY(-5px);\n  border-color:rgba(185,154,99,.45);\n  background:rgba(244,241,232,.09);\n}\n#symfiny-about .sf-eco-node b{\n  font-size:8px;\n  letter-spacing:.16em;\n  color:var(--gold);\n  margin-bottom:2px;\n}\n#symfiny-about .sf-eco-node strong{\n  font-size:10px;\n  letter-spacing:.12em;\n  color:var(--cream);\n}\n#symfiny-about .sf-eco-node span{\n  margin-top:2px;\n  font-size:8px;\n  color:rgba(244,241,232,.44);\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n#symfiny-about .node-fish{left:8%;top:18%}\n#symfiny-about .node-learn{right:8%;top:18%}\n#symfiny-about .node-build{left:6%;bottom:18%}\n#symfiny-about .node-well{right:6%;bottom:18%}\n#symfiny-about .node-space{left:50%;top:8%;transform:translateX(-50%)}\n#symfiny-about .node-space:hover{transform:translateX(-50%) translateY(-5px)}\n#symfiny-about .sf-ecosystem-caption{\n  position:absolute;\n  left:50%;\n  bottom:18px;\n  transform:translateX(-50%);\n  white-space:nowrap;\n  font-size:8px;\n  letter-spacing:.18em;\n  color:rgba(244,241,232,.42);\n}\n\/* Make the five pillars more premium and less like generic cards. *\/\n#symfiny-about .sf-vision-grid{\n  display:grid!important;\n  grid-template-columns:repeat(5,minmax(0,1fr))!important;\n  gap:10px!important;\n  position:relative;\n  z-index:2;\n}\n#symfiny-about .sf-vision-card{\n  min-height:205px!important;\n  padding:22px 18px 20px!important;\n  border-radius:20px!important;\n  border:1px solid rgba(244,241,232,.13)!important;\n  background:\n    linear-gradient(145deg,rgba(244,241,232,.085),rgba(244,241,232,.025))!important;\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);\n}\n#symfiny-about .sf-vision-card h3{\n  font-size:26px!important;\n  margin:48px 0 10px!important;\n  color:var(--cream)!important;\n}\n#symfiny-about .sf-vision-card p{\n  color:rgba(244,241,232,.63)!important;\n  font-size:11px!important;\n  line-height:1.7!important;\n  max-width:170px;\n}\n#symfiny-about .sf-vision-number{\n  color:var(--gold)!important;\n}\n#symfiny-about .sf-card-arrow{\n  position:absolute;\n  right:16px;\n  bottom:15px;\n  font-size:16px;\n  color:rgba(141,185,180,.65);\n  transition:transform .3s ease,color .3s ease;\n}\n#symfiny-about .sf-vision-card:hover .sf-card-arrow{\n  transform:translate(3px,-3px);\n  color:var(--gold);\n}\n#symfiny-about .sf-vision-belief{\n  display:grid;\n  grid-template-columns:auto 1fr;\n  gap:24px;\n  align-items:center;\n  margin-top:24px!important;\n  padding:22px 24px!important;\n  border:1px solid rgba(244,241,232,.11)!important;\n  border-left:2px solid var(--gold)!important;\n  border-radius:0 18px 18px 0;\n  background:rgba(244,241,232,.035)!important;\n}\n#symfiny-about .sf-belief-label{\n  font-size:8px;\n  letter-spacing:.2em;\n  color:var(--gold);\n  font-weight:800;\n  white-space:nowrap;\n}\n#symfiny-about .sf-vision-belief strong{\n  color:rgba(244,241,232,.77);\n  font-size:13px;\n  line-height:1.7;\n  font-weight:500;\n}\n\/* Improve the transition into Story so the page feels intentionally paced. *\/\n#symfiny-about .sf-story{\n  position:relative;\n}\n#symfiny-about .sf-story:before{\n  content:\"\";\n  display:block;\n  width:70px;\n  height:2px;\n  margin-bottom:34px;\n  background:linear-gradient(90deg,var(--gold),var(--green));\n  border-radius:99px;\n}\n\/* Give major sections a consistent little editorial marker. *\/\n#symfiny-about .sf-ethics,\n#symfiny-about .sf-fish{\n  position:relative;\n}\n#symfiny-about .sf-ethics:before,\n#symfiny-about .sf-fish:before{\n  content:\"\";\n  position:absolute;\n  top:0;\n  left:50%;\n  width:min(1180px,calc(100% - 48px));\n  height:1px;\n  transform:translateX(-50%);\n  background:linear-gradient(90deg,transparent,rgba(185,154,99,.25),transparent);\n}\n\/* Better mobile composition. *\/\n@media(max-width:980px){\n  #symfiny-about .sf-vision-top{\n    grid-template-columns:1fr;\n    gap:42px;\n  }\n  #symfiny-about .sf-ecosystem{\n    min-height:460px;\n  }\n  #symfiny-about .sf-vision-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n  }\n  #symfiny-about .sf-vision-card:last-child{\n    grid-column:1 \/ -1;\n  }\n}\n@media(max-width:700px){\n  #symfiny-about .sf-container{\n    width:calc(100vw - 30px);\n  }\n  #symfiny-about .sf-vision{\n    padding:78px 0 82px;\n  }\n  #symfiny-about .sf-vision-top{\n    gap:30px;\n    margin-bottom:30px;\n  }\n  #symfiny-about .sf-vision h2{\n    font-size:clamp(43px,12vw,62px);\n    line-height:1;\n  }\n  #symfiny-about .sf-ecosystem{\n    min-height:390px;\n    border-radius:24px;\n  }\n  #symfiny-about .sf-ecosystem-orbit.orbit-one{\n    width:220px;height:220px;\n  }\n  #symfiny-about .sf-ecosystem-orbit.orbit-two{\n    width:310px;height:310px;\n  }\n  #symfiny-about .sf-ecosystem-core{\n    width:128px;height:128px;\n  }\n  #symfiny-about .sf-ecosystem-core strong{\n    font-size:25px;\n  }\n  #symfiny-about .sf-eco-node{\n    min-width:72px;\n    min-height:54px;\n    padding:7px 8px;\n  }\n  #symfiny-about .sf-eco-node strong{\n    font-size:8px;\n  }\n  #symfiny-about .sf-eco-node span{\n    font-size:7px;\n  }\n  #symfiny-about .node-fish{left:3%;top:19%}\n  #symfiny-about .node-learn{right:3%;top:19%}\n  #symfiny-about .node-build{left:3%;bottom:20%}\n  #symfiny-about .node-well{right:3%;bottom:20%}\n  #symfiny-about .node-space{top:5%}\n  #symfiny-about .sf-ecosystem-caption{\n    font-size:6.5px;\n    letter-spacing:.1em;\n    bottom:12px;\n  }\n  #symfiny-about .sf-vision-grid{\n    grid-template-columns:1fr!important;\n  }\n  #symfiny-about .sf-vision-card:last-child{\n    grid-column:auto;\n  }\n  #symfiny-about .sf-vision-card{\n    min-height:165px!important;\n  }\n  #symfiny-about .sf-vision-card h3{\n    margin-top:34px!important;\n  }\n  #symfiny-about .sf-vision-belief{\n    grid-template-columns:1fr;\n    gap:9px;\n  }\n}\n@media(prefers-reduced-motion:reduce){\n  #symfiny-about .sf-ecosystem-glow,\n  #symfiny-about .sf-ecosystem-orbit.orbit-two{\n    animation:none!important;\n  }\n}\n<\/style>\n<header id=\"sfHeader\">\n      <a href=\"#sfTop\" aria-label=\"Symfiny home\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/Symfiny-final-Logo-4-1.png\" alt=\"Symfiny\" title=\"About Us\"><br \/>\n      <\/a><\/p>\n<nav>\n        <a href=\"#meaning\">Symfiny<\/a><br \/>\n        <a href=\"#philosophy\">Philosophy<\/a><br \/>\n        <a href=\"#story\">Our Story<\/a><br \/>\n        <a href=\"#farm\">Our Farm<\/a><br \/>\n        <a href=\"#fish\">Field Notes<\/a><br \/>\n      <\/nav>\n<p>      <button id=\"sfMobileMenu\" type=\"button\" aria-label=\"Open menu\" aria-expanded=\"false\"><br \/>\n      <\/button><br \/>\n        EXPLORE SYMFINY<br \/>\n        <a href=\"#meaning\">Symfiny<\/a><br \/>\n        <a href=\"#philosophy\">Philosophy<\/a><br \/>\n        <a href=\"#story\">Our Story<\/a><br \/>\n        <a href=\"#farm\">Our Farm<\/a><br \/>\n        <a href=\"#fish\">Field Notes<\/a><br \/>\n  <\/header>\n<section id=\"sfTop\">\n      <video autoplay muted loop playsinline preload=\"metadata\"><source src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/DJI_20001109165754_0416_D.mp4\" type=\"video\/mp4\"><\/video><br \/>\n      SYMFINY \u00b7 WATER \u00b7 CURIOSITY \u00b7 LIFE<\/p>\n<h1>Where curiositymeets water.<\/h1>\n<p>A little fishkeeping. A lot of noticing. And a growing belief that when we understand water, we begin to understand the world around us.<\/p>\n<p>      SCROLL \u00b7 NOTICE \u00b7 CONNECT<br \/>\n  <\/section>\n<section id=\"meaning\">\n          WHAT DOES SYMFINY MEAN?<\/p>\n<h2>A quiet harmony<br \/>between fish, water &#038; life.<\/h2>\n<p>Symfiny = symphony + fin<\/p>\n<p>Symfiny is where symphony meets fin \u2014 the quiet harmony between fish, water and life.<\/p>\n<p>For us, it has come to mean much more than a name. It is fish, purpose, children with muddy feet, tanks full of life, days shaped by nature and a deep love for water.<\/p>\n<p>It is a place where an aquarium can slow you down, where caring for something small can change the way you see something much bigger, and where even Maya, our cow has a say..(pssst\u2026in everything if you let her!)<\/p>\n<p>          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/IMG_0552.jpeg\" alt=\"Symfiny farm life\" loading=\"lazy\" title=\"About Us\"><br \/>\n          Even Maya gets a vote.<br \/>\n  <\/section>\n<section id=\"philosophy\">\n          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-5-2026-at-02_52_40-AM.png\" alt=\"Symfiny philosophy\" loading=\"lazy\" title=\"About Us\"><br \/>\n          Water first \u00b7 Always<br \/>\n          OUR PHILOSOPHY<\/p>\n<h2>Care for the water,<br \/>and life will follow.<\/h2>\n<p>At Symfiny, we believe healthy life begins with healthy systems.<\/p>\n<p>That means understanding the water, observing before interfering, creating balance rather than chasing quick fixes, and working with natural processes wherever possible.<\/p>\n<p>This thinking guides everything we do \u2014 how we raise fish, manage our farm, reuse water, grow food, teach children and design our learning experiences.<\/p>\n<p>We see fishkeeping as more than a hobby. It is a simple, powerful way to understand responsibility, interdependence, patience and the value of water itself.<\/p>\n<p>For us, sustainability is not a separate idea. It is part of how we live: use thoughtfully, waste less, return what we can, and leave enough for what comes next.<\/p>\n<p>            WaterBalanceNatureCare<br \/>\n  <\/section>\n<section id=\"vision\">\n          OUR VISION<\/p>\n<h2>Build an integrated aquatic ecosystem where life, learning &#038; wellbeing come together.<\/h2>\n<p>To build an integrated aquatic ecosystem where fish, water, education, enterprise and wellbeing come together.<\/p>\n<p>Our vision is to develop products, experiences and learning platforms that serve homes, schools, young entrepreneurs and communities, while promoting better fishkeeping, greater water awareness and more thoughtful interaction with living systems.<\/p>\n<p>          THE SYMFINY WAY<i><\/i><small>observe \u00b7 understand \u00b7 care<\/small><br \/>\n            THE CENTRE<br \/>\n            <strong>WATER<\/strong><br \/>\n            <small>everything connects here<\/small><br \/>\n          <b>01<\/b><strong>FISH<\/strong>life<br \/>\n          <b>03<\/b><strong>LEARN<\/strong>curiosity<br \/>\n          <b>04<\/b><strong>BUILD<\/strong>opportunity<br \/>\n          <b>05<\/b><strong>WELLBEING<\/strong>calm<br \/>\n          <b>02<\/b><strong>SPACES<\/strong>habitat<br \/>\n          FISH \u00b7 WATER \u00b7 EDUCATION \u00b7 ENTERPRISE \u00b7 WELLBEING<\/p>\n<article>01<\/p>\n<h3>Fish<\/h3>\n<p>Responsible ornamental fish breeding and aquatic care.<\/p>\n<p>\u2197<\/article>\n<article>02<\/p>\n<h3>Spaces<\/h3>\n<p>Aquascaping and living aquatic spaces.<\/p>\n<p>\u2197<\/article>\n<article>03<\/p>\n<h3>Learn<\/h3>\n<p>Water and nature education for children.<\/p>\n<p>\u2197<\/article>\n<article>04<\/p>\n<h3>Build<\/h3>\n<p>Aquapreneurship and livelihood opportunities.<\/p>\n<p>\u2197<\/article>\n<article>05<\/p>\n<h3>Wellbeing<\/h3>\n<p>Aquariums for calm, wellbeing and therapeutic environments.<\/p>\n<p>\u2197<\/article>\n<p>        OUR CENTRAL BELIEF<br \/>\n        <strong>When people connect more deeply with aquatic life, they begin to understand water differently \u2014 and care for it differently too.<\/strong><br \/>\n  <\/section>\n<section id=\"story\">\n      OUR STORY \u00b7 BEFORE SYMFINY HAD A NAME<\/p>\n<h2>Before Symfiny had a name, this was home.<\/h2>\n<p>Long before Symfiny had a name, there was simply the way our family lived: close to water, close to the land, and with enough room to stay curious. Dad found his rhythm in the sea, diving for years; Mum found hers in music, always listening for pattern, harmony and feeling. We grew up somewhere between those two worlds. Looking back, Symfiny feels less like an idea we invented and more like a place we were always heading toward.<\/p>\n<aside aria-label=\"Scenes from the farm\">\n<figure>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-13-2026-at-01_53_57-AM.png\" alt=\"Life around the farm\" loading=\"lazy\" title=\"About Us\"><figcaption>Life around the farm<\/figcaption><\/figure>\n<figure>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/DJI_20001230161835_0045_D-scaled.jpg\" alt=\"The farm and its plants\" loading=\"lazy\" title=\"About Us\"><figcaption>The farm kept teaching us<\/figcaption><\/figure>\n<\/aside>\n<p>          THE BEGINNING<i><\/i><small>soil \u00b7 water \u00b7 family<\/small><\/p>\n<p>We grew up with our feet in the soil, wind in our faces and rain being a perfectly good reason to run outside. We have swum in rivers, climbed trees, watched stars, grown food, eaten things straight from the land and spent a lot of time around animals. Probably more time than some of the animals wanted.<\/p>\n<p>Farm life has never really felt unusual to us. It is just home.<\/p>\n<p>We grow what we can, eat from the land, cook simply, compost, reuse things and try to waste as little as possible. We collect water, recycle it where we can and avoid harsh chemicals on the farm.<\/p>\n<p>We also work closely with people from the villages around us, who have taught us a lot about the land, the seasons and doing things simply.<\/p>\n<p>Symfiny, though, was not part of some big plan. Our family was looking for something we could build here on the farm \u2014 something that would allow us to keep living in the country and make this life sustainable.<\/p>\n<p>Somewhere along the way, we found fishkeeping. Or maybe fishkeeping found us.<\/p>\n<p>It started with a few tanks. As these things apparently do. And then it grew.<\/p>\n<p>There was something about fish that drew us in. They are these strange little butterflies and dragons underwater \u2014 beautiful, curious and full of personality once you actually stop and watch them.<\/p>\n<p>At first, we were fascinated by the fish.<\/p>\n<p>Then we started noticing the water.<\/p>\n<p>          And that changed everything.<\/p>\n<aside aria-label=\"More scenes from the farm\">\n<figure>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-13-2026-at-01_40_02-AM.png\" alt=\"Curiosity becomes a way of life\" loading=\"lazy\" title=\"About Us\"><figcaption>Curiosity becomes a way of life<\/figcaption><\/figure>\n<figure>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/IMG_20250509_172422-scaled.jpg\" alt=\"Water, animals and seasons\" loading=\"lazy\" title=\"About Us\"><figcaption>Water \u00b7 animals \u00b7 seasons<\/figcaption><\/figure>\n<\/aside>\n<p>      <!-- The four newly supplied photographs frame the normal story paragraphs.\n           Text stays in a wide readable column; images never squeeze it into tiny lines. --><\/p>\n<figure>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/DJI_20001225171834_0834_D-scaled.jpg\" alt=\"A small creature on the farm\" loading=\"lazy\" title=\"About Us\"><br \/>\n          <\/figure>\n<figure>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-5-2026-at-02_55_54-AM-1.png\" alt=\"Life and curiosity around the farm\" loading=\"lazy\" title=\"About Us\"><br \/>\n          <\/figure>\n<p>When you keep fish, water stops being something that simply comes from a tap. You begin to see it. You notice how it changes, what lives inside it, what keeps it healthy and how quickly life responds when something goes wrong.<\/p>\n<p>Water can be gentle enough to hold a tiny fry and powerful enough to carve its way through rock. It carries, nourishes, cleans, connects and somehow always finds a way. And almost everything alive depends on it.<\/p>\n<p>We have always loved water. We could honestly spend most of the day in a river and have very few complaints.<\/p>\n<p>But fishkeeping made us respect water in a completely different way.<\/p>\n<p>It taught us to notice more. To care more. To wait. And sometimes, most importantly, to stop touching things and give nature a chance to sort itself out.<\/p>\n<p>The more we learnt about fish and water, the more we began seeing the same lessons everywhere else \u2014 in the soil, trees, ponds, animals, rain and changing seasons.<\/p>\n<p>That is one of the biggest things this farm has taught us. Nature has its own pace. Things grow when they are ready. Water settles. Seasons change. Fish spawn. Trees fruit. And staring at them impatiently does not seem to speed any of it up.<\/p>\n<p>So we try to let nature guide the way things are done here. We do not believe much in rushing, quick fixes or forcing things just because we want an answer today. Healthy soil takes time. Healthy water takes time. Healthy living systems take time too.<\/p>\n<figure>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/DJI_20001227163538_0980_D-mp4-image.jpg\" alt=\"The brothers working with the farm water system\" loading=\"lazy\" title=\"About Us\"><br \/>\n          <\/figure>\n<figure>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/DJI_20001016171715_0272_D-mp4-image.jpg\" alt=\"A mango tree growing on the farm\" loading=\"lazy\" title=\"About Us\"><br \/>\n          <\/figure>\n<\/section>\n<section>\n          A MOMENT FROM THE FARM<\/p>\n<h2>Watch the water move.<\/h2>\n<p>Sometimes the best way to understand a living system is simply to slow down and watch what is happening inside it.<\/p>\n<p>        <video autoplay muted loop playsinline preload=\"metadata\"><source src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/DJI_20001228175353_0027_D.mp4\" type=\"video\/mp4\"><\/video><br \/>\n        Water in motion \u00b7 a moment from the farm<br \/>\n  <\/section>\n<p>  <!-- Hand video is deliberately separated from the duckweed video by the story and water transition. --><\/p>\n<section>\n          NOTICE MORE \u00b7 RUSH LESS<\/p>\n<h2>Water changes<br \/>everything.<\/h2>\n<p>Fishkeeping made us notice the water. These small moments are part of that story.<\/p>\n<p>        <video autoplay muted loop playsinline preload=\"metadata\"><source src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/DJI_20001227165859_0995_D.mp4\" type=\"video\/mp4\"><\/video><br \/>\n        Hands in the water \u00b7 eyes on the system<br \/>\n  <\/section>\n<section style=\"background:#102f2b\">\n          FISHKEEPING \u2192 WATERKEEPING<\/p>\n<h2>The rhythm<br \/>of a living system.<\/h2>\n<p>Water settles. Plants grow. Tiny ecosystems shift. Sometimes the best thing we can do is watch.<\/p>\n<p>        <video autoplay muted loop playsinline preload=\"metadata\"><source src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/DJI_20001225170313_0805_D.mp4\" type=\"video\/mp4\"><\/video><br \/>\n        Duckweed \u00b7 movement \u00b7 balance<br \/>\n  <\/section>\n<section id=\"bros\">\n      WATER BROS \u00b7 ASHER + AIDAN<br \/>\n      <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/Untitled-design-7.png\" alt=\"Water Bros\" loading=\"lazy\" title=\"About Us\"><\/p>\n<h2>Meet the Water Bros.<\/h2>\n<p>Two brothers. A fish farm. A slightly ambitious dream. And a comic-book way of telling the story of why water matters.<\/p>\n<p>        <button id=\"sfEnterBros\" type=\"button\">ENTER THE WATER BROS WORLD \u2192<\/button><br \/>\n        <a href=\"#farm\">OUR FISH FARM \u2192<\/a><br \/>\n  <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/6.png\" alt=\"Asher and Aidan, the Water Bros\" title=\"About Us\"><br \/>\n  <\/section>\n<section id=\"sfComic\">\n          THE WATER BROS<\/p>\n<h2>Origin story.<\/h2>\n<p>          <button id=\"sfSound\" type=\"button\">\u25cf SOUND ON<\/button><br \/>\n          <button id=\"sfCloseComic\" type=\"button\">CLOSE \u00d7<\/button><\/p>\n<article>\n        01 \u00b7 A BETTA WAY TO LIVE<\/p>\n<h3>A Betta Way to Live<\/h3>\n<p>          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/7.png\" alt=\"Asher\" loading=\"lazy\" title=\"About Us\"><strong>ASHER<\/strong>\u201cOur parents always believed there had to be a betta way to live \u2014 pun intended.\u201d<br \/>\n          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/1.png\" alt=\"Aidan\" loading=\"lazy\" title=\"About Us\"><strong>AIDAN<\/strong>\u201cLess rushing. More outside. More muddy feet.\u201d<br \/>\n      <\/article>\n<article>\n        02 \u00b7 SOMEWHERE BETWEEN MUSIC AND WATER<\/p>\n<h3>Somewhere Between Music and Water<\/h3>\n<p>          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/1.png\" alt=\"Aidan\" loading=\"lazy\" title=\"About Us\"><strong>AIDAN<\/strong>\u201cDad spent years diving in the sea. Mum is a musician.\u201d<br \/>\n          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/7.png\" alt=\"Asher\" loading=\"lazy\" title=\"About Us\"><strong>ASHER<\/strong>\u201cSo Symfiny was probably always going to happen somewhere between music and water.\u201d<br \/>\n      <\/article>\n<article>\n        03 \u00b7 THIS WAS JUST HOME<\/p>\n<h3>This Was Just Home<\/h3>\n<p>          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/7.png\" alt=\"Asher\" loading=\"lazy\" title=\"About Us\"><strong>ASHER<\/strong>\u201cWe grew up around ponds, trees, animals, rain, soil and food from the land.\u201d<br \/>\n          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/1.png\" alt=\"Aidan\" loading=\"lazy\" title=\"About Us\"><strong>AIDAN<\/strong>\u201cFarm life never felt unusual to us. It was just home.\u201d<br \/>\n      <\/article>\n<article>\n        04 \u00b7 THEN FISH HAPPENED<\/p>\n<h3>Then Fish Happened<\/h3>\n<p>          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/7.png\" alt=\"Asher\" loading=\"lazy\" title=\"About Us\"><strong>ASHER<\/strong>\u201cSymfiny wasn\u2019t really planned. It started with a few tanks.\u201d<br \/>\n          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/1.png\" alt=\"Aidan\" loading=\"lazy\" title=\"About Us\"><strong>AIDAN<\/strong>\u201cAnd then\u2026 it definitely did not stay a few tanks.\u201d<br \/>\n      <\/article>\n<article>\n        05 \u00b7 FISH MADE US NOTICE WATER<\/p>\n<h3>Fish Made Us Notice Water<\/h3>\n<p>          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/7.png\" alt=\"Asher\" loading=\"lazy\" title=\"About Us\"><strong>ASHER<\/strong>\u201cAt first, we were fascinated by the fish.\u201d<br \/>\n          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/1.png\" alt=\"Aidan\" loading=\"lazy\" title=\"About Us\"><strong>AIDAN<\/strong>\u201cThen we started noticing the water.\u201d<br \/>\n        <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/7.png\" alt=\"Asher\" loading=\"lazy\" title=\"About Us\"><strong>ASHER<\/strong>\u201cAnd that changed everything.\u201d<br \/>\n      <\/article>\n<p>        WATER<\/p>\n<h3>Not just what holds the fish.<br \/>What connects everything.<\/h3>\n<p>THE STORY TURNS<\/p>\n<article>\n        06 \u00b7 WHAT THE FARM TAUGHT US<\/p>\n<h3>What the Farm Taught Us<\/h3>\n<p>          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/7.png\" alt=\"Asher\" loading=\"lazy\" title=\"About Us\"><strong>ASHER<\/strong>\u201cFishkeeping taught us to watch more, rush less and understand how everything is connected.\u201d<br \/>\n          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/1.png\" alt=\"Aidan\" loading=\"lazy\" title=\"About Us\"><strong>AIDAN<\/strong>\u201cWater settles. Trees grow. Fish spawn. Nature has its own pace.\u201d<br \/>\n      <\/article>\n<article>\n        07 \u00b7 WHAT SYMFINY BECAME<\/p>\n<h3>What Symfiny Became<\/h3>\n<p>          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/3.png\" alt=\"Asher\" loading=\"lazy\" title=\"About Us\"><strong>ASHER<\/strong>\u201cSomewhere between the fish, ponds, trees, animals and this land, Symfiny became much more than a fish farm.\u201d<br \/>\n          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/8.png\" alt=\"Aidan\" loading=\"lazy\" title=\"About Us\"><strong>AIDAN<\/strong>\u201cWe thought we were learning how to keep fish.\u201d<br \/>\n<img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/9.png\" alt=\"Water Bros\" loading=\"lazy\" title=\"About Us\"><strong>TOGETHER<\/strong>\u201cTurns out, they were teaching us how to notice the world.\u201d<br \/>\n      <\/article>\n<\/section>\n<section>\n      <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-13-2026-at-01_49_00-AM.png\" alt=\"One million Waterkeepers\" loading=\"lazy\" title=\"About Us\"><br \/>\n      OUR DREAM<\/p>\n<h2>One million Waterkeepers.<\/h2>\n<p>A million young people who do not just know that water matters \u2014 but actually feel connected to it.<\/p>\n<p>Our dream is to see Waterkeepers everywhere: curious kids, muddy feet, hand-drawn signs and a shared message \u2014 Protect the Blue.<\/p>\n<\/section>\n<section id=\"farm\">\n          OUR FISH FARM<\/p>\n<h2>Fishkeeping<br \/>without the fuss.<\/h2>\n<p>Here at Symfiny, we raise freshwater fish in calm, naturally balanced, low-stress environments. No harsh lighting. No overcrowded tanks. Just good water, space to move, and systems that follow a more natural rhythm.<\/p>\n<p>Most of us is water. Most of our planet is covered by it. Maybe that is why being around water has always felt like coming back to something familiar.<\/p>\n<p>Everything here begins with water \u2014 how it moves, how we care for it, and how it moves through the rest of the farm. We try to build systems that are simple, thoughtful and efficient, working with natural balance rather than constantly trying to control it.<\/p>\n<p>For us, sustainability is not only about using less. It is about noticing more, wasting less, reusing what we can, and creating conditions that can support life well over time. From our fish tanks and ponds to the plants, soil and wider farm, each part is connected to the next.<\/p>\n<p>This is not industrial fishkeeping. It is a slower, hands-on way of raising and caring for life \u2014 with patience, responsibility and respect.<\/p>\n<p>          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-5-2026-at-02_54_39-AM.png\" alt=\"Symfiny fish farm\" loading=\"lazy\" title=\"About Us\"><br \/>\n  <\/section>\n<section>\n        THE ETHICAL FISHKEEPING GUIDE<\/p>\n<h2>Good care starts with good principles.<\/h2>\n<p>Our fishkeeping is guided by a few clear principles that shape the way we farm, teach and care for life.<\/p>\n<article>01 \u00b7 WATER FIRST<\/p>\n<h3>Healthy fish begin with healthy water.<\/h3>\n<p>Water quality is the foundation of everything we do.<\/p>\n<\/article>\n<article>02 \u00b7 WORK WITH NATURE<\/p>\n<h3>Support natural balance.<\/h3>\n<p>We support natural balance wherever possible, rather than depending on constant intervention.<\/p>\n<\/article>\n<article>03 \u00b7 OBSERVE BEFORE ACTING<\/p>\n<h3>Learn to notice the signals.<\/h3>\n<p>Fish and water are always giving signals. Good care begins by learning to notice them.<\/p>\n<\/article>\n<article>04 \u00b7 RESPECT THE SPECIES<\/p>\n<h3>Every fish has its own nature.<\/h3>\n<p>Ethical fishkeeping means understanding those needs and caring for each species accordingly.<\/p>\n<\/article>\n<article>05 \u00b7 BALANCE OVER CONTROL<\/p>\n<h3>Stability beats quick fixes.<\/h3>\n<p>We value stability, patience and long-term health over quick fixes or unnecessary manipulation.<\/p>\n<\/article>\n<article>06 \u00b7 CARE WITH RESPONSIBILITY<\/p>\n<h3>Fish are living beings.<\/h3>\n<p>Keeping them well means taking that responsibility seriously.<\/p>\n<\/article>\n<article>07 \u00b7 DO NO HARM<\/p>\n<h3>Thoughtful, humane fishkeeping.<\/h3>\n<p>We believe in thoughtful, humane fishkeeping that reduces stress and avoids unnecessary suffering.<\/p>\n<\/article>\n<\/section>\n<section id=\"fish\">\n        MEET OUR FISH<\/p>\n<h2>More than beautiful fish.<\/h2>\n<p>At Symfiny, we work with a carefully chosen range of freshwater ornamental species \u2014 each with its own personality, pace and place in the aquatic world.<\/p>\n<p>Some are bold and character-filled. Some are peaceful community fish. Some are tiny ecosystem helpers. Some are simply impossible not to love.<\/p>\n<p>Because good fishkeeping begins with understanding who a fish is, not just what it looks like.<\/p>\n<p>        \ud83e\udde0 Tip: Hover or tap a fish to learn what they eat, how they behave, and who they get along with. Like a matchmaking app\u2026 but for aquariums!<\/p>\n<article tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n          View fish details<br \/>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-14-2026-at-05_16_30-AM-1.png\" alt=\"Oscar\" loading=\"lazy\" title=\"About Us\"><br \/>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-14-2026-at-05_15_14-AM-1.png\" alt=\"Oscar alternate view\" loading=\"lazy\" title=\"About Us\"><br \/>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-14-2026-at-05_17_29-AM.png\" alt=\"Oscar alternate view\" loading=\"lazy\" title=\"About Us\"><br \/>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-13-2026-at-01_36_24-AM.png\" alt=\"Oscar alternate view\" loading=\"lazy\" title=\"About Us\"><br \/>\n            <button type=\"button\" aria-label=\"Previous Oscar photo\">\u2039<\/button><button type=\"button\" aria-label=\"Next Oscar photo\">\u203a<\/button><br \/>\n            01 \u00b7 OSCAROscarA big fish with a bigger personality.<br \/>\n            <small>Scientific<\/small><strong>Astronotus ocellatus<\/strong><small>Temperament<\/small><strong>Intelligent \u00b7 bold \u00b7 interactive<\/strong><small>Adult size<\/small><strong>25\u201335 cm<\/strong><small>Care<\/small><strong>Advanced<\/strong><small>Water<\/small><strong>24\u201328\u00b0C \u00b7 pH 6.5\u20137.5<\/strong><small>Compatibility<\/small><strong>Solo \/ suitable large cichlids<\/strong><br \/>\n            Symfiny note: Oscars are not decoration. They are highly aware, highly responsive fish that deserve space, stability and respect.<br \/>\n        <\/article>\n<article tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n          View fish details<br \/>\n            02 \u00b7 SEVERUMSeverumGentle giants with thoughtful energy.<br \/>\n            <small>Scientific<\/small><strong>Heros species<\/strong><small>Temperament<\/small><strong>Peaceful \u00b7 observant \u00b7 steady<\/strong><small>Adult size<\/small><strong>20\u201325 cm<\/strong><small>Care<\/small><strong>Intermediate<\/strong><small>Water<\/small><strong>24\u201328\u00b0C \u00b7 pH 6.0\u20137.5<\/strong><small>Compatibility<\/small><strong>Calm, similarly sized fish<\/strong><br \/>\n            Symfiny note: Severums reward quiet care. They do best in balanced spaces where they are not constantly stressed or crowded.<br \/>\n        <\/article>\n<article tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n          View fish details<br \/>\n          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-14-2026-at-05_21_09-AM.png\" alt=\"Polar Parrot\" loading=\"lazy\" title=\"About Us\"><br \/>\n            03 \u00b7 POLAR PARROTPolar ParrotSmall, quirky and full of attitude.<br \/>\n            <small>Scientific<\/small><strong>Hybrid cichlid<\/strong><small>Temperament<\/small><strong>Curious \u00b7 spirited \u00b7 character-rich<\/strong><small>Adult size<\/small><strong>10\u201315 cm<\/strong><small>Care<\/small><strong>Intermediate<\/strong><small>Water<\/small><strong>24\u201328\u00b0C \u00b7 pH 6.5\u20137.5<\/strong><small>Compatibility<\/small><strong>Similar peaceful to semi-aggressive fish<\/strong><br \/>\n            Symfiny note: Polar parrots may be small, but they still need thoughtful care, good space and compatible company.<br \/>\n        <\/article>\n<article tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n          View fish details<br \/>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-14-2026-at-05_07_37-AM.png\" alt=\"Rainbowfish\" loading=\"lazy\" title=\"About Us\"><br \/>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-14-2026-at-05_10_09-AM.png\" alt=\"Rainbowfish alternate view\" loading=\"lazy\" title=\"About Us\"><br \/>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-14-2026-at-05_04_07-AM-1.png\" alt=\"Rainbowfish alternate view\" loading=\"lazy\" title=\"About Us\"><br \/>\n            <button type=\"button\" aria-label=\"Previous Rainbowfish photo\">\u2039<\/button><button type=\"button\" aria-label=\"Next Rainbowfish photo\">\u203a<\/button><br \/>\n            04 \u00b7 RAINBOWFISHRainbowfishLight, movement and constant joy.<br \/>\n            <small>Scientific<\/small><strong>Melanotaenia and related species<\/strong><small>Temperament<\/small><strong>Active \u00b7 social \u00b7 lively<\/strong><small>Adult size<\/small><strong>6\u201312 cm<\/strong><small>Care<\/small><strong>Beginner\u2013Intermediate<\/strong><small>Water<\/small><strong>24\u201328\u00b0C \u00b7 pH 6.8\u20137.8<\/strong><small>Compatibility<\/small><strong>Peaceful community tanks; groups<\/strong><br \/>\n            Symfiny note: Rainbowfish are at their best when they have space to move, companions to shoal with, and water that is clean and well cared for.<br \/>\n        <\/article>\n<article tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n          View fish details<br \/>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-at-05_13_52-AM.png\" alt=\"Guppy\" loading=\"lazy\" title=\"About Us\"><br \/>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/DJI_20010102110037_0089_D_Symfiny_graded.jpg\" alt=\"Guppy alternate view\" loading=\"lazy\" title=\"About Us\"><br \/>\n            <button type=\"button\" aria-label=\"Previous Guppy photo\">\u2039<\/button><button type=\"button\" aria-label=\"Next Guppy photo\">\u203a<\/button><br \/>\n            05 \u00b7 GUPPYGuppyTiny, bright and full of life.<br \/>\n            <small>Scientific<\/small><strong>Poecilia reticulata<\/strong><small>Temperament<\/small><strong>Peaceful \u00b7 lively \u00b7 sociable<\/strong><small>Adult size<\/small><strong>3\u20135 cm<\/strong><small>Care<\/small><strong>Beginner<\/strong><small>Water<\/small><strong>22\u201328\u00b0C \u00b7 pH 7.0\u20138.0<\/strong><small>Compatibility<\/small><strong>Peaceful community tanks<\/strong><br \/>\n            Symfiny note: Guppies may be small, but they thrive best when water quality, breeding management and overall care are taken seriously.<br \/>\n        <\/article>\n<article tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n          View fish details<br \/>\n          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-14-2026-at-05_01_05-AM-1.png\" alt=\"Swordtail\" loading=\"lazy\" title=\"About Us\"><br \/>\n            06 \u00b7 SWORDTAILSwordtailConfident, energetic and always on the move.<br \/>\n            <small>Scientific<\/small><strong>Xiphophorus hellerii<\/strong><small>Temperament<\/small><strong>Active \u00b7 confident \u00b7 social<\/strong><small>Adult size<\/small><strong>10\u201312 cm<\/strong><small>Care<\/small><strong>Beginner<\/strong><small>Water<\/small><strong>22\u201328\u00b0C \u00b7 pH 7.0\u20138.2<\/strong><small>Compatibility<\/small><strong>Peaceful community fish; males may spar<\/strong><br \/>\n            Symfiny note: Swordtails do best with space, clean water and the right group dynamics.<br \/>\n        <\/article>\n<article tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n          View fish details<br \/>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-14-2026-at-05_01_57-AM.png\" alt=\"Molly\" loading=\"lazy\" title=\"About Us\"><br \/>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-at-04_42_13-AM.png\" alt=\"Molly alternate view\" loading=\"lazy\" title=\"About Us\"><br \/>\n            <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-at-04_49_32-AM.png\" alt=\"Molly alternate view\" loading=\"lazy\" title=\"About Us\"><br \/>\n            <button type=\"button\" aria-label=\"Previous Molly photo\">\u2039<\/button><button type=\"button\" aria-label=\"Next Molly photo\">\u203a<\/button><br \/>\n            07 \u00b7 MOLLYMollyFriendly fish with strong, steady charm.<br \/>\n            <small>Scientific<\/small><strong>Poecilia sphenops and related varieties<\/strong><small>Temperament<\/small><strong>Social \u00b7 active \u00b7 adaptable<\/strong><small>Adult size<\/small><strong>6\u201310 cm<\/strong><small>Care<\/small><strong>Beginner\u2013Intermediate<\/strong><small>Water<\/small><strong>24\u201328\u00b0C \u00b7 pH 7.2\u20138.2<\/strong><small>Compatibility<\/small><strong>Peaceful community tanks<\/strong><br \/>\n            Symfiny note: Mollies are often called easy, but they do best when their water chemistry is properly understood.<br \/>\n        <\/article>\n<article tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n          View fish details<br \/>\n          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-14-2026-at-04_59_33-AM.png\" alt=\"Platy\" loading=\"lazy\" title=\"About Us\"><br \/>\n            08 \u00b7 PLATYPlatyEasygoing, cheerful and community-friendly.<br \/>\n            <small>Scientific<\/small><strong>Xiphophorus maculatus<\/strong><small>Temperament<\/small><strong>Peaceful \u00b7 easygoing \u00b7 friendly<\/strong><small>Adult size<\/small><strong>5\u20137 cm<\/strong><small>Care<\/small><strong>Beginner<\/strong><small>Water<\/small><strong>22\u201327\u00b0C \u00b7 pH 7.0\u20138.0<\/strong><small>Compatibility<\/small><strong>Peaceful community tanks<\/strong><br \/>\n            Symfiny note: Platies are a reminder that small, simple fish can still bring a lot of life and joy to a tank.<br \/>\n        <\/article>\n<article tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n          View fish details<br \/>\n          <img decoding=\"async\" src=\"https:\/\/duoocanvas.com\/symfiny\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-at-05_02_52-AM.png\" alt=\"Betta\" loading=\"lazy\" title=\"About Us\"><br \/>\n            09 \u00b7 BETTABettaElegant, curious and full of character.<br \/>\n            <small>Scientific<\/small><strong>Betta splendens<\/strong><small>Temperament<\/small><strong>Territorial \u00b7 curious \u00b7 expressive<\/strong><small>Adult size<\/small><strong>5\u20137 cm<\/strong><small>Care<\/small><strong>Beginner\u2013Intermediate<\/strong><small>Water<\/small><strong>24\u201330\u00b0C \u00b7 pH 6.0\u20138.0<\/strong><small>Compatibility<\/small><strong>Best housed thoughtfully; males are usually solitary<\/strong><br \/>\n            Symfiny note: Bettas may be small, but they are highly individual fish. Calm water, appropriate space and thoughtful tankmates matter.<br \/>\n        <\/article>\n<article tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n          View fish details<br \/>\n            10 \u00b7 FRESHWATER SHRIMPShrimpTiny workers with surprising elegance.<br \/>\n            <small>Scientific<\/small><strong>Various ornamental species<\/strong><small>Temperament<\/small><strong>Peaceful \u00b7 delicate \u00b7 industrious<\/strong><small>Adult size<\/small><strong>2\u20134 cm<\/strong><small>Care<\/small><strong>Intermediate<\/strong><small>Water<\/small><strong>20\u201326\u00b0C \u00b7 pH 6.5\u20137.5<\/strong><small>Compatibility<\/small><strong>Peaceful tankmates; avoid predators<\/strong><br \/>\n            Symfiny note: Shrimp thrive in mature, stable tanks where they can graze, hide and feel safe.<br \/>\n        <\/article>\n<article tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\n          View fish details<br \/>\n            11 \u00b7 SNAILSSnailsThe quiet helpers of the aquarium.<br \/>\n            <small>Scientific<\/small><strong>Ornamental freshwater snails<\/strong><small>Temperament<\/small><strong>Peaceful \u00b7 slow \u00b7 helpful<\/strong><small>Adult size<\/small><strong>Varies by species<\/strong><small>Care<\/small><strong>Beginner<\/strong><small>Water<\/small><strong>22\u201328\u00b0C \u00b7 pH 7.0\u20138.0<\/strong><small>Compatibility<\/small><strong>Peaceful fish; avoid snail-eaters<\/strong><br \/>\n            Symfiny note: Snails are part of the ecosystem, not an afterthought. In the right setup, they are both helpful and deeply interesting.<br \/>\n        <\/article>\n<\/section>\n<footer>\n      THE SYMFINY WAY<\/p>\n<h2>Slow hands.<br \/>Healthy systems.<\/h2>\n<p>We will keep clicking more pictures and filming more of the life here. Because the best way to understand a fish is to spend enough time watching it.<\/p>\n<p>Good fishkeeping begins with understanding who a fish is, not just what it looks like.<\/p>\n<p>      <a href=\"#sfTop\">FIND YOUR CONNECTION \u2191<\/a><br \/>\n  <\/footer>\n<p>n<\/p>\n<style>n\/* ==========================================================n   SYMFINY \u2014 STORY + WATER BROS EXPERIENCE PASSn   ========================================================== *\/nn\/* Readability: explicitly map type to the surface it sits on. *\/n#symfiny-about .sf-story p,n#symfiny-about .sf-story-lead{color:rgba(16,47,43,.82)!important;text-shadow:none!important}n#symfiny-about .sf-story .sf-eyebrow{color:#8f6f3f!important}n#symfiny-about .sf-story-title{color:#102f2b!important}n#symfiny-about .sf-story-title span{color:#174c45!important}n#symfiny-about .sf-meaning .sf-copy,n#symfiny-about .sf-meaning .sf-meaning-copy,n#symfiny-about .sf-farm p,n#symfiny-about .sf-fish-intro{color:rgba(16,47,43,.80)!important}n#symfiny-about .sf-philosophy-copy p,n#symfiny-about .sf-video-intro p,n#symfiny-about .sf-bros-intro p,n#symfiny-about .sf-dream p{color:rgba(244,241,232,.84)!important}n#symfiny-about .sf-nav a{color:rgba(244,241,232,.88)!important}nn\/* Story is now a proper editorial layout: long-form copy + visual rail.n   The images no longer interrupt the reading flow as random full-width blocks. *\/n#symfiny-about .sf-story-layout{n  display:grid;n  grid-template-columns:minmax(0,1fr) 300px;n  gap:76px;n  align-items:start;n  margin-top:15px;n}n#symfiny-about .sf-story-copy{max-width:none!important;margin:0!important;padding-bottom:30px!important}n#symfiny-about .sf-story-aside{n  position:sticky;top:108px;n  display:flex;flex-direction:column;gap:18px;n}n#symfiny-about .sf-story-side-card{n  position:relative;margin:0;overflow:hidden;border-radius:22px;n  background:#e5e0d4;border:1px solid rgba(16,47,43,.10);n  box-shadow:0 22px 55px rgba(16,47,43,.13);n  transform:rotate(-1.1deg);n}n#symfiny-about .sf-story-side-card:nth-child(2){transform:rotate(1deg);margin-left:14px}n#symfiny-about .sf-story-side-card img{n  display:block;width:100%;height:255px;object-fit:cover;n  transition:transform .8s cubic-bezier(.2,.8,.2,1);n}n#symfiny-about .sf-story-side-card:hover img{transform:scale(1.045)}n#symfiny-about .sf-story-side-card:after{n  content:\"\";position:absolute;inset:0;pointer-events:none;n  background:linear-gradient(180deg,transparent 42%,rgba(7,29,27,.70) 100%);n}n#symfiny-about .sf-story-side-card figcaption{n  position:absolute;z-index:2;left:15px;right:15px;bottom:14px;n  display:flex;flex-direction:column;gap:2px;color:#fffdf5;n}n#symfiny-about .sf-story-side-card figcaption span{font-size:8px;letter-spacing:.18em;color:#d2b47d;font-weight:800}n#symfiny-about .sf-story-side-card figcaption strong{font-family:var(--serif);font-size:20px;line-height:1.05;font-weight:500}n#symfiny-about .sf-story-side-card figcaption small{font-size:8px;letter-spacing:.10em;text-transform:uppercase;color:rgba(255,253,245,.68)}nn\/* Existing large story photos remain useful, but become quieter visual pauses. *\/n#symfiny-about .sf-story-copy .sf-story-photo{n  margin:54px 0!important;border-radius:22px!important;n  box-shadow:0 20px 55px rgba(16,47,43,.12)!important;n}n#symfiny-about .sf-story-copy .sf-story-photo img{height:430px!important}nn\/* Water Bros: one shared portrait instead of two isolated figures. *\/n#symfiny-about .sf-bros-together{n  height:345px!important;margin:46px auto 0!important;n  position:relative!important;overflow:visible!important;n}n#symfiny-about .sf-bros-together:before{n  content:\"\";position:absolute;left:50%;bottom:18px;n  width:430px;height:72px;transform:translateX(-50%);n  border-radius:50%;n  background:radial-gradient(ellipse,rgba(141,185,180,.28),transparent 68%);n  filter:blur(6px);n  animation:sfBrosGround 4.8s ease-in-out infinite;n}n#symfiny-about .sf-bro-together{n  position:absolute!important;z-index:4;left:50%;bottom:5px;n  width:min(470px,72vw)!important;height:330px!important;n  object-fit:contain!important;n  transform:translateX(-50%);n  filter:drop-shadow(0 22px 26px rgba(0,0,0,.30));n  animation:sfBrosTogetherFloat 5.2s cubic-bezier(.37,.01,.2,1) infinite;n  transform-origin:center bottom;n}n#symfiny-about .sf-bros-ripple{n  position:absolute;left:50%;bottom:25px;z-index:1;n  width:330px;height:76px;transform:translateX(-50%) scale(.75);n  border:1px solid rgba(141,185,180,.34);border-radius:50%;n  opacity:0;animation:sfBrosRipple 4.8s ease-out infinite;n}n#symfiny-about .sf-bros-ripple.ripple-b{animation-delay:1.55s;width:400px}n#symfiny-about .sf-bros-ripple.ripple-c{animation-delay:3.1s;width:470px}n#symfiny-about .sf-bros-orbit-dot{n  position:absolute;z-index:5;left:calc(50% + 205px);top:55px;n  width:7px;height:7px;border-radius:50%;background:#b99a63;n  box-shadow:0 0 0 5px rgba(185,154,99,.08),0 0 24px rgba(185,154,99,.35);n  animation:sfBrosDot 7s linear infinite;n}n@keyframes sfBrosTogetherFloat{n  0%,100%{transform:translateX(-50%) translateY(0) rotate(-.35deg) scale(1)}n  50%{transform:translateX(-50%) translateY(-10px) rotate(.35deg) scale(1.012)}n}n@keyframes sfBrosGround{n  0%,100%{transform:translateX(-50%) scaleX(.92);opacity:.45}n  50%{transform:translateX(-50%) scaleX(1.04);opacity:.75}n}n@keyframes sfBrosRipple{n  0%{transform:translateX(-50%) scale(.62);opacity:0}n  18%{opacity:.45}n  100%{transform:translateX(-50%) scale(1.08);opacity:0}n}n@keyframes sfBrosDot{n  from{transform:rotate(0deg) translateX(34px) rotate(0deg)}n  to{transform:rotate(360deg) translateX(34px) rotate(-360deg)}n}nn\/* Make the Water Bros reveal feel like a destination, not a button dump. *\/n#symfiny-about .sf-bros-intro{n  position:relative;overflow:hidden;n  background:radial-gradient(circle at 50% 48%,rgba(141,185,180,.14),transparent 26%),radial-gradient(circle at 50% 0%,#285e55 0,#102f2b 44%,#071d1b 100%)!important;n}n#symfiny-about .sf-bros-intro:after{n  content:\"WATER BROS\";position:absolute;z-index:0;n  left:50%;top:44%;transform:translate(-50%,-50%);n  font-family:var(--serif);font-size:clamp(90px,17vw,230px);n  white-space:nowrap;letter-spacing:-.08em;color:rgba(244,241,232,.025);n  pointer-events:none;n}n#symfiny-about .sf-bros-intro .sf-container{position:relative;z-index:2}nn\/* Story responsiveness *\/n@media(max-width:900px){n  #symfiny-about .sf-story-layout{grid-template-columns:1fr;gap:35px}n  #symfiny-about .sf-story-aside{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}n  #symfiny-about .sf-story-side-card:nth-child(2){margin-left:0}n  #symfiny-about .sf-story-side-card img{height:220px}n}n@media(max-width:600px){n  #symfiny-about .sf-story-aside{grid-template-columns:1fr}n  #symfiny-about .sf-story-side-card img{height:280px}n  #symfiny-about .sf-bros-together{height:260px!important;margin-top:30px!important}n  #symfiny-about .sf-bro-together{height:250px!important;width:min(360px,92vw)!important}n  #symfiny-about .sf-bros-together:before{width:290px}n  #symfiny-about .sf-bros-ripple{width:250px;height:55px}n  #symfiny-about .sf-bros-ripple.ripple-b{width:300px}n  #symfiny-about .sf-bros-ripple.ripple-c{width:350px}n  #symfiny-about .sf-bros-orbit-dot{display:none}n}n@media(prefers-reduced-motion:reduce){n  #symfiny-about .sf-bro-together,#symfiny-about .sf-bros-ripple,#symfiny-about .sf-bros-together:before,#symfiny-about .sf-bros-orbit-dot{animation:none!important}n}n<\/style>\n<p>n<\/p>\n<style>\n\/* ==========================================================\n   SYMFINY V4 \u2014 ACTUAL LIVE-PAGE FIX\n   Contrast + story composition + image positioning + hierarchy\n   This layer intentionally overrides earlier experimental passes.\n   ========================================================== *\/\n#symfiny-about{\n  --sf-ink:#102f2b;\n  --sf-deep:#071d1b;\n  --sf-green:#174c45;\n  --sf-mist:#8db9b4;\n  --sf-cream:#f4f1e8;\n  --sf-gold:#b99a63;\n}\n\/* ---------- UNIVERSAL CONTRAST RESET ---------- *\/\n#symfiny-about .sf-story,\n#symfiny-about .sf-meaning,\n#symfiny-about .sf-farm,\n#symfiny-about .sf-fish,\n#symfiny-about .sf-ethics{color:var(--sf-ink)!important}\n#symfiny-about .sf-story h1,\n#symfiny-about .sf-story h2,\n#symfiny-about .sf-story h3,\n#symfiny-about .sf-story h4,\n#symfiny-about .sf-story p,\n#symfiny-about .sf-story li,\n#symfiny-about .sf-story-copy,\n#symfiny-about .sf-story-copy *:not(.sf-story-side-card *),\n#symfiny-about .sf-meaning h1,\n#symfiny-about .sf-meaning h2,\n#symfiny-about .sf-meaning h3,\n#symfiny-about .sf-farm h1,\n#symfiny-about .sf-farm h2,\n#symfiny-about .sf-farm h3,\n#symfiny-about .sf-farm p,\n#symfiny-about .sf-fish h1,\n#symfiny-about .sf-fish h2,\n#symfiny-about .sf-fish h3,\n#symfiny-about .sf-fish p,\n#symfiny-about .sf-ethics h1,\n#symfiny-about .sf-ethics h2,\n#symfiny-about .sf-ethics h3,\n#symfiny-about .sf-ethics p{\n  text-shadow:none!important;\n}\n#symfiny-about .sf-story-copy p{\n  color:rgba(16,47,43,.86)!important;\n  opacity:1!important;\n  font-size:16px!important;\n  line-height:1.95!important;\n}\n#symfiny-about .sf-story-lead{\n  color:rgba(16,47,43,.82)!important;\n  opacity:1!important;\n}\n#symfiny-about .sf-story-title{color:#102f2b!important}\n#symfiny-about .sf-story-title span{color:#174c45!important}\n#symfiny-about .sf-story .sf-eyebrow{color:#8c6b3c!important}\n#symfiny-about .sf-story-quote{color:#174c45!important}\n\/* Dark sections: every meaningful text element gets an explicit light value. *\/\n#symfiny-about .sf-philosophy,\n#symfiny-about .sf-vision,\n#symfiny-about .sf-story-video-section,\n#symfiny-about .sf-water-turn,\n#symfiny-about .sf-bros-intro,\n#symfiny-about .sf-dream,\n#symfiny-about .sf-footer{\n  color:#f4f1e8!important;\n}\n#symfiny-about .sf-philosophy h1,\n#symfiny-about .sf-philosophy h2,\n#symfiny-about .sf-philosophy h3,\n#symfiny-about .sf-philosophy p,\n#symfiny-about .sf-vision h1,\n#symfiny-about .sf-vision h2,\n#symfiny-about .sf-vision h3,\n#symfiny-about .sf-vision p,\n#symfiny-about .sf-story-video-section h1,\n#symfiny-about .sf-story-video-section h2,\n#symfiny-about .sf-story-video-section h3,\n#symfiny-about .sf-story-video-section p,\n#symfiny-about .sf-bros-intro h1,\n#symfiny-about .sf-bros-intro h2,\n#symfiny-about .sf-bros-intro h3,\n#symfiny-about .sf-bros-intro p,\n#symfiny-about .sf-dream h1,\n#symfiny-about .sf-dream h2,\n#symfiny-about .sf-dream h3,\n#symfiny-about .sf-dream p,\n#symfiny-about .sf-footer h1,\n#symfiny-about .sf-footer h2,\n#symfiny-about .sf-footer h3,\n#symfiny-about .sf-footer p{\n  opacity:1!important;\n}\n#symfiny-about .sf-philosophy h2,\n#symfiny-about .sf-vision h2,\n#symfiny-about .sf-story-video-section h2,\n#symfiny-about .sf-bros-intro h2,\n#symfiny-about .sf-dream h2,\n#symfiny-about .sf-footer h2{color:#f4f1e8!important}\n#symfiny-about .sf-philosophy h2 span,\n#symfiny-about .sf-vision h2 span,\n#symfiny-about .sf-dream h2 span,\n#symfiny-about .sf-footer h2 span{color:#8db9b4!important}\n#symfiny-about .sf-philosophy-copy p,\n#symfiny-about .sf-vision-intro,\n#symfiny-about .sf-vision-card p,\n#symfiny-about .sf-vision-belief,\n#symfiny-about .sf-video-intro p,\n#symfiny-about .sf-bros-intro p,\n#symfiny-about .sf-dream p,\n#symfiny-about .sf-footer p{\n  color:rgba(244,241,232,.84)!important;\n}\n\/* ---------- STORY: BALANCED EDITORIAL SPREAD ---------- *\/\n#symfiny-about .sf-story{\n  padding:118px 0 90px!important;\n  background:\n    radial-gradient(circle at 92% 18%,rgba(141,185,180,.10),transparent 23%),\n    #f4f1e8!important;\n}\n#symfiny-about .sf-story-layout{\n  display:grid!important;\n  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;\n  gap:64px!important;\n  align-items:start!important;\n  margin-top:20px!important;\n}\n#symfiny-about .sf-story-copy{\n  min-width:0!important;\n  max-width:720px!important;\n  margin:0!important;\n  padding:0 0 25px!important;\n  color:#102f2b!important;\n}\n#symfiny-about .sf-story-copy p{margin-bottom:24px!important}\n\/* Small editorial marker prevents the copy from feeling like one giant text wall. *\/\n#symfiny-about .sf-story-marker{\n  display:flex!important;\n  align-items:center!important;\n  gap:11px!important;\n  margin:2px 0 30px!important;\n  color:#8c6b3c!important;\n}\n#symfiny-about .sf-story-marker span{\n  font-size:9px!important;\n  letter-spacing:.20em!important;\n  font-weight:800!important;\n}\n#symfiny-about .sf-story-marker i{\n  display:block!important;width:42px!important;height:1px!important;\n  background:#b99a63!important;\n}\n#symfiny-about .sf-story-marker small{\n  font-size:9px!important;\n  letter-spacing:.12em!important;\n  text-transform:uppercase!important;\n  color:rgba(16,47,43,.48)!important;\n}\n\/* The two images become a deliberate little photo composition on the right.\n   They are no longer two giant stacked rectangles. *\/\n#symfiny-about .sf-story-aside{\n  position:relative!important;\n  top:auto!important;\n  min-height:680px!important;\n  display:block!important;\n  align-self:start!important;\n}\n#symfiny-about .sf-story-side-card{\n  position:absolute!important;\n  margin:0!important;\n  overflow:hidden!important;\n  border-radius:20px!important;\n  border:7px solid rgba(244,241,232,.92)!important;\n  outline:1px solid rgba(16,47,43,.10)!important;\n  box-shadow:0 24px 55px rgba(16,47,43,.16)!important;\n  background:#dcd8ca!important;\n  transform:none!important;\n}\n#symfiny-about .sf-story-side-card:first-child{\n  width:78%!important;\n  height:355px!important;\n  top:0!important;\n  right:0!important;\n  z-index:2!important;\n  transform:rotate(1.15deg)!important;\n}\n#symfiny-about .sf-story-side-card:nth-child(2){\n  width:76%!important;\n  height:315px!important;\n  left:0!important;\n  bottom:22px!important;\n  z-index:3!important;\n  transform:rotate(-1.35deg)!important;\n}\n#symfiny-about .sf-story-side-card img{\n  width:100%!important;\n  height:100%!important;\n  object-fit:cover!important;\n  display:block!important;\n  transition:transform .8s cubic-bezier(.2,.8,.2,1)!important;\n}\n#symfiny-about .sf-story-side-card:first-child img{object-position:center 52%!important}\n#symfiny-about .sf-story-side-card:nth-child(2) img{object-position:center 48%!important}\n#symfiny-about .sf-story-side-card:hover img{transform:scale(1.045)!important}\n#symfiny-about .sf-story-side-card:after{\n  background:linear-gradient(180deg,transparent 48%,rgba(7,29,27,.74) 100%)!important;\n}\n#symfiny-about .sf-story-side-card figcaption{\n  left:18px!important;right:18px!important;bottom:16px!important;\n  color:#fffdf5!important;\n}\n#symfiny-about .sf-story-side-card figcaption strong{color:#fffdf5!important}\n#symfiny-about .sf-story-side-card figcaption small{color:rgba(255,253,245,.78)!important}\n\/* Make the large photos inside the story text into horizontal pauses,\n   not enormous vertical blocks. *\/\n#symfiny-about .sf-story-copy .sf-story-photo{\n  margin:58px 0!important;\n  border-radius:20px!important;\n  overflow:hidden!important;\n  box-shadow:0 22px 55px rgba(16,47,43,.14)!important;\n}\n#symfiny-about .sf-story-copy .sf-story-photo img{\n  width:100%!important;\n  height:360px!important;\n  object-fit:cover!important;\n}\n\/* ---------- MEANING \/ FARM \/ FISH LIGHT SURFACES ---------- *\/\n#symfiny-about .sf-meaning .sf-title,\n#symfiny-about .sf-farm h2,\n#symfiny-about .sf-fish h2{color:#102f2b!important}\n#symfiny-about .sf-meaning .sf-title span,\n#symfiny-about .sf-farm h2 span{color:#174c45!important}\n#symfiny-about .sf-meaning-copy,\n#symfiny-about .sf-meaning-copy p,\n#symfiny-about .sf-farm p,\n#symfiny-about .sf-fish-intro{color:rgba(16,47,43,.82)!important}\n#symfiny-about .sf-meaning .sf-eyebrow,\n#symfiny-about .sf-farm .sf-eyebrow,\n#symfiny-about .sf-fish .sf-eyebrow{color:#8c6b3c!important}\n\/* ---------- VISION: KEEP IT LEGIBLE, LESS BUSY ---------- *\/\n#symfiny-about .sf-vision-card h3{color:#f4f1e8!important}\n#symfiny-about .sf-vision-card p{color:rgba(244,241,232,.78)!important}\n#symfiny-about .sf-vision-belief strong{color:#f4f1e8!important}\n#symfiny-about .sf-belief-label{color:#d2b47d!important}\n\/* ---------- ETHICS: LIGHT, READABLE, DISTINCT ---------- *\/\n#symfiny-about .sf-ethics{\n  background:linear-gradient(180deg,#f4f1e8,#e9e5d9)!important;\n  color:#102f2b!important;\n}\n#symfiny-about .sf-ethics h2,\n#symfiny-about .sf-principle h3{color:#102f2b!important}\n#symfiny-about .sf-ethics h2 span{color:#174c45!important}\n#symfiny-about .sf-ethics-intro,\n#symfiny-about .sf-principle p{color:rgba(16,47,43,.76)!important}\n#symfiny-about .sf-principle{background:rgba(255,255,255,.52)!important;border-color:rgba(16,47,43,.12)!important}\n\/* ---------- WATER BROS: CLEANER CHARACTER STAGE ---------- *\/\n#symfiny-about .sf-bros-intro{\n  padding:105px 0 70px!important;\n}\n#symfiny-about .sf-bros-buttons{margin-top:26px!important}\n#symfiny-about .sf-bros-together{\n  height:300px!important;\n  margin:18px auto 0!important;\n}\n#symfiny-about .sf-bro-together{\n  width:min(430px,65vw)!important;\n  height:290px!important;\n  bottom:0!important;\n}\n#symfiny-about .sf-bros-together:before{width:380px!important;height:62px!important}\n#symfiny-about .sf-bros-ripple.ripple-a{width:290px!important}\n#symfiny-about .sf-bros-ripple.ripple-b{width:360px!important}\n#symfiny-about .sf-bros-ripple.ripple-c{width:420px!important}\n\/* ---------- FISH: STOP GIANT TEXT\/IMAGE COLLISIONS ---------- *\/\n#symfiny-about .sf-fish-card{\n  height:530px!important;\n  min-height:530px!important;\n  border-radius:22px!important;\n}\n#symfiny-about .sf-fish-photo{\n  object-fit:cover!important;\n  object-position:center!important;\n}\n#symfiny-about .sf-fish-info{\n  background:rgba(7,31,29,.84)!important;\n  color:#f4f1e8!important;\n}\n#symfiny-about .sf-fish-name{color:#fffdf5!important}\n#symfiny-about .sf-fish-personality{color:rgba(244,241,232,.84)!important}\n#symfiny-about .sf-fish-spec strong{color:#fffdf5!important}\n#symfiny-about .sf-fish-note{color:rgba(244,241,232,.78)!important}\n\/* ---------- BUTTONS ---------- *\/\n#symfiny-about .sf-btn{white-space:nowrap!important}\n#symfiny-about .sf-btn-gold{color:#102f2b!important}\n#symfiny-about .sf-btn-glass{color:#f4f1e8!important}\n\/* ---------- TABLET \/ MOBILE ---------- *\/\n@media(max-width:900px){\n  #symfiny-about .sf-story-layout{\n    grid-template-columns:1fr!important;\n    gap:42px!important;\n  }\n  #symfiny-about .sf-story-aside{\n    min-height:560px!important;\n    max-width:680px!important;\n    width:100%!important;\n    margin:0 auto!important;\n  }\n  #symfiny-about .sf-story-side-card:first-child{\n    width:72%!important;height:310px!important;\n  }\n  #symfiny-about .sf-story-side-card:nth-child(2){\n    width:70%!important;height:280px!important;bottom:0!important;\n  }\n}\n@media(max-width:600px){\n  #symfiny-about .sf-story{padding:88px 0 65px!important}\n  #symfiny-about .sf-story-title{font-size:clamp(44px,13vw,65px)!important}\n  #symfiny-about .sf-story-lead{font-size:15px!important}\n  #symfiny-about .sf-story-layout{gap:30px!important}\n  #symfiny-about .sf-story-aside{min-height:485px!important}\n  #symfiny-about .sf-story-side-card:first-child{width:82%!important;height:275px!important}\n  #symfiny-about .sf-story-side-card:nth-child(2){width:78%!important;height:240px!important}\n  #symfiny-about .sf-story-side-card figcaption strong{font-size:17px!important}\n  #symfiny-about .sf-story-copy .sf-story-photo img{height:300px!important}\n  #symfiny-about .sf-bros-together{height:255px!important}\n  #symfiny-about .sf-bro-together{width:min(360px,92vw)!important;height:245px!important}\n  #symfiny-about .sf-bros-together:before{width:290px!important}\n  #symfiny-about .sf-bros-ripple.ripple-a{width:230px!important}\n  #symfiny-about .sf-bros-ripple.ripple-b{width:290px!important}\n  #symfiny-about .sf-bros-ripple.ripple-c{width:340px!important}\n}\n@media(prefers-reduced-motion:reduce){\n  #symfiny-about .sf-story-side-card img,\n  #symfiny-about .sf-bro-together,\n  #symfiny-about .sf-bros-ripple,\n  #symfiny-about .sf-bros-together:before{animation:none!important;transition:none!important}\n}\n<\/style>\n<style id=\"symfiny-story-two-left-two-right\">\n\/* ===== STORY: 2 PHOTOS LEFT + TEXT CENTRE + 2 PHOTOS RIGHT ===== *\/\n#symfiny-about .sf-story-four-sides{\n  display:grid!important;\n  grid-template-columns:220px minmax(0,680px) 220px!important;\n  column-gap:clamp(30px,5vw,80px)!important;\n  align-items:start!important;\n  width:min(100%,1380px)!important;\n  box-sizing:border-box!important;\n  margin:0 auto!important;\n  padding:35px 24px 110px!important;\n  position:relative!important;\n}\n#symfiny-about .sf-story-four-sides .sf-story-copy{\n  grid-column:2!important; grid-row:1!important;\n  width:100%!important; max-width:680px!important;\n  margin:0 auto!important; position:relative!important; z-index:5!important;\n}\n#symfiny-about .sf-story-four-sides .sf-story-left{\n  grid-column:1!important; grid-row:1!important;\n}\n#symfiny-about .sf-story-four-sides .sf-story-right{\n  grid-column:3!important; grid-row:1!important;\n}\n#symfiny-about .sf-story-side{\n  display:flex!important; flex-direction:column!important;\n  min-height:1100px!important; position:relative!important; z-index:2!important;\n}\n#symfiny-about .sf-story-side-card{\n  position:relative!important; overflow:hidden!important;\n  padding:0!important; margin:0!important;\n  background:#fffdf5!important;\n  border:1px solid rgba(23,63,57,.22)!important;\n  border-radius:15px!important;\n  box-shadow:0 16px 38px rgba(16,47,43,.13)!important;\n}\n#symfiny-about .sf-story-side-card img{\n  display:block!important; width:100%!important; height:100%!important;\n  object-fit:cover!important; object-position:center!important;\n}\n#symfiny-about .sf-story-side-card figcaption{\n  display:block!important; box-sizing:border-box!important;\n  padding:8px 10px 9px!important;\n  color:#173f39!important; background:#fffdf5!important;\n  font-size:8px!important; line-height:1.25!important;\n  letter-spacing:.10em!important; text-transform:uppercase!important;\n  opacity:1!important;\n}\n#symfiny-about .side-left-1{\n  width:205px!important; height:275px!important;\n  align-self:flex-end!important; margin-top:105px!important;\n  transform:rotate(-3deg)!important;\n}\n#symfiny-about .side-left-2{\n  width:215px!important; height:285px!important;\n  align-self:flex-start!important; margin-top:300px!important;\n  transform:rotate(3deg)!important;\n}\n#symfiny-about .side-right-1{\n  width:215px!important; height:285px!important;\n  align-self:flex-start!important; margin-top:40px!important;\n  transform:rotate(3deg)!important;\n}\n#symfiny-about .side-right-2{\n  width:205px!important; height:275px!important;\n  align-self:flex-end!important; margin-top:300px!important;\n  transform:rotate(-3deg)!important;\n}\n\/* No camouflaged story text *\/\n#symfiny-about .sf-story-four-sides .sf-story-copy p{\n  color:#173f39!important; opacity:1!important; text-shadow:none!important;\n  font-size:16px!important; line-height:1.9!important;\n  max-width:680px!important; margin-bottom:22px!important;\n}\n#symfiny-about .sf-story-four-sides .sf-story-copy .sf-story-lead{\n  color:#173f39!important; font-size:17px!important; line-height:1.85!important;\n}\n#symfiny-about .sf-story-four-sides .sf-story-quote{\n  color:#174c45!important; opacity:1!important; text-shadow:none!important;\n  border-left:1px solid #b99a63!important;\n  padding:18px 0 18px 18px!important; margin:55px 0!important;\n  font-size:clamp(38px,4vw,58px)!important; line-height:1.02!important;\n}\n#symfiny-about .sf-story-four-sides .sf-story-marker span,\n#symfiny-about .sf-story-four-sides .sf-story-marker small{\n  color:#5f8f82!important; opacity:1!important;\n}\n#symfiny-about .sf-story-four-sides .sf-story-marker i{\n  background:#b99a63!important; opacity:1!important;\n}\n\/* Kill the old giant inline\/rail images in this version *\/\n#symfiny-about .sf-story-four-sides .sf-story-photo,\n#symfiny-about .sf-story-four-sides .sf-story-pile,\n#symfiny-about .sf-story-four-sides .sf-pile-label{\n  display:none!important;\n}\n@media(max-width:1120px){\n  #symfiny-about .sf-story-four-sides{\n    grid-template-columns:165px minmax(0,1fr) 165px!important;\n    column-gap:24px!important; padding-left:16px!important; padding-right:16px!important;\n  }\n  #symfiny-about .side-left-1,#symfiny-about .side-left-2,\n  #symfiny-about .side-right-1,#symfiny-about .side-right-2{\n    width:145px!important;\n  }\n}\n@media(max-width:760px){\n  #symfiny-about .sf-story-four-sides{\n    display:flex!important; flex-direction:column!important;\n    width:100%!important; padding:20px 18px 70px!important;\n  }\n  #symfiny-about .sf-story-four-sides .sf-story-copy{order:1!important; max-width:100%!important;}\n  #symfiny-about .sf-story-four-sides .sf-story-left{order:2!important;}\n  #symfiny-about .sf-story-four-sides .sf-story-right{order:3!important;}\n  #symfiny-about .sf-story-side{\n    display:grid!important; grid-template-columns:1fr 1fr!important;\n    gap:12px!important; min-height:0!important; width:100%!important; margin:20px 0!important;\n  }\n  #symfiny-about .sf-story-side-card,\n  #symfiny-about .side-left-1,#symfiny-about .side-left-2,\n  #symfiny-about .side-right-1,#symfiny-about .side-right-2{\n    width:100%!important; height:190px!important; margin:0!important; transform:none!important;\n  }\n  #symfiny-about .sf-story-four-sides .sf-story-copy p{\n    font-size:15px!important; line-height:1.85!important;\n  }\n}\n<\/style>\n<style id=\"symfiny-water-bros-together-fix\">\n\/* Keep the entire Water Bros section unchanged except for the boys' artwork:\n   use the supplied together illustration as one intact, undistorted image. *\/\n#symfiny-about .sf-bros-originals{\n  position:relative!important;\n  display:flex!important;\n  align-items:flex-end!important;\n  justify-content:center!important;\n  width:100%!important;\n  min-height:330px!important;\n  margin:10px auto 0!important;\n}\n#symfiny-about .sf-bros-originals .sf-bro-together{\n  position:relative!important;\n  display:block!important;\n  width:auto!important;\n  height:330px!important;\n  max-width:82vw!important;\n  max-height:none!important;\n  object-fit:contain!important;\n  object-position:center bottom!important;\n  transform:none!important;\n  margin:0 auto!important;\n  z-index:4!important;\n}\n#symfiny-about .sf-bros-originals .sf-bros-ripple{\n  z-index:1!important;\n}\n@media(max-width:760px){\n  #symfiny-about .sf-bros-originals{\n    min-height:280px!important;\n  }\n  #symfiny-about .sf-bros-originals .sf-bro-together{\n    height:280px!important;\n    max-width:92vw!important;\n  }\n}\n<\/style>\n<style id=\"symfiny-water-bros-centred-final\">\n\/* WATER BROS \u2014 keep everything else unchanged.\n   Centre the supplied 6.png directly underneath the two buttons. *\/\n#symfiny-about .sf-bros-intro .sf-bros-visual.sf-bros-together{\n  position:relative!important;\n  left:auto!important;\n  right:auto!important;\n  top:auto!important;\n  bottom:auto!important;\n  display:flex!important;\n  align-items:flex-start!important;\n  justify-content:center!important;\n  width:100%!important;\n  max-width:100%!important;\n  min-height:0!important;\n  height:auto!important;\n  margin:28px auto 0!important;\n  padding:0!important;\n  transform:none!important;\n  text-align:center!important;\n  z-index:5!important;\n}\n\/* Put the two-brothers artwork in the exact centre, under the button row *\/\n#symfiny-about .sf-bros-intro .sf-bros-visual.sf-bros-together .sf-bro-together{\n  position:relative!important;\n  left:auto!important;\n  right:auto!important;\n  top:auto!important;\n  bottom:auto!important;\n  display:block!important;\n  width:auto!important;\n  height:360px!important;\n  max-width:78vw!important;\n  max-height:none!important;\n  margin:0 auto!important;\n  padding:0!important;\n  object-fit:contain!important;\n  object-position:center top!important;\n  transform-origin:center bottom!important;\n  z-index:4!important;\n  animation:sfBrosDramaticEntrance 1.5s cubic-bezier(.16,1,.3,1) both,\n            sfBrosFloat 5.5s ease-in-out 1.5s infinite!important;\n  filter:drop-shadow(0 22px 28px rgba(0,0,0,.20))!important;\n}\n\/* Dramatic but premium: rise + slight scale, then a very subtle living motion *\/\n@keyframes sfBrosDramaticEntrance{\n  0%{\n    opacity:0;\n    transform:translate3d(0,70px,0) scale(.78) rotate(-1.5deg);\n    filter:blur(7px) drop-shadow(0 8px 15px rgba(0,0,0,.05));\n  }\n  55%{\n    opacity:1;\n    transform:translate3d(0,-8px,0) scale(1.035) rotate(.35deg);\n    filter:blur(0) drop-shadow(0 24px 32px rgba(0,0,0,.22));\n  }\n  100%{\n    opacity:1;\n    transform:translate3d(0,0,0) scale(1) rotate(0);\n    filter:drop-shadow(0 22px 28px rgba(0,0,0,.20));\n  }\n}\n@keyframes sfBrosFloat{\n  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}\n  50%{transform:translate3d(0,-9px,0) rotate(.35deg)}\n}\n\/* Water ripples remain centred beneath the artwork *\/\n#symfiny-about .sf-bros-intro .sf-bros-visual.sf-bros-together .sf-bros-ripple{\n  position:absolute!important;\n  left:50%!important;\n  right:auto!important;\n  top:auto!important;\n  bottom:2px!important;\n  transform:translateX(-50%)!important;\n  pointer-events:none!important;\n  z-index:1!important;\n}\n\/* Make sure the button row itself remains centred *\/\n#symfiny-about .sf-bros-intro .sf-bros-buttons{\n  position:relative!important;\n  z-index:8!important;\n  display:flex!important;\n  justify-content:center!important;\n  align-items:center!important;\n  width:100%!important;\n  margin-left:auto!important;\n  margin-right:auto!important;\n}\n\/* Mobile *\/\n@media(max-width:760px){\n  #symfiny-about .sf-bros-intro .sf-bros-visual.sf-bros-together{\n    margin-top:22px!important;\n  }\n  #symfiny-about .sf-bros-intro .sf-bros-visual.sf-bros-together .sf-bro-together{\n    height:290px!important;\n    max-width:92vw!important;\n  }\n}\n<\/style>\n<style id=\"symfiny-comic-together-removal-final\">\n\/* FINAL CORRECTION:\n   Remove the standing\/together caricature from the COMIC section ONLY.\n   The 6.png under the Water Bros buttons is intentionally preserved. *\/\n#symfiny-about .sf-comic .sf-comic-together{\n  display:none!important;\n  visibility:hidden!important;\n  width:0!important;\n  height:0!important;\n  margin:0!important;\n  padding:0!important;\n}\n#symfiny-about .sf-comic .sf-comic-single:has(.sf-comic-together){\n  display:none!important;\n}\n<\/style>\n<style id=\"symfiny-final-v16-responsive-fix\">\n\/* ==========================================================\n   SYMFINY V16 \u2014 FINAL RESPONSIVE \/ STORY FIX\n   This is the last override layer. It does not remove any\n   existing section; it only corrects the layout of the Story\n   additions and puts the supplied Guppy image on Guppy.\n   ========================================================== *\/\n\/* Keep the custom page full-width inside Elementor without\n   allowing the Story grid to shrink into a tiny central column. *\/\n#symfiny-about{\n  width:100vw!important;\n  max-width:none!important;\n  overflow-x:hidden!important;\n}\n#symfiny-about .sf-container{\n  width:min(1180px,calc(100vw - 48px))!important;\n  max-width:1180px!important;\n  margin-left:auto!important;\n  margin-right:auto!important;\n}\n\/* STORY \u2014 clean editorial spread *\/\n#symfiny-about .sf-story{\n  overflow:hidden!important;\n  padding:118px 0 90px!important;\n  background:#f4f1e8!important;\n}\n#symfiny-about .sf-story-title{\n  max-width:920px!important;\n  color:#102f2b!important;\n}\n#symfiny-about .sf-story-lead{\n  max-width:820px!important;\n  color:#173f39!important;\n  font-size:17px!important;\n  line-height:1.9!important;\n}\n\/* Initial story: real readable centre column, with the existing\n   four farm photographs floating outside it. *\/\n#symfiny-about .sf-story-main{\n  position:relative!important;\n  width:100%!important;\n  max-width:1180px!important;\n  margin:0 auto!important;\n  min-height:760px!important;\n}\n#symfiny-about .sf-story-main-copy{\n  width:min(760px,100%)!important;\n  max-width:760px!important;\n  margin:0 auto!important;\n  padding:25px 0 45px!important;\n  position:relative!important;\n  z-index:5!important;\n}\n#symfiny-about .sf-story-main-copy p{\n  color:#173f39!important;\n  opacity:1!important;\n  font-size:16px!important;\n  line-height:1.9!important;\n  margin:0 0 22px!important;\n  max-width:760px!important;\n  white-space:normal!important;\n  word-break:normal!important;\n  overflow-wrap:normal!important;\n}\n#symfiny-about .sf-story-main-copy .sf-story-quote{\n  color:#174c45!important;\n  opacity:1!important;\n  margin:55px 0 20px!important;\n  padding:18px 0 18px 18px!important;\n  border-left:1px solid #b99a63!important;\n  font-family:var(--serif)!important;\n  font-size:clamp(38px,4vw,58px)!important;\n  line-height:1.02!important;\n}\n\/* Existing farm images are retained, but they no longer affect the\n   width of the prose. *\/\n#symfiny-about .sf-story-memory-rail{\n  position:absolute!important;\n  top:0!important;\n  width:175px!important;\n  min-height:700px!important;\n  display:flex!important;\n  flex-direction:column!important;\n  gap:155px!important;\n  z-index:2!important;\n}\n#symfiny-about .sf-story-memory-left{left:0!important}\n#symfiny-about .sf-story-memory-right{right:0!important}\n#symfiny-about .sf-story-memory-card{\n  position:relative!important;\n  width:170px!important;\n  height:225px!important;\n  margin:0!important;\n  padding:0!important;\n  overflow:hidden!important;\n  border:6px solid #fffdf5!important;\n  border-radius:15px!important;\n  background:#fffdf5!important;\n  box-shadow:0 18px 40px rgba(16,47,43,.14)!important;\n}\n#symfiny-about .sf-story-memory-card:nth-child(2){align-self:flex-end!important}\n#symfiny-about .sf-story-memory-card img{\n  display:block!important;\n  width:100%!important;\n  height:100%!important;\n  object-fit:cover!important;\n}\n#symfiny-about .sf-story-memory-card figcaption{\n  position:absolute!important;\n  left:0!important;\n  right:0!important;\n  bottom:0!important;\n  padding:9px 10px!important;\n  color:#fffdf5!important;\n  background:linear-gradient(180deg,transparent,rgba(7,29,27,.78))!important;\n  font-size:9px!important;\n  line-height:1.25!important;\n}\n\/* FOUR NEW PHOTOS \u2014 exactly 2 left + normal text + 2 right. *\/\n#symfiny-about .sf-postquote-spread{\n  width:100%!important;\n  max-width:1180px!important;\n  margin:10px auto 0!important;\n  display:grid!important;\n  grid-template-columns:175px minmax(0,760px) 175px!important;\n  column-gap:35px!important;\n  align-items:start!important;\n}\n#symfiny-about .sf-postquote-copy{\n  width:100%!important;\n  max-width:760px!important;\n  min-width:0!important;\n  margin:0!important;\n  padding:0!important;\n}\n#symfiny-about .sf-postquote-copy p{\n  color:#173f39!important;\n  opacity:1!important;\n  font-size:16px!important;\n  line-height:1.9!important;\n  margin:0 0 22px!important;\n  white-space:normal!important;\n  word-break:normal!important;\n  overflow-wrap:normal!important;\n}\n#symfiny-about .sf-postquote-photo-column{\n  display:flex!important;\n  flex-direction:column!important;\n  gap:145px!important;\n  width:175px!important;\n}\n#symfiny-about .sf-postquote-photo{\n  display:block!important;\n  width:170px!important;\n  height:220px!important;\n  margin:0!important;\n  padding:0!important;\n  overflow:hidden!important;\n  border:6px solid #fffdf5!important;\n  border-radius:15px!important;\n  background:#fffdf5!important;\n  box-shadow:0 18px 40px rgba(16,47,43,.14)!important;\n}\n#symfiny-about .sf-postquote-photo img{\n  display:block!important;\n  width:100%!important;\n  height:100%!important;\n  object-fit:cover!important;\n}\n#symfiny-about .postquote-new-left-1{transform:rotate(-3deg)!important;align-self:flex-end!important}\n#symfiny-about .postquote-new-left-2{transform:rotate(3deg)!important;align-self:flex-start!important}\n#symfiny-about .postquote-new-right-1{transform:rotate(3deg)!important;align-self:flex-start!important}\n#symfiny-about .postquote-new-right-2{transform:rotate(-3deg)!important;align-self:flex-end!important}\n\/* New \"Watch the water move.\" video *\/\n#symfiny-about .sf-watch-water-v16{\n  background:#102f2b!important;\n  padding:92px 0 105px!important;\n}\n#symfiny-about .sf-watch-water-v16 .sf-video-intro h2{\n  color:#f4f1e8!important;\n  opacity:1!important;\n}\n#symfiny-about .sf-watch-water-v16 .sf-video-intro p{\n  color:rgba(244,241,232,.80)!important;\n  opacity:1!important;\n}\n#symfiny-about .sf-watch-water-v16 .sf-video-frame{\n  position:relative!important;\n  overflow:hidden!important;\n  border-radius:26px!important;\n  box-shadow:0 28px 65px rgba(0,0,0,.22)!important;\n}\n#symfiny-about .sf-watch-water-v16 .sf-video-frame video{\n  display:block!important;\n  width:100%!important;\n  height:min(68vh,720px)!important;\n  min-height:380px!important;\n  object-fit:cover!important;\n}\n\/* Correct fish mapping \u2014 Severum gets its original Severum image,\n   Guppy gets the supplied Guppies.png. *\/\n#symfiny-about .sf-fish-card img[alt=\"Guppies\"]{\n  display:block!important;\n}\n#symfiny-about .sf-fish-card.no-photo:has(.sf-fish-no){\n  \/* only retained for other no-photo cards; Guppy is no longer one *\/\n}\n@media(max-width:1180px){\n  #symfiny-about .sf-story-main,\n  #symfiny-about .sf-postquote-spread{\n    max-width:100%!important;\n  }\n  #symfiny-about .sf-story-memory-rail{\n    width:135px!important;\n  }\n  #symfiny-about .sf-story-memory-card{\n    width:130px!important;\n    height:190px!important;\n  }\n  #symfiny-about .sf-postquote-spread{\n    grid-template-columns:140px minmax(0,1fr) 140px!important;\n    column-gap:24px!important;\n  }\n  #symfiny-about .sf-postquote-photo-column{width:140px!important}\n  #symfiny-about .sf-postquote-photo{width:135px!important;height:185px!important}\n  #symfiny-about .sf-story-main-copy,\n  #symfiny-about .sf-postquote-copy{max-width:650px!important}\n}\n@media(max-width:900px){\n  \/* Tablet: keep the story text large and readable. Photos become\n     two compact rails rather than squeezing the prose. *\/\n  #symfiny-about .sf-story-memory-rail{\n    position:relative!important;\n    top:auto!important;\n    left:auto!important;\n    right:auto!important;\n    width:100%!important;\n    min-height:0!important;\n    display:grid!important;\n    grid-template-columns:1fr 1fr!important;\n    gap:18px!important;\n    margin:0 auto 30px!important;\n  }\n  #symfiny-about .sf-story-memory-card{\n    width:100%!important;\n    max-width:none!important;\n    height:220px!important;\n  }\n  #symfiny-about .sf-story-memory-card:nth-child(2){\n    align-self:auto!important;\n  }\n  #symfiny-about .sf-story-main{\n    display:flex!important;\n    flex-direction:column!important;\n    min-height:0!important;\n  }\n  #symfiny-about .sf-story-memory-left{order:1!important}\n  #symfiny-about .sf-story-main-copy{order:2!important;max-width:760px!important}\n  #symfiny-about .sf-story-memory-right{order:3!important}\n  #symfiny-about .sf-postquote-spread{\n    grid-template-columns:1fr!important;\n    row-gap:28px!important;\n  }\n  #symfiny-about .sf-postquote-copy{order:1!important;max-width:760px!important;margin:0 auto!important}\n  #symfiny-about .sf-postquote-photo-column{\n    width:100%!important;\n    display:grid!important;\n    grid-template-columns:1fr 1fr!important;\n    gap:16px!important;\n  }\n  #symfiny-about .sf-postquote-photo-left{order:2!important}\n  #symfiny-about .sf-postquote-photo-right{order:3!important}\n  #symfiny-about .sf-postquote-photo{\n    width:100%!important;\n    height:240px!important;\n    transform:none!important;\n  }\n  #symfiny-about .sf-watch-water-v16{padding:72px 0 82px!important}\n  #symfiny-about .sf-watch-water-v16 .sf-video-frame video{height:58vh!important;min-height:330px!important}\n}\n@media(max-width:600px){\n  #symfiny-about .sf-container{\n    width:calc(100vw - 30px)!important;\n  }\n  #symfiny-about .sf-story{\n    padding:88px 0 65px!important;\n  }\n  #symfiny-about .sf-story-title{\n    font-size:clamp(44px,13vw,65px)!important;\n  }\n  #symfiny-about .sf-story-lead{\n    font-size:15px!important;\n    line-height:1.85!important;\n  }\n  #symfiny-about .sf-story-memory-rail{\n    grid-template-columns:1fr 1fr!important;\n    gap:10px!important;\n  }\n  #symfiny-about .sf-story-memory-card{\n    height:175px!important;\n    border-width:4px!important;\n    border-radius:12px!important;\n  }\n  #symfiny-about .sf-story-main-copy p,\n  #symfiny-about .sf-postquote-copy p{\n    font-size:15px!important;\n    line-height:1.85!important;\n  }\n  #symfiny-about .sf-postquote-photo-column{\n    grid-template-columns:1fr 1fr!important;\n    gap:10px!important;\n  }\n  #symfiny-about .sf-postquote-photo{\n    height:165px!important;\n    border-width:4px!important;\n    border-radius:12px!important;\n  }\n  #symfiny-about .sf-watch-water-v16{\n    padding:62px 0 70px!important;\n  }\n  #symfiny-about .sf-watch-water-v16 .sf-video-frame{\n    border-radius:18px!important;\n  }\n  #symfiny-about .sf-watch-water-v16 .sf-video-frame video{\n    height:56vh!important;\n    min-height:280px!important;\n  }\n}\n@media(prefers-reduced-motion:reduce){\n  #symfiny-about .sf-story-memory-card img{transition:none!important}\n}\n<\/style>\n<style>\n\/* ==========================================================\n   SYMFINY \u2014 MOBILE \/ PHONE FRIENDLY PASS\n   Keeps the desktop design intact and gives phones their own\n   deliberate layout instead of squeezing the desktop geometry.\n   ========================================================== *\/\n#symfiny-about .sf-mobile-menu,\n#symfiny-about .sf-mobile-drawer{display:none}\n@media(max-width:700px){\n  \/* ---------- FIXED MOBILE NAV ---------- *\/\n  #symfiny-about .sf-header{\n    padding:7px 0!important;\n    height:62px!important;\n    background:rgba(7,29,27,.94)!important;\n    backdrop-filter:blur(20px) saturate(125%)!important;\n    -webkit-backdrop-filter:blur(20px) saturate(125%)!important;\n  }\n  \/* Never hide the only navigation on a phone. *\/\n  #symfiny-about .sf-header.hide{transform:none!important}\n  #symfiny-about .sf-header-inner{\n    width:calc(100vw - 28px)!important;\n    height:48px!important;\n    gap:12px!important;\n  }\n  #symfiny-about .sf-header-inner>a{\n    display:flex!important;\n    align-items:center!important;\n    min-width:0!important;\n  }\n  #symfiny-about .sf-logo{\n    width:78px!important;\n    height:42px!important;\n  }\n  #symfiny-about .sf-nav{display:none!important}\n  #symfiny-about .sf-mobile-menu{\n    display:flex!important;\n    margin-left:auto!important;\n    width:43px!important;\n    height:43px!important;\n    padding:0!important;\n    border:1px solid rgba(244,241,232,.22)!important;\n    border-radius:50%!important;\n    background:rgba(244,241,232,.07)!important;\n    align-items:center!important;\n    justify-content:center!important;\n    flex-direction:column!important;\n    gap:5px!important;\n    cursor:pointer!important;\n    position:relative!important;\n    z-index:1003!important;\n  }\n  #symfiny-about .sf-mobile-menu span{\n    display:block!important;\n    width:17px!important;\n    height:1.5px!important;\n    border-radius:2px!important;\n    background:#f4f1e8!important;\n    transition:transform .25s ease,opacity .25s ease!important;\n  }\n  #symfiny-about .sf-mobile-menu.is-open span:nth-child(1){\n    transform:translateY(6.5px) rotate(45deg)!important;\n  }\n  #symfiny-about .sf-mobile-menu.is-open span:nth-child(2){opacity:0!important}\n  #symfiny-about .sf-mobile-menu.is-open span:nth-child(3){\n    transform:translateY(-6.5px) rotate(-45deg)!important;\n  }\n  #symfiny-about .sf-mobile-drawer{\n    display:block!important;\n    position:absolute!important;\n    left:0!important;\n    right:0!important;\n    top:61px!important;\n    padding:0 14px 14px!important;\n    background:rgba(7,29,27,.97)!important;\n    border-top:1px solid rgba(244,241,232,.08)!important;\n    border-bottom:1px solid rgba(244,241,232,.14)!important;\n    box-shadow:0 24px 45px rgba(0,0,0,.28)!important;\n    transform:translateY(-120%)!important;\n    opacity:0!important;\n    visibility:hidden!important;\n    transition:transform .28s ease,opacity .28s ease,visibility .28s ease!important;\n    z-index:1002!important;\n  }\n  #symfiny-about .sf-mobile-drawer.is-open{\n    transform:translateY(0)!important;\n    opacity:1!important;\n    visibility:visible!important;\n  }\n  #symfiny-about .sf-mobile-drawer-inner{\n    display:flex!important;\n    flex-direction:column!important;\n    width:100%!important;\n    padding:12px 5px 5px!important;\n  }\n  #symfiny-about .sf-mobile-label{\n    padding:6px 12px 10px!important;\n    color:#b99a63!important;\n    font-size:9px!important;\n    font-weight:800!important;\n    letter-spacing:.2em!important;\n  }\n  #symfiny-about .sf-mobile-drawer a{\n    display:block!important;\n    padding:13px 12px!important;\n    border-top:1px solid rgba(244,241,232,.08)!important;\n    color:#f4f1e8!important;\n    font-size:11px!important;\n    font-weight:700!important;\n    letter-spacing:.13em!important;\n    text-transform:uppercase!important;\n  }\n  \/* ---------- PAGE WIDTH \/ SPACING ---------- *\/\n  #symfiny-about{\n    width:100%!important;\n    max-width:100%!important;\n    left:0!important;\n    margin-left:0!important;\n    overflow-x:hidden!important;\n  }\n  #symfiny-about .sf-container,\n  #symfiny-about .sf-header-inner,\n  #symfiny-about .sf-hero-content{\n    width:calc(100% - 30px)!important;\n    max-width:none!important;\n  }\n  #symfiny-about .sf-section,\n  #symfiny-about .sf-philosophy,\n  #symfiny-about .sf-vision,\n  #symfiny-about .sf-story,\n  #symfiny-about .sf-farm,\n  #symfiny-about .sf-ethics,\n  #symfiny-about .sf-fish{\n    padding-top:76px!important;\n    padding-bottom:76px!important;\n  }\n  \/* ---------- HERO ---------- *\/\n  #symfiny-about .sf-hero{\n    min-height:100svh!important;\n  }\n  #symfiny-about .sf-hero-content{\n    padding-bottom:48px!important;\n  }\n  #symfiny-about .sf-hero h1{\n    font-size:clamp(47px,14vw,67px)!important;\n    line-height:.98!important;\n    letter-spacing:-.045em!important;\n  }\n  #symfiny-about .sf-hero-sub{\n    max-width:100%!important;\n    font-size:14px!important;\n    line-height:1.75!important;\n  }\n  #symfiny-about .sf-eyebrow{\n    font-size:9px!important;\n    letter-spacing:.17em!important;\n  }\n  \/* ---------- ALL MAJOR GRIDS ---------- *\/\n  #symfiny-about .sf-meaning-grid,\n  #symfiny-about .sf-philosophy-grid,\n  #symfiny-about .sf-vision-head,\n  #symfiny-about .sf-farm-grid{\n    grid-template-columns:1fr!important;\n    gap:30px!important;\n  }\n  #symfiny-about .sf-meaning .sf-title,\n  #symfiny-about .sf-philosophy .sf-title,\n  #symfiny-about .sf-vision h2,\n  #symfiny-about .sf-farm h2,\n  #symfiny-about .sf-ethics h2{\n    font-size:clamp(40px,11vw,58px)!important;\n    line-height:1.02!important;\n  }\n  #symfiny-about .sf-meaning-copy,\n  #symfiny-about .sf-philosophy-copy p,\n  #symfiny-about .sf-farm p,\n  #symfiny-about .sf-vision-intro,\n  #symfiny-about .sf-ethics-intro{\n    font-size:14px!important;\n    line-height:1.82!important;\n  }\n  #symfiny-about .sf-image-card img,\n  #symfiny-about .sf-philosophy-media img{\n    height:330px!important;\n  }\n  #symfiny-about .sf-philosophy-media{\n    min-height:330px!important;\n  }\n  \/* ---------- VISION CARDS ---------- *\/\n  #symfiny-about .sf-vision-grid{\n    grid-template-columns:1fr!important;\n    gap:10px!important;\n  }\n  #symfiny-about .sf-vision-card{\n    min-height:0!important;\n    padding:22px 19px!important;\n  }\n  #symfiny-about .sf-vision-card h3{\n    font-size:25px!important;\n    margin:25px 0 9px!important;\n  }\n  #symfiny-about .sf-vision-card p{\n    font-size:12px!important;\n    line-height:1.7!important;\n  }\n  #symfiny-about .sf-vision-belief{\n    margin-top:28px!important;\n    padding:22px!important;\n    font-size:14px!important;\n  }\n  \/* ---------- STORY: NO SIDE RAILS \/ NO SQUEEZING ---------- *\/\n  #symfiny-about .sf-story{\n    overflow:hidden!important;\n  }\n  #symfiny-about .sf-story-title{\n    max-width:100%!important;\n    font-size:clamp(43px,12.5vw,62px)!important;\n    line-height:1!important;\n  }\n  #symfiny-about .sf-story-lead{\n    max-width:100%!important;\n    font-size:14px!important;\n    line-height:1.8!important;\n    margin-bottom:35px!important;\n  }\n  #symfiny-about .sf-story-main{\n    display:flex!important;\n    flex-direction:column!important;\n    width:100%!important;\n    min-height:0!important;\n  }\n  #symfiny-about .sf-story-memory-rail{\n    position:relative!important;\n    inset:auto!important;\n    width:100%!important;\n    min-height:0!important;\n    display:grid!important;\n    grid-template-columns:1fr 1fr!important;\n    gap:9px!important;\n    margin:0 0 25px!important;\n  }\n  #symfiny-about .sf-story-memory-card{\n    width:100%!important;\n    height:155px!important;\n    border:4px solid #fffdf5!important;\n    border-radius:11px!important;\n  }\n  #symfiny-about .sf-story-memory-card:nth-child(2){\n    align-self:auto!important;\n  }\n  #symfiny-about .sf-story-main-copy{\n    order:2!important;\n    width:100%!important;\n    max-width:none!important;\n    padding-bottom:20px!important;\n  }\n  #symfiny-about .sf-story-main-copy p,\n  #symfiny-about .sf-postquote-copy p{\n    font-size:14.5px!important;\n    line-height:1.82!important;\n    margin-bottom:18px!important;\n  }\n  #symfiny-about .sf-story-main-copy .sf-story-quote{\n    font-size:clamp(30px,9vw,44px)!important;\n    line-height:1.06!important;\n    margin:35px 0 25px!important;\n    padding:15px 0 15px 15px!important;\n  }\n  \/* Postquote photos become a clean 2\u00d72 photo spread. *\/\n  #symfiny-about .sf-postquote-spread{\n    width:100%!important;\n    display:flex!important;\n    flex-direction:column!important;\n    gap:18px!important;\n    margin-top:5px!important;\n  }\n  #symfiny-about .sf-postquote-copy{\n    order:1!important;\n    width:100%!important;\n    max-width:none!important;\n  }\n  #symfiny-about .sf-postquote-photo-column{\n    width:100%!important;\n    display:grid!important;\n    grid-template-columns:1fr 1fr!important;\n    gap:9px!important;\n  }\n  #symfiny-about .sf-postquote-photo-left{order:2!important}\n  #symfiny-about .sf-postquote-photo-right{order:3!important}\n  #symfiny-about .sf-postquote-photo{\n    width:100%!important;\n    height:155px!important;\n    border:4px solid #fffdf5!important;\n    border-radius:11px!important;\n    transform:none!important;\n  }\n  \/* ---------- VIDEO ---------- *\/\n  #symfiny-about .sf-video-intro{\n    display:block!important;\n    margin-bottom:20px!important;\n  }\n  #symfiny-about .sf-video-intro h2{\n    font-size:clamp(37px,10vw,52px)!important;\n  }\n  #symfiny-about .sf-video-intro p{\n    max-width:100%!important;\n    margin-top:14px!important;\n    font-size:13px!important;\n  }\n  #symfiny-about .sf-video-frame{\n    border-radius:17px!important;\n  }\n  #symfiny-about .sf-video-frame video{\n    height:58svh!important;\n    min-height:270px!important;\n    max-height:520px!important;\n  }\n  \/* ---------- WATER BROS ---------- *\/\n  #symfiny-about .sf-bros-intro{\n    padding:78px 0 65px!important;\n  }\n  #symfiny-about .sf-bros-logo{\n    width:min(360px,88vw)!important;\n    max-height:170px!important;\n    margin-bottom:22px!important;\n  }\n  #symfiny-about .sf-bros-intro h2{\n    font-size:clamp(43px,12vw,60px)!important;\n  }\n  #symfiny-about .sf-bros-intro p{\n    width:calc(100% - 10px)!important;\n    font-size:13px!important;\n    line-height:1.75!important;\n  }\n  #symfiny-about .sf-bros-buttons{\n    gap:9px!important;\n  }\n  #symfiny-about .sf-btn{\n    min-height:46px!important;\n    padding:0 17px!important;\n    font-size:9px!important;\n  }\n  #symfiny-about .sf-bros-visual{\n    height:205px!important;\n    margin-top:40px!important;\n    width:100%!important;\n  }\n  #symfiny-about .sf-bro{\n    height:200px!important;\n  }\n  #symfiny-about .sf-bro.asher{left:0!important}\n  #symfiny-about .sf-bro.aidan{right:0!important}\n  \/* ---------- COMIC: STACK PANELS, NEVER PUT BUBBLES OVER FACES ---------- *\/\n  #symfiny-about .sf-comic{\n    padding:55px 0 70px!important;\n    overflow:hidden!important;\n  }\n  #symfiny-about .sf-comic-head{\n    display:block!important;\n    margin-bottom:25px!important;\n  }\n  #symfiny-about .sf-comic-head h2{\n    font-size:clamp(42px,11vw,58px)!important;\n    line-height:1!important;\n  }\n  #symfiny-about .sf-comic-actions{\n    margin-top:17px!important;\n    gap:7px!important;\n  }\n  #symfiny-about .sf-comic-btn{\n    padding:10px 12px!important;\n    font-size:9px!important;\n  }\n  #symfiny-about .sf-comic-chapter{\n    padding:40px 0 44px!important;\n  }\n  #symfiny-about .sf-comic-chapter:before{\n    top:19px!important;\n    width:48px!important;\n  }\n  #symfiny-about .sf-chapter-title{\n    font-size:clamp(30px,8.5vw,44px)!important;\n    line-height:1.06!important;\n    margin:10px 0 18px!important;\n  }\n  #symfiny-about .sf-comic-grid,\n  #symfiny-about .sf-comic-chapter:nth-of-type(odd) .sf-comic-grid{\n    display:grid!important;\n    grid-template-columns:1fr!important;\n    gap:14px!important;\n    align-items:stretch!important;\n  }\n  #symfiny-about .sf-comic-panel{\n    display:flex!important;\n    flex-direction:column!important;\n    justify-content:flex-end!important;\n    width:100%!important;\n    height:auto!important;\n    min-height:0!important;\n    padding:9px!important;\n    border-radius:13px!important;\n    clip-path:none!important;\n    overflow:hidden!important;\n  }\n  #symfiny-about .sf-comic-panel:before{inset:7px!important}\n  #symfiny-about .sf-comic-panel img{\n    position:relative!important;\n    inset:auto!important;\n    width:100%!important;\n    height:230px!important;\n    min-height:230px!important;\n    flex:none!important;\n    object-fit:contain!important;\n    object-position:center bottom!important;\n    transform:none!important;\n    filter:drop-shadow(0 10px 13px rgba(16,47,43,.14))!important;\n    animation:none!important;\n  }\n  #symfiny-about .sf-comic-panel:hover img{transform:none!important}\n  #symfiny-about .sf-bubble{\n    position:relative!important;\n    left:auto!important;\n    right:auto!important;\n    bottom:auto!important;\n    width:100%!important;\n    max-width:none!important;\n    margin:7px 0 0!important;\n    padding:11px 12px 12px!important;\n    border-radius:12px!important;\n    box-shadow:0 8px 18px rgba(16,47,43,.12)!important;\n    z-index:4!important;\n  }\n  #symfiny-about .sf-bubble:after{display:none!important}\n  #symfiny-about .sf-bubble strong{\n    font-size:8px!important;\n    margin-bottom:5px!important;\n  }\n  #symfiny-about .sf-bubble span{\n    font-size:15px!important;\n    line-height:1.3!important;\n  }\n  #symfiny-about .sf-comic-single .sf-comic-panel{\n    width:100%!important;\n    max-width:none!important;\n    margin:20px auto 0!important;\n  }\n  #symfiny-about .sf-comic-together{\n    width:min(380px,100%)!important;\n    height:auto!important;\n    max-height:190px!important;\n    margin:15px auto 0!important;\n  }\n  #symfiny-about .sf-comic-breath{\n    width:calc(100% - 12px)!important;\n    margin:14px auto!important;\n    padding:50px 17px!important;\n    border-radius:20px!important;\n  }\n  #symfiny-about .sf-comic-breath:before{inset:12px!important;border-radius:14px!important}\n  #symfiny-about .sf-comic-breath .sf-water-word{\n    font-size:clamp(62px,18vw,105px)!important;\n  }\n  #symfiny-about .sf-comic-breath h3{\n    font-size:clamp(28px,8vw,42px)!important;\n  }\n  \/* ---------- FISH ---------- *\/\n  #symfiny-about .sf-fish{\n    padding-top:76px!important;\n    padding-bottom:76px!important;\n  }\n  #symfiny-about .sf-fish-head{\n    max-width:100%!important;\n    margin-bottom:30px!important;\n  }\n  #symfiny-about .sf-fish h2{\n    font-size:clamp(44px,12vw,62px)!important;\n  }\n  #symfiny-about .sf-fish-grid{\n    grid-template-columns:1fr!important;\n    gap:12px!important;\n  }\n  #symfiny-about .sf-fish-card{\n    width:100%!important;\n    height:520px!important;\n    min-height:520px!important;\n    border-radius:17px!important;\n  }\n  #symfiny-about .sf-fish-info{\n    left:9px!important;\n    right:9px!important;\n    bottom:9px!important;\n    padding:13px!important;\n  }\n  #symfiny-about .sf-fish-name{font-size:30px!important}\n  #symfiny-about .sf-fish-spec div{padding:6px 7px!important}\n  #symfiny-about .sf-gallery-controls{right:9px!important;top:9px!important}\n  #symfiny-about .sf-gallery-dots{top:15px!important}\n  \/* ---------- FARM \/ FOOTER ---------- *\/\n  #symfiny-about .sf-farm-media img{height:360px!important}\n  #symfiny-about .sf-dream{\n    min-height:560px!important;\n  }\n  #symfiny-about .sf-dream-content{\n    padding:72px 0!important;\n  }\n  #symfiny-about .sf-dream h2{\n    font-size:clamp(45px,13vw,65px)!important;\n  }\n  #symfiny-about .sf-dream p{\n    font-size:14px!important;\n    line-height:1.8!important;\n  }\n  #symfiny-about .sf-principles{\n    grid-template-columns:1fr!important;\n    gap:10px!important;\n  }\n  #symfiny-about .sf-principle{\n    min-height:0!important;\n    padding:21px!important;\n  }\n  #symfiny-about .sf-principle h3{font-size:23px!important}\n  #symfiny-about .sf-principle p{font-size:12px!important}\n  #symfiny-about .sf-footer{\n    padding:80px 0 45px!important;\n  }\n  #symfiny-about .sf-footer h2{\n    font-size:clamp(48px,14vw,70px)!important;\n  }\n}\n<\/style>\n<style id=\"symfiny-fish-centered-final\">\n\/* ==========================================================\n   SYMFINY FINAL \u2014 CENTRE FISH PHOTOS\n   Keeps every fish visually centred on desktop + phone.\n   ========================================================== *\/\n#symfiny-about .sf-fish-card{\n  display:block!important;\n}\n#symfiny-about .sf-fish-photo{\n  width:100%!important;\n  height:100%!important;\n  object-fit:contain!important;\n  object-position:center center!important;\n  padding:12px 18px 105px!important;\n}\n#symfiny-about .sf-fish-gallery .sf-fish-photo{\n  inset:0!important;\n  width:100%!important;\n  height:100%!important;\n  object-fit:contain!important;\n  object-position:center center!important;\n  padding:12px 18px 105px!important;\n}\n@media(max-width:700px){\n  #symfiny-about .sf-fish-photo,\n  #symfiny-about .sf-fish-gallery .sf-fish-photo{\n    padding:10px 12px 105px!important;\n    object-position:center center!important;\n  }\n}\n<\/style>\n<style id=\"symfiny-fish-fullscreen-final\">\n\/* ==========================================================\n   SYMFINY FINAL FISH FIX \u2014 FULL FRAME PHOTOS\n   The fish photos fill the entire card again.\n   No inner border, inset, or artificial photo background.\n   ========================================================== *\/\n#symfiny-about .sf-fish-photo,\n#symfiny-about .sf-fish-gallery .sf-fish-photo{\n  position:absolute!important;\n  inset:0!important;\n  width:100%!important;\n  height:100%!important;\n  padding:0!important;\n  object-fit:cover!important;\n  object-position:center center!important;\n  background:transparent!important;\n  border:0!important;\n  box-shadow:none!important;\n}\n\/* Keep the actual photograph edge-to-edge while retaining the\n   existing subtle card treatment and readable information overlay. *\/\n#symfiny-about .sf-fish-gallery{\n  inset:0!important;\n  background:transparent!important;\n}\n#symfiny-about .sf-fish-slide{\n  inset:0!important;\n  background:transparent!important;\n}\n@media(max-width:700px){\n  #symfiny-about .sf-fish-photo,\n  #symfiny-about .sf-fish-gallery .sf-fish-photo{\n    padding:0!important;\n    object-fit:cover!important;\n    object-position:center center!important;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Symfiny Philosophy Our Story Our Farm Field Notes EXPLORE SYMFINY Symfiny Philosophy Our Story Our Farm Field Notes SYMFINY \u00b7 WATER \u00b7 CURIOSITY \u00b7 LIFE Where curiositymeets water. A little fishkeeping. A lot of noticing. And a growing belief that when we understand water, we begin to understand the world around us. SCROLL \u00b7 NOTICE \u00b7 CONNECT WHAT DOES SYMFINY MEAN? A quiet harmonybetween fish, water &#038; life. Symfiny = symphony + fin Symfiny is where symphony meets fin \u2014 the quiet harmony between fish, water and life. For us, it has come to mean much more than a name. It is fish, purpose, children with muddy feet, tanks full of life, days shaped by nature and a deep love for water. It is a place where an aquarium can slow you down, where caring for something small can change the way you see something much bigger, and where even Maya, our cow has a say..(pssst\u2026in everything if you let her!) Even Maya gets a vote. Water first \u00b7 Always OUR PHILOSOPHY Care for the water,and life will follow. At Symfiny, we believe healthy life begins with healthy systems. That means understanding the water, observing before interfering, creating balance rather than chasing quick fixes, and working with natural processes wherever possible. This thinking guides everything we do \u2014 how we raise fish, manage our farm, reuse water, grow food, teach children and design our learning experiences. We see fishkeeping as more than a hobby. It is a simple, powerful way to understand responsibility, interdependence, patience and the value of water itself. For us, sustainability is not a separate idea. It is part of how we live: use thoughtfully, waste less, return what we can, and leave enough for what comes next. WaterBalanceNatureCare OUR VISION Build an integrated aquatic ecosystem where life, learning &#038; wellbeing come together. To build an integrated aquatic ecosystem where fish, water, education, enterprise and wellbeing come together. Our vision is to develop products, experiences and learning platforms that serve homes, schools, young entrepreneurs and communities, while promoting better fishkeeping, greater water awareness and more thoughtful interaction with living systems. THE SYMFINY WAYobserve \u00b7 understand \u00b7 care THE CENTRE WATER everything connects here 01FISHlife 03LEARNcuriosity 04BUILDopportunity 05WELLBEINGcalm 02SPACEShabitat FISH \u00b7 WATER \u00b7 EDUCATION \u00b7 ENTERPRISE \u00b7 WELLBEING 01 Fish Responsible ornamental fish breeding and aquatic care. \u2197 02 Spaces Aquascaping and living aquatic spaces. \u2197 03 Learn Water and nature education for children. \u2197 04 Build Aquapreneurship and livelihood opportunities. \u2197 05 Wellbeing Aquariums for calm, wellbeing and therapeutic environments. \u2197 OUR CENTRAL BELIEF When people connect more deeply with aquatic life, they begin to understand water differently \u2014 and care for it differently too. OUR STORY \u00b7 BEFORE SYMFINY HAD A NAME Before Symfiny had a name, this was home. Long before Symfiny had a name, there was simply the way our family lived: close to water, close to the land, and with enough room to stay curious. Dad found his rhythm in the sea, diving for years; Mum found hers in music, always listening for pattern, harmony and feeling. We grew up somewhere between those two worlds. Looking back, Symfiny feels less like an idea we invented and more like a place we were always heading toward. Life around the farm The farm kept teaching us THE BEGINNINGsoil \u00b7 water \u00b7 family We grew up with our feet in the soil, wind in our faces and rain being a perfectly good reason to run outside. We have swum in rivers, climbed trees, watched stars, grown food, eaten things straight from the land and spent a lot of time around animals. Probably more time than some of the animals wanted. Farm life has never really felt unusual to us. It is just home. We grow what we can, eat from the land, cook simply, compost, reuse things and try to waste as little as possible. We collect water, recycle it where we can and avoid harsh chemicals on the farm. We also work closely with people from the villages around us, who have taught us a lot about the land, the seasons and doing things simply. Symfiny, though, was not part of some big plan. Our family was looking for something we could build here on the farm \u2014 something that would allow us to keep living in the country and make this life sustainable. Somewhere along the way, we found fishkeeping. Or maybe fishkeeping found us. It started with a few tanks. As these things apparently do. And then it grew. There was something about fish that drew us in. They are these strange little butterflies and dragons underwater \u2014 beautiful, curious and full of personality once you actually stop and watch them. At first, we were fascinated by the fish. Then we started noticing the water. And that changed everything. Curiosity becomes a way of life Water \u00b7 animals \u00b7 seasons When you keep fish, water stops being something that simply comes from a tap. You begin to see it. You notice how it changes, what lives inside it, what keeps it healthy and how quickly life responds when something goes wrong. Water can be gentle enough to hold a tiny fry and powerful enough to carve its way through rock. It carries, nourishes, cleans, connects and somehow always finds a way. And almost everything alive depends on it. We have always loved water. We could honestly spend most of the day in a river and have very few complaints. But fishkeeping made us respect water in a completely different way. It taught us to notice more. To care more. To wait. And sometimes, most importantly, to stop touching things and give nature a chance to sort itself out. The more we learnt about fish and water, the more we began seeing the same lessons everywhere else \u2014 in the soil, trees, ponds, animals, rain and changing seasons. That is one of the biggest things this farm has taught us. Nature has its<\/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":"unboxed","site-sidebar-style":"unboxed","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":"set","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-2727","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/duoocanvas.com\/symfiny\/wp-json\/wp\/v2\/pages\/2727","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=2727"}],"version-history":[{"count":124,"href":"https:\/\/duoocanvas.com\/symfiny\/wp-json\/wp\/v2\/pages\/2727\/revisions"}],"predecessor-version":[{"id":2967,"href":"https:\/\/duoocanvas.com\/symfiny\/wp-json\/wp\/v2\/pages\/2727\/revisions\/2967"}],"wp:attachment":[{"href":"https:\/\/duoocanvas.com\/symfiny\/wp-json\/wp\/v2\/media?parent=2727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}